/**/
.popico:hover .popi{top: 0;}
.popico .popi{position: absolute;top: -80px;left: 0;width: 100%;-webkit-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.popico .popi a{display: inline-block;*display: inline;*zoom: 1;width: 25px;height: 25px;margin: 20px;}
.popico .popi .popbtn1{background: url(../images/item-btn_01.png) no-repeat;}
.popico .popi .popbtn2{background: url(../images/item-btn_02.png) no-repeat;}
.popico .popi .popbtn1.hover{background: url(../images/item-btn_01_hover.png) no-repeat;}
.popico .popi .popbtn2.hover{background: url(../images/item-btn_02_hover.png) no-repeat;}

.iconlist .bt1{border-top: 1px solid #ffac13;}
.iconlist .bt2{border-top: 1px solid #83c44e;}
.iconlist .bt3{border-top: 1px solid #2196f3;}
.iconlist .bt4{border-top: 1px solid #e53935;}
.iconlist .bt5{border-top: 1px solid #00c0a5;}
.iconlist .bt6{border-top: 1px solid #ffac13;}

/**ss1p**/
.ss1c .control{display:inline-block;*zoom:1;*display:inline;text-align:center;color:#b0b0b0;-webkit-transition:color .5s;transition:color .5s;cursor:pointer}
.ss1c .control:focus{outline:0}
.ss1c .control:hover,.ss1c .control.active{color:#ff6700}
.ss1c-small .control{width:24px;height:16px;padding:16px 0;font-size:16px;line-height:16px}
.ss1c-block-small .control{background-color:#b0b0b0;background-color:rgba(66,66,66,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#33424242", endColorstr="#33424242")\9;color:#fff;-webkit-transition:background-color .5s;transition:background-color .5s}
.ss1c-block-small .control:hover,.ss1c-block-small .control.active{color:#fff;background-color:#757575;background-color:rgba(66,66,66,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99424242", endColorstr="#99424242")\9}
.ss1c-block-small .control-disabled{color:#fafafa}
.ss1c-block-small .control-disabled:hover,.ss1c-block-small .control-disabled.active{color:#fafafa}
.ss1c-block-small .control{width:20px;padding:12px 0;font-size:18px;line-height:24px}
.ss1c .control-disabled{cursor:default}

.ss1p-wrapper{text-align:center}
.ss1p{margin:0;padding:0;list-style-type:none}
.ss1p .pager{display:inline-block;*zoom:1;*display:inline;margin:0 2px;cursor:pointer;width:6px;height:6px;border:2px solid #f5f5f5;border-radius:6px;text-align:left;text-indent:-9999em;overflow:hidden;_zoom:1;background-color:#b0b0b0;-webkit-transition:all .5s;transition:all .5s}
.ss1p .pager:hover .dot{background:#ff6700}
.ss1p .pager-active{cursor:default}
.ss1p .pager-active{border-color:#ff6700;background-color:#f5f5f5;background-color:transparent}
.ss1p .pager:hover{background:#ff6700 }

.ss1list{margin:0;padding:0;list-style-type:none}
.content-item{position:relative;max-width:100%;padding:20px 0 0;margin-bottom:14px;background:#fff;-webkit-transition:all .2s linear;transition:all .2s linear}
.content-item .item-list{margin:0;padding:0;list-style-type:none;text-align:center;overflow:hidden;_zoom:1;color:#333;}
.content-item .item-list li{float:left;width:100%;height:100%;}
.content-item .item-list li.more .thumb{display:block;width:216px;height:154px;margin:30px auto 0}
.content-item .ss1p{position:absolute;bottom:15px;left:0;width:100%;z-index: 9;}
.content-item .ss1c .control{position:absolute;top:50%;margin-top:-20px;opacity:0;filter:alpha(opacity=0)\9;/*! -webkit-transition:all .6s; *//*! transition:all .6s; */z-index: 9;}
.content-item .ss1c .control-prev{left:0}
.content-item .ss1c .control-next{right:0}
.content-item:hover .ss1c .control{opacity:1;filter:alpha(opacity=100)\9}

/*nav*/
.logo1{margin: 22px 0;}
.logo1 img{vertical-align: bottom;margin-left: 15px;display: inline;}
.logo1 img.home{width: 140px;height: 35px;}
.nav-box{margin-left: 275px;line-height: 80px;font-size: 16px;}
.nav-box li{padding: 0 35px;}
.nav-box li>a{display: block;height: 78px;border-bottom: 2px solid transparent;transition: border .4s;}
.nav-box li.cur>a,.nav-box li:hover a{border-color: #00b8ee;}
.nav-box .settings,.nav-box .search{color: #fff;background: #00b8ee;padding: 9px 15px;border-radius: 5px;transition: .4s; }
.nav-box .settings:hover,.search-box .query:hover,.pay-btn:hover{opacity: .8;}
.nav-box .settings i,.nav-box .search i{width: 20px;height: 20px;padding-right: 8px;display: inline-block;*display: inline;*zoom:1;vertical-align: sub;*vertical-align: middle;}
.nav-box .settings i{background: url(../images/settings.png) no-repeat;}
.nav-box .search i{background: url(../images/icon_search.png) no-repeat;}
/*nav*/

i.cright{padding: 0 10px 0 25px;cursor: default; background: url(../images/icon_zhichi.png) no-repeat left center;font-style: normal;margin-right: 14px;}



/*main*/
.main{padding: 30px 0 80px;}
.cont-left{width: 90%;padding: 0 15px 20px 15px;background: #fff;}
.cl-box>h2{padding: 13px 15px; font-size: 16px;font-weight: 400;color: #131313;margin: 0 -15px;}
.cl-box>h2:hover{background: #f2fbfe;}
.cl-box>h2 i{width: 20px;height: 20px;margin-right: 10px; display: inline-block;*display: inline;*zoom:1;vertical-align: middle;background: url(../images/contleft_icon.png) no-repeat;}
.cl-cart>h2 i{background-position: 0 -20px;}
.cl-order>h2 i{background-position: 0 -40px;}
.cl-finance>h2 i{background-position: 0 -60px;}
.cl-personal>h2 i{background-position: 0 -80px;}
.cl-box dt i{width: 9px;height: 9px;transition: all .4s;margin-left: 15px; display: inline-block;*display: inline;*zoom:1;vertical-align: baseline;background: url(../images/cl_arrow.png) no-repeat;transform: rotate(-90deg);}
.cl-box dl{display: none; line-height: 42px;margin: 0 -15px}
.cl-box.check dl{display: block;}
.cl-box dl.active dd{display: block;}
.cl-box dl.active i{transform: rotate(0);}
.cl-box dt{cursor: pointer;padding-left: 50px;}
.cl-box dt:hover{background: #f2fbfe;}
.cl-box dd{display: none;}
.cl-box dd p{padding-left: 56px;border-left: 4px solid transparent;transition:  all .4s;}
.cl-box dd p:hover{padding-left: 66px;background: #f2fbfe;border-left:4px solid #00b8ee}
.cont-right{margin-left: 235px;}
.cr-box{background: #fff;}
.cr-box+.cr-box{margin-top: 15px;}
.head_portrait,.user-msg,.user-balance{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}

.head_portrait a{color: #00b8ee;}
.head_portrait span{display: block;width: 90px;height: 90px;border-radius: 50%;margin-bottom: 8px;}
.user-msg{line-height: 35px;color: #333;min-width: 200px;margin-right:20px;margin-left: 40px; }
.user-msg a{color: #333;}
.user-balance{width: 50%;font-size: 0;*width: 48%;}
.user-balance li{width: 50%;font-size: 14px;line-height: 45px;height: 45px;}
.user-balance li:hover {background: #f2fbfe;}
.user-balance li:hover span{color: #00b8ee;}
.user-balance li a{padding-left: 10px;}
.user-balance i,.user-balance em{color: #f14141;margin-left: 8px;font-style: normal;}
.user-balance span{margin-right: 10px;}

.crb-title{color: #131313;font-size: 16px;}
.opened-sever-list{padding:20px 0px 0;font-size: 0;}
.opened-server-box{width: 50%;padding: 10px 0; font-size: 14px;margin-left: -1px;*margin-right: -2px; border-left: 1px solid #f1f1f1;}
.opened-server-box:hover{background: #f2fbfe;border-color: transparent;}
.opened-server-box p{padding: 0 100px 0 55px;}
.server-text+.server-text{padding-bottom: 8px;}
.opened-server-box .server-name{color: #333;font-size: 18px;}
.server-usage-count{text-align: right;position: relative;margin-bottom: 10px;}
.server-usage-count .suc-text{position: absolute;left: 55px;bottom: 0;font-size: 16px;}
.server-usage-count .suc-text em{font-size:34px;line-height: 1;margin-right: 8px;}
.server-usage-count img{vertical-align: bottom;}
.server-text{color: #999;line-height: 2;}
.server-text em{color: #333;padding: 0 8px;}
.nonactivated-server-box{width: 25%;padding:10px 4%;margin: 10px -4px 25px -1px;transition: all 0.4s;border-left: 1px solid #f1f1f1;}
.nonactivated-server-box:hover{background: #f2fbfe;border-color: transparent;}
.nonactivated-server-box img{margin-right: 15px;}
.server-name{color: #131313;margin: 6px 0;}
.server-desc{color: #999999;font-size: 12px;line-height: 21px;height: 42px;overflow:hidden;}
.server-experience{margin: 8px 0;}
.server-experience a{color: #00b8ee;}
.open-more{text-align: right;}
.open-more a{color: #333;font-size: 12px;}
.cart-table{width: 100%;margin: 15px 0; text-align: center;border: 1px solid #eaeaea;border-collapse: collapse;}
.cart-table .tal{text-align: left;}
.cart-table .tal input{vertical-align: middle;margin-right:10px; }
.cart-table tr{border: 1px solid #eaeaea;transition:height .6s;}
.cart-table tr:hover{background:  #f2fbfe;}
.cart-table th{background: #fafafc;font-weight: 400;color: #333;}
.cart-table th,.cart-table td{padding: 10px 20px;line-height: 25px;}
.cart-table td{color: #666666;}
.cart-table a{color: #00b8ee;}
.cart-table a:hover{text-decoration: underline;}
td.sole-price,.rebate-price{color: #ed4346!important;}
.sole-price em{margin-left: 4px;}
.bbx {padding: 25px 0 10px;font-size: 0;margin-left: -40px;}
.bbx a {border-radius: 5px;min-width: 80px;height: 20px;line-height: 20px;padding: 10px 20px;font-size: 16px;color: #999999;display: inline-block;*display: inline;*zoom:1;}
.bbx .btn {font-size: 18px;color: #fff;background: #00b8ee;margin-left: 40px;text-align: center;}
.btn.tobuy {background: #ed4346;}
/*main*/
/*footer*/
.foot{background: #fff;padding: 45px;}
.footbox{border-top: 2px solid #eaeaea;padding-top: 45px;}
.fb-list,.footbox{color: #515151;font-size: 12px;height: 100px;line-height: 24px;overflow: hidden;text-align: center;}
.fb-list a,.footbox a{color: #515151}
.footbox a{padding: 0 6px;}
.fb-list a.lchot,.footbox a.lchot {color: #BD0A01;}
.fb-list a:hover,.footbox a:hover{color: #BD0A01;text-decoration: underline;}
.fb-list{width: 960px;margin-top: 12px;}
.fb-list p{border: 1px solid #D2D2D2;float: left;font-size: 12px;height: 50px;line-height: 20px;margin: 6px;padding: 0;width: 120px;overflow: hidden;}
.fb-list .fl {padding: 3px;}
.fb-list .fr{padding: 5px 3px 0;width: 72px;text-align: center;}
/*footer*/
/*server*/
.search-box{margin: 30px 0;height: 30px;line-height: 30px;}
.search-box input{padding: 2px 8px;border: 1px solid #ddd;}
.search-box .search-text{margin-right:30px;}
.search-box .date-box{margin-right: 30px;position: relative;}
.search-box .date-box i{width: 15px;height: 15px;position: absolute;right: 12px;top: 2px; background: url(../images/date_icon.png) no-repeat;}

.search-box select{padding: 2px 0;}
.search-box em{margin-right: 10px;}
.search-box .query{min-width: 80px;*width: 80px;transition: .4s; text-align: center;height: 30px;line-height: 30px;background: #00b8ee;color: #fff;border-radius: 5px;}
/*server*/

/*financial*/
.consumption-info{color: #333;margin: 20px 0;}
.consumption-info span{margin-left: 8px; margin-right: 50px;color: #ed4346;}
.consumption-info em{margin-left: 4px;}
.consumption-info a{color: #00b8ee;}
.consumption-info a:hover{text-decoration: underline;}
.pay_box{margin: 60px 0 35px;}
.box-title{margin-bottom: 20px;border-left: 3px solid #00b8ee;padding-left: 15px;font-size: 16px;line-height: 1;}
.payment_box{padding: 10px 0;margin-right: 60px; min-width: 180px;position: relative; line-height: 18px; border: 1px solid #ccc;float: left;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.payment_box.slt{padding: 9px 0;border: 2px solid #00b8ee;}
.payment_box.slt i{position: absolute;bottom: 0;right: 0;width: 20px;height: 20px;background: url(../images/address_slt.png) no-repeat;}
.confirm table .total_price{color: #333;}
.confirm .tip{color: #666;}
.bdb {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.amount{padding: 7px 20px;width: 100px;text-align:right;margin: 0 15px;border: 1px solid #eaeaea;}
.pay-btn{transition: 0.4s; margin-left: 80px;width: 120px;height: 40px;line-height: 40px;background: #00b8ee;color: #fff;text-align: center;display: inline-block;*display: inline;*zoom:1;border-radius: 5px;}
.tips-text{margin: 40px 0 20px;color: #666;line-height: 30px;}
/*financial*/
/*person_message*/
.message-box{margin: 20px 0;line-height: 50px;color: #333;}
.message-box input{vertical-align: middle;}
.message-box label+input[name=type]{margin-left: 20px;}
.message-box input[type=text],.message-box input[type=number],.message-box input[type=password]{border: 1px solid #eaeaea;line-height: 22px;padding: 8px 15px;width: 270px;}
.message-box input:disabled{background-color:#fafafc; }
.message-box ::-webkit-input-placeholder { /* WebKit browsers */
font-size: 12px;color: #999;
}
.message-box:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-size: 12px;color: #999;
}
.message-box::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 12px;color: #999;
}
.message-box:-ms-input-placeholder { /* Internet Explorer 10+ */
font-size: 12px;color: #999;
}
.message-box .font{width: 100px;display: inline-block;*display: inline;*zoom:1;padding-right: 20px;white-space: nowrap;}
.message-box .font i{color: #ed4346;font-style: normal;margin-right:6px; }
p.user-id em{color: #666;}
.user-phone a{margin-left: 10px;color: #666;}
.user-phone a:hover{text-decoration: underline;}
.message-box .select{position: relative;margin-right: 10px;}
.message-box select{padding: 1px 15px;height: 25px;line-height: 25px;}

.message-box .select+.select{margin-left: 20px;}
.user-select select{min-width: 150px;}
.user-select .select:after{right: 3px;}
.message-box textarea{width: 500px;height: 200px;padding: 15px;line-height:1.6;letter-spacing: 1px; border: 1px solid #eaeaea;vertical-align: text-top;}
.pay-btn.submit-btn{margin-left: 120px;font-size: 16px;width: 100px;border-radius: 3px;}
.message-box em{margin-left: 10px;color: #999;}
.message-list .message-box em{display: block;line-height: 30px;}
.message-box em.small{font-size: 12px;}
.catch-code{margin-left: 6px; padding:9px 25px;*padding: 8px 25px;vertical-align: middle;border-radius: 3px;text-align: center; background: #ed4346;color: #fff;font-size: 16px;}
.webcode{width: 100px;height: 40px;margin-left: 6px;display: inline-block;*display: inline;*zoom:1;}
.managebox em{min-width: 100px;display: inline-block;*display: inline;*zoom:1;}
.manageit{color: #00b8ee;margin-left: 10px;line-height: 30px;}
.manageit:hover{text-decoration: underline;}
.box-title+.mr100{line-height: 30px;margin-bottom: 30px;}
.message-list{padding-bottom: 15px;}
.message-list .mr100{line-height: 30px;}
.message-list .mr100 em{display: block;text-indent: 10px;}
.message-list:hover{background: #f2fbfe;}
.message-list .box-title{margin: 0;margin: 20px 0;}
/*person_message*/
/*public_account*/
.cr-tab{border-bottom: 1px solid #eaeaea;margin: 25px 0;line-height: 50px;}
.cr-tab li.cur{height: 48px;border-bottom: 2px solid #00b8ee;}
.cr-tab li+li{margin-left: 40px;}
.cr-tab a{color: #333;}
.tm-box>*{padding: 0 20px;}
.tm-title{background: #fafafa;height: 45px;line-height: 45px;color: #333;margin-bottom: 20px;}
.tm-list{padding: 20px;border-bottom: 1px solid #f5f5f9;line-height: 26px;}
.tm-list:hover{background: #f2fbfe}
.tm-list>*{display: inline-block;*display: inline;*zoom:1;vertical-align: text-top;}
.tm-font{width: 12%;margin-right: 1%;color: #999;}
.tm-cont{vertical-align: middle;width: 85%;position: relative;}
.tm_head_portrait,.tm_head_portrait img{width: 80px;height: 80px;}
.tm-right p{color: #999;text-align: right;}
.tm-right a{color: #00b8ee;padding: 0 4px;}
.tm-text{position: absolute;width: 60%;top: 50%;margin-top: -13px;}
.tm-text em{color: #999;margin-right: 8px;}
.tm-right a:hover{text-decoration: underline;}
/*public_account*/
/*plugin*/
.plugin-list{margin-top: 50px;margin-bottom: 50px;}
.plugin-list ul{margin-left: -3%;font-size: 0;}
.plugin-box{width:47%;margin-left:3%;position: relative;top: 0;transition: all 0.4s; margin-right: -4px;margin-bottom: 30px; background: #fafafc;border: 1px solid #eaeaea;}
.plugin-list.wp100 .plugin-box{width:100%;}
.plugin-box:hover{background: #f2fbfe;}
.plugin_icon{width: 95px;height: 95px;display: inline-block;text-align: center;}
.plugin_icon img{max-height: 50px; line-height: 95px;position: relative;top: 50px;margin-top: -22px;}
.pb-text{margin-left: 95px;display: block; padding: 8px 20px;line-height: 24px;font-size: 12px;color: #999;}
.pb-title{font-size: 14px;color: #333; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.pb-text span.fr{margin-left: 15px;color:#333;font-size: 14px;}
.pb-text span.fr img{margin-left: 10px;}

/*new-page*/
.new-section{margin-top:30px;/*margin: 30px 0;*/}
.new-box{padding: 20px;background: #fff;width: 440px;margin-right: 15px;}
.new-boxa{padding-top:10px; background: #fff;width: 440px;margin-right: 15px;}
.main-new-box{width: auto;margin-right: 0;}
.big-new-box{width: 470px;}
.right-new-box{margin-left: 940px;width: auto;margin-right: 0;}
.major-new-item{padding: 0 10px;}
.major-new-item:hover{background: #f2fbfe;}
.major-new-item+.major-new-item{margin-top: 15px;}
.major-news h2{font-size: 20px;font-weight: 700;margin-bottom: 5px;}
.major-news h2 a{color: #333;}
.major-new-item p,.major-new-item h2{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.major-new-item p{line-height: 26px;}
.major-new-item p a{color: #999;}
.major-new-item p a+a{margin-left: 20px;}
.news-banner{height: 340px;}
.news-banner img{max-width: 100%;width: 100%; height:300px;}
.news-banner a{position: relative;display: block;font-size: 0;}
.banner-text{padding: 5px 150px 5px 30px;color: #fff; position: absolute;bottom: 0;left: 0;right: 0;letter-spacing: 1px; font-size: 20px;background: rgba(0,0,0,.5);}
.nb-btn{width: 25px;height: 55px;display: block;position: absolute;top: 50%;margin-top: -28px;background: url(../images/banner_arrow.png) no-repeat;z-index: 2;cursor: pointer;}
.nb-prev{left: 10px;}
.nb-next{right: 10px;background-position: -25px 0;}
.news-banner .pagination {
  position: absolute;
  z-index: 20;
  bottom: 7px;
  right: 20px;
  width: 100%;
  text-align: right;
}
.news-banner .swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  background: #fff;
  margin: 0 10px;
  opacity: 0.8;
  cursor: pointer;
}
.news-banner .swiper-active-switch {
  background: #00b8ee;
}
.newlist{margin-top: -10px;}
.newlist+.newlist{margin-top: 48px;margin-bottom: -10px;}
.newlist li{line-height: 40px;font-size: 16px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; }
.newlist a{color: #333;}
.newlist .new-type{border-right: 1px solid #666;padding-right: 6px;margin-right: 6px;height: 16px;line-height: 1;display: inline-block;}
.new-box-list .new-box+.new-box{margin-top: 15px;}
.nb-title{padding-left: 15px;font-weight: 700; font-size: 20px; border-left: 3px solid #00b8ee;line-height: 1;margin-bottom: 25px;}
.nb-title a{float: right;font-size: 14px;font-weight: 400;color: #999;line-height: 20px;}
.nb-title a:hover{text-decoration: underline;}
.sbs-new li{width: 49%;margin-right: -4px;vertical-align: top;position: relative;top: 0;transition: all 0.4s;}


.pic-box{overflow: hidden;}
.pic-box img{transition:all .4s;}
.pic-box:hover img{transform: scale(1.1);}
.sbs-new img,.sbs-new .pic-box{width: 110px;height: 90px;}




.sbs-new img:hover{width: 110px;height: 90px;}
.sbs-new li+li{margin-left: 2%;}
.sbs-new a{display: block;font-size: 16px;}
.sbs-new a>*{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.sbs-new span{width: 92px;line-height:22px;height: 90px;overflow:hidden; }
.mn-box{display: block;margin: 0 -10px;padding: 10px;}
.mn-box:hover{background: #f2fbfe;}
.main-new-title,.table-new-title{font-size: 16px;color: #333;}
.main-new-title a{color: #333;}
.main-new-title+.main-new-text{margin-top: 10px;}
.table-new-text,.main-new-text{font-size: 14px;color: #999;}
.table-new{margin-top: 20px;}
.table-new ul{margin-left: -1px;border-top: 1px solid #eaeaea;}
.table-new li{width: 204px;padding:9px 8px 9px 2px; float: left;border-bottom: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}
.table-new-title,.table-new-text{padding-left: 10px;display: block;}
.table-new-title{line-height: 2;margin-bottom: 4px;}
.hot-new-title{font-size: 20px;line-height: 1;margin-bottom: 25px; font-weight: 700;padding-left: 30px;background: url(../images/icon_hot_new.png) no-repeat;}
.hot-new-list{border-top: 1px solid #eaeaea;}
.hot-new-list li{position: relative;padding:20px 10px;border-bottom: 1px solid #eaeaea;}
.hot-new-list li:hover,.sbs-new li:hover{background: #f2fbfe;}
.hot-new-list a{color: #333;font-size: 16px;}
.hot-new-list .phone-type{border-left: 2px solid #ccc;color: #999;margin-left: 12px;padding-left: 8px;}

.hot-new-list .num-t{position: absolute;right: 0;top: 50%;margin-top: -13px;font-size: 26px;line-height: 1;}
.hot-new-list .num-ta{position: absolute;left: 0;top: 50%;margin-top: -13px;font-size: 26px;line-height: 1;}


.num-ta.num-t1{color: #00b8ee;}
.num-ta.num-t2{color: #999;}

.num-t.num-t1{color: #00b8ee;}
.num-t.num-t2{color: #999;}
.ad-box img {max-width: 290px;}
.pic-text-item{margin: 0 -6px;display: block;transition: all 0.2s;}
.pic-text-item:hover{ background: #f2fbfe;}
.pic-text-item:hover .text{color: #00b8ee;}
.pic-text-item>*{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.pic-text-item+.pic-text-item{margin-top: 18px;}
.pt-box{margin: 6px;}
.pt-box img{width: 120px;height: 100px;}
.text-box{margin-left: 9px;color: #999;width: 255px;}
.text-box .text{font-size: 16px;color: #333;line-height: 2;height: 64px;overflow: hidden;margin-top: -5px; margin-bottom: 6px;}
.text-box .text-desc{overflow:hidden;height: 42px;}
.pic-text-item.other .text-box{width: 285px;}
.pic-text-item.other .text{white-space: nowrap;text-overflow: ellipsis;height: auto;}
.pic-text-item.other .text-desc{height: 63px;}
.pic-text-item.other1 .text-box{width: auto;display: inline;}
.pic-text-item.other1 .text{width: 110px;float: right;overflow: hidden;line-height: 24px; margin-top: 5px;height: 96px;margin-right: 8px;}
.right-new-box .pic-text-item.other1 .text,.sidebar .pic-text-item.other1 .text{display: none;}
.right-new-box .pic-text-item.other1 .pt-box,.right-new-box .pic-text-item.other1 .pt-box img,.sidebar .pic-text-item.other1 .pt-box,.sidebar .pic-text-item.other1 .pt-box img{width: 238px}
.pic-text-item.other1 .text-desc{margin: 12px;height: 63px;}
.pic-text-item.other1+.pic-text-item.other1{margin-top: 0;}
.newlist.other{margin-top: 20px;}
.newlist.other li{line-height: 2;}
.newlist li a:hover{color: #00b8ee;text-decoration: underline;}
.newlist li:hover .new-type{color: #333;}
.pic-new{margin-left: -30px;font-size: 0;}
.pic-new li{margin-top: 30px;margin-left: 30px;}
.pic-new .pic-box{width: 200px;height: 165px;display: block;position: relative;}
.pic-new .pic-box .pic-new-text{font-size: 14px;color: #fff; padding: 3px 10px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position: absolute;left: 0;right: 0;bottom: 0;background:#999;background: rgba(0,0,0,.4);}
.video-list .pic-new{margin-left: -1.5%;font-size: 0;}
.video-list .pic-new i{width: 50px;height: 50px;position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -40px; transform: scale(2);opacity: 0.5;z-index: 1; transition: all .4s; background: url(../images/icon_playBtn.png) no-repeat;}
.video-list .pic-new li:hover i{transform: scale(1);opacity: 1;}
.video-list .pic-new li{width: 23.5%;*margin-right: -1px; margin-top: 0px;margin-left:1.5%;}
.video-list .pic-new .pic-box{width: 100%;height: auto;}
.video-list .pic-new .pic-box .pic-new-text{line-height: 20px;padding: 10px 10px 10px 30px;text-align: left;}

.VR-game{width: 910px;font-size: 0;}
.VR-game ul{margin-left: -2%;}
.VR-game li{width: 31%; margin-left: 2%;margin-bottom: 20px; font-size: 14px;}
.VR-game .pic-box{width: 100%;height: 185px; display: block;}
.VR-game li img{margin-bottom: 5px;}
.VR-game li .game-name,.VR-game li .game-type{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.VR-game li .game-name{line-height: 50px;font-size: 16px;color: #333;}
.VR-game li .game-name:hover{color: #00b8ee;text-decoration: underline;}
.VR-game li .game-type{line-height: 2;color: #999;}
.VR-game li .game-type:hover{text-decoration: underline;}

.VR-game1{font-size: 0;}
.VR-game1 ul{margin-left: -2%;}
.VR-game1 li{width: 22%; margin-left: 2.9%;margin-bottom: 20px; font-size: 14px;}
.VR-game1 .pic-box{width: 100%;height: 185px; display: block;}
.VR-game1 li img{margin-bottom: 5px;}
.VR-game1 li .game-name,.VR-game1 li .game-type{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.VR-game1 li .game-name{line-height: 50px;font-size: 16px;color: #333;}
.VR-game1 li .game-name:hover{color: #00b8ee;text-decoration: underline;}
.VR-game1 li .game-type{line-height: 2;color: #999;}
.VR-game1 li .game-type:hover{text-decoration: underline;}

.ranking-list{margin-left: -2%;}
.ranking{width: 33.3%;padding-left: 2%; padding-right:1.3%;}
.ranking li{line-height: 40px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ranking li:hover a{text-decoration: underline;color: #00b8ee;}
.ranking a{color: #333;margin-left: 6px;}
.serial{width: 20px;height: 20px;line-height: initial;*line-height: 20px;line-height: 20px\0; color: #fff; display: inline-block;*display: inline;*zoom:1;vertical-align: middle; text-align: center;background: #999999;}
.serial-top1{background: #0097ff;}
.serial-top2{background: #00c0ff;}
.serial-top3{background: #17d6ff;}
/*面包屑*/
.Breadcrumbs{margin: 25px 0 25px 0;color: #333;font-size: 14px;}
.Breadcrumbs a{color: #999;}
.Breadcrumbs .arrow{color: #999;padding: 0 6px;}
.Breadcrumbs a.now{color: #333;}
.Breadcrumbs a:hover{color: #00b8ee;}
.Breadcrumbs a:hover{text-decoration: underline;}
/*面包屑*/
.list-page.cont-page{width: 890px;}
.list-page.cont-page > div{background: #fff;padding: 20px;}
.list-item .pic-box{width: 260px;height: 210px;}
.list-item+.list-item{border-top: 1px solid #eaeaea;padding-top: 30px;margin-top: 30px;}
.li-cont{display: block;margin-left: 290px;}
.li-cont .li-title{font-size: 18px;transition: all .4s; line-height: 20px; margin-bottom: 25px; color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.li-cont .li-title:hover{color: #00b8ee;text-decoration: underline;}
.li-cont .li-text{font-size: 16px;color: #999;line-height: 30px;height: 120px;margin-bottom: 12px;overflow:hidden; }
.li-cont .li-text:hover{text-decoration: underline;transition: all .4s;}
.li-cont .li-post-time{transition: all .4s; line-height: 30px;height: 30px;margin-right: 25px; padding: 0 15px;background: #999999;color: #fff;display: inline-block;*display: inline;*zoom:1;}
.li-cont .li-post-time:hover{background: #00b8ee;cursor: pointer;}
.load-more{display: block;font-size: 16px;color: #999;transition: all 0.4s; background: #ececec;text-align: center;line-height: 40px;height: 40px;margin-top: 30px;}
.load-more:hover{background: #999;color: #fff;}
.sidebar{margin-left: 930px;}
.sidebar.fixed{position: fixed;top: 0;}
.sidebar .new-box{width: 290px;margin-right: 0;}
.sidebar .new-box+.new-box{margin-top: 30px;}
.sidebar .pic-text-item.other1 .text-desc{margin-top: 0;*width:240px; }
.sidebar .video-list .pic-new li{width: auto;}
.sidebar .video-list .pic-new li+li{margin-top: 30px;}
.new-box h2 span{float: right;font-size: 14px;line-height: 20px;font-weight: 400;color: #999;}
.open.fixed{position: fixed;top: 0;}
.new-box.absoluteb{top: auto;position: absolute;bottom: 0;}

/*list*/
.pt-list.new-box{width: 890px;padding-top: 0;}
.list-type{background: #fff;}
.list-type-box{height: 24px; line-height: 26px; padding: 10px 20px; overflow: hidden;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.list-type-box+.list-type-box{border-top: 1px solid #f8f8f8;}
.list-type-box i{display: none;font-style: normal;}
.list-type-box.more i{display: block;}
.list-type-box.more em{display: none;}
.list-type-box.more{height: auto;}
.list-type-box .list-type-title{color: #999;float: left;width: 85px;}
.list-type-box .list-type-item{display: block;margin-left: 85px;}
.list-type-box .list-type-item a{padding: 0 15px;margin-bottom: 8px; color: #333;display: inline-block;*display: inline;*zoom:1;}
.list-type-box .list-type-item a:hover{color: #fff;background: #00b8ee;border-radius: 3px;box-shadow: 0 0 1px #aaa;}
.list-type-box .change{color: #00b8ee;cursor: pointer;}
.list-type+.pt-list{margin-top: 30px;}
.pt-list ul{margin-left: -3.33%;font-size: 0;}
.pt-list li{width: 30%; margin-top: 20px;margin-left: 3.33%;position: relative;top: 0;transition: all 0.4s;}
.VR-game li{position: relative;top: 0;transition: all 0.4s;}
.VR-game li h3,.VR-game li p{padding:0 12px;}
.pt-list li:hover,.VR-game li:hover{background: #f2fbfe;top: -6px;box-shadow: 1px -1px 5px rgba(0,0,0,.3)}
.pt-list li .pic-box{width: 100%; display: block;position: relative;}
.pt-list .pic-box:hover img{transform: scale(1);}
.pt-list .pic-box .pic-new-text {font-size: 14px;color: #fff;padding: 10px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 0;right: 0;bottom: 0;background: #999;background: rgba(0,0,0,.4);}
.pt-list .desc-text{padding: 15px; font-size: 14px;color: #999;text-indent: 32px;letter-spacing: 1px;text-align: justify;}

/*detail-new*/
.detail-new-title{font-size: 22px;color: #333;text-align: center;margin: 10px 0 20px;line-height: 1;}
.post-msg{text-align: center;}
.post-msg>*{vertical-align: middle;padding: 0 15px;}
.sharebox{display: inline-block;*display: inline;*zoom:1;}
.sharebox .bdsharebuttonbox a{margin: 6px 18px 6px 0;}
.detail-new p{margin: 35px 0;line-height: 36px;font-size: 16px;color: #333;text-indent: 32px;letter-spacing: .5px;}
.detail-new img{max-width: 100%;display: block;margin: 0 auto;}
/*tab-new*/
.detail-new+.tab-new-box{margin-top: 30px}
.mnlt{border-bottom: 1px solid #00b8ee;}
.mnlt a{padding: 5px 20px;font-size: 16px;color: #333; display: inline-block;*display: inline;*zoom: 1;}
.mnlt a.cur{background: #00b8ee;color: #fff;}
.mnewbox{padding: 25px 0;}
.mnewbox+.mnewbox{border-top: 1px solid #eee; }
.mnp{width:150px; }
.mnp img{width: 150px;}
.mnm{margin-left: 170px;line-height: 28px;}
.mnm-t a{font-size: 16px;color: #131313;}
.mnm .posttime{margin-left: 0;color: #666;}
.mnmtext{color: #666;}


/*新闻页css*/
/*header*/
.header{position: relative;}
.header.index{position: absolute;top:0;left: 0; z-index: 2;width: 100%;transition: .6s;}
.usrbox{padding: 20px 0;}
.notice em{position: absolute;left: 90%;color: #fff; top: -10px;padding: 0px 5px;border-radius: 10px;background: #f00;line-height: initial;*line-height: 12px;line-height: 12px\0;}
.usrbox a{margin-left: 35px;line-height: 30px;position: relative;}
/*.logo a{margin: 18px 0;display: block;width: 140px;height: 35px;background: url(../images/logo.png) no-repeat;background-size:  100% 100%;}*/


.highlight .logo a{background: url(../images/index_logo_hl.png) no-repeat;background-size: 100% 100%;}
.highlight .nav a{color: #fff;}
.reg{background-color: #fff;}

.loginbox{padding: 15px 0;font-size: 0;}
.loginbox a{height: 38px;line-height: 38px;border: 1px solid #00b8ee;padding: 0 25px 0 40px;margin-left: 15px; font-size: 16px;border-radius: 5px; display: inline-block;*display: inline;*zoom: 1;}
.log{background-color: #00b8ee;color: #fff;background-image: url(../images/icon_index_login.png);background-repeat: no-repeat; background-position: 10px 0px;}
.log:active{background-color: #fff;background-position: 10px -40px;color: #00b8ee;}
.reg{color: #00b8ee; background-image: url(../images/icon_index_login.png);background-repeat: no-repeat; background-position: 10px -81px;}
.reg:active{background-color: #00b8ee ;background-position: 10px -121px;color: #fff;}
.loginbox .cart{display: none; position: relative; border-color: transparent;background-image: url(../images/icon_cart.png);background-repeat: no-repeat; background-position: 10px center;}
.noindex .cart,.service .cart{display:inline-block;*display: inline;*zoom: 1;}
.cart em{position: absolute;top: 0;left: 90px;background: #f00;padding:0 5px 1px;border-radius: 15px;font-size: 12px; line-height: initial;*line-height: 16px;line-height: 16px\0; color: #fff;}
/*banner
.swiper-slide{justify-content: center}
.index-banner{height: 760px;width:100%;}
.index-banner .swiper-slide{position: relative;}
.index-banner .swiper-slide-active img{height: 760px;}
.index-banner .swiper-slide-active img{ position:absolute;overflow:hidden;  left:50%;  margin-left:-1280px;   }

.ssbanner{margin-bottom: 35px;}
.ss-banner{height: 400px;}
.ss-banner .swiper-slide{position: relative;}
.ssbanner .swiper-slide-active img{position: absolute;width:100%;height: 400px;}

*/


.bt-ps{width: 365px;padding:200px 95px 0 50px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.bt-pl{color: #00b8ee;}
.bt-pr{color: #fff;}
.bt-box{letter-spacing: 2px;}
.bt-box>*{margin-bottom: 12px;}
.bt-box h2{font-size: 32px;}
.bt-box h2 i{font-size: 28px;margin: 0 5px;}
.bt-box h2 em{color: #999;font-size: 20px; border: 3px solid;border-radius: 5px;padding: 0 5px;position: relative;top: -3px;}
.bt-box i,.bt-box em{font-style: normal;}
.bt-box h3{color: #999;font-size: 30px;}
.bt-box h4{color: #999;font-size: 22px;line-height: 36px;}
.bt-box p{font-size: 32px;}
.bt-box p span{color: #fff;background: #00b8ee;padding: 2px 6px;font-size: 18px;letter-spacing: 0;position: relative;top: -3px;}
.bt-box p i{font-size: 20px;margin-right: 8px;}
.btnlist a{width: 139px;height: 48px;line-height: 48px; display: block;float: left;margin-right: 14px;font-size: 18px;letter-spacing: 1px; text-align: center;}

.bt-pc{margin: 0 auto;}
/*prosection*/
.section-title{padding: 27px 0 27px 15px;}
.section-title h2{color: #131313;font-size: 18px;}
.section-title p{font-size: 12px;color: #999;}


.section-show{}
.box{display: inline-block;*display: inline;*zoom: 1;position: relative;top: 0;transition: 0.4s;background: #fff;}
.box:hover{top: -4px;box-shadow: 0 0 10px rgba(0,0,0,.2); z-index:2;}
.showbox{text-align: center;border-left: 1px solid #f8f8f8;width: 238px;}

.pic-box1{font-size: 0;}
.pic-box1 img{max-width: 100%}

.pic-box{font-size: 0;}
.pic-box img{max-width: 100%;width:100%;}
.showbox .pic-box,.item .pic-box{display:block;height: 225px;line-height: 225px;overflow: hidden;}
.item-show.swp{height: 340px;padding-bottom: 40px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.showbox p{overflow: hidden;padding: 0 10px; }
/*textbox*/
.pname{line-height: 32px;font-size:16px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.pdesc,.pdesc a{margin-bottom:10px;color:#999;font-size: 12px;line-height: 24px;max-height: 48px;*height: 24px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.pprice{margin: 10px 0;color:#f14141;font-size: 16px;}
.pline{margin: 15px 0;height: 1px;background: #999;width: 20px;}
.ptype{font-size: 12px;line-height: 24px;color:#999;margin:15px 0 10px; }

.newtit a{font-size: 16px;color: #131313;}
.newtit em{font-size: 12px;color: #fff;padding: 1px 6px;background: #00b8ee;border-radius: 5px;margin-right: 5px;}
.textbox .text{line-height: 20px;font-size: 12px;color: #666666;margin: 10px 4px;height: 40px;overflow: hidden;text-overflow:ellipsis; }
.newtime{font-size: 12px;color: #666;}


.probox{text-align: center;width: 25%;}
.probox img,.showbox  img{width: auto;;height: auto;}
.probox .pic-box:hover img,.mediabox .pic-box:hover img,.showbox .pic-box:hover img,.inewbox .pic-box:hover img{transform: scale(1);}
.probox .pic-box{height: 200px;line-height: 200px;}
.probox .textbox{text-align: left;padding:0 20px 0!important;}
.inew .box{padding: 27px 0;}
.section-show.inew .pic-box{position: absolute;left: 10px;top: 27px;width: 120px;}
.section-show.inew img{max-width: 120px;max-height: 120px;}
.inewbox{width:33%;position: relative;}
.section-show.inew .textbox{margin-left: 140px;padding-right: 30px;}

.media .box{padding: 27px 0px;}
.mediabox{width: 33%;text-align: center;margin-bottom:30px;padding: 19px;}
.mediabox .textbox{;width: 355px;text-align: left;}
.mediabox .pname{}
.mediabox .pic-box{margin-left: 1px;}
.mediabox .text{margin: 10px 0;}
.mediabox img{max-height: 249px;}


/*footer*/


.fsec2 .container{padding: 25px 0;border-top: 1px solid #f8f8f8;border-bottom: 1px solid #f8f8f8;}
.serv-box dl{float: left;width: 245px;padding-right: 55px;color: #666;}
.serv-box dt{font-size: 16px;margin-bottom: 12px;}
.serv-box dd a{color: #999;line-height: 40px;transition: .4s;}
.serv-box p:hover a{color: #00b8ee;}

.telbox{width: 320px;}
.tbtit{color: #666;margin-bottom: 8px;padding-left: 4px;}
.tbtel{color: #00b8ee;font-size: 24px;padding: 9px 0;}s
.telbtn{position: relative; padding: 0 15px 0 40px;height: 35px;border-radius: 5px; line-height: 35px;background: #00b8ee;display: inline-block;*display: inline;*zoom: 1; color: #fff}
.telbtn i{position: absolute;left: 11px;top: 9px;width:21px;height: 18px;background: url(../images/icon_tel.png) no-repeat; }

.fsec3{text-align: center;color: #999;padding: 40px 0;}


/*product*/
.bl-nav{width: 240px;height:400px;padding: 0px 0px 12px 0px;position: relative;*z-index: 2;}
.bl-nav>ul>li>a{line-height: 32px;display: block;padding-left: 30px;color: #3a3a3a;}
.bl-nav li:hover{background: #fff;z-index: 2;}
.bl-nav>ul>li>a img{ width:30px; height:30px; margin-right:10px;}
.bl-nav>ul>li:hover .category-box{display: block;}
.bl-nav .category-box{display: none; position: absolute;left:240px;top: 0; z-index: 2;width: 656px; box-shadow: 1px 0 2px #eee;background: #fff;}

.product-banner{margin-left: 240px;height:480px;}
.product-banner img{ width:100%; height:100%;}
.pb-btn{position: absolute;width: 30px;left: 0; height: 60px;z-index: 2; top: 50%;margin-top: -30px;background-image: url(../images/pbanner_btn.png);background-repeat:  no-repeat;}
.pb-next{left: auto; right: 0;background-position: 0 -60px;}
.adlist ul{margin:0 -8px 0 -4px;}
.adbox{width: 238px; margin:8px 4px;background-color: #fafafa;}
.adbox img{width: 100%;}
.adbox.clear a{display: block;width: 50%;float: left;text-align: center;}
.adbox i{width: 25px;height: 25px;display: block;margin: 11px auto 8px;background: url(../images/icon-li.png) no-repeat;}
.adbox .icon2{background-position:0 -25px; }
.adbox .icon3{background-position:0 -50px; }
.adbox .icon4{background-position:0 -75px; }
.adbox a>span{height: 24px;line-height: 20px;display: block;}


.pro-list{padding: 30px 20px 0;}
.pro-list li{width: 160px;margin:5px; padding: 5px 0;overflow: hidden;}
.pro-list a{padding-right: 10px;display: table;}
.pro-list a:hover{color: #00b8ee;}
.pro-list img.fl{width: 28px;height: 28px;margin-right: 10px;}
.pro-list .plt{vertical-align: middle;line-height: 18px;*line-height: 8px; display: table-cell;}
.bgfff{background: #fff;}
.pros-title{padding: 19px 0;line-height: 32px;}
.pros-title h2{font-size: 22px;}
.hts-btn{width: 38px;height: 23px;border: 1px solid #eee;display: block;float: left;position: relative;}
.hts-btn i{width: 9px ;height: 16px;transition: .4s;position: absolute;left: 50%;margin-left: -4px;top: 50%;margin-top: -8px; display:block;background: url(../images/icon_arrow.png) no-repeat;}
.hts-prev i{background-position:  0 -16px;}
.hts-prev:hover i{background-position: 0px 0 ;}
.hts-next i{background-position: -9px -16px ;}
.hts-next:hover i{background-position: -9px 0 ;}

.item-show.swp{height: 340px;padding-bottom: 40px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.item-show.swp .pic-box{ display:inline-block; width: 236px; height: 236px;overflow:hidden;}
.recommend{height: 340px; }
.item-show{margin-right: -10px;}
.item-show .pic-box img{width: auto;height: auto;}
.recommend .item{width: 228px; height:330px; margin-top:8px; margin-left:8px;}
.drecommend{ padding:8px;}
.drecommend .item{width: 206px;  margin-top:8px;}
.drecommend .item .pic-box{ height:auto; line-height:normal;}

.cpi{ padding:8px;}
.cpi .item{ width:120px; margin-top:8px; margin-right:20px;}
.cpi .pic-box{ height:120px; line-height:normal;}
.cpi .item .pprice{ margin:5px 0;}

.recommend .item,.drecommend .item,.item-show .item,.il-list  .item{transition:0.6s;position:relative;top:0; text-align: center;border-top: 1px solid #fff;background: #fff; margin-right: 8px;float: left;}
.is-tab-list .item{width:230px; height: 337px;}
.il-list  .item{width:236px; height: 347px;}
.il-list.collect .item{width:216px; height: 337px;}
.item:hover{top:-5px;box-shadow:0 0 5px #e1e1e1; z-index:2;}
.swp .item:hover{top: 0;}
.swp .item{width:236px;}
.item.bgfafafa{background: #fafafa;}
.item .pname{line-height: 28px; margin-top:5px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.item .textbox{padding:0 5px;}
.item .pprice{margin: 15px 0;}
.item.bt1{border-color: #ffac13;}
.item.bt2{border-color: #83c44e;}
.item.bt3{border-color: #2196f3;}
.item.bt4{border-color: #e53935;}
.item.bt5{border-color: #00c0a5;}
.item-ad{font-size: 0;border-color: transparent;}
.item-ad img{width: 100%;height: 100%;}
.long-ad{width: 238px;height: 688px;}
.long-ad img{width: 100%;height: 100%;}
.long-ad2 a{display: block;height: 340px;margin-bottom: 8px;}
.itb{margin-left: 246px;height: 688px;}
.itbnl{height: 688px;}

.is-tab{position: absolute;right: 0;top: 0;}
.is-tab li{margin-left: 75px;}
.is-tab li a{padding: 19px 0 18px;display: block;font-size: 16px;color: #333;border-bottom: 1px solid transparent;transition: .3s;}
.is-tab li:hover a{color:#00b8ee;}
.is-tab li.cur a{color: #00b8ee;border-bottom: 1px solid #00b8ee;}
.is-tab-list{height: 688px;}
.is-tab-list .item{ margin-top:8px; margin-left:8px;}
.is-tab-list .pprice{margin: 10px 0;}

.last-item{width: 238px;float: left;}
.last-item .litm{padding: 50px 0;margin-bottom: 8px;background: #fff;position: relative;}
.last-item .tbox{padding-left: 20px;margin-right: 110px; position: relative;z-index: 1}
.last-item .tbox .pname{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tbox .pprice{margin: 10px 15px;}
.last-item .abslt{position:absolute;top: 50%;right: 16px;width: 106px;height: 106px;margin-top: -53px;text-align: center; line-height: 106px;}

/*item-list*/
.breadcrumbs .container{padding: 17px 0;line-height: 30px;}
.bcbox a{margin:0 4px;}
.bcbox a:hover{color: #00b8ee}
.bcst{border: 1px solid #ddd;padding: 4px 10px;line-height: 20px;font-size: 12px;width: 200px}
.bc-search{position: relative;}
.bc-search a{position: absolute; top:0;right: 0; }
.bc-search i{width:20px;height: 20px;display: inline-block;*display: inline;*zoom: 1;*margin-top: 5px; margin-right: 10px;background: url(../images/bc-search.png) no-repeat; vertical-align: middle;}
.filters{border-bottom: 1px solid #fafafa;line-height: 28px;padding: 13px 0;}
.filters-tit{padding: 0 15px;color: #999;}
.f-cont-box{margin-left: 75px;width: 70%;overflow: hidden;line-height: 28px; max-height: 28px;*height: 28px;transition: .4s;}
.showmore .f-cont-box{max-height: 84px;*height: 84px;}

.f-cont-box a{padding: 0 15px;display: inline-block;*display: inline;*zoom: 1;}
.f-cont-box a.cur,.f-cont-box a:hover{color: #00b8ee}
.morebox{margin-right: 10px}
.morebox a{color: #8a8a8a;}
.morebox i{width: 11px;height: 7px;margin:0 5px;position: relative;top:-2px;*top: -5px; display: inline-block;*display: inline;*zoom: 1; background: url(../images/more_arrow.png) no-repeat;}
.morebox .less i{background-position: 0 -7px;}
.morebox.sltm .more{display: none;}
.morebox.sltl .less{display: none;}

.ilt-box{overflow: hidden;padding: 10px 10px;}
.iltl a{padding: 0 15px;border-right: 1px solid #eee;}
.iltl ul{margin-left: -15px;}

.iltr input{margin: 0 4px 0 50px;}
.il-list .item{position: relative;overflow: hidden;}
.il-list .item:hover .it-pop{top: 0;}
.il-list{margin-right: -10px;}
.il-list .pic{height: 250px;line-height: 250px;}
.il-list .pic img{max-height: 250px;max-width: 250px;}
.il-list .pprice{margin: 5px 0;}
.it-pop{position: absolute;top: -80px;left: 0;width: 100%;-webkit-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.it-pop a{display: inline-block;*display: inline;*zoom: 1;width: 25px;height: 25px;margin: 20px;}
.it-pop .popbtn1{background: url(../images/item-btn_01.png) no-repeat;}
.it-pop .popbtn2{background: url(../images/item-btn_02.png) no-repeat;}
.it-pop .popbtn1.hover{background: url(../images/item-btn_01_hover.png) no-repeat;}
.it-pop .popbtn2.hover{background: url(../images/item-btn_02_hover.png) no-repeat;}

/*detail-item*/
.di-sct1 .container{}
.slt-pic{width: 540px;}
.slt-parameter{margin-left: 600px;}
.sp-box{padding: 23px 0;border-bottom: 1px solid #eee}
.slt-parameter h2{color: #131313;font-size: 30px;margin-bottom: 8px;}
.tdesc{color: #999;font-size: 16px;}
.sp-box-title{color: #666;}
.sltbox a{min-width:100px;*width: 100px; color: #333; text-align: center;border: 1px solid #c1c1c1; padding:10px 15px;font-size: 14px;border-radius: 8px;margin-right: 20px;margin-top:20px; line-height: 28px;display: block;float: left;}
.sltbox a.slt{border:2px solid #00b8ee;}
.sltbox a.disabled{border-color: #eee;color: #999;cursor: no-drop;}
.sltbox{overflow: hidden;margin-right: -20px;}
.annotate{color: #888;font-size: 12px;}
.sltbox i{font-size: 14px;color: #999;font-style: normal;margin-left: 3px;}
.sltbox.slt-color a{min-width:84px;*width: 84px; padding: 6px 20px;height: auto;line-height: initial;}
.slt-color a.slt{padding: 5px 20px;}
.sltbox.slt-color em{width: 25px;height: 25px;border-radius: 12px;border: 1px solid #eee;display: block;margin: 0 auto;}
.sltbox.slt-color span{display: block;font-size: 14px;}
.white em{background: #fff;}
.pink em{background: #ffb3c9;}
.gold em{background: #ecddca;}
.grey em{background: #a0a0a0;}
.bbx{padding: 35px 0;font-size: 0;margin-left: -40px;}
.bbx a{border-radius: 5px; min-width: 98px;*width: 98px; height: 30px;line-height: 30px;padding: 10px 20px;font-size: 16px;color:#999999;display: inline-block;*display: inline;*zoom: 1;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.bbx .btn{font-size: 18px;color: #fff;background: #00b8ee;margin-left: 40px;text-align: center;}
.btn.tobuy{background: #ed4346;}

.collect{margin-left: 20px;}
.collect:hover{color: #00b8ee;}
.collect i{width: 25px;height: 25px;display: inline-block;*display: inline;*zoom: 1;background: url(../images/item-btn_01.png) no-repeat;vertical-align: middle;margin-right: 6px;}
.typelist{line-height: 65px;height: 65px;font-size: 18px;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.typelist.fixed{position: fixed;top: 0;background: #fff;width: 1220px;}
 #tpppt.fixed{position: fixed;top: 0;background: #fff; }
.typelist li{padding:0 40px}
.typelist .downline{top: 65px;}
.detail-list{overflow: hidden;}
.detail-list img{max-width: 100%;text-align: center;}
/*cart*/
.shopping-step{padding: 40px 0 40px 0;}
.cart_process .total_line{height: 2px;background: #ddd;top: 12px;position: relative;}
.cart_process .process_line{position: absolute;top: 0;left: 0;background: #00b8ee;height: 2px;}
.cart_process div{width: 100%;position: relative;}
.cart_process div span{width:20%;height: 25px;line-height: 25px;display: inline-block;float: left;text-align: center; }
.cart_process div.process_Num i{font-style: normal; width: 20px;height: 20px;display: inline-block;border: 2px solid #ddd; background: #fff;border-radius: 50%;}
.cart_process div span.cur i{background: #fff;border-color: #00b8ee;}
.cart_process div span.ok i{background: #fff;border-color: #00b8ee;}
.process_Text{font-size: 18px;margin-top: 10px;color: #333;}

/*cart-msg*/
.cart-table{display: table;width: 100%;*width: 1218px; border: 1px solid #eee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.section .cart-table{margin: 0;}
.ctb>div{display: table-cell;width: 5%;*display: inline;*zoom: 1;*width: 145px; vertical-align: middle;text-align: center;}
.ctt{line-height: 45px;height: 45px;color: #666;border-bottom: 1px solid #eee;}
.ctb .ctt1,.ctb .ctb1{text-align: left;width: 2%;*width: 65px;}
.pro-msg{padding: 20px 0;text-align: left;}
.pro-pic img{width: 88px;height: 88px;}
.cart-table .checkbox,.cart-table .allcheck,.cart-manage .allcheck{margin: 0 4px 0 12px;}
.msg-box{padding:10px 0}
.cart-table .ctt2,.cart-table .ctb2,.order-table .ctt2,.order-table .ctb2{width: 10%;*width: 304px}
.ctb>.ctb-pic{width: 1%;*width: 110px}
.ctb>.ctt-pic{width: 3%;*width: 110px;}
.ctt2.tall{text-align: left;}
.pro-name{color: #333;overflow: hidden;margin-bottom: 8px; line-height: 24px;max-height: 48px;*height: 48px;display: block;}
.pro-name:hover{color: #00b8ee;}
.pro-desc{font-size: 12px;color: #999;}
.ctb{color: #999;}
.wom .ctb{width: 85%;}
.wom .ctb7{display: none;}
.ctb+.ctb{border-top: 1px solid #eee;}
.order-manage{display: none;}
.wom .order-manage{display: inline-block;*display: inline;*zoom: 1;text-align: center;border-left: 1px solid #eee; position: absolute;left: 85%;top: 45px;right: 0;bottom: 0;}
.om-box{position: absolute;top: 50%;margin-top: -45px;width: 100%;line-height: 30px;}
.numbox{width: 100px;height: 25px;margin: 0 auto;border: 1px solid #ddd;text-align: center;}
.numbox a{display: block;float: left;width: 24px;height: 100%;}
.numbox a.more,.numbox a.less{color: #333}
.numbox a.more:hover,.numbox a.less:hover{text-decoration: none;}
.numbox input{width: 50px;height: 25px;text-align: center; float: left; border: 1px solid #ddd;border-top: 0;border-bottom: 0;}
.table-desc{border: 1px solid #eee;margin-top: -1px;padding:20px 20px 20px 0;}
.table-desc p{line-height: 30px;color: #333;}
.table-desc p>span{width: 150px;}
.cart-preferential em{color: #666;}
.redf em{color: #f00;}
.tdb{margin-top: 30px;line-height: 42px;}
.tdb.bgfafafa{padding: 15px 45px 15px 35px; margin-bottom: -20px;margin-right: -20px;}
.tdb.bgfafafa p{line-height: 28px}
.tdb.bgfafafa .cprice{margin-top: 0;}
.cart-manage span{margin-right:20px; }
.cart-manage a{padding: 0 12px;}
.cprice{color:#333;margin-top: -6px;}
.cprice em{color: #f14141;font-size: 26px;}
/*confirm*/
.boxtitle.bgfafafa{line-height: 25px;padding: 10px 0;color: #333;}
.boxtitle.bgfafafa h2{font-size: 16px;padding-left: 30px;}
.slt_box{background: #fff;padding: 30px 10px;}
.slt_box a{font-size: 14px;color: #333;margin-right: 15px;}
.slt_payment a{margin-right: 45px;}
.address_box{float: left; width: 280px;height: 110px;*width: 250px; *height:90px; display: inline-block;*display: inline;*zoom: 1; background: url(../images/address_bg.png) no-repeat;padding: 10px 15px;}
.address_box p{margin-bottom: 8px;height: 21px;line-height: 21px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.address_box.slt{background-position: 0 -110px;}
.address_box .user{border-bottom: 1px dotted #ccc;padding-bottom: 5px;}
.slt_box .text{line-height: 40px;display: inline-block;*display: inline;*zoom: 1;}
.slt_box .msg{border: 1px solid #ddd;line-height: 30px;height: 30px;padding: 0 10px;width: 480px;}
.slt_box em{color: #f00;}
.address_box{margin-bottom:10px;}
.new_address i{width: 16px;height: 16px;display:block; margin: 0 auto;background: url(../images/icon_new_address.png) no-repeat;}
.new_address.address_box{padding: 30px 15px;text-align: center;*height: 50px;}
.new_address.address_box p{color: #ccc;}
.payment_box{padding: 10px 0;min-width: 180px;position: relative; line-height: 18px; border: 1px solid #ccc;float: left;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.payment_box.slt{padding: 9px 0;border: 2px solid #00b8ee;}
.payment_box.slt i{position: absolute;bottom: 0;right: 0;width: 20px;height: 20px;background: url(../images/address_slt.png) no-repeat;}
.confirm table .total_price{color: #333;}
.confirm .tip{color: #666;}
.bdb {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.expansion-box{padding-left: 8px;height: 40px;line-height: 40px;}
.ico.expansion{width: 16px;height: 16px;float: left;background: url(../images/ico_expansion.png) no-repeat;margin: 12px;}
.expansion-box .textbox{height: 30px;line-height: 30px;border: 1px solid #ddd;width: 580px;padding: 0 10px;}


/*usr-center*/
.ucml{padding: 20px 10px;width: 200px; text-align: center;}
.person-box{line-height: 26px;}
.usr-pic img{width:90px;height: 90px;border-radius: 45px; }
.usr-name{color: #999;}
.manage-msg{font-size: 12px;}
.usr-name i{width: 15px;height: 15px;margin: -3px 4px; display: inline-block;*display: inline;*zoom: 1;background: url(../images/ico_usr.png) no-repeat;}
.usr-balance{color: #333;}
.usr-balance a{color: #f14141;}
.listbox{ margin-left:10%;}
.listbox dt{text-align:left;font-size: 16px;position: relative; margin-top:10px; padding:5px 0;}
.listbox i{width: 20px ;height: 22px;position: absolute;top: 50%;left: 30px;margin-top: -11px;*margin-top: -23px;background: url(../images/usr_center_ico.png) no-repeat;}
.lb2 i{background-position: 0 -30px;}
.lb3 i{background-position: 0 -60px;}
.ucml dd { text-align:left;}
.ucml dd a{ display:block;}

.ucmr{margin-left: 235px;}
.otlb{font-size: 16px;border-bottom: 1px solid #ddd;overflow: hidden;line-height: 32px;padding-bottom: 10px;}
.otlb li{margin-right: 100px;}

.order-title{line-height: 40px;height: 40px;margin: 30px 0;}
.order-title>div{display: inline-block;*display: inline;*zoom: 1;width: 14%;text-align: center;}
.order-title>.ot1{width: 38%;}
.tot{height: 45px;line-height: 45px;padding: 0 10px;}
.tot span{margin-right: 40px;}
.tot span{color: #999;}
.tot em{color: #666;margin-left: 5px;}
.ctb>div.w13{width: 13%;}
.ctb>div.w7{width: 7%;}
.order-pic{width: 185px;display: block; text-align: center;padding: 15px 0;}
.order-table{display: table;width: 100%;*width: 983px;position: relative; margin-bottom: 20px; border: 1px solid #eee;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.btnbox{line-height: 30px;font-size: 12px;}
.btnbox .btn{margin-bottom: 10px;background: #f00;padding: 3px 11px;color: #fff;}

/*service*/
.poster img{width: 100%;}

.s-title{line-height: 35px;padding: 15px 0;}
.s-title h2{font-size: 16px;}
.servicebox li,.supportbox li{width: calc(25% - 1px); *width: 304px;text-align: center;border-left: 1px solid #fafafa;}
.servicebox a{font-size: 16px;color: #333;display: block;padding-bottom: 36px;display: block;}
.servicebox i{height: 100px;display: block;background-position:center;}
.ico1{background: url(../images/ico_service_01.png) no-repeat;}
.ico2{background: url(../images/ico_service_02.png) no-repeat;}
.ico3{background: url(../images/ico_service_03.png) no-repeat;}
.ico4{background: url(../images/ico_service_04.png) no-repeat;}
.ico5{background: url(../images/ico_service_05.png) no-repeat;}
.ico6{background: url(../images/ico_service_06.png) no-repeat;}
.ico7{background: url(../images/ico_service_07.png) no-repeat;}
.ico8{background: url(../images/ico_service_08.png) no-repeat;}

.servicebox span{display: block;}
.shadowbox li{position: relative;top: 0;transition: 0.4s;}
.shadowbox a{border-top: 1px solid #fafafa;}
.supportbox a{font-size: 14px;padding-bottom: 30px;display: block;background: #fff;}
.supportbox .text{display: block;}
.picbox{line-height: 240px;height: 240px;}

.container.qa{overflow: hidden;}
.qabox{margin-right: -100px; padding: 20px;line-height: 45px;}
.qabox li{width: 20%;}
.qabox dl{padding-left: 20px}
.qabox dt{font-size: 18px;color: #333;}
.qabox a:hover{color: #00b8ee;}
.shadowbox li:hover{box-shadow: 0 0 10px rgba(155,155,155,0.2);top: -4px;}

.contactbox{padding: 12px 60px;}
.contactbox li{margin-left: 140px;width: calc(50% - 141px);*width: 409px;border-right: 1px solid #ddd}
.ico-box{margin: 30px 0;}
.ico-box img{width: 100px;height: 100px;}
.contbox{margin:25px 105px 25px 130px;}
.cbt{color: #333;font-size: 18px;}
.cbtdesc{font-size: 12px;margin: 6px 0 20px;color: #999;}
.contact-btn{padding: 0 30px;min-width: 100px;*width: 100px;float: left; height: 40px;line-height: 40px;background: #00b8ee;text-align: center;color: #fff;}
li.noborder{border: 0;}

/*blog*/
.classifybox{padding: 20px 0;line-height: 20px;overflow: hidden;}
.classifybox .bcst{border: 0;margin-top: -4px; padding:6px 12px;}
.classify ul{margin-left: -20px;}
.classify li{padding: 0 35px;border-left: 1px solid #cccccc;}
.classify li:hover a{color: #00b8ee;}

.cont-main{width: 900px;float: left;}
.blog-box{padding: 14px;background: #fff;margin-bottom: 15px;border: 1px solid #eee;}
.blog-banner .swiper-container{height: 284px;}
.blog-banner img{width: 100%;}
.bbbtn{position: absolute;width: 22px;z-index: 2; height: 37px; top: 50%;margin-top:-18px;background: url(../images/blog_banner_btn.png) no-repeat; }
.bbprev{left: 15px;}
.bbnext{right: 15px;background-position: -22px 0;}
.blog-pic img{width: 302px;height: 208px;}
.blog-msg-box{margin-left:330px; }
.blog-label a{font-size: 16px;color: #fff;background: #00b8ee;padding: 5px 16px;display: inline-block;*display: inline;*zoom: 1;}
.blog-title{height: 55px;line-height: 55px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.blog-title a{font-size: 16px;color: #131313;}
.blog-message a{font-size: 12px;color: #999;display: inline-block;*display: inline;*zoom: 1;}
.ico-eye,.ico-reply{padding-left: 30px;width: 75px;}
.ico-eye{background: url(../images/ico_eye.png) no-repeat 4px;}
.ico-reply{background: url(../images/ico_reply.png) no-repeat 4px;}
.postedby{margin-left: 50px;}
.postedtime{margin-left: 25px;}
.blog-message .c00b8ee{color: #00b8ee;font-size: 14px;}
.blog-text{line-height: 24px;margin: 15px 0;max-height: 48px;*height: 48px;overflow: hidden;color: #666;}
.share .weibo{width: 23px;height: 20px;display: inline-block;*display: inline;*zoom: 1;background: url(../images/ico_weibo.png) no-repeat;}

.blog-hot-title{padding: 13px 0;}
.blog-hot-title h2{font-size: 18px;color: #131313;}
.blog-hot-title .count{font-size: 12px;margin-right: 15px;line-height: 27px;}
.count span{color:#131313;}
.count a{color: #ffa800;}
.blog-hot-title em{color: #999;float: left;margin:0 25px;height: 14px;}

.blog-hot-list{padding-bottom: 45px;border-top: 1px solid #eee;}
.blog-hot-box{padding: 20px 0 10px;border-bottom: 1px solid #eee;line-height: 50px;}
.postedby-pic img{width: 50px;height: 50px;border-radius: 25px;}
.bhbt{color: #333;font-size: 16px; display: block;width: 60%;margin-left: 85px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.postby{color: #666;margin-right: 15px;}
.side{margin-left: 920px;}
.blog-features{margin-left:-15px;}
.blog-features ul{overflow: hidden;}
.blog-features li{margin-left: 15px;margin-bottom: 10px; width: 127px;padding: 15px 0;line-height: 35px;}
.blog-features a{color: #fff;font-size: 16px;display: block;}
.blog-features i{width: 36px;height:34px;float: left;margin: 0 10px 0 25px; display: inline-block;*display: inline;*zoom: 1; }
.bf1 i{background: url(../images/ico_bf1.png) no-repeat;}
.bf2 i{background: url(../images/ico_bf2.png) no-repeat;}
.blog-features .bf1{background: #43b56b;}
.blog-features .bf2{background: #e85355;}
.blog-features .bf3{background: url(../images/bf3_bg.png);}
.blog-features .bf4{background: url(../images/bf4_bg.png);}
.bp-title h2{font-size: 16px;color: #333; margin: 10px 0 15px;line-height: 20px;height: 20px; }
.bp-list ul{border-top: 1px solid #eee;border-right: 1px solid #eee;overflow: hidden;}
.bp-list li{width: 50%;*width: 133px; text-align: center;border-left: 1px solid #eee;border-bottom: 1px solid #eee;
	height: 40px;line-height: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.new-active{padding-top: 10px;}
.bbox ul{border-top: 1px solid #eee;padding: 15px 0;}
.na-pic{font-size: 0;}
.na-pic img{width: 120px;height: 92px;}
.na-box{padding-bottom:15px; }
.na-tbox{margin-left: 140px;*float: left;*margin-left: 20px;}
.na-title a{color: #333333;}
.na-text{font-size: 12px;color: #999;margin: 5px 0}
.box-tab ul{height: 40px;outline: 0;}
.box-tab li{width: 50%;border-bottom: 1px solid #eee;line-height: 38px;}
.box-tab a{display: block;text-align: center;background: #fff;color: #333}
.box-tab .slt a{border: 1px solid #eee;position: relative;z-index: 1;padding-bottom: 1px;color: #00b8ee;}
.sw-box,.code-box{padding: 10px 0px;line-height: 36px;letter-spacing: 1px;}
.sw-title{font-size: 16px; color: #333;}
.sw-time,.sw-applicable{color: #666;}
.sw-applicable a{margin-left: 10px;}
.sw-download {margin: 8px 0;}
.sw-download a{color: #fff;font-size: 16px; display: block;background: #00b8ee;text-align: center;height: 45px;line-height: 45px;border-radius: 3px;}

.na-btn a{font-size: 12px;color: #fff;padding: 3px 8px;float: left;background: #00b8ee;}
.Cer-pic{margin-bottom: 10px;}
.Cer-pic img,.code-box img{width: 100%;}
.shop-site{padding-bottom: 30px;}
.shop-site li{border-bottom: 1px solid #eee;}
.shop-site li a{color: #333;height: 40px;line-height: 40px;}
.code-box p{text-align: center;color: #999;font-size: 16px;}

/*detail-blog*/
.detail-blog-box{width: 900px;}
.dbt{padding: 17px 15px;line-height: 24px;border: 1px solid #eee}
.dbt h2{color: #333333;font-size: 14px; margin-right: 25px;}
.dbt-label{padding:0 10px;background: #f3f3f3;color: #999;margin-right: 25px;display: inline-block;*display: inline;*zoom: 1;}
.dbt-label:hover{color: #00b8ee;transition: all 0.4s;}
.attention-num{font-size: 12px;color: #999;}
.new-blog .dbt-label{color: #fff;background: #00b8ee;margin-right: 0;}
.mdbb{margin-top: 15px;padding-bottom: 0; background: url(../images/hot-label.png) no-repeat 0 0 #fff;}
.mdbbt{padding-left:35px;}
.mdbbt h2{font-size: 26px;color: #00b8ee;height: 40px;line-height: 40px;padding: 25px 0;}
.mdbbt-desc {padding-top: 10px;line-height: 20px;font-size: 12px;}
.fr .ico-eye,.fr .ico-reply{width: auto;margin-left: 15px;}

.label-list{border-bottom: 1px solid #eee;padding-bottom: 10px;}
.label-list>*{margin-right: 15px;}
.tomobile{padding-left: 15px;background: url(../images/icon-mobile.png) no-repeat 0 center;}
.label-list span{color: #999;}
.blog-type{color: #333;}
.text-sec{margin: 50px 0;line-height: 36px;letter-spacing: 1px;}
.indent{text-indent: 34px;}
.text-sec1{position: relative;border: 1px solid #eee;}
.text-sec p{font-size: 16px;}
.text-sec img{max-width: 100%;display: block;margin: 20px auto 0;}
.text-sec1 p{font-size: 14px;}
.text-sec1:before{content: '“';font-size: 50px;color: #999;position: absolute;top: 40px;left: 10px;}
.text-sec1:after{content: '”';font-size: 50px;color: #999;position: absolute;bottom: 20px;right: 95px;}
.text-sec.bgfafafa{padding:40px 95px;}
.text-sec h3{font-size: 18px;color: #333;}
.text-sec a.c00b8ee{font-size: 16px;}
.reviews-box{margin-top: 100px;margin-bottom: 40px;line-height: 50px;}
.portrait{width: 50px;height:50px;display: block; margin: 0 30px 0 10px;}
.portrait img{width: 100%;height: 100%;border-radius: 25px;}
.review-btn{width: 150px;margin-top: 5px; text-align: center;color: #fff;background: #00b8ee;height: 40px;line-height: 40px;font-size: 16px;}
.reviews{width: 580px;padding-left: 20px; height: 38px;line-height: 38px;border: 1px solid #eee;}
.reviewed-title{height: 50px;line-height: 50px;border-bottom: 1px solid #eee;}
.rbox{padding: 30px 0;}
.portrait-box{line-height: 40px;margin: 30px 10px 30px 0;}
.usrname{font-size: 12px;color: #ff8b3d;}
.portrait-box .portrait{margin: 0;width: 40px;height: 40px;margin-right: 10px;}
.rbox{font-size: 12px;letter-spacing: 1px;line-height: 24px;}
.post-time{margin-left: 20px;color: #999;}
.rlist li{padding: 20px 0 10px;border-bottom: 1px solid #eee;}
.rlist li>span,.reviewed-title>span{display: inline-block;*display: inline;*zoom: 1;}
.rlist .portrait{margin-right:10px; }
.rlist .usrname{font-size: 14px;}
.sec1{width: 420px;}
.sec2{width: 90px;}
.rlist li>span{color:#999;}
.exp{color: #999;line-height: 30px;height: 30px;margin-top: 20px;}
.blogbottom{height: 30px;line-height: 30px;margin-bottom: 30px;}
.blogbottom a{margin-left: 20px;}
.blogbottom a:hover{color: #ff8b3d}

.bbheader{height: 20px;line-height: 20px;padding: 10px 0;}
.line{height: 10px;color: #999;float: left;}
.r-tab a{color: #666;margin:0 10px}
.r-tab .cur{font-size: 18px;position: relative;top: -2px;}
.r-tab .cur a{color: #00b8ee}
.bl{border-left: 1px solid #ddd;}
.bbheader .fr>*{color: #666;padding:0 10px;}
.bbheader .gopage{width: 55px;line-height: 18px;border: 1px solid #ddd;padding: 0;}
.commentlist li{padding: 10px 0 10px;border-top: 1px solid #eee;position: relative;}
.commentlist .portrait{margin:0 10px}
.comment{margin-left: 80px;}
.postmsg{font-size: 12px;color: #999;margin-bottom: 8px;}
.postmsg span{margin: 0 5px;}
.comment-text{color: #333;line-height: 24px;margin-bottom: 8px;}
.cb-box{position: absolute;bottom: 8px;right: 10px;}
.cb-box a{color: #999;margin-left: 30px;}
.cb-box a:hover{color: #ff8b3d;}
.uebox{padding: 30px 15px;}
.uebox .portrait{margin:0 10px;}
.uebox .Ueditor{margin-left: 85px;*width: 750px;}
/*about*/
.tab-list{line-height: 50px;width: 220px;}
.tab-list li{background: #fff;margin-bottom: 1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tab-list a{padding-left: 60px;}
.tab-list li:hover a{color: #00b8ee}
.about-box{padding:0 25px 0 25px;}
.ab1 {padding-bottom: 35px;}
.ab2 .about-box{padding-top: 25px;}
.aboutbody{margin-left: 230px;}
.about-box-title{font-size: 18px;color: #131313;padding: 12px 0;}
.about-box p img{max-width: 100%;display: block;margin: 0 auto;}
.pic-text{padding: 30px 0;}
.ptp{text-indent: 32px;padding-left: 10px; color: #666;line-height: 32px;letter-spacing: 2px;}
.abt{line-height: 35px;padding: 15px 20px;color: #131313;font-size: 18px;}
.ab2-pic-box{margin-bottom: 25px;padding: 50px; height: 260px;background: url(../images/ab-pic.jpg) no-repeat center;}
.ab2-pic-box h3{text-align: right;font-size: 26px;color: #fff;margin-bottom: 25px;}
.ab2-pic-box a{float: right;margin-right: 110px; line-height: 36px;height: 36px;border: 2px solid #fff;padding:0 25px;color: #fff;font-size: 18px;}
.ab2-list ul{padding: 20px 0;}
.ab2-list li{width: 50%;}
.ab2-list li>div{padding-left: 125px;line-height: 32px;}
.ab2-list .bl{border-left: 1px solid #ccc;}
.ab2-list h3{font-size: 18px;line-height: 48px; color: #333;}
.ab2-list p{ color: #999;}
.ab2-list a{margin-top: 8px;display: block;}
.ab3 .about-box{padding: 40px 25px;}
.ab3 h2{font-size: 26px;color: #131313;padding-left: 45px;line-height: 2;}
.ab3 p{font-size: 16px;color: #666;padding-left: 35px;line-height: 2;}

/*help*/
.helpbox{padding:20px 35px 50px;}
.helpbox h2{font-size: 18px;color: #333333;margin-bottom: 30px;}
.helpbox p{line-height: 36px;color: #666;font-size: 16px;}
.helpbox .ppb {font-size: 0;text-align: center;}
.helpbox .ppb img{max-width: 100%;}

/*postbox*/
.postbox{padding: 40px 0 30px;}
.postbox a{color: #666;padding: 0 4px;}
.postbox a:last-child{color: #333;}
.postbox a:hover{color: #00b8ee}
.Ue-box-title{border-bottom: 2px solid #eee;}
.Ue-box-title h2{font-size: 14px;line-height: 2;padding: 4px 0; color: #333;border-bottom: 2px solid #00b8ee;float: left;}
.ue-title{padding: 25px 0 20px;}
.ue-title select{margin-right: 20px; border-radius: 5px;padding: 0 10px;min-width: 90px;*width: 90px;line-height: 30px;height: 30px;border: 1px solid #ddd;}
.titbox{margin-left: 130px;}
.titbox input{width: 400px;margin-right: 20px; line-height: 28px;height: 28px;border: 1px solid #ddd;border-radius: 5px;padding: 0 15px;}

.text-tag{margin: 20px 0;}
.text-tag a{margin-right: 15px;background: #fff; line-height: 20px;height: 20px;padding: 4px 15px;border: 1px solid #ddd;border-radius: 3px;}
.codes{margin: 20px 0;line-height: 25px;}
.codes span{color: #666;font-size: 12px;margin-right: 10px;}
.codes input{border:1px solid #ddd;padding: 1px 8px; border-radius: 3px;width: 90px;margin-right:10px; }
.post-box{margin: 20px 0;}
/*.post-box a{padding:7px 20px;min-width: 105px;*width: 105px;display: block;float: left; border-radius: 5px;margin-right: 20px; text-align: center;color: #fff;background: #00b8ee;}*/
.post-box .post{background: #ed4346;}

/*mask*/
.mask{display: none; position: fixed;left: 0;top: 0;right: 0;bottom: 0; background: rgba(0,0,0,.8);z-index: 9;}
.pop-up-box{width: 550px;padding: 30px 25px; border: 2px solid #ddd; margin: auto;background: #fff;position: relative;}
.pop-up-box .close{width: 10px;height: 10px;background: url(../images/ico_close.png) no-repeat;position: absolute;right: 10px;top: 10px;}
.pubt{height: 40px;line-height: 40px;}
.pubt h2{font-size: 20px;text-shadow: 2px 0 3px #ccc;}
.post-new-article{height: 40px;line-height: 40px;text-align: center;background: #00b8ee;color: #fff;padding: 0 15px;letter-spacing: 1px;}
.post-new-article i{width: 25px;height: 25px;margin: 7px 15px 7px 0;float: left; display: inline-block;*display: inline;*zoom: 1;background: url(../images/ico_newarticle.png) no-repeat;}
.pubt-desc{height: 36px;line-height: 36px;border-bottom: 1px solid #ddd;color: #999;margin-bottom: 10px;}
.pubt-desc a{margin-left: 20px;font-size: 12px;}
.plate-slt ul{float: left;width: 33%;line-height: 36px;}
.plate-slt li{position: relative;height: 36px;}
.plate-slt a:after{content: ">";position: absolute;right: 20px;top: 0;color: #666;}
.plate-slt li:hover a:after{color: #fff;}
.plate-slt a{padding-left: 20px;display: block;font-size: 12px}
.plate-slt a:hover{background: #00b8ee;color: #fff;}

/*help_center*/
.search-item{background: url(../images/help_center_bg.jpg) no-repeat 100% 100%;margin: 30px auto;padding: 50px 0;text-align: center;}
.sbox-title{font-size: 32px;color: #fff;margin-bottom: 20px;line-height: 1;}
.search-item .search-box{line-height: 48px;font-size: 0;}
.search-box>*{vertical-align: top;}
.search-box .textbox{border-radius: 0;margin-right: -1px; border: 0;line-height: 48px;width: 400px;padding:0 0 0 30px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}.search-box .search-btn{background: #00b8ee;padding: 0 30px; color: #fff;font-size: 20px;display: inline-block;*display: inline;*zoom:1;}
.hc-title{margin: 30px 0;font-size: 20px;line-height: 1;padding-left: 30px;}
.topics ul{margin-left: -1px;}
.topic-box{width: 25%;background: #fff;text-align: center;}
.topic-box a{display: block;border-left: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;padding:60px 0 50px;font-size: 16px;color: #666;}
.topic-box a:hover{color: #00b8ee;}
.topic-box i.icon{display: inline-block;*display: inline;*zoom:1;width: 70px;height: 50px;background: url(../images/topic_icon.png) no-repeat;margin-bottom: 10px;}

.topic-box img{display: inline-block;*display: inline;*zoom:1;width: 70px;height: 60px;margin-bottom: 10px;}

i.icon.i2{background-position: 0  -50px;}
i.icon.i3{background-position: 0  -100px;}
i.icon.i4{background-position: 0  -150px;}
i.icon.i5{background-position: 0  -200px;}
i.icon.i6{background-position: 0  -250px;}
i.icon.i7{background-position: 0  -300px;}
i.icon.i8{background-position: 0  -350px;}
.common-problem li{width: 33.3%;background: #fff;padding: 30px 0;}
.common-problem dl{border-left: 1px solid #f7f7f7;padding-left: 60px;}
.common-problem dl p{padding-left: 40px;line-height: 36px;}
.common-problem dt{margin-bottom: 15px;}
.common-problem dt p{font-size: 18px;color: #333; background: url(../images/common-problem_icon.png) no-repeat;}
.common-problem dd a{color: #666;padding-left: 0;transition: all .4s;}
.common-problem dd p:hover a{color: #00b8ee;}
li.t-surpport dt p{background-position: 0 -52px;}
li.order-opera dt p{background-position: 0 -24px;}
li.account dt p{background-position: 0 8px;}
.common-problem .load_more{margin-top: 10px;}
.common-problem .load_more a{color: #00b8ee;}
.hot-problem{padding: 30px;background: #fff;}
.hot-problem>ul{margin-left: -3.3%;}
.hot-problem>ul>li{width: 33.3%;padding-left: 3.3%;}
.hp-picbox{position: relative;margin-bottom: 12px;}
.hp-picbox img{width: 100%;}
.hp-picbox .text-desc{position: absolute;left: 0;right: 0;bottom: 0;color: #fff;padding: 8px 15px; background: #77797e;background: rgba(0,0,0,.4);}
.hot-problem li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 30px;padding-left: 15px;background: url(../images/icon-li_2.png) no-repeat 0px 11px;}
.hot-problem li p a{color: #666;}
.hot-problem li p:hover a{color: #000;}
.hc-list-box{width: 50%;}
.hc-list-box dl{padding:20px 30px 20px 60px;border-left: 1px solid #f7f7f7;border-bottom: 1px solid #f7f7f7;}
.hc-list-box dt{margin-bottom: 10px;}
.hc-list-box dt h3{font-size: 18px;color: #333;}
.hc-list-box dd{position: relative;padding-left: 110px;}
.hc-list-box dd a{line-height: 36px;display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hc-list-box dl a:hover{color: #00b8ee}
.hc-list-box dl a span{color: #999}
.hc-list-box dl a:hover span{color: #999}
.hc-list-box dd p span{font-size: 12px;padding-left: 10px;}
.hc-list-box i.hcl-icon{position: absolute;left: 20px;top: 50%;margin-top: -25px; width: 70px;height: 50px;background: url(../images/icon_hc_list.png) no-repeat;}

/*2017-06-28*/
.hc-list-box img{position: absolute;left: 20px;top: 50%;margin-top: -25px; width: 70px;height: 50px;}

.hc-list-box i.hcl-icon.i2{background-position: 0 -50px;}
.hc-list-box i.hcl-icon.i3{background-position: 0 -100px;}
.hc-list-box i.hcl-icon.i4{background-position: 0 -150px;}
.hc-list-box i.hcl-icon.i5{background-position: 0 -200px;}
.hc-list-box i.hcl-icon.i6{background-position: 0 -250px;}
.lable-list li{margin-right: 10px;margin-bottom: 15px;}
.lable-list:after{display: none;}
.lable-list li a{display: block;min-width: 120px;padding:13px 10px; position: relative;top: 0;transition: all 0.4s; text-align: center;background: #fafafc;color: #666;font-size: 15px;}
.lable-list li.cur a{color: #00b8ee;}
.lable-list li:hover a{color: #00b8ee;top: -4px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.lcb-title{padding:15px 0 0;color: #333;font-size: 20px;line-height: 30px; }
.labelcont{padding: 15px 0;}
.labelcont+.labelcont{border-top: 1px solid #f7f7f7;}
.labelcont dt{line-height: 30px;padding: 15px 0;}
.labelcont dt a{font-size: 18px;color: #333;display: block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.labelcont dt a:hover{color: #00b8ee;}
.labelcont dt a em{margin-right: 8px;}
.labelcont dt span{margin-left: 20px;}
.labelcont dd{font-size: 14px;color: #999;line-height: 26px;padding: 15px 0;}
/*n_product*/
.np-list{}
.soft-list-box{padding:30px;}
.np-item{width: 22%;border: 1px solid #f7f7f7;float: left;margin: 15px 0;margin-right: -1px;}
.np-item.hover{width: 34%;margin-top: 0;}
.np-item.hover .npi-head{background: #00b8ee;padding-top: 30px;transition: padding 0.4s;}
.np-item.hover .npi-head>p{color: #fff;}
.np-item.hover .npi-head .np-icon{background-position: 0 -40px;}
.npi-head{background: #fafafc;padding: 15px 0;position: relative;}
p.np-t{font-size: 18px;font-weight: 700;color: #333;line-height: 2;}
p.np-dt{color: #666;line-height: 2;margin: 5px 0;}
.npi-head p+p.np-t{margin-top: 26px;}
.np-icon{width: 46px;height: 40px;margin: 0 auto; display: block;}
.npi1{background: url(../images/np_icon_01.png) no-repeat;}
.npi2{background: url(../images/np_icon_02.png) no-repeat;}
.npi3{background: url(../images/np_icon_03.png) no-repeat;}
.npi4{background: url(../images/np_icon_04.png) no-repeat;}
.out-list{padding: 20px 0;}
.out-list p{font-size: 16px;color: #333; line-height: 66px;text-align: center; padding:0 30px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.hide-cont{visibility: hidden; position: absolute;top: 170px;left: 0;right: 0;background: #fff;padding:0 30px;text-align: left; border: 1px solid #00b8ee;}
.np-item.hover .hide-cont{visibility: visible; top: 185px;transition: top 0.4s;}
.np-detail-box{line-height: 1;padding: 27px 0;}
.np-detail-box+.np-detail-box{border-top: 1px solid #f7f7f7;}
.np-detail-bt{font-size: 18px;color: #333;}
.np-detail-btext{margin: 20px 0 30px;color: #999;line-height: 20px;height: 40px;overflow: hidden; }
.np-detail-btext a{color: #00b8ee;}
.np-detail-btn a{border: 1px solid #00b8ee;color: #00b8ee; padding: 6px 15px;font-size: 16px;}
.np-detail-btn a:hover{background: #00b8ee;color: #fff;}
.np-detail-box ul{margin-top: -30px;}
.np-detail-box li{width: 50%;margin-top:30px;}
.np-detail-box li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
.np-detail-list-t{color: #333}
.np-detail-list-btn a{color: #00b8ee;font-size: 12px;}
.np-detail-list-dt{color: #999;font-size: 12px;}
.title-tac{padding: 30px;font-size: 20px;color: #333;}
.soft-list li{width: 33.3%;padding: 30px 0;}
.soft-icon{width: 60px;height: 60px;display: block;margin: 0 auto; background: url(../images/soft_list_icon.png) no-repeat;}
.soft-icon.sicon2{background-position: 0 -60px;}
.soft-icon.sicon3{background-position: 0 -120px;}
.soft-icon.sicon4{background-position: 0 -180px;}
.soft-icon.sicon5{background-position: 0 -240px;}
.soft-icon.sicon6{background-position: 0 -300px;}
.soft-list ul{margin-top: -15px;}
.soft-list li{margin-left: -4px;}
.soft-title{margin: 20px 0;font-size: 18px;font-weight: 700;color: #333;}
.soft-title:hover{color: #00b8ee;}
.soft-dtext{line-height: 30px;padding:0 55px;font-size: 0;}
.soft-dtext a{font-size: 14px;min-width: 55px; padding: 0 10px 0 11px;display: inline-block;*display: inline;*zoom: 1;color: #999;position: relative;}
.soft-dtext a:hover{color: #00b8ee}
.soft-dtext a:nth-child(3n+1):before{display: none;}
.soft-dtext a+a:before{content: "|";position: absolute;left: 0;color: #999!important;}
.hot-answer ul{margin:0 -7px;}
.hot-answer-box{width: 25%;padding:0 7px;}
.hot-answer-box a{display: block;padding: 26px 0; border: 1px solid #f7f7f7;transition: all 0.4s;}
.hot-answer-box:hover a{border-color: #00b8ee;}
.hot-answer-box:hover .ha-title{color: #00b8ee;}
.ha-icon{width: 60px;height: 60px;display: inline-block;*display: inline;*zoom: 1; background: url(../images/hot_answer_icon.png) no-repeat;}
.ha-i2{background-position: 0 -60px}
.ha-i3{background-position: 0 -120px}
.ha-i4{background-position: 0 -180px}
.ha-title{margin: 25px 0;line-height: 1;color: #333;font-size: 18px;}
.ha-text{line-height: 24px;}
.soft-tab{padding-left: 30px;}
.soft-tab li{background: #fafafc;text-align: center;min-width: 90px;position: relative; padding-right: 10px;}
.soft-tab li+li a:after{content: "|";position: absolute;left: 0;color: #999;}
.soft-tab li a{font-size: 16px;color: #333;padding: 5px 0; display: block;border-bottom: 2px solid transparent;transition: border .4s;}
.soft-tab .cur a,.soft-tab li:hover a{border-color: #00b8ee;}
.soft-intro-list{padding: 30px;}
.soft-intro-list ul{margin: 0 -7px;margin-top: -15px;}
.soft-intro-list li{width: 279px;margin:0 7px;margin-top: 15px;background: #fafafc;}
.soft-intro-list li:hover{background: #fff;}
.soft-intro-list li a{display: block;padding: 25px 20px;border: 1px solid transparent;}
.soft-intro-list li:hover a{border: 1px solid #00b8ee;}
.soft-intro-list li:hover a{border: 1px solid #00b8ee;}
.soft-intro-list li:hover .soft-intro-icon{background-position-x:-50px; }
.soft-intro-list .soft-intro-icon{width: 50px;height: 50px;margin: 0 5px; display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; background: url(../images/icon_sprite.png) no-repeat;}
.soft-intro-list .soft-intro-i2{background-position: 0 -50px;}
.soft-intro-list .soft-intro-i3{background-position: 0 -100px;}
.soft-intro-list .soft-intro-i4{background-position: 0 -150px;}
.soft-intro-list .soft-intro-i5{background-position: 0 -200px;}
.soft-intro-list .soft-intro-i6{background-position: 0 -250px;}
.soft-intro-list .soft-intro-i7{background-position: 0 -300px;}
.soft-intro-list .soft-intro-i8{background-position: 0 -350px;}
.soft-intro-list .soft-intro-i9{background-position: 0 -400px;}
.soft-intro-list .soft-intro-i10{background-position: 0 -450px;}
.soft-intro-list .soft-intro-box{width: 171px;display:inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.si-title{color: #333;font-size: 18px;margin-bottom: 10px;}
.si-text{line-height: 26px;height: 52px;overflow: hidden;}
.third-party-list>ul{/*margin-top: -10px;margin-left: -10px;margin-right: -10px;*/}
.third-party-list>ul>li{width: 33.33%;padding: 10px;float: left;}
.tp-box{border: 1px solid #e1e1e1;padding-bottom: 30px;}
.tp-box:hover{border-color: #00b8ee;}
.tp-box:hover .tp-title{color: #00b8ee;}
.tp-top{background: #fafafc;padding: 27px 0;}
.tp-title{color: #333;font-size: 18px;margin-bottom: 16px;}
.tp-text{color: #666; padding: 0 40px;line-height: 26px;height: 52px;overflow: hidden;text-align: left;}
.superior li{width: 33%;text-align: left;margin: 10px 0;}
.superior p{padding-left: 20px;}
.superior li+li p{border-left: 1px solid #f8f8f8;}
.superior .s-font{font-size: 12px;color: #999;margin-bottom: 8px;}
.superior .s-text{color: #333;}
.s-price{font-size: 16px;color: #ff6600;margin: 15px 0;}
.s-price span{font-size: 22px;}
.s-price em{font-size: 22px;}
.detail-btn{min-width: 70px;display: inline-block;*display: inline;*zoom: 1; padding:3px 16px;font-size: 16px; color:#00b8ee;border:1px solid #00b8ee;}
.detail-btn:hover{color: #fff;background: #00b8ee;}
.title-tac+.title-desc{margin-top: -10px;}
.title-desc span{padding:0 50px;color: #999;display: inline-block;*display: inline;*zoom: 1;min-width: 120px;}
.data-server>ul,.solution-superior>ul{margin: -10px -10px 0 -10px;}
.data-server>ul>li,.solution-superior>ul>li{padding: 10px;}
.soft-cont-box{width: 33.33%;}
.scbody{border: 1px solid #fafafc;border-left: 0;}
.ds-list{border-left: 1px solid transparent;}
.soft-cont-box:hover .scbody{border-color: #00b8ee;}
.soft-cont-box:hover .ds-list{border-left: 1px solid #00b8ee;}
.soft-cont-box:hover .tp-top{background: #00b8ee;}
.soft-cont-box:hover .tp-top p{color: #fff;}
.scbody .tp-top{padding: 20px 0;}
.scbody .tp-text{height: auto;padding: 0 10px;text-align: center;}
.ds-list li{width: 50%;}
.ds-list a{display: block;padding: 25px 0; border-left: 1px solid #fafafc;border-top: 1px solid #fafafc;}
.ds-title{color: #333;}
.ds-text{color: #999;font-size: 12px;}
.ds-list a:hover .ds-title{color: #00b8ee;}
.ds-list a:hover .ds-icon{background-position-x:-30px; }
.ds-icon{width: 30px;height: 30px;display: block;margin: 0 auto 15px; background: url(../images/ds_icon.png) no-repeat;}
.ds-icon.ds-i2{background-position: 0 -30px;}
.ds-icon.ds-i3{background-position: 0 -60px;}
.ds-icon.ds-i4{background-position: 0 -90px;}
.ds-icon.ds-i5{background-position: 0 -120px;}
.ds-icon.ds-i6{background-position: 0 -150px;}
.ds-icon.ds-i7{background-position: 0 -180px;}
.ds-icon.ds-i8{background-position: 0 -210px;}
.ds-icon.ds-i9{background-position: 0 -240px;}
.ds-icon.ds-i10{background-position: 0 -270px;}
.ds-icon.ds-i11{background-position: 0 -300px;}
.ds-icon.ds-i12{background-position: 0 -330px;}
.solution-superior li{width: 33.33%;}
.ss-box{display: block;padding: 40px 15px; border: 1px solid #fafafc;position: relative;}
.ss-box:hover .hide-box{visibility: visible;}
.hide-box{visibility: hidden; position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 50px 15px 0 15px; background: #33c6f1;background: rgba(0,184,238,.8);}
.ss-icon{width: 60px;height: 60px;display: inline-block;*display: inline;*zoom: 1;background: url(../images/ss_icon.png) no-repeat;}
.ss-icon.ss-i2{background-position: 0 -60px;}
.ss-icon.ss-i3{background-position: 0 -120px;}
.ss-icon.ss-i4{background-position: 0 -180px;}
.ss-icon.ss-i5{background-position: 0 -240px;}
.ss-icon.ss-i6{background-position: 0 -300px;}
.ss-title{color: #333;font-size: 22px;margin-top: 55px;}
.hide-box .ss-title{color: #fff;margin-top: 0px;margin-bottom: 20px;}
.hide-box .ss-text{line-height: 24px;color: #fff;}
.suport-box{padding: 15px 0;}
.support-icon{width: 60px;height: 60px;display: inline-block;*display: inline;*zoom: 1;background: url(../images/support_icon.png) no-repeat;}
.support-i2{background-position: 0 -60px;}
.support-i3{background-position: 0 -120px;}
.support-title{font-size: 22px;color: #333;margin: 20px 0;}
.support-label-list{padding-left: 65px;height: 84px;overflow: hidden;}
.support-label{line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.support-label a{color: #999}
.support-label:hover a{color: #00b8ee;}
.detail-box{ line-height:28px;}
.detail-box .detail-btn{font-size: 14px;}
/*智者云首页*/
.zzy-banner{height: 568px;}
.ibox{position: relative;}
.section-big-title{padding: 60px 0;position: relative;line-height: 1;}
.section-big-title h2{color: #131313;font-size: 28px;}
.section-big-title p{margin-top: 18px;color: #666;font-size: 16px;letter-spacing: 1px;}
.section-big-title .line{width:120px;border: 1px solid #00b8ee;height: 0;position: absolute;left: 50%;margin-left: -61px;}
.pdlr30{padding-left: 30px;padding-right: 30px;}
.pdb30{padding-bottom: 30px;}
.pdlr50{padding-left: 50px;padding-right: 50px;}
.three-line-list>ul{margin-left: -2%;}
.three-line-list>ul>li{width: 31.33%;margin-left: 2%;}
.nomrg.three-line-list>ul{margin-left: 0;}
.nomrg.three-line-list>ul>li{width: 33.33%;margin-left: 0;}
.three-line-list>ul>li>a{display: block;}
.three-line-list>ul>li>a.pdlr50{padding-bottom: 25px;}
.three-line-list>ul>li>a:hover{display: block;background: #e5f8fd;}
.three-line-list a p.icon-box{padding:10px 0; }
.three-line-list a p.boxtitle{margin:15px 0 10px; color: #333;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.three-line-list a p.boxtext{color: #666;font-size: 14px;line-height: 26px;height: 52px;overflow: hidden;}
.dif-icon{width: 60px;height: 50px;display: block;margin: 0 auto;background: url(../images/icon_sprite_difference.png) no-repeat;}
.dif-icon.di2{background-position: 0 -50px;}
.dif-icon.di3{background-position: 0 -100px;}
.dif-icon.di4{background-position: 0 -150px;}
.dif-icon.di5{background-position: 0 -200px;}
.dif-icon.di6{background-position: 0 -250px;}
.zzy-section+.zzy-section{margin-top: 30px;}
.two-line-list>ul{margin-left: -2%;margin-top: -30px;}
.two-line-list>ul>li{width: 48%;margin-left: 2%;position: relative;margin-top: 30px;}
.list-num{position: absolute;top: 30px;text-align: center; width: 60px;height: 60px;line-height: 60px;display: block; font-size: 26px;color: #fff;background: #00b8ee;}
.listcontent{margin-left:40px;background: #fafafc;padding:25px 25px 50px 45px;transition: all 0.4s;}
.listcontent:hover{margin-left: 30px;margin-right: 10px;}
.lctitle{color: #333;font-size: 16px;}
.lctext{color: #666;font-size: 14px;line-height: 24px;}
.lctitle+.lctext{margin-top: 15px;}
.more-btn{width: 138px;height: 38px;line-height: 38px;display: inline-block;*display: inline;*zoom: 1; color: #00b8ee;border: 1px solid #00b8ee;}
.more-btn:hover{background: #00b8ee;color: #fff;}
/*.tpl .tp-box:hover{border: 1px solid #fafafc;}*/
.tpl .tp-box:hover .tp-top{background: #00b8ee}
.tpl .tp-box:hover .tp-title{color: #fff;}
.tpl .tp-box:hover .tp-text{color: #f1f1f1;}
.lr-img-list{padding-bottom: 30px;margin-top: -30px;}
.np-list.l-img,.np-list.r-img{position: relative;}
.l-img img{float: left;width: 558px;height: 320px;}
.r-img img{float: right;width: 558px;height: 320px;}
.cont-textbox{width: 550px;padding: 20px 20px 25px;left:550px;top:50%;margin-top: -95px; position: absolute;z-index: 1;background: #fafafc;}
.l-img .cont-textbox{left: 550px;}
.r-img .cont-textbox{left: 115px;}
.cont-textbox .textbox-title{color: #00b8ee;}
.textbox-title{color: #333;font-size: 18px;}
.textbox-content{color: #999;line-height: 26px;margin-top: 15px;height: 104px;overflow: hidden;position: relative;}
.textbox-content a.c00b8ee{position: absolute;bottom: 0;right: 0;padding-left: 32px;background: #fafafc;}
.zzy-section .section-title h2{font-size: 22px;}
.zzy-section .section-title p{font-size: 14px;}
.four-line-list>ul>li{width: 25%;}
.flbox{padding: 30px 35px 25px;display: block;}
.flbox:hover{background: #e5f8fd;}
.flbox .textbox-title{margin-top: 5px;}
.flbox .textbox-content{height: 52px;}
.icon-aux{width: 60px;height: 70px;display: block;margin: 0 auto;background: url(../images/icon_auxiliary.png) no-repeat;}
.ia2{background-position: 0 -70px}
.ia3{background-position: 0 -140px}
.ia4{background-position: 0 -210px}
.erection-box{display: block;position: relative;}
.erection-box img{width: 100%;}
.erection-text{text-align: center;color: #00b8ee;font-size: 16px; position: absolute;left: 0;right: 0; top: 50%;margin-top: -40px;}
.erection-title{font-size:22px;}
.erection-box span{display: block;position: absolute;left: 0;right: 0;bottom: 0;padding: 10px 30px;color: #fff;background: #00b8ee;}
.native{padding: 30px;border: 1px solid #f7f7f7;}
.native:hover{background: #fafafc;}
.icon-native{width: 60px;height: 60px;margin-top: 20px;margin-left: 30px; display: block;background: url(../images/icon_native.png) no-repeat;}
.icn2{background-position: 0 -60px;}
.icn3{background-position: 0 -120px;}
.native-title{line-height: 1;font-size: 18px;color: #333;}
.native-title+.native-text{line-height: 24px;color: #999;margin-top: 15px;}
.workflow-box{padding:0 30px;padding-bottom: 30px;}
li+li .workflow-box{border-left: 1px solid #f7f7f7;}
.icon-box+.textbox-title{margin-top: 15px;}
.textbox-title a{color: #333;}
.workflow-box .textbox-content{height: auto;}
.icon-workflow{width: 40px;height: 50px;display: block;background: url(../images/icon_workflow.png) no-repeat;}
.icwf2{background-position: 0 -50px;}
.icwf3{background-position: 0 -100px;}
.admin-box{position: relative;}
.admin-box img{width: 100%;}
.admin-text{position: absolute;top: 50%;margin-top: -64px;left: 0;right: 0;}
.icon-admin{width: 60px;height: 60px;display: block;margin:0 auto;background: url(../images/icon_admin.png) no-repeat;}
.icad2{background-position: 0 -60px;}
.admin-box .textbox-title{font-size: 22px;color: #00b8ee;}
.admin-box .hide-cont{padding: 25px;background: #00b8ee;top: 0;bottom: 0;font-size: 18px;color: #fff;letter-spacing: 1px;}
.admin-box:hover .hide-cont{visibility: visible;}
.icon-open{width: 70px;height: 70px;display: block;margin: 0 auto;background: url(../images/icon_open.png) no-repeat;}
.icop2{background-position: 0 -70px;}
.icop3{background-position: 0 -140px;}
.borderbox{width: 80px;height: 80px;display: block; border: 1px solid #00b8ee;padding: 9px;margin: 0 auto;border-radius: 50px;}
.borderbox img{border-radius: 50%;width: 100%;}
.item-price-box{margin: 20px 0; padding: 15px;background: #fafafc; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.item-price-box .text{font-size: 16px;color: #666;line-height: 48px;}
.item-price-box em{font-size: 24px;color: #ed4346;line-height: 2;}
.sale_num{color: #999;font-size: 14px;line-height: 24px;margin-right: 10px;cursor: pointer;}
.sale_num i{display: block;font-style: normal;}
.address-box{padding-left: 15px;}
.address-box input{ cursor:default; margin: 0 15px;border:1px solid #ddd;padding: 7px 12px;min-width: 180px;background: url(../images/down_arrow.png) no-repeat center right 10px;}

.small-sltbox{padding-left: 15px;margin-right: -50px;}
.small-sltbox .font{float: left;}
.font{width: 85px;height: 40px;line-height: 40px; display: inline-block;*display: inline;*zoom: 1;}
.small-sltbox>*{vertical-align: middle;}
.small-sltbox+.small-sltbox{margin-top: 10px}
.small-sltbox p{margin-left: 90px;margin-bottom: -20px;}
.small-sltbox a{min-width: 100px;padding: 0 5px;margin-left: -4px;margin-bottom: 20px; display: inline-block;*display: inline;*zoom: 1;text-align: center;border:1px solid #c1c1c1;border-radius: 3px;margin-right: 20px; line-height: 38px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.small-sltbox.fz16 a{font-size: 16px;}
.small-sltbox a.slt{border: 2px solid #00b8ee;line-height: 36px;}
.small-sltbox a.disabled{border: 1px solid #ddd;color: #999;cursor: not-allowed;}
.small-sltbox.wnum .font{float: left;}

.num-box{position: relative;display: inline-block;*display: inline;*zoom: 1;}
/*.num-box input{width: 40px;height: 40px;line-height: 38px;border: 1px solid #c1c1c1;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*/
/*.num-box span{width: 40px;height: 40px;line-height: 38px;border:1px solid #c1c1c1;cursor: default; text-align: center;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-moz-user-select: none;-khtml-user-select: none;user-select: none;}*/
.num-box .plus{top: 24px;}
.num-box+.c666{margin-left: 20px;}
.num-box+.c666 em{margin: 0 5px;}

.pbox{margin-left: 15px;margin: 20px 0;}
.qq_online{width: 81px;height: 23px;display: inline-block;*display:inline; *zoom:1; background: url(../images/qq_online.jpg);position: relative;top: 6px;margin-left: 8px;}
.pbox i.ic{padding: 0 10px 0 25px;cursor: default; background: url(../images/icon_zhichi.png) no-repeat left center;font-style: normal;margin-right: 14px;}
/*login-footer*/
.login-footer{padding: 50px 0;}
.aboutbox{overflow: hidden;}
.about-list{margin-left: -15px;margin-bottom: 10px;}
.about-list a{padding: 0 15px;line-height: 1;font-size: 13px;}
.about-list a+a{border-left: 1px solid #888;}
.about-list a:first-child{border:0;}
.about-text{color: #999;font-size: 12px;}
.section2{text-align: center;}
.authority a{width: 80px;height: 26px;display:inline-block;*display: inline;*zoom: 1;margin: 20px 5px;background: url(../images/authorization_img_01.png) no-repeat;}
.authority a.authority2{background: url(../images/authorization_img_02.png) no-repeat; }
.authority a.authority3{background: url(../images/authorization_img_03.png) no-repeat; }
.authority a.authority4{width: 20px;margin:20px 0; background: url(../images/authorization_img_04.png) no-repeat;}
.authority a.authority5{margin: 27px 7px;height: 13px; background: url(../images/authorization_img_05.png) no-repeat;}
.small-container{width: 860px;margin: 40px auto 60px; padding: 50px 245px 80px; background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.login-logo{width: 165px;margin: 0 auto;}
.login-logo img{width: 100%;}
.caption{margin: 50px auto 25px;color: #333;font-size: 24px;}
.uinput{border: 1px solid #eaeaea; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding: 0 0 0 60px;background: url(../images/uinput_bg.png) no-repeat;height: 48px;line-height: 48px;}
.uinput+.uinput{margin-top: 30px;}
.upwd{-moz-background-position: 0 -50px;-o-background-position: 0 -50px;background-position: 0 -50px;letter-spacing: 2px;}
.uinput.svc{-moz-background-position: 0 -100px;-o-background-position: 0 -100px;background-position: 0 -100px;letter-spacing: 2px;}
.uinput.store{-moz-background-position: 0 -150px;-o-background-position: 0 -150px;background-position: 0 -150px;letter-spacing: 2px;}
.uinput.phone{-moz-background-position: 0 -200px;-o-background-position: 0 -200px;background-position: 0 -200px;letter-spacing: 2px;}
.small-container .btn{width: 380px;display: block;text-align: center;display: block;color: #fff;cursor: pointer;}
.lg-btn{font-size: 22px;background: #00b8ee;}
.bgline{margin-top: 40px;border-top: 1px solid #eaeaea;margin-bottom: -15px;}
.logintext{padding: 3px 10px;background: #fff;display: block;margin: 0 auto;width: 120px;text-align: center;margin-bottom: 20px;color: #9d9d9d;}
.lg-way{text-align: center;*height: 58px;}
.lg-way li{display: block;width: 33%;text-align: center;float: left;}
.lg-way a{width: 35px;height: 35px;border-radius: 18px;display: inline-block;background: #ccc;transition: all 0.4s;}
.lg-way a:hover{background: #00b8ee}
.lg-way li:hover span{color: #000;}
.lg-way i{display: block;margin:6px 8px;float: left;}
.home i{width: 20px;height: 22px; background: url(../images/icon_home.png) no-repeat;}
.lpwd i{width: 23px;height: 18px;margin: 7px 6px; background: url(../images/icon_pwd.png) no-repeat;}
.help i{width: 22px;height: 18px;margin:8px 7px;  background: url(../images/icon_help.png) no-repeat;}
.technical-support{font-size: 12px;text-align: center;color: #9d9d9d;line-height: 80px;height: 80px;}
.id-help{margin-top: 55px;}
.id-help a{padding: 0 15px;display: inline-block; *display: inline;*zoom: 1;line-height: 1;}
.id-help a+a{border-left: 1px solid #ccc;}
.zhuce-box{width: 100%;border: 1px solid #e2e2e2;height: 50px;line-height: 48px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.zhuce-box+.zhuce-box{margin-top: 30px;}
.zhuce-box input{border: 0;width: 70%; display: inline-block;*display: inline;*zoom: 1;line-height: 40px;height: 40px;padding-left: 10px;}
.zhuce-box input.pwd{letter-spacing: 2px;}
.zhuce-box .areanum{width: 70px;padding-left: 8px; display: inline-block;*display: inline;*zoom: 1;border-right: 1px solid #e2e2e2;}
input.phone-code{width: 40%;border-right: 1px solid #e2e2e2; }
span.phone-code{display: inline-block;*display: inline;*zoom: 1;width: 50%;text-align: center;cursor: pointer;}
.zhuce-text-box{margin-top: 20px;color: #333;letter-spacing: 1px;}
.zhuce-text-box a.c00b8ee{margin: 0 3px;}
.login-link {margin: 25px 0 40px;}
.login-link a{font-size: 16px;}
/*confirm_success*/
.boxcaption{font-size: 22px;color: #333;line-height: 30px;}
.hint{color: #00b8ee;font-size: 14px;}
.hint i{font-style: normal;}
.confirm-success{padding-left:80px;margin: 20px 0; background: url(../images/ico_service_03.png) no-repeat;}
.main-text{font-size: 22px;}
.main-text .ced4346{font-size: 26px;margin-left: 8px;letter-spacing: 1px;}
.main-text+p{margin-top: 15px;color: #ed4346;}
.maindesc-text{line-height: 24px;color: #666;}
.maindesc-text .order-num{margin: 0 16px 0 6px;}
.order-message{margin-top: 35px;border-top: 1px solid #eaeaea;padding:5px 0;}
.order-message p{color: #999;margin: 15px 0;margin-left:90px;}
.order-message p>span{color: #666;margin:  0 6px;}
.paybox{padding-left: 80px;padding-bottom: 30px; border-bottom: 1px solid #eaeaea;}
.label-box{margin-right:55px;margin-bottom: 30px; display: inline-block;*display: inline;*zoom: 1;}
.label-box label{display: inline-block;*display: inline;*zoom: 1;line-height: 36px; vertical-align: middle; min-width: 135px;height: 40px;text-align: center; margin-left: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.label-box img{max-height: 36px;vertical-align: middle;}
.bank .label-box label{border: 1px solid #c1c1c1;}
.pay-success{margin-top: -30px;}
.pay-success .container{}
.pay-success>.container>p{margin: 30px 0;line-height: 1;text-align: center;}
.ps-caption{font-size: 24px;color: #333;}
.pay-success .c00b8ee{font-size: 16px;}
.help-hint{padding: 20px 30px;background: #fafafc;}
.help-hint li{color: #333;line-height: 24px;padding-left: 20px;background: url(../images/list_icon.png) no-repeat left center;}
.help-hint li+li{margin-top: 10px;}
/*pay*/
.qr-code-pay{padding-right:50px;display:inline-block;*display:inline;*zoo,:1;vertical-align:top;}
.qr-code-pay .qrp-text{background:#a7bbd7;font-size:18px;font-weight:700;padding:8px 20px;color:#fff;margin-top:15px;}
.qr-code-pay+.qr-code-pay{padding-left:50px;border-left:1px solid #eaeaea;}
.qr-code-pay img{width:250px;}
/*pay*/
/*文字表格*/
.product_parameter{background: #fff;}
.product_parameter h3{color:#555;margin:10px;}
.product_parameter .label{width: 33.3%; margin:10px; display: inline-block;*display:inline; *zoom:1; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:0 15px 0 30px;white-space: nowrap;text-overflow: ellipsis;}
/*文字表格*/



/*public*/
.bgr{background: #ed4346;}
/*manage-business*/
.manage-business{margin: 20px -20px;}
.manage-business ul{margin-left: -1px;font-size: 0;}
.manage-business li{width: 20%;transition: all 0.4s;}
.manage-business li a{padding: 0 25px;margin: 15px 0; display: block;border-left: 1px solid #f1f1f1;transition: all 0.4s;}
.manage-business li:hover a{border-color: transparent;}
.manage-business li:hover{background: #f2fbfe;}
.manage-business li:hover +li a{border-color: transparent;}
.manage-business a>*{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.manage-business .manage-cont{margin-left: 20px;}
.manage-business .tips-num{font-size: 22px;color: #333;}
.manage-business .tips-cont{font-size: 14px;color: #333;}

/**/
.settings{color: #fff;background: #00b8ee;padding: 9px 15px;border-radius: 5px;transition: .4s; }
.settings:hover,.search-box .query:hover,.pay-btn:hover{opacity: .8;}
.settings i{width: 20px;height: 20px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box; padding-right: 8px;display: inline-block;*display: inline;*zoom:1;vertical-align: sub;*vertical-align: middle;background: url(../images/settings.png) no-repeat;}

/**/
.hinfo{font-size: 0;}
.hinfo.c2 li{width:50%}/*width: 48%;*/
.hinfo.c3 li{width:33.333%}
.hinfo li{font-size: 14px;line-height: 40px;height: 40px;}
.hinfo span{margin-right: 10px;color: #555;}
.hinfo li a:hover {background: #FFF;}
.hinfo li a:hover span{color: #00b8ee;}
.hinfo li a{padding-left: 10px;}
.hinfo i,.hinfo em{color: #000;margin-left: 8px;font-style: normal;}



/*客服*/
.services {float: left;}
.services .con { background:#f9f9f9;width: 127px;height: 200px;position: relative; border:1px solid #f1f1f1;}
.services .contents{ padding:10px;}
#kf .Obtn {background: url(../images/service.png) no-repeat 0px -100px;float: left;width: 36px;height: 100px;margin-top: 30px;margin-left: -1px; border:1px solid #f1f1f1;}
#kf .Obtn.hover{background-position:-36px -100px}


a.goTop{background:url(../images/service.png) no-repeat;cursor:pointer;margin-top:-120px;position:fixed; _position:absolute;right:0;top:100%;width:36px;height:38px;width:36px;background-position:0 bottom;border:1px solid #f1f1f1;}
a.goTop:hover{background-position:-36px bottom}

.mlto{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.h330{ height:330px;}