html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; font-size: 16px; vertical-align: baseline; background: transparent; font-family: 'Microsoft Yahei'; font: Arial, 'Microsoft Yahei',"宋体", sans-serif; } body { line-height: 1; } a, a:link, a:visited, a:hover, a:active{ text-decoration:none } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before,blockquote:after,q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } a, a:link, a:active, a:visited, a:hover { color: #333; } html,body{ color: #333; font-family: 'Microsoft Yahei'; font: Arial, 'Microsoft Yahei',"宋体", sans-serif; } .header{ background-color: #0064ed; width: 100%; height: 60px; text-align: center; font-family: 'Microsoft Yahei'; } .header .nav{ display: inline-block; } .header .nav li{ float: left; line-height: 60px; font-size: 16px; background: url(../img/header-nav.png) no-repeat right center; } .header .nav li.no-bg{ background: none; } .header .nav li.active{ text-decoration: underline; } .header .nav li a{ color: #fff; padding: 0 30px; } .container{ width: 1000px; margin: 0 auto; } .login .title{ font-size: 30px; text-align: center; margin: 60px 0 50px 0; font-weight: normal; } .login-box{ width: 400px; height: 50px; margin: 0 auto; } .login-box .icon{ width: 50px; height: 50px; float: left; } .login .username{ margin-bottom: 20px; } .login .username .icon{ background: url(../img/username-icon.jpg) no-repeat center; } .login .password .icon{ background: url(../img/password-icon.jpg) no-repeat center; } .login-box input{ width: 310px; height: 50px; background-color: #f1f1f1; border: none; float: left; font-size: 18px; color: #666; padding: 0 20px; } .login .state{ color: #f25941; font-size: 14px; text-align: center; margin: 20px 0; visibility: hidden; } .login-btn{ width: 200px; height: 50px; background-color: #0064ed; text-align: center; line-height: 50px; margin: 0 auto; font-size: 18px; color: #fff; } .login .prompt{ text-align: center; font-size: 14px; color: #999; margin: 20px 0 60px 0; } .system{ width: 100%; background-color: #f9f9f9; border-bottom: 1px #f1f1f1 solid; padding: 35px 0 35px 0; font-family: 'Microsoft Yahei'; } .system h3{ color: #0064ed; font-size: 28px; text-align: center; font-weight: normal; margin-bottom: 25px; } .area{ text-align: center; margin-bottom: 0px; } .area select{ width: 243px; height: 28px; line-height: 28px; border: 1px #e0e0e0 solid; text-indent: 10px; border-radius: 0; color: #999; background-color: #fff; font-size: 14px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url("../img/arrow.png") no-repeat scroll 222px center transparent; padding-right: 24px; margin-right: 20px; } .area select::-ms-expand { display: none; } .area .weather{ color: #333; display: inline-block; height: 30px; line-height: 30px; font-size: 14px; } .index .welcome{ font-size: 14px; color: #333; text-align: center; padding: 30px 0 20px 0; font-family: 'Microsoft Yahei'; } .index .user-btn{ text-align: center; margin-bottom: 30px; font-family: 'Microsoft Yahei'; } .index .user-btn a{ width: 80px; height: 30px; line-height: 30px; display: inline-block; font-size: 14px; } .index .user-setting-btn{ background-color: #0064ed; color: #fff; margin-right: 15px; } .index .user-out-btn{ background-color: #f1f1f1; color: #333; } .index .prompt{ background-color: #ffe2de; border: 1px #f25941 dashed; width: 598px; height: 38px; line-height: 38px; margin: 0 auto 60px; text-align: center; font-size: 14px; color: #f25941; } .index .service,.index .device{ border-top: 1px #f1f1f1 solid; margin: 30px 0 30px 0; } .index .service .txt,.index .device .txt{ color: #333; font-size: 24px; background-color: #fff; width: 150px; height: 36px; margin: -18px auto 0; font-family: 'Microsoft Yahei'; text-align: center; } .index .service-list,.index .device-list{ margin-bottom: 60px; } .index .device-list{ width: 780px; margin: 0 auto 60px; } .index .service-item,.index .device-item{ width: 120px; padding-top: 150px; height: 24px; line-height: 24px; text-align: center; margin-right: 100px; float: left; } .index .service-item.active,.index .device-item.active{ color: #0064ed; background: url(../img/index-news-icon-active.png) no-repeat; } .index .index-news{ background: url(../img/index-news-icon.png) no-repeat; } .index .index-basic{ background: url(../img/index-basic-icon.png) no-repeat; } .index .index-question{ background: url(../img/index-question-icon.png) no-repeat; } .index .index-wx{ background: url(../img/index-wx-icon.png) no-repeat; } .index .index-buyer{ background: url(../img/index-buyer-icon.png) no-repeat; margin-right: 0; } .index .index-one{ background: url(../img/index-one.png) no-repeat; } .index .index-two{ background: url(../img/index-two.png) no-repeat; } .index .index-three{ background: url(../img/index-three.png) no-repeat; margin-right: 0; } .news-title{ font-size: 28px; color: #0064ed; width: 1000px; margin: 0 auto; padding: 0; text-align: center; font-family: 'Microsoft Yahei'; position: relative; } .news-back{ width: 15px; height: 28px; position: absolute; left: 0; top: 0; background: url(../img/back.png) no-repeat; } .news{ width: 998px; border: 1px #e0e0e0 solid; border-bottom: none; margin: 60px auto; font-family: 'Microsoft Yahei'; } .news .news-item{ border-bottom: 1px #e0e0e0 solid; padding: 20px; } .news .news-item.gray{ background-color: #f1f1f1; } .news-item .time{ font-size: 14px; color: #999; } .news-item .txt{ font-size: 14px; color: #333; line-height: 21px; margin-top: 10px; } .page{ width: 1000px; text-align: center; margin: 0 auto 60px; } .page a{ width: 80px; height: 30px; line-height: 30px; display: inline-block; background-color: #f1f1f1; font-size: 14px; color: #333; } .page a.active{ background-color: #0064ed; color: #fff; } .page-state{ width: 80px; font-size: 18px; display: inline-block; } .page-state span{ color: #0064ed; } .basic .swiper-container{ width: 1000px; height: 560px; margin: 60px 0 40px 0; } .basic img{ display: block; } .basic .tabs a{ display: block; float: left; width: 320px; position: relative; } .basic .tabs .txt{ font-size: 24px; padding: 30px 0 60px; text-align: center; font-family: 'Microsoft Yahei'; } .basic .tabs .mark{ position: absolute; top: 0; left: 0; background-color: #000; filter: alpha(opacity=80); opacity: 0.8; width: 320px; height: 180px; } .basic .tabs a.active .mark{ filter: alpha(opacity=0); opacity: 0; } .basic .tabs a.active .txt{ color: #0064ed; } .question{ font-family: 'Microsoft Yahei'; } .question .title{ font-size: 18px; margin: 40px 0 15px 5px; } a.question-item{ font-size: 18px; color: #0064ed; display: block; line-height: 30px; } .question .list{ border-top: 1px #f1f1f1 solid; margin-top: 20px; margin-bottom: 60px; padding-top: 20px; } .question .item{ border-bottom: 1px #f1f1f1 solid; padding: 10px 0; line-height: 30px; } .question .item-title{ font-size: 18px; } .question .item-con{ font-size: 14px; color: #666; text-indent: 22px; } .buyer{ margin-top: 60px; margin-bottom: 20px; font-family: 'Microsoft Yahei'; } .mr40{ margin-right: 40px; } .buyer-item{ width: 480px; float: left; margin-bottom: 40px; } .buyer-item .title{ font-size: 18px; line-height: 30px; padding-top: 10px; } .buyer-item .con{ font-size: 14px; color: #999; line-height: 24px; margin-bottom: 10px; } .buyer-item .btn{ height: 30px; position: relative; } .buyer-item .btn input{ border: 1px #f1f1f1 solid; height: 28px; line-height: 28px; font-size: 14px; width: 360px; padding: 0 108px 0 10px; } .buyer-item .buyer-btn{ width: 100px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background-color: #0064ed; text-align: center; position: absolute; right: 0; top: 0; } .wx-header{ background-color: #fafafa; font-family: 'Microsoft Yahei'; padding-bottom: 60px; } .wx-header h3{ font-size: 32px; text-align: center; font-weight: normal; padding: 60px 0 40px 0; } .wx-header img{ display: block; margin: 0 auto; } .wx-system{ width: 1000px; margin: 0 auto; } .wx-system h3{ font-family: 'Microsoft Yahei'; font-size: 30px; text-align: center; font-weight: normal; padding: 40px 0 40px; } .wx-system .list{ } .mr0{ margin-right: 0!important; } .wx-system .list li{ float: left; width: 148px; margin-right: 136px; text-align: center; margin-bottom: 40px; } .wx-system .list li .img{ width: 148px; height: 100px; } .wx-system .list li .txt{ font-size: 18px; color: #0064ed; padding: 20px 0; } .wx{ width: 100%; background-color: #fafafa; } .wx h3{ text-align: center; font-family: 'Microsoft Yahei'; font-weight: normal; font-size: 30px; padding: 40px 0 40px; } .wx-box{ width: 1000px; margin: 0 auto; } .wx-box img{ margin-left: 85px; } .wx-load{ width: 500px; float: right; } .wx-load .title{ font-family: 'Microsoft Yahei'; font-size: 24px; color: #666; text-align: center; padding: 170px 0 56px 0; } .wx-load a{ width: 195px; height: 72px; display: block; margin: 0 auto; } .wx-load .ios{ background: url(../img/wx10.png) no-repeat; margin-bottom: 50px; } .wx-load .android{ background: url(../img/wx11.png) no-repeat; } .wx-buyer{ width: 1000px; font-family: 'Microsoft Yahei'; margin: 0 auto; } .wx-buyer h3{ font-size: 30px; text-align: center; font-weight: normal; padding: 40px 0 40px; } .wx-buyer-list{ padding-bottom: 40px; } .wx-buyer-item{ float: left; } .wx-buyer-item.one{ width: 30%; } .wx-buyer-item.two{ width: 40%; text-align: center; } .wx-buyer-item.three{ width: 30%; text-align: right; } .wx-buyer-item .step{ color: #0064ed; font-size: 14px; } .wx-buyer-item .num{ color: #0064ed; font-size: 30px; font-weight: bolder; vertical-align: top; } .equip-top{ width: 100%; position: relative; overflow: hidden; margin-bottom: 60px; text-align: center; } .equip-top .bg{ position: absolute; top: 0; left: 0; min-width: 100%; z-index: -1; } .equip-top h3{ font-size: 28px; color: #0064ed; font-weight: normal; padding: 40px 0 40px; } .equip-top .avatar{ width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 0 auto 20px; } .equip-top .txt{ font-size: 14px; } .equip{ width: 1000px; margin: 0 auto; } .equip .tabs{ border-bottom: 1px #e0e0e0 solid; text-align: center; margin: 30px 0 30px 0; padding: 0 100px; } .equip .tabs a{ height: 50px; line-height: 50px; float: left; font-family: 'Microsoft Yahei'; font-size: 16px; text-align: center; width: 200px; background: url(../img/equip-line.jpg) no-repeat right center #f1f1f1; } .equip .tabs a.no-bg{ background: #f1f1f1; } .equip .tabs a.active{ color: #fff; background: #0064ed; } .equip .box{ margin-bottom: 20px; } .equip .box .left{ position: relative; float: left; } .equip .box .left .all{ position: absolute; top: 189px; left: 158px; } .equip .box .left .one{ position: absolute; top: 84px; left: 257px; } .equip .box .left .two{ position: absolute; top: 126px; left: 257px; } .equip .box .left .three{ position: absolute; top: 168px; left: 257px; } .equip .box .left .four{ position: absolute; top: 210px; left: 257px; } .equip .box .left .five{ position: absolute; top: 252px; left: 257px; } .equip .box .left .six{ position: absolute; top: 294px; left: 257px; } .equip .box .left .open{ width: 15px; height: 11px; background: url(../img/equip-open-icon4.png) no-repeat; } .equip .box .left .close{ width: 15px; height: 22px; background: url(../img/equip-close-icon4.png) no-repeat; } .equip .box .right{ width: 260px; margin-left: 25px; float: left; } .equip .box .right .all-info{ margin-bottom: 40px; } .equip .box .right .all-info .title{ padding: 20px 0 20px 20px; font-size: 14px; height: 15px; line-height: 15px; } .equip .box .right .all-info .btn{ width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; } .equip .box .right .all-info.open .title{ background: url(../img/equip-open-icon1.png) no-repeat left center; } .equip .box .right .all-info.open .btn{ background: url(../img/equip-open-icon2.png) no-repeat; } .equip .box .right .all-info.close .title{ background: url(../img/equip-close-icon1.png) no-repeat left center; } .equip .box .right .all-info.close .btn{ background: url(../img/equip-close-icon2.png) no-repeat; } .equip .box .right .item{ float: left; width: 110px; margin-right: 20px; text-align: center; margin-bottom: 30px; } .equip .box .right .item .num{ font-size: 14px; color: #0064ed; white-space: nowrap; padding-bottom: 8px; } .equip .box .right .item .name{ height: 30px; line-height: 30px; background-color: #f1f1f1; font-size: 14px; } .equip-info{ border-top: 1px #f1f1f1 solid; margin-bottom: 50px; } .equip-info .item{ float: left; margin: 0 27px; } .equip-info .item .state{ padding: 20px 0 20px 20px; font-size: 14px; } .equip-info .item .name{ width: 110px; height: 30px; font-size: 14px; color: #fff; line-height: 30px; text-align: center; } .equip-info .item.open .state{ background: url(../img/equip-open-icon1.png) no-repeat left center; } .equip-info .item.open .name{ background: url(../img/equip-open-icon3.png) no-repeat left center; } .equip-info .item.close .state{ background: url(../img/equip-close-icon1.png) no-repeat left center; } .equip-info .item.close .name{ background: url(../img/equip-close-icon3.png) no-repeat left center; } .equip2-box{ margin-bottom: 60px!important; } .equip2-box .time{ font-size: 12px; position: absolute; left: 315px; top: 50px; } .equip2-box .role{ width: 15px; height: 159px; position: absolute; left: 293px; top: 68px; transform: rotate(0deg); transform-origin: 8px 159px; -ms-transform: rotate(0deg); -ms-transform-origin: 8px 159px; -moz-transform: rotate(0deg); -moz-transform-origin: 8px 159px; -o-transform: rotate(0deg); -o-transform-origin: 8px 159px; -webkit-transform: rotate(0deg); -webkit-transform-origin: 8px 159px; background: url(../img/equip22.png) no-repeat; } .show-box{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; overflow: hidden; } .show-box .mark{ width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=80); opacity: 0.8; } .show-box .bigBox{ width: 600px; height: 510px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -284px; background-color: #fff; display: block; font-family: 'Microsoft Yahei'; overflow: hidden; } .show-box .bigBox .title{ padding: 30px 0 30px; font-size: 28px; text-align: center; } .show-box .bigBox .name{ padding-left: 50px; font-size: 14px; color: #999; padding-bottom: 20px; } .show-box .bigBox .list{ margin-bottom: 30px; padding-left: 50px; } .show-box .bigBox .list.bg .item{ background: url(../img/line.jpg) no-repeat right center #f1f1f1; } .show-box .bigBox .list.bg .item.noBg{ background: #f1f1f1; } .show-box .bigBox .list.bg .item.active.noBg{ background: #0064ed; } .show-box .bigBox .item{ background-color: #f1f1f1; float: left; font-size: 14px; color: #999; text-align: center; } .show-box .bigBox .list.small .item{ width: 50px; height: 40px; line-height: 40px; } .show-box .bigBox .list.big{ float: left; padding-left: 0; } .show-box .bigBox .list.big .item{ width: 200px; height: 50px; line-height: 50px; } .show-box .bigBox .space{ margin-left: 80px; margin-right: 40px; } .show-box .bigBox .list.middle .item{ width: 75px; height: 40px; line-height: 40px; } .show-box .bigBox .slider{ float: left; width: 50%; } .show-box .bigBox .block .list{ margin-bottom: 50px; } .show-box .bigBox .list .item.active{ color: #fff; background: #0064ed; } .show-box .box{ width: 600px; height: 210px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -130px; background-color: #fff; overflow: hidden; display: none; } .show-box .box .title{ font-size: 28px; text-align: center; padding: 40px 0 40px; } .show-box .box .btn{ width: 200px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; float: left; } .show-box .box .sure{ color: #fff; background-color: #0064ed; margin-right: 40px; margin-left: 80px; } .show-box .box .cancel{ color: #999; background-color: #f1f1f1; margin-right: 80px; } .log-title{ font-size: 18px; padding: 40px 0 20px; font-family: 'Microsoft Yahei'; text-align: center; } .log-table{ margin: 0 auto; border: 1px #e0e0e0 solid; font-family: 'Microsoft Yahei'; } .log-table td,.log-table th{ height: 40px; vertical-align: middle; text-align: center; border-right: 1px #e0e0e0 solid; } .log-table .bg{ background-color: #f1f1f1; } .mb60{ margin-bottom: 60px } .image .tabs{ padding: 0!important; } .image-tab{ width: 100%; margin-bottom: 40px; } .image-tab .image-tab-item{ float: left; width: 33.3%; text-align: center; padding-top: 20px; } .image-tab .image-tab-item.one{ background: url(../img/image1.png) no-repeat center 20px; } .image-tab .image-tab-item.two{ background: url(../img/image2.png) no-repeat center 20px; } .image-tab .image-tab-item.three{ background: url(../img/image2.png) no-repeat center 20px; } .image-tab .image-tab-item .num{ font-size: 18px; padding-top: 30px; padding-bottom: 55px; } .image-tab .image-tab-item.one .num{ color: #0064ed; } .image-tab .image-tab-item.two .num{ color: #00b0ed; } .image-tab .image-tab-item.three .num{ color: #00b0ed; } .image-tab .image-tab-item.one .name{ color: #0064ed; } .image-list{ margin-bottom: 20px; } .image-list img{ display: block; } .image-list .image-item{ float: left; margin-bottom: 20px; margin-right: 40px; font-family: 'Microsoft Yahei'; } .image-list .image-item .title{ padding: 20px 0; font-size: 14px; } .business-list{ border-bottom: 1px #f1f1f1 solid; padding-left: 40px; padding-bottom: 15px; padding-top: 20px; font-family: 'Microsoft Yahei'; } .business-list .business-item{ float: left; width: 230px; text-align: center; margin-bottom: 25px; } .business-list .business-item .num{ color: #0064ed; font-size: 18px; } .business-list .business-item .name{ width: 110px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; font-size: 14px; background-color: #f1f1f1; } .mlr35{ margin: 0 35px!important; } .business-list.three-list{ padding-left: 0; margin-bottom: 60px; } .business-list.three-list .business-item{ width: 310px; } .business-list.three-list.data{ border-bottom: none; border-top: 1px #f1f1f1 solid; margin-bottom: 0; padding-bottom: 0; margin-top: 40px; } .business-cavs .title{ text-align: center; } .business-cavs select{ width: 100px; height: 28px; line-height: 28px; border: 1px #e0e0e0 solid; text-indent: 10px; border-radius: 0; color: #999; font-family: 'Microsoft Yahei'; background-color: #fff; font-size: 14px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("../img/arrow.png") no-repeat scroll 80px center transparent; padding-right: 24px; margin-right: 10px; } .business-cavs .submit-btn{ width: 80px; height: 30px; line-height: 30px; color: #fff; text-align: center; background-color: #0064ed; display: inline-block; } .footer{ width: 100%; border-top: 1px #f1f1f1 solid; } .footer .txt{ text-align: center; font-size: 14px; color: #999; padding: 25px 0; width: 1000px; margin: 0 auto; font-family: 'Microsoft Yahei'; }