<<<<<<< HEAD body{ background: #f5f5f5; } /*//login-wrapper*/ div.login-wrapper{ width: 100%; position: relative; padding: 78px 0 60px; background: #dfe8f7; box-sizing: border-box; } div.login-wrapper .header{ width: 100%; height: 78px; font-size: 20px; color: #FFF; background: #000000; position: absolute; left: 0; top: 0; z-index: 10; } div.login-wrapper .header a.logo{ display: block; font-size: 20px; color: #FFF; margin-top: 18px; float: left; } div.login-wrapper .header a.logo span{ display: inline-block; padding-left: 15px; } div.login-wrapper .header ul.list{ margin-top: 26px; float: right; } div.login-wrapper .header ul.list:after{ display: block; content: ''; clear: both; } div.login-wrapper .header ul.list li{ font-size: 14px; padding-left: 10px; float: left; } div.login-wrapper .header ul.list li a{ color: #FFF; } div.login-wrapper .header ul.list li.red a{ color: #ff410f; } /*div.login-wrapper .content-box{ height: 100%; }*/ div.login-wrapper .content-box .container{ padding: 0 !important; } div.login-wrap{ width: 100%; padding: 160px 0; position: relative; background: url("../images/login/bg2.jpg") no-repeat left center; background-size: 800px; } div.login-wrap.reg{ padding: 80px 0; } div.login-wrap:after{ display: block; content: ''; clear: both; } div.login-form{ min-height: 500px; float: right; } div.login-form form.update{ background: #FFF; padding: 50px; box-sizing: border-box; } div.login-form form.update h3{ font-size: 20px; color: #333; margin: 0 0 35px; line-height: 20px; padding: 0; text-align: center; } div.login-form form.update .ipt-txt{ width: 350px; height: 60px; margin-top: 18px; } div.login-form form.update .ipt-txt input{ width: 100%; height: 100%; background: #f3f3f3; border: 0; outline: none; padding: 0 18px; font-size: 14px; color: #333; box-sizing: border-box; } div.login-form form.update .ipt-txt.code{ padding-right: 142px; box-sizing: border-box; position: relative; } div.login-form form.update .ipt-txt.code input{ width: 100%; } div.login-form form.update .ipt-txt.code .verify-code{ width: 130px; line-height: 52px; position: absolute; top: 0; right: 0; z-index: 10; } div.login-form form.update .ipt-txt.code .verify-code img{ width: 100%; height: 100%; } div.login-form form.update .ipt-txt.code2{ position: relative; } div.login-form form.update .ipt-txt.code2 button.btn-getMsg{ border: 0; display: block; background: #ff410f; font-size: 14px; color: #FFF; line-height: 14px; padding: 10px 16px; border-radius: 6px; position: absolute; top: 50%; margin-top: -17px; right: 12px; z-index: 10; } div.login-form form.update .ipt-txt.code2 button.btn-getMsg.dis{ background: #ccc; } div.login-form form.update .ipt-txt.code2 a.btn-getMsg:hover{ text-decoration: none; } div.login-form form.update button.btn-lg{ width: 100%; height: 60px; font-size: 20px; color: #ffffff; background: #ff410f; border: 0; margin-top: 50px; cursor: pointer; } div.login-form form.update button.btn-rg{ width: 100%; height: 60px; font-size: 20px; color: #ffffff; background: #ff410f; border: 0; margin: 36px 0 10px; cursor: pointer; } div.login-form form.update .btm-info{ width: 100%; padding: 12px 0; } div.login-form form.update .btm-info:after{ display: block; content: ''; clear: both; } div.login-form form.update .btm-info a.forget, div.login-form form.update .btm-info label{ font-size: 14px; } div.login-form form.update .btm-info a.forget{ color: #ff410f; float: right; } div.login-form form.update .btm-info label{ color: #6c6c6c; font-weight: normal; } div.login-form form.update .desc{ font-size: 14px; color: #959595; padding-top: 5px; } div.login-form form.update .code-img{ text-align: center; padding-bottom: 15px; } div.login-form form.update .code-img .thumb{ width: 180px; margin: 0 auto; position: relative; } div.login-form form.update .code-img img{ max-width: 100%; position: relative; z-index: 1; } div.login-form form.update .code-img .thumb span{ background: rgba(255, 255, 255, .5) url("../images/login/over.png") no-repeat center center; background-size: 60px; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } div.login-form form.update .code-img p{ font-size: 14px; color: #7d7d7d; } div.footer{ width: 100%; height: 60px; font-size: 14px; color: #959595; padding: 0; background: #000; line-height: 60px; position: absolute; left: 0; bottom: 0; z-index: 10; } div.footer p{ margin: 0; } /*index-wrapper*/ div.index-wrapper{ padding: 15px 50px; } div.index-wrapper .mt18{ margin-top: 18px; } div.index-wrapper .index-box{ background: #FFF; padding: 10px 18px; } div.index-wrapper .index-box .title{ width: 100%; } div.index-wrapper .index-box .title:after{ display: block; content: ''; clear: both; } div.index-wrapper .index-box .title h2{ font-size: 18px; font-weight: bold; line-height: 18px; } div.index-wrapper .index-box .title a.fresh{ display: block; width: 40px; height: 40px; background: url("../images/home/refresh.png") no-repeat center; background-size: 100% 100%; float: right; } div.index-wrapper .index-box .content{ width: 100%; } div.index-wrapper .index-box .content:after{ display: block; content: ''; clear: both; } div.index-wrapper .notice-box{ } div.index-wrapper .notice-box .left{ float: left; } div.index-wrapper .notice-box .left p{ font-size: 14px; color: #666; margin: 0; } div.index-wrapper .notice-box .right{ float: right; } div.index-wrapper .notice-box .right a.btn-link{ width: 130px; font-size: 14px; color: #FFF; background: #64a6fa; line-height: 14px; padding: 10px 0; border-radius: 6px; display: inline-block; text-align: center; } div.index-wrapper .general{ } div.index-wrapper .general dl.item{ width: 100%; display: table; border-top: 1px solid #e5e5e5; padding: 30px 0; } div.index-wrapper .general dl.item:first-child{ border-top: 0; } div.index-wrapper .general dl.item dt, div.index-wrapper .general dl.item dd{ display: table-cell; vertical-align: middle; } div.index-wrapper .general dl.item dt{ width: 70px; white-space: nowrap; padding: 0 10px; } div.index-wrapper .general dl.item dt img{ width: 70px; } div.index-wrapper .general dl.item dd{ padding-left: 10px; } div.index-wrapper .general dl.item ul.list{ width: 100%; } div.index-wrapper .general dl.item ul.list:after{ display: block; content: ''; clear: both; } div.index-wrapper .general dl.item ul.list li{ width: 20%; float: left; } div.index-wrapper .general dl.item ul.list.first{ } div.index-wrapper .general dl.item ul.list.first h5{ font-size: 14px; margin: 0; } div.index-wrapper .general dl.item ul.list.first h3{ font-size: 28px; color: #64a4fc; padding: 0; margin: 20px 0 5px; } div.index-wrapper .general dl.item ul.list.first p{ padding: 0; margin: 0; font-size: 12px; line-height: 12px; color: #999; } div.index-wrapper .general dl.item ul.list.second{ } div.index-wrapper .general dl.item ul.list.second h5{ font-size: 14px; margin: 0; } div.index-wrapper .general dl.item ul.list.second h3{ font-size: 28px; color: #d1b07b; margin: 20px 0 0; padding: 0; } div.index-wrapper .use{ } div.index-wrapper .use ul.list{ padding: 10px 0 20px; width: 85%; } div.index-wrapper .use ul.list:after{ display: block; content: ''; clear: both; } div.index-wrapper .use ul.list li{ width: 25%; text-indent: 0; line-height: 14px; text-align: left; margin: 0; padding: 10px 0; float: left; } div.index-wrapper .use ul.list li a{ font-size: 14px; color: #333; } div.index-wrapper .use ul.list li a:hover{ opacity: .8; } div.index-wrapper .use ul.list li i.icon, div.index-wrapper .use ul.list li span{ display: inline-block; vertical-align: middle; } div.index-wrapper .use ul.list li i.icon{ width: 20px; height: 20px; margin-right: 5px; background: no-repeat left center; background-size: 20px 20px; } div.index-wrapper .use ul.list li i.icon.icon-01{ background-image: url("../images/home/icon_01.png"); } div.index-wrapper .use ul.list li i.icon.icon-02{ background-image: url("../images/home/icon_02.png"); } div.index-wrapper .use ul.list li i.icon.icon-03{ background-image: url("../images/home/icon_03.png"); } div.index-wrapper .use ul.list li i.icon.icon-04{ background-image: url("../images/home/icon_04.png"); } div.index-wrapper .use ul.list li i.icon.icon-05{ background-image: url("../images/home/icon_05.png"); } div.index-wrapper .use ul.list li i.icon.icon-06{ background-image: url("../images/home/icon_06.png"); } div.index-wrapper .use ul.list li i.icon.icon-07{ background-image: url("../images/home/icon_07.png"); } div.index-wrapper .use ul.list li i.icon.icon-08{ background-image: url("../images/home/icon_08.png"); } div.index-wrapper .use ul.list li i.icon.icon-09{ background-image: url("../images/home/icon_09.png"); } div.recharge-box{ background: #FFF; margin-top: 18px; padding: 70px 50px; } div.recharge-box .pay-info{ width: 760px; margin: 0 auto; max-width: 100%; } div.recharge-box .pay-info h3{ text-align: center; font-size: 16px; } div.recharge-box .pay-info h3 span.blue{ color: #71abfc; display: inline-block; padding-left: 10px; } div.recharge-box .pay-info form.update{ width: 100%; border: 1px solid #dcdcdc; padding: 30px 70px; box-sizing: border-box; margin-top: 15px; } div.recharge-box .pay-info form.update:after{ display: block; content: ''; clear: both; } div.recharge-box .pay-info form.update .left{ width: 300px; float: left; } div.recharge-box .pay-info form.update .left dl.item{ width: 100%; display: table; padding: 19px 0; border-top: 1px solid #DDD; } div.recharge-box .pay-info form.update .left dl.item:first-child{ border-top: 0; } div.recharge-box .pay-info form.update .left dl.item dt, div.recharge-box .pay-info form.update .left dl.item dd{ display: table-cell; vertical-align: middle; } div.recharge-box .pay-info form.update .left dl.item dt{ width: 20px; line-height: 20px; font-size: 14px; white-space: nowrap; padding-right: 15px; } div.recharge-box .pay-info form.update .left dl.item dt span{ display: inline-block; padding-top: 4px; } div.recharge-box .pay-info form.update .left dl.item dd{ } div.recharge-box .pay-info form.update .left dl.item dd input.ipt-txt{ width: 230px; border: 0; outline: none; font-size: 14px; line-height: 14px; vertical-align: middle; } div.recharge-box .pay-info form.update .left label.year{ display: inline-block; vertical-align: middle; cursor: pointer; } div.recharge-box .pay-info form.update .left label.year input[type=radio]{ display: none; } div.recharge-box .pay-info form.update .left label.year span{ display: block; border: 1px solid #DDD; font-size: 14px; color: #333; line-height: 14px; padding: 15px 15px; } div.recharge-box .pay-info form.update .left label.year input[type=radio]:checked + span{ border-color: #64a6fa; color: #64a6fa; } div.recharge-box .pay-info form.update .right{ width: 220px; float: right; } div.recharge-box .pay-info form.update .right h5{ font-size: 14px; } div.recharge-box .pay-info form.update .right .thumb{ width: 220px; height: 220px; background: #f3f3f3; border: 1px solid #e9e9e9; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; } div.recharge-box .pay-info form.update .right .thumb span{ display: block; text-align: center; font-size: 12px; color: #999; } div.recharge-box .pay-info form.update .right .thumb .fixed{ display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; } div.recharge-box .pay-info form.update .right .thumb .fixed img{ width: 100%; min-height: 100%; } div.recharge-box .pay-info form.update .right button.btn-pay{ width: 100%; height: 45px; background: #64a6fa; margin-top: 20px; font-size: 16px; color: #FFF; border: 0; border-radius: 6px; cursor: pointer; } div.recharge-box .pay-info form.update .right p.intro{ font-size: 14px; text-align: right; padding-top: 10px; line-height: 14px; } div.recharge-box .pay-info form.update .right p.intro span.blue{ color: #64a6fa; } div.index-wrapper .top-title{ width: 100%; } div.index-wrapper .top-title{ line-height: 40px; } div.index-wrapper .top-title a.btn-refresh{ display: block; width: 40px; height: 40px; background: url("../images/home/refresh.png") no-repeat center; background-size: 100% 100%; float: right; } /*team-wrap*/ div.team-wrap{ width: 100%; background: #FFF; margin-top: 15px; border-radius: 6px; } div.team-wrap .title{ padding: 20px 20px; border-bottom: 1px solid #DDD; } div.team-wrap .title h3{ font-size: 18px; line-height: 18px; margin: 0; padding: 0; } div.team-wrap .content{ padding: 20px 20px; } div.team-wrap .content ul{ text-indent: 0; } /*active-wrap*/ div.active-wrap{ width: 100%; margin-top: 18px; } div.active-wrap .active-form{ background: #FFF; padding: 18px 20px; } div.active-wrap .active-form input, div.active-wrap .active-form select, div.active-wrap .active-form button{ vertical-align: middle; } div.active-wrap .active-form button.btn-search{ width: 30px; height: 30px; background: url("../images/active/search.png") no-repeat center; background-size: 100% 100%; border: 0; outline: none; cursor: pointer; } div.active-wrap .active-form dl.tags{ width: 100%; display: table; margin-top: 15px; } div.active-wrap .active-form dl.tags dt, div.active-wrap .active-form dl.tags dd{ display: table-cell; vertical-align: middle; } div.active-wrap .active-form dl.tags dt{ width: 20px; font-size: 14px; font-weight: bold; white-space: nowrap; } div.active-wrap .active-form dl.tags dd{ } div.active-wrap .active-form dl.tags dd:after{ display: block; content: ''; clear: both; } div.active-wrap .active-form dl.tags dd label.tag{ float: left; } div.active-wrap .active-form dl.tags dd label.tag input[type=checkbox]{ display: none; } div.active-wrap .active-form dl.tags dd label.tag span{ display: block; font-size: 14px; line-height: 14px; color: #7d7d7d; padding: 10px 24px; margin-left: 10px; background: #eeeeee; border-radius: 5px; border: 1px solid #eeeeee; } div.active-wrap .active-form dl.tags dd label.tag input[type=checkbox]:checked + span{ background: transparent; border-color: #64a6fa; color: #64a6fa; } div.active-wrap .btn-box{ padding: 10px 0; } div.active-wrap .btn-box button.btn-add{ width: 140px; padding: 8px 0; font-size: 14px; line-height: 14px; color: #333; background: #FFF; border: 0; outline: none; } div.active-wrap .btn-box button.btn-add img, div.active-wrap .btn-box button.btn-add span{ display: inline-block; vertical-align: middle; } div.active-wrap .btn-box button.btn-add span{ margin-left: 5px; } /*active-list*/ div.active-list{ width: 100%; } div.active-list:after{ display: block; content: ''; clear: both; } div.active-list .item{ width: 24%; background: #FFF; margin: 10px .55%; float: left; } div.active-list .item:nth-child(4n+1){ margin-left: 0; } div.active-list .item .thumb{ width: 100%; position: relative; padding: 50% 0 0} div.active-list .item .thumb img{/* width: 100%; position: relative; z-index: 1;*/ position: absolute; width: 100%; height: 100%; left: 0; top: 0; } div.active-list .item .thumb .tag{ padding: 10px 15px 0 0; position: absolute; top: 0; right: 0; z-index: 5; } div.active-list .item .thumb .tag span{ font-size: 12px; color: #FFF; background: rgba(0, 0, 0, .5); line-height: 12px; padding: 6px 8px; border-radius: 3px; margin-left: 6px; } div.active-list .item .thumb .btns{ display: none; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; background: rgba(0, 0, 0, .6); position: absolute; left: 0; top: 0; z-index: 10; } div.active-list .item .thumb .btns button{ width: 150px; height: 40px; color: #FFF; font-size: 14px; background: #64a6fa; border: 0; border-radius: 5px; margin: 6px 0; cursor: pointer; } div.active-list .item .thumb:hover .btns{ display: flex; } div.active-list .item .intro{ padding: 10px 15px; } div.active-list .item .intro h3{ padding: 0; font-size: 18px; line-height: 32px; font-weight: bold; white-space: nowrap; overflow: hidden} div.active-list .item .intro .desc{ font-size: 14px; color: #999; } div.active-list .item .btm-share{ padding-bottom: 10px; } div.active-list .item .btm-share:after{ display: block; content: ''; clear: both; } div.active-list .item .btm-share ul.list{ float: right; } div.active-list .item .btm-share ul.list:after{ display: block; content: ''; clear: both; } div.active-list .item .btm-share ul.list li{ font-size: 14px; float: left; background: no-repeat left center; background-size: auto 12px; padding-left: 15px; margin-left: 10px; } div.active-list .item .btm-share ul.list li:first-child{ margin-left: 0; } div.active-list .item .btm-share ul.list.fl{ padding-top: 15px; float: left; } div.active-list .item .btm-share ul.list.fr{ float: right; } div.active-list .item .btm-share ul.list li.view{ background-image: url("../images/active/icon_02.png"); } div.active-list .item .btm-share ul.list li.fare{ background-image: url("../images/active/icon_01.png"); } div.active-list .item .btm-share ul.list.fr button{ width: 30px; height: 30px; background: no-repeat center; background-size: 100% 100%; border: 0; outline: none; } div.active-list .item .btm-share ul.list.fr button.btn-flag{ background-image: url("../images/active/flag_01.png"); } div.active-list .item .btm-share ul.list.fr button.btn-pack{ background-image: url("../images/active/flag_02.png"); } div.active-list .item .btm-share ul.list.fr li{ margin-left: 0; padding-left: 10px; } div.active-list .item .btm-box{ border-top: 1px solid #DDD; padding: 10px 0 0; } div.active-list .item .btm-box:after{ display: block; content: ''; clear: both; } div.active-list .item .btm-box status{ font-size: 18px; color: #999; line-height: 30px; margin: 0; background-size: auto 16px; padding-right: 15px; } div.active-list .item .btm-box i.status{color: green;font-size: 18px; padding-left: 15px} div.active-list .item .btm-box i.c-warning{color: orangered} div.active-list .item .btm-box ul.rList{ float: right; } div.active-list .item .btm-box ul.rList:after{ display: block; content: ''; clear: both; } div.active-list .item .btm-box ul.rList li{ float: left; } div.active-list .item .btm-box ul.rList button.btn_normal{ font-size: 12px; line-height: 12px; color: #666; padding: 5px 6px; margin-left: 8px; border: 1px solid #CCC; border-radius: 3px; background: transparent; cursor: pointer; } div.active-list .item .btm-box ul.rList button.btn_normal.red{ border-color: #f67f58; color: #f67f58; } div.active-list .item .btm-box ul.rList button.btn_normal.blue{ border-color: #64a6fa; color: #64a6fa; } div.active-list .item .btm-box ul.rList button.btn_normal.black{ border-color: #040b13; color: #040b13; } div.top-button-box{ padding: 15px 0; } div.top-button-box ul.list{ width: 100%; } div.top-button-box ul.list:after{ display: block; content: ''; clear: both; } div.top-button-box ul.list li{ margin-left: 8px; float: left; } div.top-button-box ul.list li:first-child{ margin-left: 0; } div.top-button-box ul.list li button.btn_normal{ width: 150px; border: 0; outline: none; background: #FFF; padding: 8px 20px; cursor: pointer; } div.top-button-box ul.list li button.btn_normal img, div.top-button-box ul.list li button.btn_normal span{ display: inline-block; vertical-align: middle; } div.top-button-box ul.list li button.btn_normal img{ margin-right: 5px; } div.data-list-wrap{ width: 100%; } div.data-list-wrap:after{ display: block; content: ''; clear: both; } div.data-list-wrap .index-box{ width: 49%; padding: 0; box-sizing: content-box; } div.data-list-wrap .index-box .title{ padding: 13px 20px; box-sizing: border-box; } div.data-list-wrap .index-box .title h3{ font-size: 18px; padding: 0; line-height: 28px; } div.data-list-wrap .index-box .title .btns{ float: right; } div.data-list-wrap .index-box .title .btns button.btn_normal{ font-size: 12px; line-height: 12px; color: #666; padding: 5px 6px; margin-left: 8px; border: 1px solid #CCC; border-radius: 3px; background: transparent; cursor: pointer; } div.data-list-wrap .index-box .title .btns button.btn_normal.red{ border-color: #f67f58; color: #f67f58; } div.data-list-wrap .index-box .title .btns button.btn_normal.blue{ border-color: #64a6fa; color: #64a6fa; } div.data-list-wrap .index-box .title .btns button.btn_normal.black{ border-color: #040b13; color: #040b13; } div.data-list-wrap .index-box .content{ padding: 0 20px 18px; } div.data-list-wrap .index-box.fl{ float: left; } div.data-list-wrap .index-box.fr{ float: right; } ul.data-info{ width: 100%; padding-top: 27px; } ul.data-info:after{ display: block; content: ''; clear: both; } ul.data-info li{ width: 33.33%; box-sizing: border-box; float: left; } ul.data-info li p{ font-size: 14px; color: #999; line-height: 14px; margin: 0 0 12px 0; background: no-repeat left center; background-size: auto 15px; text-indent: 0 !important; padding-left: 18px; } ul.data-info li p.icon-01{ background-image: url("../images/detail/icon_06.png"); } ul.data-info li p.icon-02{ background-image: url("../images/detail/icon_07.png"); } ul.data-info li p.icon-03{ background-image: url("../images/detail/icon_08.png"); } ul.data-info li h2{ padding: 0; margin: 0; font-size: 52px; color: #67a5f8; line-height: 52px; text-indent: 0 !important; } div.renwu{ } div.renwu dl{ width: 100%; display: table; } div.renwu dl dt, div.renwu dl dd{ display: table-cell; vertical-align: middle; font-size: 12px; color: #999; } div.renwu dl dt{ width: 20px; white-space: nowrap; } div.data-list-wrap .index-box.btm{ margin-top: 20px; width: 100%; } table.info-data{ width: 100%; border: 1px solid #CCC; } table.info-data th, table.info-data td{ padding: 10px 20px; font-size: 14px; } table.info-data th{ width: 20px; white-space: nowrap; background: #f5f5f5; } table.info-data td{ width: 50%; } table.info-data td img.img{ width: 150px; } /*ml-box*/ div.ml-box{ width: 100%; min-height: 500px; background: #FFF; border-radius: 8px; margin-top:40px; } div.ml-box .title{ width: 100%; border-bottom: 1px solid #DDD; padding: 0 20px; box-sizing: border-box; } div.ml-box .title:after{ display: block; content: ''; clear: both; } div.ml-box .title h2{ font-size: 20px; padding: 20px 0; color: #000000; line-height: 20px; float: left; } div.ml-box .title ul.list{ float: right; } div.ml-box .title ul.list li{ float: left; } div.ml-box .title ul.list:after{ display: block; content: ''; clear: both; } div.ml-box .title ul.list li{ padding: 0 30px; line-height: 60px; border-bottom: 3px solid #FFF; } div.ml-box .title ul.list li.active{ border-color: #64a6fa; } div.ml-box .title ul.list li a{ font-size: 16px; color: #7D7D7D; } div.ml-box .title ul.list li.active a{ color: #000000; } div.ml-box .title ul.list li a:hover, div.ml-box .title ul.list li a:focus{ text-decoration: none; } div.ml-box .content{ padding: 20px; } div.client-box{ width: 100%; background: #FFF; } div.client-box.mt10{ margin-top: 10px; } div.client-box .title{ width: 100%; padding: 15px; box-sizing: border-box; } div.client-box .title:after{ display: block; content: ''; clear: both; } div.client-box .title h2{ padding: 0; font-size: 20px; line-height: 24px; } div.client-box .title .right{ float: right; } div.client-box .title .right p{ margin: 0; } div.client-box .title .right span.blue{ color: #64a6fa; } div.client-box .content{ padding: 0 15px 20px; } div.client-box .content ul{ text-indent: 0; } div.left-cont{ width: calc(40% - 5px); float: left; } div.right-cont{ width: calc(60% - 5px); float: right; } div.left-cont .content, div.right-cont .content{ height: 135px; } div.client-info{ clear: both; } table.table a.btn-link{ display: inline-block; border: 1px solid #64a6fa; color: #64a6fa; font-size: 12px; line-height: 12px; padding: 6px 12px; border-radius: 6px; } div.define-progress{ width: 100%; overflow: hidden; padding: 70px 0 20px; } div.define-progress ul.list{ width: 100%; position: relative; } div.define-progress ul.list:after{ display: block; content: ''; clear: both; } div.define-progress ul.list li{ width: 25%; font-size: 12px; float: left; position: relative; } div.define-progress ul.list li:before{ display: block; content: ''; width: 1px; height: 5px; background: #CCC; position: absolute; left: 0; top: -5px; z-index: 1; } div.define-progress ul.list li span{ display: inline-block; position: relative; left: -10px; } div.define-progress ul.list li:first-child span{ left: 0; } div.define-progress ul.list li:last-child{ width: 15%; text-align: right; position: absolute; right: 0; top: 0; } div.define-progress ul.list li:last-child:before{ left: inherit; right: 0; } div.define-progress ul.list li:last-child span{ left: inherit; } div.define-progress .box{ width: 100%; height: 10px; background: #dcdcdc; border-radius: 15px; margin-bottom: 20px; } div.define-progress .box .bar{ display: block; height: 100%; background: #64a6fa; border-radius: 15px; margin: 0; position: relative; } div.define-progress .box .msg{ display: block; width: 80px; height: 50px; background: url("../images/mg.png") no-repeat center; background-size: 100% 100%; text-align: center; font-size: 16px; color: #666; line-height: 38px; position: absolute; right: -40px; bottom: 15px; } div.progress-list{ width: 100%; min-width: 500px; padding: 15px 0; } div.progress-list ul.list{ display: inline-block; position: relative; } div.progress-list ul.list:before{ display: block; content: ''; width: calc(100% - 55px); height: 1px; background: #DDD; position: absolute; left: 0; top: 30px; z-index: 1; } div.progress-list ul.list:after{ display: block; content: ''; clear: both; } div.progress-list ul.list li{ padding: 0 35px; float: left; text-align: center; position: relative; z-index: 10; } div.progress-list ul.list li:first-child{ padding-left: 0; } div.progress-list ul.list li:last-child{ padding-right: 0; } div.progress-list ul.list li span{ display: block; font-size: 14px; } div.progress-list ul.list li span.img{ width: 60px; height: 60px; border-radius: 60px; overflow: hidden; margin: 0 auto; } div.progress-list ul.list li span.tit{ padding: 10px 0; } div.progress-list ul.list li span.name, div.progress-list ul.list li span.time{ line-height: 20px; } div.progress-list ul.list li span.name{ width: 90px; color: #000; } div.progress-list ul.list li span.time{ font-size: 12px; color: #999; } div.index-wrapper .general dl.item ul.list p { padding: 0; margin: 0; font-size: 12px; line-height: 12px; color: #999; } ======= body{ background: #f5f5f5; } /*//login-wrapper*/ div.login-wrapper{ width: 100%; position: relative; padding: 78px 0 60px; background: #dfe8f7; box-sizing: border-box; } div.login-wrapper .header{ width: 100%; height: 78px; font-size: 20px; color: #FFF; background: #000000; position: absolute; left: 0; top: 0; z-index: 10; } div.login-wrapper .header a.logo{ display: block; font-size: 20px; color: #FFF; margin-top: 18px; float: left; } div.login-wrapper .header a.logo span{ display: inline-block; padding-left: 15px; } div.login-wrapper .header ul.list{ margin-top: 26px; float: right; } div.login-wrapper .header ul.list:after{ display: block; content: ''; clear: both; } div.login-wrapper .header ul.list li{ font-size: 14px; padding-left: 10px; float: left; } div.login-wrapper .header ul.list li a{ color: #FFF; } div.login-wrapper .header ul.list li.red a{ color: #ff410f; } /*div.login-wrapper .content-box{ height: 100%; }*/ div.login-wrapper .content-box .container{ padding: 0 !important; } div.login-wrap{ width: 100%; padding: 160px 0; position: relative; background: url("../images/login/bg2.jpg") no-repeat left center; background-size: 800px; } div.login-wrap.reg{ padding: 80px 0; } div.login-wrap:after{ display: block; content: ''; clear: both; } div.login-form{ min-height: 500px; float: right; } div.login-form form.update{ background: #FFF; padding: 50px; box-sizing: border-box; } div.login-form form.update h3{ font-size: 20px; color: #333; margin: 0 0 35px; line-height: 20px; padding: 0; text-align: center; } div.login-form form.update .ipt-txt{ width: 350px; height: 60px; margin-top: 18px; } div.login-form form.update .ipt-txt input{ width: 100%; height: 100%; background: #f3f3f3; border: 0; outline: none; padding: 0 18px; font-size: 14px; color: #333; box-sizing: border-box; } div.login-form form.update .ipt-txt.code{ padding-right: 142px; box-sizing: border-box; position: relative; } div.login-form form.update .ipt-txt.code input{ width: 100%; } div.login-form form.update .ipt-txt.code .verify-code{ width: 130px; line-height: 52px; position: absolute; top: 0; right: 0; z-index: 10; } div.login-form form.update .ipt-txt.code .verify-code img{ width: 100%; height: 100%; } div.login-form form.update .ipt-txt.code2{ position: relative; } div.login-form form.update .ipt-txt.code2 button.btn-getMsg{ border: 0; display: block; background: #ff410f; font-size: 14px; color: #FFF; line-height: 14px; padding: 10px 16px; border-radius: 6px; position: absolute; top: 50%; margin-top: -17px; right: 12px; z-index: 10; } div.login-form form.update .ipt-txt.code2 button.btn-getMsg.dis{ background: #ccc; } div.login-form form.update .ipt-txt.code2 a.btn-getMsg:hover{ text-decoration: none; } div.login-form form.update button.btn-lg{ width: 100%; height: 60px; font-size: 20px; color: #ffffff; background: #ff410f; border: 0; margin-top: 50px; cursor: pointer; } div.login-form form.update button.btn-rg{ width: 100%; height: 60px; font-size: 20px; color: #ffffff; background: #ff410f; border: 0; margin: 36px 0 10px; cursor: pointer; } div.login-form form.update .btm-info{ width: 100%; padding: 12px 0; } div.login-form form.update .btm-info:after{ display: block; content: ''; clear: both; } div.login-form form.update .btm-info a.forget, div.login-form form.update .btm-info label{ font-size: 14px; } div.login-form form.update .btm-info a.forget{ color: #ff410f; float: right; } div.login-form form.update .btm-info label{ color: #6c6c6c; font-weight: normal; } div.login-form form.update .desc{ font-size: 14px; color: #959595; padding-top: 5px; } div.login-form form.update .code-img{ text-align: center; padding-bottom: 15px; } div.login-form form.update .code-img .thumb{ width: 180px; margin: 0 auto; position: relative; } div.login-form form.update .code-img img{ max-width: 100%; position: relative; z-index: 1; } div.login-form form.update .code-img .thumb span{ background: rgba(255, 255, 255, .5) url("../images/login/over.png") no-repeat center center; background-size: 60px; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } div.login-form form.update .code-img p{ font-size: 14px; color: #7d7d7d; } div.footer{ width: 100%; height: 60px; font-size: 14px; color: #959595; padding: 0; background: #000; line-height: 60px; position: absolute; left: 0; bottom: 0; z-index: 10; } div.footer p{ margin: 0; } /*index-wrapper*/ div.index-wrapper{ padding: 15px 50px; } div.index-wrapper .mt18{ margin-top: 18px; } div.index-wrapper .index-box{ background: #FFF; padding: 10px 18px; } div.index-wrapper .index-box .title{ width: 100%; } div.index-wrapper .index-box .title:after{ display: block; content: ''; clear: both; } div.index-wrapper .index-box .title h2{ font-size: 18px; font-weight: bold; line-height: 18px; } div.index-wrapper .index-box .title a.fresh{ display: block; width: 40px; height: 40px; background: url("../images/home/refresh.png") no-repeat center; background-size: 100% 100%; float: right; } div.index-wrapper .index-box .content{ width: 100%; } div.index-wrapper .index-box .content:after{ display: block; content: ''; clear: both; } div.index-wrapper .notice-box{ } div.index-wrapper .notice-box .left{ float: left; } div.index-wrapper .notice-box .left p{ font-size: 14px; color: #666; margin: 0; } div.index-wrapper .notice-box .right{ float: right; } div.index-wrapper .notice-box .right a.btn-link{ width: 130px; font-size: 14px; color: #FFF; background: #64a6fa; line-height: 14px; padding: 10px 0; border-radius: 6px; display: inline-block; text-align: center; } div.index-wrapper .general{ } div.index-wrapper .general dl.item{ width: 100%; display: table; border-top: 1px solid #e5e5e5; padding: 30px 0; } div.index-wrapper .general dl.item:first-child{ border-top: 0; } div.index-wrapper .general dl.item dt, div.index-wrapper .general dl.item dd{ display: table-cell; vertical-align: middle; } div.index-wrapper .general dl.item dt{ width: 70px; white-space: nowrap; padding: 0 10px; } div.index-wrapper .general dl.item dt img{ width: 70px; } div.index-wrapper .general dl.item dd{ padding-left: 10px; } div.index-wrapper .general dl.item ul.list{ width: 100%; } div.index-wrapper .general dl.item ul.list:after{ display: block; content: ''; clear: both; } div.index-wrapper .general dl.item ul.list li{ width: 20%; float: left; } div.index-wrapper .general dl.item ul.list.first{ } div.index-wrapper .general dl.item ul.list.first h5{ font-size: 14px; margin: 0; } div.index-wrapper .general dl.item ul.list.first h3{ font-size: 28px; color: #64a4fc; padding: 0; margin: 20px 0 5px; } div.index-wrapper .general dl.item ul.list.first p{ padding: 0; margin: 0; font-size: 12px; line-height: 12px; color: #999; } div.index-wrapper .general dl.item ul.list.second{ } div.index-wrapper .general dl.item ul.list.second h5{ font-size: 14px; margin: 0; } div.index-wrapper .general dl.item ul.list.second h3{ font-size: 28px; color: #d1b07b; margin: 20px 0 0; padding: 0; } div.index-wrapper .use{ } div.index-wrapper .use ul.list{ padding: 10px 0 20px; width: 85%; } div.index-wrapper .use ul.list:after{ display: block; content: ''; clear: both; } div.index-wrapper .use ul.list li{ width: 25%; text-indent: 0; line-height: 14px; text-align: left; margin: 0; padding: 10px 0; float: left; } div.index-wrapper .use ul.list li a{ font-size: 14px; color: #333; } div.index-wrapper .use ul.list li a:hover{ opacity: .8; } div.index-wrapper .use ul.list li i.icon, div.index-wrapper .use ul.list li span{ display: inline-block; vertical-align: middle; } div.index-wrapper .use ul.list li i.icon{ width: 20px; height: 20px; margin-right: 5px; background: no-repeat left center; background-size: 20px 20px; } div.index-wrapper .use ul.list li i.icon.icon-01{ background-image: url("../images/home/icon_01.png"); } div.index-wrapper .use ul.list li i.icon.icon-02{ background-image: url("../images/home/icon_02.png"); } div.index-wrapper .use ul.list li i.icon.icon-03{ background-image: url("../images/home/icon_03.png"); } div.index-wrapper .use ul.list li i.icon.icon-04{ background-image: url("../images/home/icon_04.png"); } div.index-wrapper .use ul.list li i.icon.icon-05{ background-image: url("../images/home/icon_05.png"); } div.index-wrapper .use ul.list li i.icon.icon-06{ background-image: url("../images/home/icon_06.png"); } div.index-wrapper .use ul.list li i.icon.icon-07{ background-image: url("../images/home/icon_07.png"); } div.index-wrapper .use ul.list li i.icon.icon-08{ background-image: url("../images/home/icon_08.png"); } div.index-wrapper .use ul.list li i.icon.icon-09{ background-image: url("../images/home/icon_09.png"); } div.recharge-box{ background: #FFF; margin-top: 18px; padding: 70px 50px; } div.recharge-box .pay-info{ width: 760px; margin: 0 auto; max-width: 100%; } div.recharge-box .pay-info h3{ text-align: center; font-size: 16px; } div.recharge-box .pay-info h3 span.blue{ color: #71abfc; display: inline-block; padding-left: 10px; } div.recharge-box .pay-info form.update{ width: 100%; border: 1px solid #dcdcdc; padding: 30px 70px; box-sizing: border-box; margin-top: 15px; } div.recharge-box .pay-info form.update:after{ display: block; content: ''; clear: both; } div.recharge-box .pay-info form.update .left{ width: 300px; float: left; } div.recharge-box .pay-info form.update .left dl.item{ width: 100%; display: table; padding: 19px 0; border-top: 1px solid #DDD; } div.recharge-box .pay-info form.update .left dl.item:first-child{ border-top: 0; } div.recharge-box .pay-info form.update .left dl.item dt, div.recharge-box .pay-info form.update .left dl.item dd{ display: table-cell; vertical-align: middle; } div.recharge-box .pay-info form.update .left dl.item dt{ width: 20px; line-height: 20px; font-size: 14px; white-space: nowrap; padding-right: 15px; } div.recharge-box .pay-info form.update .left dl.item dt span{ display: inline-block; padding-top: 4px; } div.recharge-box .pay-info form.update .left dl.item dd{ } div.recharge-box .pay-info form.update .left dl.item dd input.ipt-txt{ width: 230px; border: 0; outline: none; font-size: 14px; line-height: 14px; vertical-align: middle; } div.recharge-box .pay-info form.update .left label.year{ display: inline-block; vertical-align: middle; cursor: pointer; } div.recharge-box .pay-info form.update .left label.year input[type=radio]{ display: none; } div.recharge-box .pay-info form.update .left label.year span{ display: block; border: 1px solid #DDD; font-size: 14px; color: #333; line-height: 14px; padding: 15px 15px; } div.recharge-box .pay-info form.update .left label.year input[type=radio]:checked + span{ border-color: #64a6fa; color: #64a6fa; } div.recharge-box .pay-info form.update .right{ width: 220px; float: right; } div.recharge-box .pay-info form.update .right h5{ font-size: 14px; } div.recharge-box .pay-info form.update .right .thumb{ width: 220px; height: 220px; background: #f3f3f3; border: 1px solid #e9e9e9; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; } div.recharge-box .pay-info form.update .right .thumb span{ display: block; text-align: center; font-size: 12px; color: #999; } div.recharge-box .pay-info form.update .right .thumb .fixed{ display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; } div.recharge-box .pay-info form.update .right .thumb .fixed img{ width: 100%; min-height: 100%; } div.recharge-box .pay-info form.update .right button.btn-pay{ width: 100%; height: 45px; background: #64a6fa; margin-top: 20px; font-size: 16px; color: #FFF; border: 0; border-radius: 6px; cursor: pointer; } div.recharge-box .pay-info form.update .right p.intro{ font-size: 14px; text-align: right; padding-top: 10px; line-height: 14px; } div.recharge-box .pay-info form.update .right p.intro span.blue{ color: #64a6fa; } div.index-wrapper .top-title{ width: 100%; } div.index-wrapper .top-title{ line-height: 40px; } div.index-wrapper .top-title a.btn-refresh{ display: block; width: 40px; height: 40px; background: url("../images/home/refresh.png") no-repeat center; background-size: 100% 100%; float: right; } /*team-wrap*/ div.team-wrap{ width: 100%; background: #FFF; margin-top: 15px; border-radius: 6px; } div.team-wrap .title{ padding: 20px 20px; border-bottom: 1px solid #DDD; } div.team-wrap .title h3{ font-size: 18px; line-height: 18px; margin: 0; padding: 0; } div.team-wrap .content{ padding: 20px 20px; } div.team-wrap .content ul{ text-indent: 0; } /*active-wrap*/ div.active-wrap{ width: 100%; margin-top: 18px; } div.active-wrap .active-form{ background: #FFF; padding: 18px 20px; } div.active-wrap .active-form input, div.active-wrap .active-form select, div.active-wrap .active-form button{ vertical-align: middle; } div.active-wrap .active-form button.btn-search{ width: 30px; height: 30px; background: url("../images/active/search.png") no-repeat center; background-size: 100% 100%; border: 0; outline: none; cursor: pointer; } div.active-wrap .active-form dl.tags{ width: 100%; display: table; margin-top: 15px; } div.active-wrap .active-form dl.tags dt, div.active-wrap .active-form dl.tags dd{ display: table-cell; vertical-align: middle; } div.active-wrap .active-form dl.tags dt{ width: 20px; font-size: 14px; font-weight: bold; white-space: nowrap; } div.active-wrap .active-form dl.tags dd{ } div.active-wrap .active-form dl.tags dd:after{ display: block; content: ''; clear: both; } div.active-wrap .active-form dl.tags dd label.tag{ float: left; } div.active-wrap .active-form dl.tags dd label.tag input[type=checkbox]{ display: none; } div.active-wrap .active-form dl.tags dd label.tag span{ display: block; font-size: 14px; line-height: 14px; color: #7d7d7d; padding: 10px 24px; margin-left: 10px; background: #eeeeee; border-radius: 5px; border: 1px solid #eeeeee; } div.active-wrap .active-form dl.tags dd label.tag input[type=checkbox]:checked + span{ background: transparent; border-color: #64a6fa; color: #64a6fa; } div.active-wrap .btn-box{ padding: 10px 0; } div.active-wrap .btn-box button.btn-add{ width: 140px; padding: 8px 0; font-size: 14px; line-height: 14px; color: #333; background: #FFF; border: 0; outline: none; } div.active-wrap .btn-box button.btn-add img, div.active-wrap .btn-box button.btn-add span{ display: inline-block; vertical-align: middle; } div.active-wrap .btn-box button.btn-add span{ margin-left: 5px; } /*active-list*/ div.active-list{ width: 100%; } div.active-list:after{ display: block; content: ''; clear: both; } div.active-list .item{ width: 24%; background: #FFF; margin: 10px .55%; float: left; } div.active-list .item:nth-child(4n+1){ margin-left: 0; } div.active-list .item .thumb{ width: 100%; position: relative; padding: 50% 0 0} div.active-list .item .thumb img{/* width: 100%; position: relative; z-index: 1;*/ position: absolute; width: 100%; height: 100%; left: 0; top: 0; } div.active-list .item .thumb .tag{ padding: 10px 15px 0 0; position: absolute; top: 0; right: 0; z-index: 5; } div.active-list .item .thumb .tag span{ font-size: 12px; color: #FFF; background: rgba(0, 0, 0, .5); line-height: 12px; padding: 6px 8px; border-radius: 3px; margin-left: 6px; } div.active-list .item .thumb .btns{ display: none; width: 100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; background: rgba(0, 0, 0, .6); position: absolute; left: 0; top: 0; z-index: 10; } div.active-list .item .thumb .btns button{ width: 150px; height: 40px; color: #FFF; font-size: 14px; background: #64a6fa; border: 0; border-radius: 5px; margin: 6px 0; cursor: pointer; } div.active-list .item .thumb:hover .btns{ display: flex; } div.active-list .item .intro{ padding: 10px 15px; } div.active-list .item .intro h3{ padding: 0; font-size: 18px; line-height: 32px; font-weight: bold; white-space: nowrap; overflow: hidden} div.active-list .item .intro .desc{ font-size: 14px; color: #999; } div.active-list .item .btm-share{ padding-bottom: 10px; } div.active-list .item .btm-share:after{ display: block; content: ''; clear: both; } div.active-list .item .btm-share ul.list{ float: right; } div.active-list .item .btm-share ul.list:after{ display: block; content: ''; clear: both; } div.active-list .item .btm-share ul.list li{ font-size: 14px; float: left; background: no-repeat left center; background-size: auto 12px; padding-left: 15px; margin-left: 10px; } div.active-list .item .btm-share ul.list li:first-child{ margin-left: 0; } div.active-list .item .btm-share ul.list.fl{ padding-top: 15px; float: left; } div.active-list .item .btm-share ul.list.fr{ float: right; } div.active-list .item .btm-share ul.list li.view{ background-image: url("../images/active/icon_02.png"); } div.active-list .item .btm-share ul.list li.fare{ background-image: url("../images/active/icon_01.png"); } div.active-list .item .btm-share ul.list.fr button{ width: 30px; height: 30px; background: no-repeat center; background-size: 100% 100%; border: 0; outline: none; } div.active-list .item .btm-share ul.list.fr button.btn-flag{ background-image: url("../images/active/flag_01.png"); } div.active-list .item .btm-share ul.list.fr button.btn-pack{ background-image: url("../images/active/flag_02.png"); } div.active-list .item .btm-share ul.list.fr li{ margin-left: 0; padding-left: 10px; } div.active-list .item .btm-box{ border-top: 1px solid #DDD; padding: 10px 0 0; } div.active-list .item .btm-box:after{ display: block; content: ''; clear: both; } div.active-list .item .btm-box status{ font-size: 18px; color: #999; line-height: 30px; margin: 0; background-size: auto 16px; padding-right: 15px; } div.active-list .item .btm-box i.status{color: green;font-size: 18px; padding-left: 15px} div.active-list .item .btm-box i.c-warning{color: orangered} div.active-list .item .btm-box ul.rList{ float: right; } div.active-list .item .btm-box ul.rList:after{ display: block; content: ''; clear: both; } div.active-list .item .btm-box ul.rList li{ float: left; } div.active-list .item .btm-box ul.rList button.btn_normal{ font-size: 12px; line-height: 12px; color: #666; padding: 5px 6px; margin-left: 8px; border: 1px solid #CCC; border-radius: 3px; background: transparent; cursor: pointer; } div.active-list .item .btm-box ul.rList button.btn_normal.red{ border-color: #f67f58; color: #f67f58; } div.active-list .item .btm-box ul.rList button.btn_normal.blue{ border-color: #64a6fa; color: #64a6fa; } div.active-list .item .btm-box ul.rList button.btn_normal.black{ border-color: #040b13; color: #040b13; } div.top-button-box{ padding: 15px 0; } div.top-button-box ul.list{ width: 100%; } div.top-button-box ul.list:after{ display: block; content: ''; clear: both; } div.top-button-box ul.list li{ margin-left: 8px; float: left; } div.top-button-box ul.list li:first-child{ margin-left: 0; } div.top-button-box ul.list li button.btn_normal{ width: 150px; border: 0; outline: none; background: #FFF; padding: 8px 20px; cursor: pointer; } div.top-button-box ul.list li button.btn_normal img, div.top-button-box ul.list li button.btn_normal span{ display: inline-block; vertical-align: middle; } div.top-button-box ul.list li button.btn_normal img{ margin-right: 5px; } div.data-list-wrap{ width: 100%; } div.data-list-wrap:after{ display: block; content: ''; clear: both; } div.data-list-wrap .index-box{ width: 49%; padding: 0; box-sizing: content-box; } div.data-list-wrap .index-box .title{ padding: 13px 20px; box-sizing: border-box; } div.data-list-wrap .index-box .title h3{ font-size: 18px; padding: 0; line-height: 28px; } div.data-list-wrap .index-box .title .btns{ float: right; } div.data-list-wrap .index-box .title .btns button.btn_normal{ font-size: 12px; line-height: 12px; color: #666; padding: 5px 6px; margin-left: 8px; border: 1px solid #CCC; border-radius: 3px; background: transparent; cursor: pointer; } div.data-list-wrap .index-box .title .btns button.btn_normal.red{ border-color: #f67f58; color: #f67f58; } div.data-list-wrap .index-box .title .btns button.btn_normal.blue{ border-color: #64a6fa; color: #64a6fa; } div.data-list-wrap .index-box .title .btns button.btn_normal.black{ border-color: #040b13; color: #040b13; } div.data-list-wrap .index-box .content{ padding: 0 20px 18px; } div.data-list-wrap .index-box.fl{ float: left; } div.data-list-wrap .index-box.fr{ float: right; } ul.data-info{ width: 100%; padding-top: 27px; } ul.data-info:after{ display: block; content: ''; clear: both; } ul.data-info li{ width: 33.33%; box-sizing: border-box; float: left; } ul.data-info li p{ font-size: 14px; color: #999; line-height: 14px; margin: 0 0 12px 0; background: no-repeat left center; background-size: auto 15px; text-indent: 0 !important; padding-left: 18px; } ul.data-info li p.icon-01{ background-image: url("../images/detail/icon_06.png"); } ul.data-info li p.icon-02{ background-image: url("../images/detail/icon_07.png"); } ul.data-info li p.icon-03{ background-image: url("../images/detail/icon_08.png"); } ul.data-info li h2{ padding: 0; margin: 0; font-size: 52px; color: #67a5f8; line-height: 52px; text-indent: 0 !important; } div.renwu{ } div.renwu dl{ width: 100%; display: table; } div.renwu dl dt, div.renwu dl dd{ display: table-cell; vertical-align: middle; font-size: 12px; color: #999; } div.renwu dl dt{ width: 20px; white-space: nowrap; } div.data-list-wrap .index-box.btm{ margin-top: 20px; width: 100%; } table.info-data{ width: 100%; border: 1px solid #CCC; } table.info-data th, table.info-data td{ padding: 10px 20px; font-size: 14px; } table.info-data th{ width: 20px; white-space: nowrap; background: #f5f5f5; } table.info-data td{ width: 50%; } table.info-data td img.img{ width: 150px; } /*ml-box*/ div.ml-box{ width: 100%; min-height: 500px; background: #FFF; border-radius: 8px; margin-top:40px; } div.ml-box .title{ width: 100%; border-bottom: 1px solid #DDD; padding: 0 20px; box-sizing: border-box; } div.ml-box .title:after{ display: block; content: ''; clear: both; } div.ml-box .title h2{ font-size: 20px; padding: 20px 0; color: #000000; line-height: 20px; float: left; } div.ml-box .title ul.list{ float: right; } div.ml-box .title ul.list li{ float: left; } div.ml-box .title ul.list:after{ display: block; content: ''; clear: both; } div.ml-box .title ul.list li{ padding: 0 30px; line-height: 60px; border-bottom: 3px solid #FFF; } div.ml-box .title ul.list li.active{ border-color: #64a6fa; } div.ml-box .title ul.list li a{ font-size: 16px; color: #7D7D7D; } div.ml-box .title ul.list li.active a{ color: #000000; } div.ml-box .title ul.list li a:hover, div.ml-box .title ul.list li a:focus{ text-decoration: none; } div.ml-box .content{ padding: 20px; } div.client-box{ width: 100%; background: #FFF; } div.client-box.mt10{ margin-top: 10px; } div.client-box .title{ width: 100%; padding: 15px; box-sizing: border-box; } div.client-box .title:after{ display: block; content: ''; clear: both; } div.client-box .title h2{ padding: 0; font-size: 20px; line-height: 24px; } div.client-box .title .right{ float: right; } div.client-box .title .right p{ margin: 0; } div.client-box .title .right span.blue{ color: #64a6fa; } div.client-box .content{ padding: 0 15px 20px; } div.client-box .content ul{ text-indent: 0; } div.left-cont{ width: calc(40% - 5px); float: left; } div.right-cont{ width: calc(60% - 5px); float: right; } div.left-cont .content, div.right-cont .content{ height: 135px; } div.client-info{ clear: both; } table.table a.btn-link{ display: inline-block; border: 1px solid #64a6fa; color: #64a6fa; font-size: 12px; line-height: 12px; padding: 6px 12px; border-radius: 6px; } div.define-progress{ width: 100%; overflow: hidden; padding: 70px 0 20px; } div.define-progress ul.list{ width: 100%; position: relative; } div.define-progress ul.list:after{ display: block; content: ''; clear: both; } div.define-progress ul.list li{ width: 25%; font-size: 12px; float: left; position: relative; } div.define-progress ul.list li:before{ display: block; content: ''; width: 1px; height: 5px; background: #CCC; position: absolute; left: 0; top: -5px; z-index: 1; } div.define-progress ul.list li span{ display: inline-block; position: relative; left: -10px; } div.define-progress ul.list li:first-child span{ left: 0; } div.define-progress ul.list li:last-child{ width: 15%; text-align: right; position: absolute; right: 0; top: 0; } div.define-progress ul.list li:last-child:before{ left: inherit; right: 0; } div.define-progress ul.list li:last-child span{ left: inherit; } div.define-progress .box{ width: 100%; height: 10px; background: #dcdcdc; border-radius: 15px; margin-bottom: 20px; } div.define-progress .box .bar{ display: block; height: 100%; background: #64a6fa; border-radius: 15px; margin: 0; position: relative; } div.define-progress .box .msg{ display: block; width: 80px; height: 50px; background: url("../images/mg.png") no-repeat center; background-size: 100% 100%; text-align: center; font-size: 16px; color: #666; line-height: 38px; position: absolute; right: -40px; bottom: 15px; } div.progress-list{ width: 100%; min-width: 500px; padding: 15px 0; } div.progress-list ul.list{ display: inline-block; position: relative; } div.progress-list ul.list:before{ display: block; content: ''; width: calc(100% - 55px); height: 1px; background: #DDD; position: absolute; left: 0; top: 30px; z-index: 1; } div.progress-list ul.list:after{ display: block; content: ''; clear: both; } div.progress-list ul.list li{ padding: 0 35px; float: left; text-align: center; position: relative; z-index: 10; } div.progress-list ul.list li:first-child{ padding-left: 0; } div.progress-list ul.list li:last-child{ padding-right: 0; } div.progress-list ul.list li span{ display: block; font-size: 14px; } div.progress-list ul.list li span.img{ width: 60px; height: 60px; border-radius: 60px; overflow: hidden; margin: 0 auto; } div.progress-list ul.list li span.tit{ padding: 10px 0; } div.progress-list ul.list li span.name, div.progress-list ul.list li span.time{ line-height: 20px; } div.progress-list ul.list li span.name{ width: 90px; color: #000; } div.progress-list ul.list li span.time{ font-size: 12px; color: #999; } div.index-wrapper .general dl.item ul.list p { padding: 0; margin: 0; font-size: 12px; line-height: 12px; color: #999; } >>>>>>> 632846f554757432026c7b4b4f4c5bf3f94960ca