.afterClean:after {content: '.';clear: both;display: block; height: 0; visibility:hidden;}
.floatRight{float:right;}
.floatLeft{float:left;}
.pages {float: right;}

/*slide*/
.slideShow {position: relative; width: 100%; height: 500px;}
.sp-img {display:none;position: relative;height: 500px; *zoom: 1;min-width: 1200px;margin: 0 auto;background-repeat: no-repeat;background-size: auto 500px;background-position: center;}
.xtimer {margin-top:30px; font-size: 18px;}
.numer {height: 60px; width: 42px; background: url(../images/icons/digits.png) no-repeat;
    background-size: 100%; -webkit-transition: background-position ease 0.5s;
    -moz-transition: background-position ease 0.5s; -o-transition: background-position ease 0.5s;-ms-transition: background-position ease 0.5s;
    transition: background-position ease 0.5s; display: inline-block}
.spacing {font-size: 40px; margin: 0 -12px; vertical-align: -10%}

.sp-slider {position: relative;left: 0;width: 100%;height: 100%;list-style: none;margin: 0;padding: 0;}
.sp-slider > li {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    float: left;
    /* text-align: center; */
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity ease 0.8s;
    z-index: 0;
    -moz-transition: opacity ease 0.8s;
    -o-transition: opacity ease 0.8s;
    -ms-transition: opacity ease 0.8s;
    transition: opacity ease 0.8s;
}
.sp-radio {display: none}
.sp-radio:checked + li {opacity: 1; z-index: 10}

.sp-radios {text-align: center; width: 100%; height: 100%; position: absolute; margin: 0 auto; }
.sp-radios label {cursor: pointer; width: 20px; height: 20px; display: inline-block; top: 88%; position: relative;
    background: url('../images/index/04.png') no-repeat 0 50%; margin-left: 10px; margin-right: 10px; z-index: 80}
.sp-radios label.active {background: url('../images/index/03.png') no-repeat 0 50%;}
.sp-arrow { position: absolute; top: 50%; width: 35px; height: 35px; margin-top: -19px; display: block;
    opacity: 0.8; cursor: pointer; z-index: 50;
}
.sp-radios label.active + .sp-arrow {display: none}
.sp-arrow:hover {opacity: 1}
.sp-arrow.sp-arrow-left { background: transparent url(../images/index/left.png) no-repeat; left: 6%}
.sp-arrow.sp-arrow-right { background: transparent url(../images/index/right.png) no-repeat; right: 6%}

.toolSlide {position: relative; width: 1050px; height: 730px; margin: 20px auto 0;}
.toolSlide .sp-img {width: 1010px; height: 630px; background-size: 1010px 630px; min-width: 1010px}
.toolSlide .sp-arrow.sp-arrow-left {left: -6%}
.toolSlide .sp-arrow.sp-arrow-right { right: -6%}
.toolSlide .sp-slider > li {height: 670px; border: 1px solid #e3e3e3; border-radius: 5px; padding: 20px}
.toolSlide .sp-radios label {background: url('../images/icons/sprites.png') no-repeat 0 50%; background-position: -15px -420px; top: 93%}
.toolSlide .sp-radios label.active {background-position: -55px -420px;}

/*colmuns*/
.singleColumne {margin: 20px 0; border: 1px solid #aaa; border-radius: 5px; width: 100%; min-height: 400px; height: auto}
.singleColumne>.ctitle {font-size: 20px; font-weight: bold; margin: 10px}
.singleColumne>.pull-right {margin: 10px}
.singleColumne>.pull-right .btn {margin-right: 10px}
.singleColumne>.previewBlock {width: 1200px; min-height: 330px; margin: 10px auto; display: block; overflow-y: auto}
.singleColumne>.htmlBlock {width: 99%; min-height: 330px; margin: 10px; display: none; resize: none; }

.columnSort {display: none}
.columnSort .ctitle {font-size: 20px; font-weight: bold; margin: 15px; vertical-align: 25%}

/*产品介绍页*/
.productHeader {width: 100%; height: 434px; text-align: center}
.productHeader .backPic {width: 1200px; height: 434px; margin: 0 auto; color: #ffffff;
    background: no-repeat; background-size: auto 434px; text-align: left; background-position: center center}
.productHeader .productName {font-size: 55px; padding: 85px 0 0 70px}
.productHeader .productIntroduce {font-size: 18px; padding: 20px 0 0 70px; background: none; border: none; color: inherit}
.productHeader .productBtn, .productFooter .productBtn {width: 160px; height: 50px; font-size: 22px; text-align: center; display: inline-block;
    border: 1px solid #fff; border-radius: 5px; color: #fff; line-height: 45px; margin: 30px 0 0 70px; text-decoration: none}
.productFooter .productBtn {width: 210px; height: 60px; margin: 30px auto; font-size: 28px; line-height: 30px; border-width: 2px; padding: 10px}
.productHeader .productContent {margin-left: 20px; font-size: 13px; vertical-align: -10px}
.productHeader .productContent a {color: inherit; text-decoration: none}
.productFooter {width: 100%; height: 430px; text-align: center;  padding: 130px}
.productFooter .content {font-size: 30px; color: #ffffff}
.productColumnBack {width: 100%; min-height: 400px; padding: 35px;}
.productColumnBack:nth-of-type(odd){ background:#FFFFFF;}
.productColumnBack:nth-of-type(even){ background:#F3F3F3;}
.productTitle {font-size: 36px; margin: 0 auto; width:1200px; text-align: left; color: #5e5e5e}
.productColumn {margin: 0 auto; width:1200px;}
.productFast {position: fixed; top: 40%; right: 60px; min-width: 140px; list-style:none; font-size: 12px;padding: 15px 20px;
    background-color: #ffffff; border-radius: 5px; z-index: 10; opacity: 0.8}
.productFast li {height: 35px; line-height: 35px; }
.productFast li a {color: #555555; border-bottom: 1px dashed #d1d1d1; padding: 0 10px 3px; vertical-align: 22px; text-decoration: none}
.productFast li:before {content: ''; width: 25px; height: 50px; display: inline-block;
    background: url(../images/icons/sprites.png) no-repeat -1360px -56px;}
.productFast li:first-child:before {background-position: -1360px -22px}
.productFast li:last-child {height: 50px; }
.productFast li:last-child a {color:#327aff; border: 1px solid #327aff; border-radius: 4px;}
.productFast li:last-child:before {background-position: -1360px -95px}
.productFast li.active a:before {background: url("../images/icons/sprites.png") no-repeat scroll -1360px -159px;
    content: ""; float: left; height: 40px; margin-left: -40px; position: absolute; width: 20px;}
.toolComment{padding-top: 213px;}
.toolComment .useComment{height:120px;width: 1200px;background: #f6f7f7 ;position: relative}
.toolComment .useComment:after{content: "";display: block;clear: both;}
.toolComment .useComment dl{float: left;width: 25%;padding-top:20px; padding-left: 78px;border-top: 10px solid #e5e5e5;cursor: pointer}
.toolComment .useComment dl.active{border-top: 10px solid #689cfc}
.toolComment .useComment dl.active .detailComment,.toolComment .useComment dl.active .detailCommentArror{display: inline-block}
.toolComment .useComment dl dt{float: left;margin-right: 15px;}
.toolComment .useComment dl dt img{height: 70px;width: 70px;border-radius: 100%}
.toolComment .useComment dl dd{float: left}
.detailComment{position: absolute;background: url('../img/icon/detailBg.png');width: 1052px;left: 60px ;top:-170px;height: 143px;padding-left: 130px;padding-top: 25px;cursor: default;display: none}
.detailCommentArror{content:"";position: relative;border-top: 10px solid #e5eefb;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;left: -94px ;top:-57px;z-index: 10;display: none}
.detailComment a{width: 90px ;height: 30px;line-height: 27px; border:1px solid #c5daf2;color:#637ea9;margin-left: 70px;text-align: center;background: #f5f8fc;text-decoration: none;cursor: pointer;margin-top: 50px}
.detailComment p{max-width: 665px;width:665px;font-size: 16px;color:#777777;line-height: 1.8}
.toolBlock:after,.toolLevel:after,.toolImage:after,.toolTimer:after{content: "";display: block;clear: both;}
.toolBlock dl{float: left;width: 50%;padding-left: 109px;padding-top: 20px; height: 175px}
.toolBlock dl dt{float: left;margin-right: 40px;padding-top: 20px;}
.toolBlock dl dt img{width: 86px;height: 86px;}
.toolBlock dl dd{float: left;max-width:360px;}
.toolBlock dl dd h4{font-size: 24px;color: #555555;margin-bottom: 20px;}
.toolBlock dl dd pre{font-size: 14px;color: #777777; margin-bottom: 3px;line-height:24px;background-color:transparent;}
.toolLevel{padding-top: 55px;padding-left: 70px}
.toolLevel li{float: left;list-style: none;width: 220px;margin:0 58px 20px 0;}
.toolLevel .levelTop{height: 40px;color:#ffffff;text-align:center;line-height: 40px;font-size: 20px;}
.toolLevel .levelBottom{height:80px ;padding-top: 21px; font-size: 14px;color:#777777;text-align: center}
.toolLevel .levelBottom span.num{font-size: 20px; padding:0px 5px }
.ordinaryUser .levelTop{background: #52c891 url('../img/icon/toolLevel.png') no-repeat 50px 10px ;}
.ordinaryUser .levelBottom{background: #e9f4ea}
.authUser .levelTop{background: #4ebaf9 url('../img/icon/toolLevel.png') no-repeat 50px 10px ;}
.authUser .levelBottom{background: #ecf2f9}
.coorpUser .levelTop{background: #5c9ef5 url('../img/icon/toolLevel.png') no-repeat 46px -42px ;}
.coorpUser .levelBottom{background: #f0f3f9}
.extra .levelTop{background: #f88b60 url('../img/icon/toolLevel.png') no-repeat 46px -95px ;}
.extra .levelBottom{background:#f9f3ec}

.ordinaryUserTool .levelTop{background: #52c891}
.toolLevel .levelTop .icons{display:inline-block;margin:0 5px 0 0;width:25px;height:22px;}
.ordinaryUserTool .levelBottom{background: #e9f4ea}
.authUserTool .levelTop{background: #4ebaf9 }
.authUserTool .levelBottom{background: #ecf2f9 }
.coorpUserTool .levelTop{background: #5c9ef5 }
.coorpUserTool .levelBottom{background: #f0f3f9}
.extraTool .levelTop{background: #f88b60 }
.extraTool .levelBottom{background: #f9f3ec}

.toolPricing .levelBottom{padding:21px 0;height:auto;}

.toolPricing.summaryContainer{padding:20px 5px;}
.toolPricing dl{float: left;width: 280px;margin: 0 17px 20px 0;background: #fff;box-shadow: 0 0 5px #aaa;border-radius: 2px;}
.toolPricing dl dt{text-align: center; padding: 30px 10px 10px; font-weight: normal;}
.toolPricing dl dt img{width:66px;height:66px;}
.toolPricing dl dt .title{display:block;font-size: 20px;color: #333;height:28px;margin-top:20px;}
.toolPricing dl dd{padding: 0 0 30px;max-width: 256px; margin: 0 auto;color:#777;text-align:center;}
.toolPricing dl dd .price-box{margin:20px 0;}
.toolPricing dl dd .price-box span.num{color: #fe7700;font-size: 16px;}
.toolPricing dl dd a{display:block;padding:0;width:140px;margin:0 auto;font-size:16px;text-align:center;height:43px;line-height:43px;}

.toolSingleImage{text-align:center;}
.toolSingleImage .title{margin-bottom:30px;}
.toolSingleImage img{max-width:1200px;max-height:300px;}

.toolImage dt{margin-right:75px;padding-left: 100px; }
.toolImage img {width:300px;max-height: 350px}
.imageText{margin-bottom: 28px;color:#777777;}
.imageText h3{display: inline-block;font-size: 28px;color:#777777;margin:0 32px 15px 0;padding-top: 10px;}
.imageText span{font-size: 16px;}
.imageText pre{font-size: 18px;color:#999999;line-height:2em;background:transparent;}
.toolTimer {padding-left: 150px; line-height: 20px; width: 800px; margin: 0 auto}
.toolTimer * {line-height: 20px}
.toolTimer h3{font-size: 24px;color:#777777;padding-left: 95px;margin-bottom: 28px;}
.toolTimer .duration{height: 24px;padding:0 5px;min-width: 60px ;background: #49c057;color:#ffffff;line-height: 24px; text-align: center;border-radius: 5px;
    margin-right: 68px; position: absolute; top: 40%; left: -140px}
.toolTimer .timerIcon span{font-size: 20px;color:#1479eb;position: absolute;left: 28%;top:34%}
.toolTimer .timerIcon{position: absolute;left: -44px;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.toolTimer .explanation {position: relative;width: 612px;background: #f3f3f3 url('../img/icon/dashBg.png') repeat-y ;
    padding:15px 0px 15px 90px;min-height: 88px;}
.toolTimer .transition{background: url('../img/icon/dashBg.png') repeat-y;height: 32px;position: relative}
.toolTimer .transition span{height: 15px;width: 15px;background: url('../images/icons/sprites.png') no-repeat -172px -428px ; position: absolute;left: -7px;top:10px }
.explanation .textLeft{font-size: 16px;color:#555555;margin-right: 16px;width: 64px;display: inline-block}
.explanation p{margin-bottom: 7px;}

.appointHeader {width: 100%; height: 128px; text-align: center;
    background: url(../images/intro/appoint.png) no-repeat center / 40% #17295C; padding: 40px; }
.appointHeader .content {width: 680px; margin: 0 auto; text-align: left; color: #ffffff; font-size: 30px}
.appointBody {width: 680px; margin: 0 auto}

.dragIcon {width: 31px; height: 31px; background: url(../images/drag.png); cursor: move; display: inline-block}

.toolHelp{margin-top:20px;}
.toolHelp:after{content:'';display:table;clear:both;}
.toolHelp dl{float:left;width:25%;text-align:center;}
.toolHelp dl dt{width:80%;margin:0 auto;height:180px;}
.toolHelp dl dt img{width:100%;height:100%;}

.mobileToolHelp{width:100%;}
.mobileToolHelp dl{float:left;width:45%;margin:0 10% 5% 0;}
.mobileToolHelp dl:nth-child(even){margin-right:0;}
.mobileToolHelp dl dt{width:100%;margin:0 auto;height:100px;}
.mobileToolHelp dl dt img{width:100%;height:100%;}
.mobileToolHelp dl h4{font-size:0.9em;}

.toolCycle ul{display:flex;}
.toolCycle li{flex:1;text-align:center;}
.toolCycle li .timerIcon{height:140px;}
.toolCycle li .content .title{font-size:30px;color:#444;}
.toolCycle li .content .desc{width:230px;margin:0 auto;text-align:left;color:#888;}
.toolCycle li .processLine{position:relative;width:100%;}
.toolCycle li .processLine .inner{position:relative;width:20px;height:20px;border-radius:50%;border:3px solid #82abf8;background:#fff;margin:0 auto;}
.toolCycle li:not(:first-child) .processLine:after{content:'';position:absolute;left:-47%;top:50%;width:94%;border-top:2px solid #e3e3e3;}

.mobileToolCycle{width:90%;margin:0 auto;}
.mobileToolCycle .explanation{display:flex;margin-bottom:35px;min-height:133px;}
.mobileToolCycle .explanation img{width:80px;height:80px;}
.mobileToolCycle .timerIcon{flex:1;}
.mobileToolCycle .content{flex:1;margin-left:-4%;}
.mobileToolCycle .processLine{position:relative;height:100%;}
.mobileToolCycle .processLine .inner{position:relative;width:20px;height:20px;border-radius:50%;border:3px solid #82abf8;background:#fff;margin:0 50px 0 -70px;}
.mobileToolCycle li:not(:first-child) .processLine:after{content:'';position:absolute;bottom:20px;left:-61px;height:148px;border-left:2px solid #e3e3e3;}
.mobileToolCycle .content .title{font-size:1.2em;color:#555;}
.mobileToolCycle .content .desc{color:#777;}

/*运营配置页开始*/
.run-activities .title{text-align:center;font-size:30px;margin-bottom:30px;color:#333;}
.run-activities .title u{color:#333;text-decoration:none;}
.run-activities .button-box a{border:none;}
.run-activities .activities-box{max-width:1200px;margin:0 auto;}
.run-activities .activities-box>li{float:left;margin:0 60px 60px 5px;width:350px;
    -webkit-box-shadow:0 0 5px #aaa;-moz-box-shadow:0 0 5px #aaa;-o-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;background:#fff;}
.run-activities .activities-box>li:nth-child(3n){margin:0;}
.run-activities .activities-box>li .subTitle{display:block;width:100%;margin:0 auto;text-align:center;padding:6px 0;background:#37b5f0;color:#fff;font-size:20px;}
.run-activities .activities-box>li .content{width:100%;height:260px;padding:20px 15px;}
.run-activities .activities-box>li .content ul li{list-style-type:disc;margin:0 0 0 20px;line-height:30px;}

#editView.activity-edit .edit-box{margin:10px 68px;border:1px solid #999;border-top-width:2px;padding:15px 10px;max-height:380px;overflow-y:scroll;}
#editView.activity-edit .edit-box li{margin-bottom:10px;}
#editView.activity-edit .edit-box li:last-child{margin:0;}


.run-vouchers .title{text-align:center;font-size:30px;margin-bottom:20px;}
.run-vouchers .button-box a{border:none;}
.run-vouchers .content{width:100%;text-align:center;}
.run-vouchers .vouchers-box .voucherWidth{width:33.3%;}
.run-vouchers .vouchers-box .voucherWidth .numeDiv{line-height:16px;}
.run-vouchers .vouchers-box .voucherWidth .voucher_id,.run-vouchers .vouchers-box .voucherWidth .voucher_num,.run-vouchers .vouchers-box .voucherWidth .data-vouch{opacity:0;display:none;}

.run-detail .title{position:relative;text-align:center;font-size:30px;}
.run-detail .title:before,.run-detail .title:after{content:'';position:absolute;top:50%;width:40%;border-top:1px solid #999;}
.run-detail .title:before{left:0;}
.run-detail .title:after{right:0;}
.run-detail .content{width:100%;padding:20px 40px;border:1px solid #555;margin:40px 0;}
.run-detail .content ol li{line-height:30px;}
.run-detail .content ol li .detailNum{display:inline-block;width:20px;text-align:center;height:20px;line-height:20px;border-radius:50%;background:#cecece;color:#fff;margin-right:15px;}

.run-test .title{font-size:30px;text-align:center;}
.run-test .test-box{margin-bottom:40px;overflow:hidden;}
.run-test dl{margin:40px 0;float:left;position:relative;width:24.5%;height:180px;}
.run-test dl dt{position:absolute;left:50%;bottom:0;transform:translate(-50%,0);width:50px;height:50px;line-height:45px;border-radius:50%;border:2px solid #70a9ff;text-align:center;font-size:24px;font-weight:normal;}
.run-test dl dd{position:absolute;top:0;left:50%;transform:translate(-50%,0);width:80%;margin:0 auto;height:108px;text-align:center;font-size:16px;padding:10px;border:1px solid #ccc;border-radius:2px;box-shadow:0 0 6px #aaa;}
.run-test dl dt:before,.run-test dl dt:after{content:'';position:absolute;top:50%;transform:translate(0,-50%);width:276%;border-top:1px solid #c7cacd;}
.run-test dl dt:before{left:-276%;}
.run-test dl dt:after{right:-277%;}
.run-test dl:last-child:after{content:'';position:absolute;bottom:15px;right:-20px;width:0;height:0;border:10px solid transparent;border-left-color:#c7cacd;}
.run-test dl dd:after{content:'';position:absolute;bottom:-20px;left:50%;transform:translate(-50%,0);width:0;height:0;border:10px solid transparent;border-top-color:#aaa;}

#editView.test-edit ul{margin:20px 68px;border:1px solid #999;border-top-width:2px;padding:20px 10px;max-height:400px;overflow-y:scroll;}
#editView.test-edit ul li{margin-bottom:10px;}
#editView.test-edit ul li:last-child{margin:0;}

.run-content .title{font-size:30px;text-align:center;margin-bottom:60px;color:#333;}
.run-content .title u{color:#333;text-decoration:none;}
.run-content .img-box{text-align:center;margin:20px 0 80px;}
.run-content a{border:none;}

.run-function .title{font-size:30px;text-align:center;margin-bottom:60px;}
.run-function .function-box{position:relative;padding:0 40px;height:392px;}
.run-function .function-box dl{width:25%;text-align:center;}
.run-function .function-box dl{float:left;}
.run-function .function-box dl dt{width:100%;margin:0 auto;padding-bottom:30px;cursor:pointer;}
.run-function .function-box dl.active dt{border-bottom:3px solid #70aff6;}
.run-function .function-box dl dt .img{width:90px;margin:0 auto;height:90px;}
.run-function .function-box dl dt .word{display:block;text-align:center;font-size:24px;font-weight:normal;color:#555;margin:5px 0 0;}
.run-function .function-box .function-desc{position:absolute;left:40px;bottom:0;width:1120px;margin:0 auto 80px;height:150px;line-height:24px;font-size:16px;padding:40px 100px;background:#e5edf6;display:none;}
.run-function .function-box dl.active .function-desc{display:block;}

#editView.function-edit ul{margin:20px 15px;border:1px solid #999;border-top-width:2px;padding:20px;max-height:400px;overflow-y:scroll;}
#editView.function-edit ul li{margin-bottom:10px;}
#editView.function-edit ul li:last-child{margin:0;}
#editView.function-edit textarea{resize:none;}
#editView.function-edit img{width:100%;}

/*运营配置页结束*/


/*介绍页移动端配置开始*/
.singleColumneWrap{margin:30px 0;}
.singleColumneWrap .CodeMirror{position:absolute;top:80px;}
.singleColumneWrap .tableWrap{padding:20px 100px;border-top:1px solid #ddd;}
.singleColumneWrap .singleColumne{position:relative;margin-top:15px;}
.singleColumneWrap .tabChange ul{display:inline-block;margin-right:20px;vertical-align:-110%;}
.singleColumneWrap .tabChange li{float:left;width:100px;text-align:center;height:40px;line-height:40px;background:#f3f3f3;color:#555;cursor:pointer;}
.singleColumneWrap .tabChange li:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px;}
.singleColumneWrap .tabChange li:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;}
.singleColumneWrap .tabChange li.active{background:#3293ff;color:#fff;}

.singleColumneWrap .viewContainer{position:relative;width:1200px;padding:30px 0;margin:0 auto;min-height:730px;overflow:hidden;}
.singleColumneWrap .viewContainer>div{position:absolute;top:0;left:0;width:9999px;}
.singleColumneWrap .singleColumne .mobilePreviewBlock{display:none;}
.mobilePreviewBlock{width:375px;min-height:300px;margin:10px auto;overflow-y:auto;}
.mobilePreviewBlock .mobileToolTimer{padding-left:100px;}
.mobileToolSlide .sp-arrow.sp-arrow-left{left:-5%;}
.mobileToolSlide .sp-arrow.sp-arrow-right{right:-5%;}
.mobileToolSlide .sp-slider li{height:240px;padding:20px;border-radius:5px;border:1px solid #e3e3e3;}
.mobileToolSlide .sp-img{width:100%;min-width:100%;height:200px;background-size:auto 200px;}
.mobileToolSlide .sp-radios label {background: url('../images/icons/sprites.png') no-repeat 0 50%; background-position: -15px -420px; top: 92%}
.mobileToolSlide .sp-radios label.active {background-position: -55px -420px;}

.mobileToolSlide{position:relative;width:100%;height:275px;margin:0 auto;overflow:hidden;}
.mobileToolSlide ul{position:absolute;width:9999px;height:100%;left:0;}
.mobileToolSlide ul li{float:left;height:100%;}
.mobileToolSlide ul li img.swiper-img{display:block;height:100%;}
.mobileToolSlide .labelIndex{width:100%;position:absolute;bottom:0;text-align:center;}
.mobileToolSlide .labelIndex li{
    display:inline-block;
    width:20px;
    height:20px;
    cursor:pointer;
    margin:0 10px;
    position:relative;
    z-index:80;
    background: url(../images/index/04.png) no-repeat 0 50%;
}
.mobileToolSlide .labelIndex li.active{background: url(../images/index/03.png) no-repeat 0 50%;}

.mobileToolBlock dl{padding:5% 5% 5% 10%;width:100%;border-bottom:1px solid #ddd;}
.mobileToolBlock dl:last-child{border:none;}
.mobileToolBlock dl:after{content:'';display:table;clear:both;}
.mobileToolBlock dl dt{float:left;width:50px;height:50px;border-radius:50%;}
.mobileToolBlock dl dt img{width:100%;height:100%;}
.mobileToolBlock dl dd{float:left;width:70%;margin:0 0 0 5%;}
.mobileToolBlock dl dd h4{font-size:16px;color:#333;margin-top:0;}
.mobileToolBlock dl dd pre{font-size:12px;color:#888;margin-bottom:1%;line-height:1.6em;width:100%;overflow:hidden;background:transparent;}

.singleColumne .price-page-box .comment-box>div{position:relative;}
.singleColumne .userComment .commentsList dt{display:none;}
.userComment{width:100%;background:#0a6cda;padding:30px 5%;color:#fff;text-align:center;}
.userComment h4{font-size:1.5em;margin-bottom:20px;}
.userComment .commentsList{position:relative;width:100%;height:390px;overflow:hidden;}
.userComment .commentsList .arrow{cursor:pointer;position:absolute;top:15%;width:15px;height:25px;background:url(../images/icons/mobile-auth-icons.png) no-repeat -383px 0;z-index:2;}
.userComment .commentsList .arrow.arrowLeft{left:0;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.userComment .commentsList .arrow.arrowRight{right:0;}
.userComment .commentsList ul{position:absolute;left:0;top:0;width:9999px;}
.userComment .commentsList .commentsWrap{position:absolute;left:0;top:0;width:9999px;}
.userComment .commentsList dl{float:left;width:335px;}
.userComment .commentsList li{float:left;}
.userComment .commentName{font-size:1.4em;margin:5px 0 10px;}
.userComment .commentJob{font-size:1.2em;}
.userComment .commentPic{width:110px;height:110px;margin:10px auto;border-radius:50%;border:5px solid #6ca7e9;}
.userComment .commentPic img{width:100px;height:100px;border-radius:50%;}
.userComment .commentContent{position:relative;width:75%;height:138px;font-size:1.1em;margin:10px auto 20px;background:#fff;padding:15px 5%;color:#555;border-radius:4px;}
.userComment .commentContent>div.content{position:relative;width:100%;height:100%;overflow:hidden;}
.userComment .commentContent:after{content:'';position:absolute;bottom:-20px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);width:0;height:0;border:10px solid transparent;border-top-color:#fff;}

.mobileToolTimer{position:relative;}
.mobileToolTimer .duration{position:absolute;top: 105%;left: 50%;
    -webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);
    min-width:100%;height:24px;background: #49c057;color: #fff;line-height: 24px;text-align: center;border-radius: 5px;margin-right: 68px;}
.mobileToolTimer h3{display:none;}
.mobileToolTimer .explanation{position:relative;width:100%;min-height:88px;background: #e6edf5 url(../img/icon/dashBg.png) repeat-y -1px;padding:3% 2% 2% 22%;}
.mobileToolTimer .explanation .timerIcon{position:absolute;left:-44px;top:40%;transform:translate(0,-50%);}
.mobileToolTimer .explanation .timerIcon span{position:absolute;top:34%;left:28%;font-size:1.3em;color:#555;}
.mobileToolTimer .explanation .textLeft{width:100%;font-size:1.2em;color:#444;}
.mobileToolTimer .transition{position:relative;height:32px;background: url(../img/icon/dashBg.png) repeat-y -1px;}
.mobileToolTimer .transition span{position:absolute;left:-8px;top:10px;width:15px;height:15px;background: url(../images/icons/sprites.png) no-repeat -172px -428px;}

.mobileToolLevel li{width:70%;margin:0 auto 5%;text-align:center;}
.mobileToolLevel li .levelTop{padding:2% 0;font-size:1.4em;color:#fff;height:40px;}
.mobileToolLevel li .levelTop .icons{display:inline-block;width:25px;height:22px;vertical-align:-10%;margin:0 5px 0 -15px;}
.mobileToolLevel li.ordinaryUser .levelTop{background:#52c891}
.mobileToolLevel li.authUser .levelTop{background:#4ebaf9}
.mobileToolLevel li.coorpUser .levelTop{background:#5c9ef5}
.mobileToolLevel li.extra .levelTop{background:#f88b60}
.mobileToolLevel li .levelBottom{padding:10% 0;color:#777;}
.mobileToolLevel li .levelBottom span.num{font-size:20px;margin:0 10px;}

.mobileToolPricing{padding: 18px 2%;}
.mobileToolPricing dl.singleContainer{width: 100%; padding: 20px 5% 20px 7%;  border-radius: 3px;  -webkit-box-shadow: 0 0 5px #ccc;  -moz-box-shadow: 0 0 5px #ccc;  -o-box-shadow: 0 0 5px #ccc;  box-shadow: 0 0 5px #ccc;  margin-bottom: 10px;  background: #fff;}
.mobileToolPricing dl.singleContainer dt{width: 42%;float: left;text-align: center;font-weight: normal;}
.mobileToolPricing dl.singleContainer dt .title{display:block;color: #333;font-size: 1.1428em;}
.mobileToolPricing dl.singleContainer dt img{width:50px;height:50px;margin:20px 0;}
.mobileToolPricing dl.singleContainer dd{width: 50% ;float: left; margin-left: 8%;}
.mobileToolPricing dl.singleContainer dd .price-box{font-size: 0.7em;  color: #777;  margin-bottom: 0;}
.mobileToolPricing dl.singleContainer dd .price-box span.num{color: #ed7f31; font-size: 1.9em;}
.mobileToolPricing dl.singleContainer dd a{margin-top:20px;}

.mobileToolSingleImage{text-align:center;}
.mobileToolSingleImage .title{font-size:1.5em;margin-bottom:20px;}
.mobileToolSingleImage img{width:100%;max-height:200px;}

.mobileToolImage h3{color:#333;font-size:20px;margin-bottom:0;}
.mobileToolImage .imageText{margin-bottom:16px;}
.mobileToolImage p{color:#999;font-size:1.2em;}
.mobileToolImage dt{margin-right:6%;width:30%;}
.mobileToolImage dd{width:64%;}
.mobileToolImage dt img{width:100%;}
.mobileToolImage pre{font-size:14px;}
.comment-box .logoGray,.comment-box .logoColor{width:147px;height:68px;}
.comment-box .logoColor{display:none;}
.productColumn .comment-box>div{position:relative;}
/*介绍页移动端配置结束*/


/*首页banner优化start*/
.platformIndex .desc-wrap{
    width:1200px;
    margin:0 auto;
    color:#fff;
}
.platformIndex .desc-wrap .sub-title{
    margin-top:10px;
}
.platformIndex .buttons-wrap{
    margin-top:50px;
}
.platformIndex .buttons-wrap .btn{
    margin-right:15px;
}
.platformIndex .text-link{
    color:#fff;
    vertical-align:bottom;
}
.platformIndex .text-link:hover,.text-link:visited{
    color:#fff;
}
/*.platformIndex .sp-radios label{
    width:70px;
    height:6px;
    background:#ddd;
}
.platformIndex .sp-radios label.active{
    background:#333435;
    cursor:default;
}*/
.platformIndex a{
    color:#fff;
}
.platformIndex pre{
    background:transparent;
    margin:0;
    padding:0;
}

/*首页banner优化end*/