div, dl, dt, dd, i, li, topdd {
    margin: 0;
    padding: 0;
    border: 0
}
body{margin:auto auto;font-family:"微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial}
a:focus{outline:0}
.nomargin{margin:0}
img{border:0; }
.hand{cursor:pointer}
.wrap{margin:auto auto;width:990px}
.content{margin:auto auto;width:1190px;font-size:12px}
.leftbody{float:left;width:19%;clear:both;}
.rightbody{float:right;width:80%}
.second { width:50%;float:left;}
.three { width:33.3333%;float:left;}
.one { width:100%;}
.xinghao-tip{color:#e00909}
.article_ConTAll{padding-top:10px;margin-left:10px;}
.article_ConTAll h1{font-weight:700;font-size:20px}
.posttime { text-align:center;color: #999;margin: 10px;}
.Articlecontent{padding:0 4px 0 20px;line-height:30px;font-size: 14px;}
[v-cloak],.none {display: none;}
.flexBox { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.fc0{color:#fff}
.fc1,a.fc1,a.fc1:link,a.fc1:visited{color:#b163a3}
.fc2{color:#069}
.fc3{color:#999}
.fc4{color:#666}
.fc5{color:#333}
.fc6{color:#ccc}
.fc7{color:#e4393c}
.fc8{color:#e71f19}
.fz12{font-size:12px}
.fz14{font-size:14px}
.flk01 a:link,.flk01 a:visited,.ftx01,a.flk01:link,a.flk01:visited{color:#fcd410}
.flk02 a:link,.flk02 a:visited,.ftx02,a.flk02:link,a.flk02:visited{color:#ff6000}
.flk03 a:link,.flk03 a:visited,.ftx03,a.flk03:link,a.flk03:visited{color:#a0410a}
.flk04 a:link,.flk04 a:visited,.ftx04,a.flk04:link,a.flk04:visited{color:red}
.flk05 a:link,.flk05 a:visited,.ftx05,a.flk05:link,a.flk05:visited{color:#e4393c}
.flk11 a:link,.flk11 a:visited,.ftx11,a.flk11:link,a.flk11:visited{color:#b8d1ea}
.flk12 a:link,.flk12 a:visited,.ftx12,a.flk12:link,a.flk12:visited{color:#4589bf}
.flk13 a:link,.flk13 a:visited,.ftx13,a.flk13:link,a.flk13:visited{color:#005aa0}
.flk14 a:link,.flk14 a:visited,.ftx14,a.flk14:link,a.flk14:visited{color:#12a000}
.flk21 a:link,.flk21 a:visited,.ftx21,a.flk21:link,a.flk21:visited{color:#fff}
.flk22 a:link,.flk22 a:visited,.ftx22,a.flk22:link,a.flk22:visited{color:#ccc}
.flk23 a:link,.flk23 a:visited,.ftx23,a.flk23:link,a.flk23:visited{color:#999}
.flk24 a:link,.flk24 a:visited,.ftx24,a.flk24:link,a.flk24:visited{color:#666}
.flk25 a:link,.flk25 a:visited,.ftx25,a.flk25:link,a.flk25:visited{color:#333}
.flk26 a:link,.flk26 a:visited,.ftx26,a.flk26:link,a.flk26:visited{color:#000}
.ellipsis { overflow: hidden; /*超出部分隐藏*/ text-overflow: ellipsis; /* 超出部分显示省略号 */ white-space: nowrap; /*规定段落中的文本不进行换行 */ }
/*图片变灰*/
.over_gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}

.pmsico{width:140px;margin-top:20px;}
/*高亮*/
.highlight_ipt input { transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; }
    .highlight_ipt input[type=text]:focus { outline: none;border: #87C6F9 1px solid!important; box-shadow: 0 0 5px rgba(103, 166, 217, 0.65); }
.list_product_info .Mmoney{color:#e4393c;font-size:14px;font-family:Verdana}
.list_product_info{padding-top:6px;padding-left:10px;text-align:left;line-height:20px}
.bgs1{display:block;background:url("//cdn.qtccolor.com/template/2017/images2/CSS Satyr2.png") no-repeat}
.bgs2{display:block;background-image:url(//cdn.qtccolor.com/template/2017/images2/radiobg.png)}
.bgprobtn { background: url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png?v=202003201) no-repeat }
.bgnewt{display:inline-block;background:url(../images2/2017newicon.png) no-repeat}
.bgnewt.loginicon{margin:-4px 2px 0 0;width:14px;height:15px;background-position:-209px -18px;vertical-align:middle}
.bgnewt.regicon{margin:-4px 2px 0 0;width:14px;height:15px;background-position:-256px -18px;vertical-align:middle}
.bgnewt.salenow{margin-top:-2px;width:24px;height:19px;background-position:-157px -15px;vertical-align:middle}
.bgnewt.position{margin:-4px 8px 0 0;width:13px;height:19px;background-position:-162px -65px;vertical-align:middle}
.bgnewt.rightarrow{margin:-4px 4px 0 0;width:8px;height:12px;background-position:-116px -67px;vertical-align:middle}
.bgnewt.zan{margin:-4px 4px 0 0;width:21px;height:19px;background-position:-301px -15px;vertical-align:middle}
.bgnewt.write{margin:-4px 4px 0 0;width:17px;height:18px;background-position:-351px -18px;vertical-align:middle}
.bgnewt.telicon{float:left;margin-right:4px;width:22px;height:22px;background-position:-109px -15px}
.bgnewt.toparrow{margin:-4px 4px 0 0;width:12px;height:7px;background-position:-404px -22px;vertical-align:middle}
    .bgnewt.rightarrow2 { margin: -4px 4px 0 0; width: 12px; height: 12px; background-position: -450px -20px; vertical-align: middle }
.bgnewt.gwyg{margin:-4px 4px 0 0;width:20px;height:20px;background-position:-206px -65px;vertical-align:middle}
.bgnewt.plus{margin-bottom:-2px;padding-right:4px;width:15px;height:15px;background-position:-304px -65px;margin-top: 12px;float: left;}
.bgnewt.mins{margin-bottom:-2px;padding-right:4px;width:15px;height:15px;background-position:-352px -65px}
.qkbg{display:block;background-image:url(//cdn.qtccolor.com/template/2017/images2/quciklgbg.png?v20160707)}
.word{font-family:Verdana}
.fwb{font-weight:700}
.fl{float:left}
.fr{float:right}
.pad1020{padding:10px 20px}
.mgn-10{margin-top:10px}
.mgn-20{margin-top:20px}
.mgn-30{margin-top:30px}
.mgn-40{margin-top:40px}
.mgn-50{margin-top:50px}
input{outline:0;border:1px solid #d0d0d0;color:#333}
button{outline:0}
.jump img{position:relative}
.line-word { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#Sex_0,#Sex_1,#Sex_2{border:0 solid #d0d0d0}
.zhushi{color:#999;font-size:12px}
.under{text-decoration:line-through}
li,ul{margin:0;padding:0;list-style:none}
a{border:0}
a:visited{color:#333;text-decoration:none}
a:link{color:#333;text-decoration:none}
a:active{color:#6001FD;text-decoration:none}
a:hover{color:#b163a8;text-decoration:none}
 .form-select{height:26px}
.index_link{color:#B163A3}
.top{margin:0 auto;background:#f5f5f5;background-position:-301px -65px;text-align:center}
.top a:link{color:#0f0f0f}
.topfix { margin-bottom: 16px; width: 100%; height: 8px; background: url(//cdn.qtccolor.com/template/2017/images2/topbg.jpg) repeat-x }
#head{position:relative;margin-right:auto;margin-left:auto;padding-top:20px;height:80px}
#toptool{height:32px;background:#f5f5f5;line-height:32px}
.top_tool{padding:0 20px;height:32px;border-bottom:1px solid #e6e6e6;background:#f5f5f5;font-size:13px;line-height:30px}
#logo{float:left;margin-right:109px;width:27%;height:53px;text-align:left}
    #logo img { margin-top: 10px; }
    #logo h1 { margin: 0 }
    .loginBtn { margin-right: 4px }
.RegisterBtn{margin-left:4px}
#head a:visited{color:#333;text-decoration:none}
#head a:link{color:#333;text-decoration:none}
#head a:hover{color:#b163a8;text-decoration:underline}
#head a:active{color:#6001FD;text-decoration:none}
.pubBg{background:url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png) no-repeat}
.searchbox { position: relative; float: left; width: 280px; height: 27px; text-align: right }
.searchbox-upload { position: absolute; right: 76px; top: 5px; cursor: pointer; }
    .searchbox-upload-img{height:16px;}
    #searchform select { float: left; height: 27px; border: 1px solid #d9d9d9; border-right: 0; padding: 0; color: #666; }
#searchform #word { float: left; margin: 0; padding: 0; text-indent: 10px; width: 168px; height: 25px; border: none; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; line-height: 25px; }
#searchform #head_search_btn { float: left; width: 43px; height: 27px; border: none; background: #E0457B; background-position: -880px -50px; color: #fff }
    #searchform #head_search_btn:hover { background: #ef6091 }
#head .shopcart{position:absolute;top:30px;right:212px}
#head .shopcart .cartbtn{position:relative;width:27px;height:23px;background-position:-57px -15px;cursor:pointer}
#head .shopcart .cartbtn span{position:absolute;top:-10px;left:24px;width:28px;height:19px;background-position:-250px -65px;color:#fff;text-align:center;text-decoration:none;font-size:11px}
#head .tel{position:absolute;top:30px;right:0;width:139px;color:#666;text-align:left}
.telno{float:left;height:20px;color:#333;font-size:18px;font-family:Arial}
#nav{height:40px}
    #nav .menu { float: left; width: 580px; margin-left: -10px; }
.saleTopLink{float:left;margin-right:15px;margin-left:15px;padding:1px 0 15px;font-size:16px;position:relative;}
.saleTopLink a:hover,.saleTopLink a:link,.saleTopLink a:visited{color:#8a50b6}
.saleTopLink a:hover{color:#8a50b6;text-decoration:underline}
/*.top-Recommend-Product{position:absolute;width: 450px;left: 250px;top:-38px;}*/
.top-Recommend-Product { position: absolute; width: 200px; left: 350px; top: -40px; }
 
#head_ico { margin-right: 30px;cursor:pointer }
.language{float:right}
.clear{clear:both}
.bor{width:100%;border-top:1px solid #eeeeee;clear:both;}
.description_container {display:none; }
.current {position:relative; }
.current .description_container{display:block}
.current .description_container{ position: absolute; cursor:pointer; color: #ffffff; width: 100%;   height: 255px; top: 0px; text-align: left; font-size: 14px; line-height: 26px; background: rgba(0, 0, 0, 0.5); }
.current .description{ position: absolute; bottom: 30px;padding: 0 18px;  }
.current .description a { color:#fff;}
.current .description h3 { margin: 0; }

.responsive { width:100%;}
h3.index-title {color:#333;margin:0;padding:0; font-weight:400;font-size:22px;margin:30px 0 30px 0;}
h3.index-title  span { float:right;font-size:12px;line-height:26px;}

.index-entry {padding-top:30px; clear:both;overflow: hidden;}
    .index-entry li { float:left;margin-right:40px;}
        .index-entry li span,.index-entry li a { width: 100%; line-height: 26px; font-size: 14px; display: block; text-align: center; }
.index-entry li span{ border-bottom:2px solid #fff}
        .index-entry li:hover span { border-bottom: 2px solid #E0457B }
.index-partner{ overflow:hidden; }
.index-partner ul{margin:0;padding:0;}
.index-partner li{float:left; margin-right:8px;margin-bottom:40px;}
.index-partner li img{ }
    .index-partner li:nth-child(8n+0) { margin-right:0}
.index-partner li.nomargin{margin-right:0px}
.index-partner li span{display:block;text-align:center;margin-top:12px;}
 
.index-news {  overflow:hidden;}
    .index-news li {
        float: left;
        width: 33.33%;
        margin-bottom: 35px;
        padding: 0 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }
    .index-news .title {color:#000; font-size: 16px; margin: 10px 0; height: 20px; overflow: hidden; }
    .index-news .info { color: #777777; font-size: 12px; height: 40px; line-height: 20px; overflow: hidden; }
    .index-news img { width:100%;}

.index-blocks{overflow:hidden;padding-top:45px;}
.index-block{float:left;margin-right:31px;width:372px;height:368px;border:2px solid #fff;background:#fff;text-align:center}

.index-block-t { margin-bottom: 8px; font-size: 20px; }
.index-block img{margin-bottom:23px;width:372px;height:256px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}
.index-block.noright{margin-right:0}


.index-block a.link{color:#b163a3}
.index-bigBlocks .second{width:50%;float:left;position:relative; }
.index-bigBlocks img{text-align:left;}
.index-bigBlocks span { height:63px;line-height:63px; display:block;text-align:center;font-size:20px;}
.index-bigBlocks .container1 {width: 572px;height:708px;top: 0px;}
.index-bigBlocks .container2 {width: 595px;height:321px;top: 0px;}
 

.index-video { position:relative;height: 424px;}
    .index-video:hover .mark { background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; left: 0; cursor: pointer; display: block; }
    .index-video:hover img { display:block}
    .index-video .mark { display:none}
    .index-video  .img1,.index-video .img2 { z-index: 100;top: 180px; position:absolute;cursor:pointer; display:none; }
    .index-video:hover .img1 { left: 246px; }
    .index-video:hover .img2 { left: 843px; }
.swiper-pagination-bullet-active{background:#333}
.index-n-content {  clear:both}
 
.index-n-content .show{display:block}

.index-banner-image { margin:20px 0;}
.index-n-content .v-banner { float:left; }
.index-n-content .hotproduct {float:left;width:965px;margin-left:10px;}
.index-n-content .hotproduct li{float:left;margin-right:14px;margin-bottom:20px;width:230px;height:287px;text-align: center;}
.multipleColumn{margin-top:10px}
.index-n-content .hotproduct img{border: 1px solid #dcdcdc;margin-bottom:8px;width:100%;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95)}
.index-n-content  a:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}
.index-n-content .hotproduct li span, .index-n-content .video li span { display: block; /* overflow: hidden; */ width: 100%; text-align: center; /* text-overflow: ellipsis; */ /* white-space: nowrap; */ font-size: 13px; /* word-break: break-all; */ -o-text-overflow: ellipsis; }
.index-n-content .hotproduct li:nth-child(4n+0),.index-n-content .newproduct  li:nth-child(4n+0){margin-right:0; }

.index-n-content .newproduct { }
.index-n-content .newproduct li{float:left;margin-right:23px;margin-bottom:20px;width:280px;height:360px;text-align: center;}
.index-n-content .newproduct img{border: 1px solid #dcdcdc;margin-bottom:14px;width:100%;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95)}

 
.multipleColumn .hd ul{width:142px!important}
.index-n-content .video .thumbpic{position:relative;border:1px solid #efefef;height:144px;cursor:pointer}
.index-n-content .video .thumb,.index-n-content .video .thumbpic{margin-bottom:14px;width:100%;}
.index-n-content .video li{float:left;margin:20px;width:190px;text-align:center}
.index-n-content .palyicon{position:absolute;top:49px;left:69px;width:56px;height:56px;transition-duration:.3s;transition-property:all}
.index-n-content a:hover .palyicon{top:46px;left:76px;width:62px;height:62px}

.mlist{float:right;width:280px}
.mlist li{padding-top:10px;width:280px;height:80px;background-color:#F9F9F9;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#ACACAC;cursor:pointer;}
 
.mimg{float:left;padding:2px;width:80px;height:55px;border:1px solid #878787;background-color:#F5F5F5}
.mimg img{width:80px;height:55px}
.mright{float:left;padding-left:10px;width:180px;font-size:12px;line-height:20px}
.more:hover,.more:link,.more:visited{font-weight:700}
blockquote,p{margin:0;padding-top:5px;padding-bottom:5px}
#sendMobileCode{width:109px;border:1px #afafaf solid;background:#efefef;text-align:center}
#phonenum{width:200px;height:24px}
#phoneValiedCode{width:80px;height:24px}
.sendResult{display:none;color:#36a45d}
.rounded-content-box{margin:5px 0 5px 0;background-color:#fff}
.daoh{margin:auto auto;width:157px;height:57px}
.news{background:url(//cdn.qtccolor.com/template/2017/images/pic023.jpg) no-repeat}
.about{background:url(//cdn.qtccolor.com/template/2017/images/pic021.jpg)}
.daoh2{margin:auto auto;margin-top:10px;width:740px}
.daoh2 .text{margin-left:20px;padding-left:50px;height:40px;background:url(//cdn.qtccolor.com/template/2017/images/dian03.jpg) left 8px no-repeat;text-align:left;line-height:40px}
.productbox{overflow:hidden;margin:10px auto auto}
.img li{float:left;margin-right:5px;width:180px;height:268px;border:1px solid #fff;text-align:center;line-height:20px}
.img li img{width:175px;height:175px;border:1px solid #f8f8f8}
.img975 li{float:left;margin-right:5px;margin-bottom:14px;width:180px;height:278px;border:1px solid #fff;text-align:center;line-height:20px}
.img975 .Thumbnail{margin-bottom:4px;width:175px;height:175px;border:1px solid #f8f8f8}
.img1190 ul { margin-right: -10px; }
.img1190 li { float: left; margin-right: 10px; margin-bottom: 20px; padding-bottom: 10px; width: 230px; border: none; text-align: center; line-height: 20px }
.img1190 .Thumbnail { margin-bottom: 4px; width: 230px; height: 230px; border: none; }
.img1190 a{font-size:13px}
.img975_cuxiao li{float:left;margin-right:5px;margin-bottom:14px;width:180px;height:278px;border:1px solid #fff;text-align:center;line-height:20px}
.img975_cuxiao .Thumbnail{margin-bottom:4px;width:175px;height:175px;border:1px solid #f8f8f8}

.img1190_cuxiao li { float: left; margin-right: 32px; margin-bottom: 14px; padding-bottom: 10px; width: 270px; height: 360px; border: 1px solid #fff; text-align: center; line-height: 20px }
.img1190_cuxiao .Thumbnail{margin-bottom:4px;width:268px;height:268px;border:1px solid #f8f8f8}
.img1190_cuxiao li.noright{margin-right:0}
.Thumbnail{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
a:hover .Thumbnail{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);-ms-transform:scale(1.02)}
.box{position:relative;overflow:hidden;width:100%;border:1px solid #DDD}
.box ul{position:absolute}
.box li{margin:5px;height:202px;border-bottom:1px solid #ddd;text-align:center;line-height:20px}
.box .mask{position:relative;overflow:hidden;height:610px}
.item{float:left;width:80px;height:40px;line-height:40px}
.bt{float:left;width:20px;height:40px;background:url(//cdn.qtccolor.com/template/2017/images/pic018.jpg)}
.productbox .rounded-content-box{margin-left:0;padding-top:10px}
.loginbox .rounded-content-box{margin-left:20px;padding-top:20px}
.newsbox{margin-left:20px;width:310px}
.newsbox .rounded-content-box{padding-left:10px}
.location{clear:both;margin-left:0;height:40px;border-bottom:1px solid #ccc;text-align:left;line-height:40px}
.location .more{float:right}
.location .text{float:left;width:660px;color:#333;font-weight:700;font-size:15px}
.notice{padding-bottom:10px;color:red;text-indent:24px;font:13px/18px "宋体"}
.red{color:red}
.Myred{color:#e92f32;font-weight:700;font-family:"Helvetica Neue",Helvetica,"Trebuchet MS",Arial,sans-serif}
.TotalPrice{font-weight:700;font-size:18px}
.through { text-decoration:line-through }
#NewMoney,#TraMoney{font-family:"Helvetica Neue",Helvetica,"Trebuchet MS",Arial,sans-serif}
.DiscountItemValue,.Pdt_price,.pricenum{font-family:"Helvetica Neue",Helvetica,"Trebuchet MS",Arial,sans-serif}
.blue{color:#00f}
.f18{font-size:18px}
.pages{padding:10px  20px; margin:20px auto; text-align:center;line-height: 30px;}
    .pages a:link, .pages a:visited, .pages span { display: inline-block; margin: 0 6px; padding: 0px 6px; border: 1px solid #E0457B; color: #E0457B; border-radius: 4px; }
.pages #currentpage,.pages a:hover{display: inline-block; border:1px solid #E0457B;background:#ffeff8;color:#E0457B}
.pages .current{background:#ffeff8}
.pages .click{display:inline;margin:0 3px;padding:2px 5px;border:1px solid #ff831e;background:#ffebd9;color:#000}
div.subHead{margin-top:10px;margin-bottom:10px}
h3.CategoryHead{margin:0;padding-left:0;color:#666;font-weight:400;font-size:16px}
h3.CategoryHead a,h3.CategoryHead a:hover,h3.CategoryHead a:visited{color:#666;font-size:16px}
div.tooltip{position:absolute;z-index:9999;display:block;display:none;width:330px;height:220px;background-color:transparent;font-size:9pt}
s{position:absolute;top:-20px;left:130px;display:block;width:0;height:0;border-color:transparent transparent #666 transparent;border-style:dashed dashed solid dashed;border-width:10px;font-size:0;line-height:0}
div.tooltip .content{position:absolute;width:100%;height:100%;border:1px solid #666;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#fff;-webkit-box-shadow:3px 3px 4px #999;-moz-box-shadow:3px 3px 4px #999;box-shadow:3px 3px 4px #999;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"}
div.tooltip .content a{display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:15px 10px 10px 20px;width:300px;min-height:56px;border:0;border-bottom:1px solid #dcdcdc;background-color:#fff;font-size:11px;cursor:pointer}
div.tooltip .content a:focus,div.tooltip .content a:hover{background-color:#f9f9f9;-webkit-box-shadow:0 0 10px 1px #dfdfdf inset;-moz-box-shadow:0 0 10px 1px #dfdfdf inset;box-shadow:0 0 10px 1px #dfdfdf inset;text-decoration:none}
div.tooltip .content a .title-body,div.tooltip .content a .title-description{padding:0;text-align:left}
div.tooltip .content span.title{display:block;padding:6px 0 5px 0;color:#08C}
div.tooltip .content span.title-description{color:#999;line-height:14px}
.inputBgLine{border:#d0d0d0 1px solid;line-height:23px}
.errormessage{padding:5px;color:red;text-align:center;font-size:13px}
.err {    padding: 10px 20px;    border: 2px dotted #f99597;}
.errormessage a{color:#069}
.login_submit_pwd{margin-left:20px;width:179px;height:48px;border:0 none;background:url(//cdn.qtccolor.com/template/2017/images/login_Login.gif) no-repeat left top;text-align:center;font-weight:bolder;font-size:14px;line-height:29px;cursor:pointer}
.reg_submit_pwd{margin-left:0;width:179px;height:48px;border:0 none;background:url(//cdn.qtccolor.com/template/2017/images/login_reg.gif) no-repeat left top;text-align:center;font-weight:bolder;font-size:14px;line-height:29px;cursor:pointer}
.login_submit_logout{margin-left:20px;width:79px;height:29px;border:0 none;background:url(//cdn.qtccolor.com/template/2017/images/btn_bg.gif) no-repeat left top;text-align:center;font-weight:bolder;font-size:14px;line-height:29px;cursor:pointer}
.modify_oneline{padding:5px 0 5px 0;height:23px}
.modify_text{float:left;width:154px;height:23px;text-align:right;font-size:14px;line-height:23px}
.modify_pw_input{float:left;display:inline;margin-left:20px;height:21px;line-height:21px}
.register_bottom_cn{position:relative;top:0;left:-5px;width:179px;height:48px;border:0 none;background:url(//cdn.qtccolor.com/template/2017/images/register_bottom_cn.png) no-repeat 0 0;cursor:pointer}
.btn-service-auth-qq{background:#51b7ec}
.btn-service-auth-linkedin{background:#0077b5}
.btn-service-auth-link{color:#fff}
.MyTb td,.MyTb th{padding:2px 4px;height:22px;border-top:1px #afafaf solid;border-right:1px #afafaf solid;text-align:center}
.MyTb{width:760px;border-bottom:1px #afafaf solid;border-left:1px #afafaf solid}
.colorTbl02 td,.colorTbl02 th{padding:2px 4px;height:22px;border-top:1px #ccc solid;border-right:1px #ccc solid}
.colorTbl02{width:760px;border-bottom:1px #ccc solid;border-left:1px #ccc solid}
.MyTb a,.colorTbl02 a{color:#005ea7}
.DiscountNameTag{padding:1px 4px;background:#45b8ac;color:#fff}
a.underline:link{COLOR:#069;TEXT-DECORATION:underline}
a.underline:visited{COLOR:#939;TEXT-DECORATION:underline}
a.underline:hover{COLOR:#666;TEXT-DECORATION:underline}
a.underline:active{COLOR:#333;TEXT-DECORATION:underline}
.gap16px{height:16px}
.border{margin-top:10px;padding-top:20px;border:1px solid #d2d2d2}
.rounded-content-box .text{font-weight:700;font-size:14px}
div.subHead{margin-top:10px;margin-bottom:10px}
#content_cathead_Wrapper{position:relative;width:100%;height:278px}
#content_cathead_text{position:absolute;top:80px;right:60px;width:468px;color:#fff;color:#fff;font-weight:400;font-style:normal;font-size:20px;font-family:微软雅黑}
.rounded-content-box .title{margin-left:20px;font-weight:400;font-style:normal;font-size:20px;font-family:微软雅黑}
#vcodeTip{float:right;margin-right:10px;height:20px;background-color:#fff}
.third_party{padding-top:10px;padding-left:172px;width:230px}
.third_party span{float:right}
.third_party_fp{padding-top:10px;width:400px}
.btn-service-auth{position:relative;display:inline-block;padding:10px 0 10px 42px;width:145px;height:20px;border-radius:3px;text-decoration:none;font-weight:700;font-size:13px;line-height:20px;cursor:pointer}
.btn-service-auth-qq{background:#51b7ec}
.btn-service-auth-linkedin{background:#0077b5}
.btn-service-auth-link{color:#fff}
.btn-service-auth-link a:active,.btn-service-auth-link a:hover{text-decoration:none}
.auth-ico{position:absolute;top:7px;left:11px;width:24px;height:24px;background-size:24px 24px;background-repeat:no-repeat}
.highlight{background:#308de9;color:#fff;font-weight:700}
#orderform,.MyTb{color:#333}
#orderform td{height:32px}
#orderform textarea{border:1px solid #afafaf}
#orderform input,#orderform select{height:24px;border:1px solid #afafaf;line-height:24px}
#userform input,#userform select{height:28px;border:1px solid #afafaf}
#userform .btn{height:28px}
#Sex_0,#Sex_1,#Sex_2,#ischange{vertical-align:middle}
#orderform label{display:inline-block;vertical-align:middle;font-size:12px}
#orderform .btn, .btn { display: inline-block; padding: 0 20px; height: 28px; border: 1px solid transparent; border-radius: 3px; color: #333; text-align: center; font-size: 14px; line-height: 28px; cursor: pointer }
.btn-primary { background-color: #E0457B; color: #fff }
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
a.btn-primary { color: #fff; }
a.btn-default { color: #333; }
.btn.disabled { background: #df9fb6 !important; color: #fff; cursor: not-allowed; }
.btn-o { display: inline-block; padding: 2px 20px; height: 28px; border: 0 none; border-radius: 3px; background: #f96 none repeat scroll 0 0; color: #fff; text-align: center; font-weight: 700; font-size: 14px; cursor: pointer }
.btn-b{display:inline-block;padding:2px 20px;height:28px;border:0 none;border-radius:3px;background:#69c none repeat scroll 0 0;color:#fff;text-align:center;font-weight:700;font-size:14px;cursor:pointer}
.qhbtn{position:absolute;z-index:1;height:24px;line-height:24px}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
button,html,input,label,select,textarea{font-family:tahoma,arial,宋体,sans-serif}
.zhekouLabel{padding:2px;background:#ff831e;color:#fff}
.location a{font-size:12px}
.location .text a{font-size:14px}
.clr{clear:both}
#bottom{padding-bottom:10px;margin-top: 20px;background:#f5f5f5}
#bottom a{color:#666666}
#bottom li,#bottom ul{margin:0;padding:0}
#bottom .btmcr{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fefefe}
#bottom .btmcr2{border-top:1px solid #ccc}
#bottom .mybox{margin:0 auto}

#bottom .bottomIcon {background-image: url("/template/2017/images2/20190809_bottom.png?v=2023"); display: inline-block;margin:0 12px;}
#bottom .phone2 {background-position: -0px -0px; width: 21px; height: 29px; }
#bottom .phone1 {background-position: -23px -0px; width: 21px; height: 29px; }
    #bottom .weixin1 { background-position: -45px -0px; width: 30px; height: 30px; }
    #bottom .weixin2 { background-position: -77px -0px; width: 30px; height: 30px; }
    #bottom .xinlang2 { background-position: -107px 0px; width: 30px; height: 30px; }
    #bottom .xinlang1 { background-position: -139px -0px; width: 30px; height: 30px; }
#bottom .dianhua {background-position: -172px -0px; width: 26px; height: 26px; margin-bottom:-4px}
#bottom .youxiang {background-position: -200px -0px; width: 31px; height: 23px;margin-bottom:-8px}
#bottom .youxiangtext { background-position: -0px -40px; width: 234px; height: 23px;cursor:pointer;margin:0 0 0 36px}

#bottom .scan { background-position: -240px -0px; width: 27px; height: 27px; }
.bottomIcon[data-qrcode] {  }
.bottomIcon[data-url] { cursor:pointer;}
    #bottom .youxiangtext input {width:100%;opacity:0;cursor:pointer }

#copyright{clear:both;margin-top:10px;padding:0;color:#666;line-height:26px;text-align:center;}
#copyright img{vertical-align:middle}
.cline2{margin:14px 0;}
.cline2 img{margin:0 10px;}
.cline3{margin:14px 0 0;}
#bttom_Link a:link{color:#4d4d4d}
#bottom_Link{overflow:hidden;padding-top:0;padding-bottom:0;font-size:12px;border-bottom:1px solid #e1e1e1}
#bottom_Link .helplink{float:left;margin-top:40px;margin-bottom:55px;width:55%}
.helplink dl{float:left;margin:0;padding-right:40px;padding-left:40px;}
.helplink dt{margin-left:0;color:#323232;font-weight:700;font-size:16px;font-size:15px;line-height:26px}
.helplink dd{margin-left:0;color:#666666;font-size:12px;line-height:26px}
.friendlink { margin-bottom: 0;color: #5e5e5e;}
.friendlink a {margin-right: 8px;}
#bottom .color1{color:#333;font-size:12px}
#bottom .color2{color:#666;font-size:12px}
#bottomQrcode{float:right;margin-top:30px;margin-bottom:30px;width:412px;height:150px;}
    #bottomQrcode font { font-size:21px;font-weight:bold;font-family:Arial; color:#323232;margin:0 0px 0 40px;}
#bottomQrcode>table{width:100%;height:100%}
    #bottomQrcode td.pd { padding-left: 30px; text-align: left }
#bottomQrcode td.pd2{padding-left:36px;padding-top:24px}
    #bottomQrcode td.tip { font-size: 14px; padding-top: 20px; color: #666666; }
    #bottomQrcode td .scantip { margin-left: 36px; display: inline-block; }
    #bottomQrcode td.pd2 .qrcode { height: 86px; border: 3px solid #fff; vertical-align: middle; margin-bottom: 20px; image-rendering: optimizeQuality; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; }
#bottom-second { line-height: 36px; }
#bottom-second td { text-align:center;}
.quickreg{padding-top:20px}
    .quickreg td { height: 36px; font-size: 13px; }
#userlefttab{padding-bottom:20px}
#userlefttab td{padding-left:45px;height:38px}
#tagNavLoading{padding:10px 20px;color:#787878;text-align:center}
#tagNav{display:none;margin-top:20px;margin-bottom:20px}
#tagNav .tagBox{clear:both;display:none;overflow:hidden;padding-top:4px;padding-bottom:4px;border-bottom:1px dotted #dedede}
#tagNav .open{display:block}
#tagNav ul{margin-left:72px}
#tagNav li{float:left;margin-right:26px;color:#787878;font-size:12px;line-height:33px}
#tagNav li.current{color:#e33a9f}
#tagNav li a{display:block;height:33px;color:#787878}
#tagNav li.current a{color:#e33a9f}
#tagNav li a:hover{color:#e33a9f}
#tagNav .bandName{float:left;padding-right:13px;width:60px;color:#434343;text-align:right;font-weight:700;font-size:14px;line-height:33px}
#tagNav .showMore{height:26px;background:#f6f3f5;text-align:center;line-height:26px}
#tagNav .showMore i{display:inline-block;margin-left:8px;width:9px;height:16px;background-position:-443px -68px}
.index-text{padding:20px 0;color:#626262;text-align:center;font-size:16px}
.index-text h3{margin-bottom:10px;color:#333;font-weight:400;font-size:30px;margin:30px 0 10px 0;}
 


.bgs_btn-blue{display:block;width:80px;height:27px;background-position:-583px 0;color:#fff;text-align:center;font-family:'\5B8B\4F53';line-height:27px}
.bgs_btn-blue{color:#fff!important}
.question{width:14px;height:14px;background-position:0 0}
.radio_bg0{width:18px;height:18px;background-position:-14px 0}
.radio_bg1{width:18px;height:18px;background-position:-32px 0}
#nav,.rightbox{font-size:12px}
.leftbox { float: left; width: 200px; margin-bottom: 30px; margin-right: 14px; }
.rightbox{float:left;width:79%}
.leftbox.float{position:fixed;top:0;background:#fff}
.rightbox.floatfix{margin-left:200px}
.title{color:#333}
hr{height:1px;border:0 none;background:#ccc none repeat scroll 0 0}
.centerBox{margin:auto}
#sub-menu { background-color: #f5f5f5; border-bottom: solid 1px #efefef;font-size:14px;overflow:hidden }
.menu-item { float: left; font-size: 14px; height: 60px; line-height: 60px; margin: 0 40px 0 0; border-bottom: 2px solid transparent; color: #909399; }
    .menu-item.active, .menu-item.active a{ color: #E0457B }
    .helphead { height: 41px; background: url(//cdn.qtccolor.com/template/2017/images2/helphead_bg.jpg) -1px 0 no-repeat }
.abouthead{height:41px;background:url(//cdn.qtccolor.com/template/2017/images2/abouthead_bg.jpg) -1px 0 no-repeat}
.aboutNav .qiye1{background:url(//cdn.qtccolor.com/template/2017/images2/abouthead_bg-news1.jpg) -1px 0 no-repeat}
.aboutNav .qiye2{background:url(//cdn.qtccolor.com/template/2017/images2/abouthead_bg-news2.jpg) -1px 0 no-repeat}
.aboutNav .qiye3{background:url(//cdn.qtccolor.com/template/2017/images2/abouthead_bg-news3.jpg) -1px 0 no-repeat}
.abouthead{height:41px}
.aboutNav ul li{padding-left:20px;border-bottom:1px solid #fff;background:#eaeaea;color:#333}
.helpNav li.big{padding-left:20px;background:url(../images2/help_title_bg.gif) repeat-x;color:#333;font-weight:700;clear: both;}
.helpNav ul li .close{margin-top:16px}
.aboutNav ul li a,.helpNav ul li a{display:inline-block;height:40px;font-size:14px;line-height:40px}
.helpNav li .small{padding-left:0;border:none;background:0 0;color:#666}
.helpNav li a:visited{color:#666}
.helpNav li li a:link{color:#666;font-weight:400}
.helpNav li a:link{color:#333}
.helpNav li a:hover{color:#b163ab}
.aboutNav .current,.helpNav li li .current{color:#E0457B}
.help-service{overflow:hidden;margin-top:10px;width:200px;height:131px;border:1px solid #ddd;border-top:none;background:url(//cdn.qtccolor.com/template/2017/images2/kfservice.jpg) -1px 0 no-repeat;line-height:500px}
.helpNav .bigTitle{float:left}
.helpNav .toparrow{float:right}
.helpNav .secondli{clear:both}
.helplist{margin-left:30px;padding-top:20px}
.helplist li{line-height:30px}
.helplistB{padding-top:10px}
.helplistB li{float:left;margin-right:10px;margin-bottom:16px;width:225px;height:180px}
.helplistB li .titleblock{margin-top:22px;margin-right:auto;margin-left:auto;padding:2px 4px;width:197px;height:76px;background:url(//cdn.qtccolor.com/template/2017/images2/toumingbeijing.png);font-family:"\5FAE\8F6F\96C5\9ED1"}
.helplistB li .linkblock{overflow:hidden;margin-top:30px;margin-left:11px;width:90px;height:25px;background:url(//cdn.qtccolor.com/template/2017/images2/ckxq.png) no-repeat;line-height:1000px;cursor:pointer}
.helplistN li { margin: 20px 0; float: left; width: 25%; height: 304px; overflow: hidden; }
.helplistN .newThumb { width: 96%; height: 160px; overflow: hidden; margin: 0 auto; }
    .helplistN .newThumb img{width:100%;}
.helplistN .titleInfo { padding: 0 4px; text-align: left; width: 96%; }
.helplistN .title { max-height: 60px; line-height: 22px; overflow: hidden; font-size: 16px; margin: 8px 0; }
.helplistN .Info { line-height: 22px; min-height: 70px; overflow: hidden; color: #999; display: -webkit-box; -webkit-line-clamp: 3; word-wrap: break-word; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.helplistN .tags { float: left; line-height: 26px; margin-top: 10px; height: 26px; overflow: hidden; }
.helplistN .tags a{ background-color: #f2f2f2; border: 1px solid #e8e8e8; display: inline-block; height: 24px; line-height: 24px; padding: 0 6px; border-radius: 12px; margin-right: 10px; color: #999; }
    .helplistN .tags a:hover {color:#E0457B }
#helpcontent{margin:19px 0 19px 0;color:#333;font-size:12px;line-height:24px}
#helpcontent .line{padding:6px 0 10px 0;border-bottom:1px dashed #bfbfbf;color:#333;font-weight:700;font-size:14px}
#helpcontent .head-title{padding-bottom:10px;font-weight:700;font-size:16px}
#helpcontent .partner{padding-left:20px;}
#helpcontent .partner h3{display:none;}
#helpcontent .partner ul{margin:0;padding:0;}
#helpcontent .partner li{float:left;width:160px;height:122px;margin-right:21px;text-align:left}
#helpcontent .partner li img{ height:50px;border:1px solid #eae8e9;}
#helpcontent .partner li.nomargin{margin-right:0px}
#helpcontent .partner li span{display:block;text-align:center;margin-top:12px;}
#helpcontent .partner .second_partner{border-top:1px solid #e2e0e1;padding:40px 0px 20px 0;margin-top:20px}
#aboutPage .mainimg{width: 100%;margin-bottom: 30px;}
#aboutPage .about_1 { margin:20px 0 40px;}

#aboutPage .about_bottom th { text-align:left;padding:10px 20px 0;}
#aboutPage .about_bottom li { vertical-align:top;width:16.66%;float:left}
#aboutPage .about_bottom li div{ padding:10px 20px; }
#aboutPage p {text-indent:26px; }
#aboutPage h5 { text-align:center;font-weight:bold;font-size:16px;}
.help-location { color:#333}
.help-location .title{ font-weight:700;font-size:14px}
.help-location .frontIcon{display:inline-block;margin-right:4px;width:6px;height:20px;background:#E0457B;vertical-align:middle}
.article-location { color: #333; }
 
    .article-location span { float: right; font-size: 14px }
    .article-location .title {font-size: 15px }
    .article-location .frontIcon { display: inline-block; margin-right: 4px; width: 6px; height: 20px; background: #E0457B; vertical-align: middle }
.path{float:right;font-size:12px}
.path a{font-size:12px}
.find-location{overflow:hidden;margin-bottom:10px}
.find-location .path{float:left;font-size:12px}
.contact-info{position:relative;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #e2e2e2;color:#333}
.contact-info .Chcom{margin-bottom:10px;border-bottom:1px solid #e2e2e2;font-weight:700;font-size:16px}
.contact-info p{padding:0}
.contact-info .commpanyName{margin-bottom:5px;padding-bottom:5px;font-weight:700;font-size:14px}
.contact-info .commpanyEnglishName{margin-bottom:10px;font-size:14px}
.contact-info .engFont{font:12px/1.5 tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif}
.contact-info .tel span{padding-left:60px}
.radio-group { display: inline-block; line-height: 1; vertical-align: middle; font-size: 0; }
.radio-button { position: relative; display: inline-block; outline: none; }

    .radio-button:first-child .radio-button__inner { border-left: 1px solid #DCDFE6; border-radius: 4px 0 0 4px; box-shadow: none !important; }
.radio-button:last-child .radio-button__inner { border-radius: 0 4px 4px 0; }
.radio-button__inner { display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; background: #fff; border: 1px solid #DCDFE6; font-weight: 500; border-left: 0; color: #606266; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; position: relative; cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); padding: 12px 20px; font-size: 12px; border-radius: 0; }
.checked-radio-button__inner { color: #fff; background-color: #E0457B; border-color: #E0457B; box-shadow: -1px 0 0 0 #e0457b; }
.radio-button__inner:hover { color: #fff; background-color: #E0457B; }
.middle-nav { margin: 10px auto; width: 400px; text-align: center; }
#route{margin-top:10px;}
#route .qrcode-icon{ vertical-align: middle;border: 4px solid #fff;margin-left: 10px;   }
.mapLink{position:absolute;top:20px;right:0;margin-top:10px}
    .mapLink a { position: absolute; top: 20px; right: 0; display: block; width: 102px; height: 35px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #E0457B; color: #fff; text-align: center; line-height: 35px }
.fc-bg{display:inline-block;background-image:url(/template/2017/images2/findcolor.png)}
.picker{float:left}
.color-search{display: inline-block;margin-bottom: 8px;padding: 0; height: 39px;border: 1px solid #ddd;border-radius: 2px;background: #fff;}
.color-head{margin-top:0;padding-top:20px;padding-right:30px;padding-bottom:20px;padding-left:30px;border-bottom:5px solid #8db452;background:#f3f3f3}
#query-head{position:relative;float:right;width: 454px;text-align:center}
#query-head .reg{  vertical-align: super;font-size: 0.75rem;font-size: 10px;}
#query-head .reg2{  vertical-align: super;font-size: 0.75rem;font-size: 8px;}
#query-head h1{margin:0 0 0 0;padding:0;text-align:left;font-size:20px}
#query-head h1 b{ color: #d34899;}
#query-head .tip b{ color: #d34899;}
    #query-head h1 a:hover {  color: #d34899;}
        #query-head h1 a:hover b { color: #333; }

#query-head .tip{margin:20px 0 10px;color:#4a4a4a;font-size:12px}
#query-search-form{position:relative;/*width:480px;*/text-align:left;font-size:12px}
#query-search-form .mypicker{position:absolute;left:50%;z-index:3}
#query-search-form #file{display:none}
#text-recommend{position:absolute;top:70px;left:0;z-index:2;display:none;width:436px;border:1px solid #ddd;border-top:0;background:#fff;text-align:left}
#text-recommend .recommend-title{padding-left:8px;height:28px;border-top:#e7e7e7 1px solid;background:#f7f7f7;color:#696969;font-weight:700;line-height:28px}
#text-recommend a{display:block;padding-left:13px;width:421px;height:26px;color:#696969;line-height:26px}
#text-recommend a:hover{background:#efefef;color:#fff;}
#query-word{display: inline-block;margin-bottom:8px;padding:0;width:338px;height:39px;border:1px solid #b9b6b6;border-radius:2px;background:#fff;text-indent:12px}
#query-search-form a:hover,.picker_color_submit input:hover{background:#cc7eae}
select.brand-select {display:none;border: 1px solid #ddd;height: 40px;width: 120px;margin: 0px;padding: 0 4px;text-align: center;border-radius: 2px;color: #333;text-align: center;font-size: 13px;}
#btn_search{display:inline-block;padding:0 10px;width:78px;height:41px;border-radius:2px;background:#b56a98;color:#fff;text-align:center;font-size:14px;line-height:41px;margin-left: 10px;}
#query-head .fourcolor{padding-right:2px;padding-bottom:2px;width:13px;height:14px;background-position:-147px 0;vertical-align:middle}
#query-head .fourcolor2{padding-top:2px;padding-right:2px;width:14px;height:14px;background-position:-147px -16px;vertical-align:middle}
#dragPicColor{ border:2px dotted #999;padding: 20px 0;border-radius:5px;/*width: 446px;*/margin-top:20px;overflow: hidden; cursor:default}
#dragPicColor .up-ico{vertical-align:middle; margin-bottom: 5px;width:24px;  }
#dragPicColor canvas{cursor: crosshair;max-width: 100%;}
.dragTip ,.up-ico{cursor:pointer;}
.dragTip.large{font-size:20px;}
#dragPreview {width:98%;margin: 10px auto;padding-left: 8px;overflow:hidden;display:none }
#dragPreview img{ max-width:100%; }
#dragPreview .img-preview{width:98%;}
#dragPreview .color-preview .desc{ padding:10px;}
#dragPreview .color-preview-b{position:relative;overflow:hidden; width: 75px;height: 46px;margin-bottom: 8px;margin-right: 8px;float: left;cursor: pointer;border: 2px solid #f3f3f3;}
#dragPreview .color-preview-b.on{border: 2px solid #f3f3f3;box-shadow: 0px 0px 3px #333;}
#dragPreview .color-preview-b:last-child{margin-right:0;}
    #dragPreview .color-preview-b i { position: absolute; display: block; right: -15px; top: -15px; height: 30px; border-radius: 50%; width: 30px; box-shadow: 1px 1px 1px #c5c5c5; }
    #dragPreview .color-preview-b .current { background: #f56c6c; }
#colorRankBox { overflow: hidden; overflow: hidden !important; /*width:480px;*/ }
#colorRank-title{margin-bottom:6px;margin-top:12px;padding-right:26px;text-align:left;font-size:15px}
#colorRank-title .huanyihuan{cursor:pointer}
.colorraktxt{margin-bottom:20px}
#colorRank-title .reload{display:inline-block;margin-top:-4px;width:20px;height:18px;background-position:-63px -65px;vertical-align:middle}
.colorRank{position:relative;}
.slideTxtBox{overflow:hidden;height:118px;}

.colorRank .swiper-container{float:left;width:695px}
.colorRankItem{float:left;margin-right:20px;width:76px;color:#848484;text-align:center;font-size:12px;line-height:24px}
.colorRank .arrowLeft{position:absolute;top:-22px;left:-50px;width:39px;height:92px;background-position:-162px 0;cursor:pointer}
.colorRank .arrowRight{position:absolute;top:-22px;right:-50px;width:44px;height:89px;background-position:-203px 0;cursor:pointer}
/*colorbooks 已经删除 --start*/
#colorbooks{margin-top:58px}
.colorbooktitle{padding-bottom:10px;padding-left:7px;border-bottom:1px solid #c7c5c5;color:#191919;font-size:32px}
    .colorbooktitle h2 {font-size:30px; }
.colorbook{overflow:hidden;margin-top:40px}
    .colorbook .firstLnk {color: #6f6e6e;font-weight: normal;font-size: 16px;}
        .colorbook .firstLnk strong { font-weight: normal; }
.colorbook .firstLnk img {width:160px; }
.cbPanel{margin-top:30px}
.cbpro{float:left;width:200px}
.cbproImg{width:100%}
.cbpro-r{float:left;margin-left:55px;border:0}
.cbpro-r li{margin-right:16px}
.cbpro-more{float:left;margin-top:15px;margin-left:20px;padding-top:30px;padding-right:8px;padding-left:8px;width:786px;width:37px;height:140px;border:0;border:1px solid #e7e7e7;text-align:center}
.cbpro-more img{margin-bottom:16px}
.cbpro-more.on{border:1px solid #c6c6c6}
/*colorbooks 已经删除 --end*/

    
 
.paletteAddBtnLevel { height: 35px; width: 35px; top: 10px; right: 0;   position: absolute; transition-duration: .2s; transition-property: width; }
.pdfImage { padding-top: 10px }
#guesslike-title-parent2{border-bottom:1px solid #edeaec}
#guesslike-title2{margin-top:30px;height:40px;color:#333;font-weight:700;font-size:14px;font-size:15px;line-height:40px}
#glp-products{width:960px}
#glp-products .bd{overflow:hidden;height:184px}
#guesslike-desc2{position:relative;margin:48px auto;width:960px;height:192px}
#guesslike-desc2 .swiper-slide{margin-right:32px;width:137px;text-align:center}
#guesslike-desc2 .swiper-slide img{display:inline;width:108px;height:108px}
#guesslike-desc2 .glp-title{overflow:hidden;margin-top:2px;height:32px;font-size:12px}
#guesslike-desc2 .guesslike-product{float:left;margin-right:48px;width:120px;text-align:center;font-size:14px}
#guesslike-desc2 .guesslike-product img{margin-bottom:4px}
#guesslike-desc2 .glp-price{margin-top:2px;color:#e92f6b;font-weight:700;font-size:14px}
#guesslike-desc2 .arrowLeft{position:absolute;top:36px;left:-50px;z-index:100;width:12px;height:39px;background-position:-275px 0;cursor:pointer}
#guesslike-desc2 .arrowRight{position:absolute;top:36px;right:-50px;z-index:100;width:13px;height:39px;background-position:-255px 0;cursor:pointer}
#etcbproducts{position:relative;overflow:hidden;margin-top:40px;width:100%;height:274px;line-height:26px}
#etcbproducts li{float:left;margin-right:27px;width:241px;text-align:center}
#etcbproducts li img{width:100%;border:1px solid #e9e9e9}
#etcbproducts .bd{margin-left:71px}
#etcbproducts .arrow{top:84px;z-index:100;display:inline-block;width:64px;height:64px;background-image:url(/template/2017/images2/2017newicon.png);cursor:pointer}
#etcbproducts .arrowLeft{position:absolute;left:0;background-position:0 -96px}
#etcbproducts .arrowRight{position:absolute;right:0;background-position:-64px -96px}
.ColorCode,.ColorName,.color_value{width:100%}
.show-color-image{width:160px;height:168px}
.show-color-image2{width:160px}

.show-color-image3{width:85px;height:90px}
.colorSearchList{margin-top:20px;padding-top:38px;padding-right:20px;padding-bottom:38px;padding-left:20px;border:1px solid #edeaec;clear:both;}
    .colorSearchList li { float: left; margin-right: 35px; margin-bottom: 25px;  }
.colorSearchList li.noright,.cf-ColorList li.noright{margin-right:0}
.colorSearchList .brandArr,.colorSearchList .select2{padding-right:20px;text-align:center}
.colorSearchList .tips,.SimpleColorBlock .tips{margin-bottom:20px;margin-left:0;color:#333;text-align:left;line-height:30px}
    .colorSearchList li .block, .SimpleColorBlock .block { position: relative; width: 160px; height: 216px; background: #fff; }
#list .color_value{width: 160px;height: 168px;}
.colorSearchList .block .plus, .SimpleColorBlock .block .plus  { position: absolute; right: 8px; bottom: 10px; z-index: 1; padding: 4px; width: 24px; height:24px; border-radius: 50%; color: #fff; text-align: center; white-space: nowrap; display:block }
    .colorSearchList .block .plus img, .SimpleColorBlock .block .plus img{ width: 100% }

.HotColor { padding-top: 15px;   }
.HotColor li{float:left;margin-bottom:25px}
.HotColor li.noright,.cf-ColorList li.noright{margin-right:0}
.HotColor li .block_warp{width:120px;height:175px}
.HotColor .brandArr,.HotColor .select2{float:right}
.HotColor .tips{margin-bottom:20px;margin-left:10px;color:#4a4a4a;line-height:30px}
.HotColor li .block{position:relative;width:120px;height:175px;cursor:pointer}
.HotColor .show-color-image,.HotColor .show-color-image2{ height:126px}
.HotColor .ColorCode,.HotColor .ColorName,.HotColor .color_valu{overflow:hidden;width:107px;height:16px}
    .HotColor li .tip { position: absolute; cursor:pointer; top: 46px; left: 16px; border-radius: 3px; padding: 8px 20px; background-color: #fff; }
@media screen and (min-width:768px) {
    .HotColor .show-color-image, .HotColor .show-color-image2 { width: 100%; height: 100px; }
}

@media screen and (min-width:992px) {
    .HotColor .show-color-image, .HotColor .show-color-image2 { width: 100%; height: 110px; }
}

@media screen and (min-width:1200px) {
    .HotColor .show-color-image, .HotColor .show-color-image2 { width: 100%; height: 126px; }
}
.RecordColor { padding-top: 0px; width: 454px }
.RecordColor li.noright,.cf-ColorList li.noright{margin-right:0}
.RecordColor .tips{margin-bottom:20px;margin-left:10px;color:#4a4a4a;line-height:30px}
.RecordColor  .block{float:left;margin: 4px 11px 25px 4px;position:relative;width:77px;height:108px;background:#fff;}
.RecordColor .show-color-image,.RecordColor .show-color-image2{width:100%;height:64px}
.RecordColor .color_value{width:100%;height: 64px;}
.RecordColor .ColorName{overflow: hidden;width:96%;height:28px;line-height:16px; padding:6px 4px 6px 4px ;word-wrap:break-word;font-size:11px;}
.blockCompareBg { position: absolute; top: 0; right: 0;   border-radius: 0 0 0 0; transition-duration: .2s; transition-property: height; width: 100%; height: 0; }
.night { background-color: #000; color: #fff }
    .night a { color:#fff}
    .compare_preview_box { position: relative; margin: 35px auto; width: 460px; font-size: 14px; }
        .compare_preview_box .moon { position: absolute; right: -70px; top: 0; cursor: pointer; width: 24px; }
.compare_preview_show { -webkit-transition: width 1s,height 1s; transition: width 1s,height 1s; width: 240px; height: 260px; float: left; color: #fff; text-align: center; line-height: 130px; }
.compare_preview_box .light { color: #fff; text-shadow: 1px 0px 1px #4a4848; }
.compare_preview_box .black { color: #000; text-shadow: 1px 0px 1px #b7b6b1; }
    .compare_preview_show .left_show_top { border-top-left-radius: 8px; border-top-right-radius: 8px; height: 50%; }
    .compare_preview_show .left_show_middle { height: 50%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.compare_values { float: left; width: 200px; height: 260px;   }
    .compare_values ._top, .compare_values ._bottom { height: 50%; padding: 0 20px; height: 50%; padding: 0 20px;  line-height: 30px; }
    .compare_values ._top {  }
    .compare_values ._bottom { }

    .block { box-shadow: 0 0 8px #d0d0d0 }
.block.on{box-shadow:0 0 8px #9c9b9b}
.block .favoritesed,.block .unfavoritese{position:absolute;right:8px;bottom:20px;z-index:1;width:20px;height:20px}
.block .favoritesed{background-position:0 -25px}
.block .unfavoritese{background-position:0 -44px}
.favorites:hover{-webkit-animation:icon-bounce .5s alternate;-moz-animation:icon-bounce .5s alternate;-o-animation:icon-bounce .5s alternate;animation:icon-bounce .5s alternate}

.ColorCode,.ColorName{padding-left: 10px;color: #333;text-align: left;font-size: 12px;font-family: Arial,sans-serif,Tahoma;font-weight: normal;margin: 0;line-height: 18px;}
.unfound-color{color:#4a4a4a;text-align:center;line-height:24px}
.simple-all{margin-top:20px;margin-bottom:0;padding:30px 0;border:1px solid #edeaec;color:#4a4a4a}
.SimpleColorBlock{width:50%;text-align:center}
.SimpleColorBlock .tips{margin-top:0}
.SimpleColorBlock h1{margin: 40px auto 30px;width: 440px;text-align: left;font-weight:normal}
.SimpleColorBlock .block_warp{margin: 0px auto 0px;width: 440px;padding:4px 4px;overflow: hidden;}
.SimpleColorBlock .block{float:left}
#nearColor{clear:both;padding: 20px 0 0;display: block;}
.SimpleColorBlock #Illuminants{margin-top:10px;}
.SimpleColorBlock .show-color-image{cursor:zoom-in}
#Illuminants-Simulator{ margin-top:30px;clear:both;border-top: 1px dashed #ccc;color: #666;}
#Illuminants-Simulator-Title{font-size:14px;margin:30px 0 20px;}
.illPreview{ position: absolute;height:  87px;line-height: 87px;width: 100%;top: 0px;color:#fff;cursor:zoom-in}
.illNotes{position: absolute;top: 119px;color: #fff;width: 100%;}

.block-detail{float:right;width:240px;border:0;text-align:left;position:relative}
.block-detail span{letter-spacing:0;font-size:12px}
.block-detail .cmyk{display:inline-block; text-align:left;padding-right:10px;}
.block-detail h2{font-weight: normal;margin: 0;line-height: 16px;font-size: 12px;}
.block-detail table{border-spacing: 0px;}
.block-detail td{padding:2px 2px;}
.qrcode-color { width: 100px; height: 100px; }
.qrcode-color-render { image-rendering: optimizeQuality; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; }
    .qrcode-colorbox { position: absolute; top: 103px; text-align: center }
.colorSchemeStandard { width: 48.99%; border-left: 1px solid #edeaec; position: relative; }
.colorSchemelist { height: 108px; clear: both; position: relative; }
.colorSchemeTitle { height:108px;line-height:108px;width:142px;text-align:center; font-size:14px; float:left; }
.colorSchemeStandard.RecordColor .block {margin: 4px 11px 10px 4px;position:relative; }
.colorSchemeStandard h2 { font-size:22px;text-align:center;font-weight: normal;margin-top:0;}
.colorSchemelist .copyValue {position:absolute;border:none;display:none;top:38px;left:0;height:24px; width:100%;background-color: rgba(33,33,33,0.35);color: #f1f1f1; }
.colorSchemeStandard .toCartTip { position: absolute; right: 14px; top: 22px; }
.colorSchemeStandard .plusGroup { padding: 4px; width: 24px; height: 24px; border-radius: 50%;   display: block; position: absolute; right: 20px; bottom: 40px;cursor:pointer }
.colorSchemeStandard .plusGroup img { width: 100%; }
.SimpleColor-Relate-Product { }
.Relate-Product{overflow:hidden;margin-bottom:0;padding-left:0;height:430px}
.Relate-Product li{float:left;overflow:hidden;margin-right:29px;margin-bottom:32px;width:213px;text-align:center}
.Relate-Product li.noright{margin-right:0}
.Relate-Product .glp-title{overflow:hidden;padding-top:6px;height:60px;line-height:20px;word-break:break-all}
.Relate-Product .glp-title span{color:#e92f6b}
.Relate-Product .tips{margin:30px 0;font-size: 14px;}
#color_over {position: fixed;width: 100%;height: 100%;left: 0;top: 0;display: none;z-index: 999;cursor:zoom-out}
.cf-head{padding-left:30px;padding-bottom:10px ;border-bottom:1px solid #ccc;text-align:center;line-height:32px}
    .cf-head a { margin-right:20px;}
.cf-head #url{width:200px;height:28px;line-height:28px}
.cf-content{overflow:hidden}
.cf-content .color_value{position:relative}
.cf-content .remove{position:absolute;bottom:0;left:0;display:none;padding-top:10px;width:85px;height:25px;background-color:rgba(181,181,181,.5);text-align:center;cursor:pointer}
.cf-content .remove i{display:block;margin:auto;width:16px;height:16px;background-position:0 0}
.cf-ColorList{padding:24px}
.cf-ColorList li{float:left;margin-right:18px;margin-bottom:16px}
.cf-ColorList li .block_warp{padding:8px;width:85px;height:130px;background:url(../images2/colorblokc_bg2.gif) no-repeat}
.cf-ColorList li .block{position:relative;width:85px;height:130px}
.cf-ColorList .ColorCode,.cf-ColorList .ColorName,.cf-ColorList .color_value{width:78px}
.cf-ColorList .ColorCode,.cf-ColorList .ColorName{overflow:hidden;padding-left:2px;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:12px;-o-text-overflow:ellipsis}
.artTags{clear:both;margin-top:19px}
.artTags ul{margin:0;padding:0}
.artTags li{float:left;margin-right:9px;margin-bottom:10px;border:1px solid #bfbfbf;text-align:center}
.artTags li a{display:block;width:84px;height:36px;text-align:center;line-height:36px}
.artTags li.cur a{color:#b163a3}
#ProductreView{padding:10px 4px;color:#666;line-height:20px}
#ProductreView .reviewitem{padding:4px 0 6px 0;border-bottom:1px dotted #ccc}
#ProductreView .user{color:#9c9a9c}
#ProductreView .ask{color:#666}
#ProductreView .answer{color:#ff6500}
#ProductreView .date-ask{margin-left:40px}
#ProductreViewPost{padding-top:20px;width:100%;color:#666;font-size:12px}
#ProductreViewPost .w{width:380px}
#ProductreViewPost .myipt{height:22px;border:1px solid #bfbfbf;color:#666;font-size:12px}
#ProductreViewPost textarea{height:80px;border:1px solid #bfbfbf;color:#666;font-size:12px}
#ProductreViewPost #ErrorTip{color:#bb0c0c}
.preTip{padding:10px 4px;color:#4d4d4d}
.pagecotrl{float:right}
.chkbox{color:#333}
.chkbox input{margin:0;padding:0;vertical-align:middle}
.checkout_coupon{margin-bottom:8px;line-height:22px}
#ticketcode{display:none;width:100px}
#chkresult{display:none}
#chkresult.succes{color:#e4393c}
#chkresult.error{color:#ae0808}
.checkout_coupon{margin-bottom:8px;line-height:22px}
.orderquestion_list dt{position:relative;padding:5px 8px;border:1px solid #ccc;border-bottom:1px dashed #ccc;font-weight:700;font-size:14px;font-family:"Microsoft YaHei","微软雅黑","宋体"}
.orderquestion_list dt i{color:#5d5d5d;font-weight:400;font-size:12px}
.orderquestion_list dd{margin-bottom:10px;padding:10px 8px;border:1px solid #ccc;border-top:0 solid #ccc}
.orderquestion_list .info{position:absolute;top:4px;right:4px;font-weight:400}
.orderquestion_list .info span{font-family:Verdana}
.orderquestion_list .oq_data{margin:4px 0}
#orderquestion #send{display:none;padding:20px 20px}
#orderquestion #send input,#orderquestion #send textarea{border:1px solid #ccc;border-style:solid;border-radius:2px}
#orderquestion #content,#orderquestion #title{width:300px}
.jdico{display:inline-block;background:url(//cdn.qtccolor.com/template/2017/images2/user_purchase20150409154845.png) no-repeat;vertical-align:middle}
.ques_icon{width:13px;height:15px;background-position:0 -22px}
.find-xx-img{float:left;width:88px;height:88px;background:url(//cdn.qtccolor.com/template/2017/images2/flink-more.jpg);vertical-align:middle}
.article_relate{margin-top:12px}
.article_relate ul{padding:0 18px 20px;border:1px #ccc solid;font-size:12px}
.article_relate li{margin-top:20px}
.mainpic{display:block}
.article_relate img{width:90%}
.article_relate .relate_title{display:block;margin-bottom:10px;font-weight:700}
.selectCodeArea{padding:6px 4px;color:#555; }
#SelectInput{display:none}
#SelectColorCode{float:left;margin-bottom:10px}
.product-right-side select{border:1px solid #ccc}
#SelectColorCode select{margin-right:10px}
#SelectColorCode .colorGroup{width:70px}
#SelectColorCode .colorcode{width:120px}
.selectCodeArea .CurrentPreview { float: left; display: none; margin-bottom: 10px; margin-left: 4px; width: 80px; height: 26px; border: 1px solid #efefef }
.selectCodeArea #CurrentQty { width: 60px }
.aboutStock { margin-left: 10px; line-height: 24px; }
#SelectCtrl{margin-bottom:10px}
#SelectCtrl .btn{padding:0 6px;height:24px;border-radius:0;background:#E0457B;color:#fff;font-weight:400;line-height:24px}
#SelectsPreview{margin-bottom:12px}
.buyline { margin-bottom: 4px; padding: 0 4px 5px 10px; width: 100%; cursor: pointer; overflow: hidden; border-bottom: 1px dotted #ccc; }
    .buyline.group {   }
    .buyline .buycnt {    text-align: center; width: 90px; }
.buyline .buycnt span { color: red }
    .buyline .buycode { padding-left: 4px; width: 180px; display: inline-block; }
.buyline .bbtn{float:right;color:#2e6cdc;cursor:pointer}
.buylinepic{width:20px;height:20px;vertical-align:middle}
.buyline:hover .buylinepic { border: 1px solid #e67272; background: #e6e6e6 }
.buyline:hover { background:#ebebeb }
.buyline .buysubline, .buyline .buycnt { float: left; height: 32px; line-height: 32px; }
.buyline .buycnt { margin-left:40px;}
.buyline .delete { float: right;  line-height: 32px; }
.HotColorConfirm { text-align: left; font-size: 14px }
 
    .HotColorConfirm .right-side { margin-left: 80px; margin-top: 35px; }

    .HotColorConfirm .color-field  { padding: 10px; }
        .HotColorConfirm .color-field input { border: none; }
    .HotColorConfirm .color-field,
    .HotColorConfirm .num,
    .HotColorConfirm .btn-data,
    .HotColorConfirm .nostock-line,
    .HotColorConfirm .color-name-line,
    .HotColorConfirm .about-stock-line { padding: 10px; } 
    .HotColorConfirm .CurrentRenderPreview { margin-top: 30px; padding: 10px 36px; }
    .HotColorConfirm .nostock-line { display:none;}
    .HotColorConfirm .CurrentRenderPreview { width: 320px; border-radius: 6px; }

    .HotColorConfirm .CurrentQty { font-size: 16px; height: 24px; text-align: center; border: 0; border-bottom: 1px solid #ccc; }
    .HotColorConfirm .btn-data { }
    .HotColorConfirm .btn { width: 120px; height: 36px; line-height: 36px; margin: 10px 0; display: block }
    

.Myfix.fix { position: fixed; top: 0; padding-bottom: 10px; width: 760px; height: 80px; border-bottom: 1px solid #ccc; background: #fff }
div.subHead{margin-top:10px}
h1.CategoryHead{margin:0;color:#666;font-weight:400;font-size:16px}
h1.CategoryHead a,h1.CategoryHead a:hover,h1.CategoryHead a:visited{color:#666;font-size:16px}
#content_cathead_Wrapper{position:relative;width:100%;height:278px}
#content_cathead_text{position:absolute;top:80px;right:60px;width:468px;color:#fff;font-weight:400;font-style:normal;font-size:14px;line-height:20px}
#trending-carousel .controls .control-button{width:24px;height:18px}
#trending-carousel .controls .previous{float:left;background-position:0 -23px}
#trending-carousel .controls .next{float:right;background-position:0 -92px}
#trending-carousel .controls .previous.inactive{background-position:0 -44px;cursor:default}
#trending-carousel .controls .next.inactive{background-position:0 -72px;cursor:default}
.product-info-table #tabs{margin-bottom:30px;width:100%;height:31px}
#tabs.fix{position:fixed;top:0;z-index:1000000001;background:#fff}
.fixtoolBg { position: fixed; z-index: 1000000001; top: 0; left: 0; width: 100%; height: 48px; border-bottom: 1px solid #efefef; background-color: #fff; background-color: rgba(255,255,255,.95); line-height: 48px;   }
.fixtoolBg .fl{font-size:18px;font-family:"微软雅黑","Microsoft YaHei","宋体"}
.floatCartBtn{position:relative;float:right;display:none;padding-left:38px;width:94px;height:26px;background:#b163a8 none repeat scroll 0 0;color:#fff;font-weight:700;line-height:26px}
.floatCartBtn i{position:absolute;top:5px;left:20px;width:16px;height:16px;background:url(//cdn.qtccolor.com/template/2017/images2/cart.png) no-repeat scroll 0 0}
#tabs .last a:active,#tabs .last a:hover,#tabs .last a:link,#tabs .last a:visited{color:#fff!important}
#detail li a,#detail li a:hover,#detail li a:link,#detail li a:visited{font-size:14px}
#detail li li{padding-left:15px;border-bottom:1px solid #ccc;font-weight:400;line-height:20px}
.contenttext{margin:5px;font-size:16px;font-family:Microsoft YaHei;line-height:26px}
blockquote{margin-left:20px}
#genuineTagcontent{margin-top:30px;padding:4px 8px;border:dashed 1px #ccc}
.last{float:left;margin-top:3px;height:26px;border-top:2px solid #dedfde}
.detaillist{position:relative;z-index:1;float:left;width:124px;height:30px;background:url(//cdn.qtccolor.com/template/2017/images2/product-tab.jpg) no-repeat 0 1px;text-align:center;font-family:"微软雅黑",\5FAE\8F6F\96C5\9ED1;line-height:30px;cursor:pointer}
.detaillist.selected{top:1px;z-index:2;width:125px;height:30px;background:url(//cdn.qtccolor.com/template/2017/images2/product-tab-cur.jpg) no-repeat 0 0;font-weight:700}
.detaillist a{font-size:13px}
.detaillist a:hover{color:#E0457B}
.detaillist .pjcount{color:#999}
.detaillist img{margin-bottom:4px;margin-left:2px;vertical-align:middle}
    /*.detaillist .favorites { display:none;}*/
#ArticleList{display:none;padding-left:2px;font-size:16px;font-family:Microsoft YaHei;line-height:26px}
#tabs{position:relative;z-index:0;width:100%;height:30px;border-bottom:1px solid #ccc;line-height:30px}
#paraTable{padding:36px 36px 30px 36px;border-bottom:1px solid #d2d2d2;margin-bottom:10px;color:#8c8c8c;font-size: 14px;display:none;}
#paraTable .phead{border:0px;margin-top: 6px;}
#paraTable .pbody{border:0px;}
.pbody .para-name{width:80px; vertical-align:top;}
.pbody .para-value{width:400px; vertical-align:top;}
#paraTable td{padding:6px 0px;color:#565656}

/*新的全屏参数表*/
#newParaTable { padding: 30px 10px; border: 1px solid #edeeed; overflow: hidden; }
    #newParaTable .Para { margin: 0 28px; }
        #newParaTable .three .ParaTitle,#newParaTable .second .ParaTitle { background: #f1f0f1; height: 49px; line-height: 49px; text-indent: 30px; font-size: 16px; position: relative; color: #535454; }
        #newParaTable .three  i, #newParaTable .second  i {position:absolute;color:#fff;text-indent: 100px;overflow: hidden; right:0;top:0;display:block;width:12px;height:13px; background:url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png) no-repeat ;background-position:-460px -75px; }
    #newParaTable .one .ParaTitle { font-size: 16px; height: 49px; line-height: 49px; text-indent: 30px; cursor: pointer; position: relative; border-bottom: 1px solid #ededed; color: #535454; clear: both; }
    #newParaTable .one.on .ParaTitle { background: #f1f0f1; }
    #newParaTable .one .ParaTitle:hover { background: #f1f0f1; }
    #newParaTable .one i { right: 20px; width: 40px; position: absolute; bottom: 0; font-size: 22px; font-style: normal; }

    #newParaTable .three .Para ul, #newParaTable .one .Para ul { margin: 10px 0 0 20px; padding: 0; }
    #newParaTable .one.on .con { display: block; }
    #newParaTable .one.off .con { display: none; }

    #newParaTable .Para li, #newParaTable .Para p { list-style-image: url(//cdn.qtccolor.com/img/yuan.png); list-style-position: outside; font-size: 13px; padding: 8px 0; line-height: 24px; color: #323232; }
    #newParaTable .Para .con { padding: 20px 0;line-height: 26px; }
    #newParaTable .Para li.yuan { }
    #newParaTable .Para li.none { list-style-image: none; }
    #newParaTable .RecordColorTitle { float: left; width: 100%; height: 30px; line-height: 30px; padding-left: 4px; }
    #newParaTable .RecordColor { width: 100%; padding-left: 20px; overflow: hidden; }

.rcomtext table { border-top: 1px #ccc solid; border-right: 1px #ccc solid; }
.rcomtext table td{border-bottom:1px #ccc solid;border-left:1px #ccc solid;}
.no{display:none}
.videodiv{z-index:9999;width:746px;margin: auto;}
#shadow{position:absolute;top:0;left:0;z-index:100;display:none;width:100%;background:#000;opacity:.9;zoom:1;filter:alpha(opacity=80)}
#AllContent2{-moz-user-select:none;-webkit-user-select:none;user-select:none}
.colorTbl02 td,.colorTbl02 th{padding:2px 4px;height:22px;border-top:1px #ccc solid;border-right:1px #ccc solid}
.colorTbl02{width:100%;border-bottom:1px #ccc solid;border-left:1px #ccc solid}
.detailpanel>li{margin-left:60px;line-height:24px}
.product-info-table{padding-bottom:10px}
.priceAllItem .cur{border:1px solid #b163a8}
.priceItem{float:left;margin-right:10px;margin-bottom:4px;padding:2px 6px;height:26px;border:1px solid #ccc;line-height:26px;cursor:pointer}
.btnWarrantry{padding-top:10px}
    .btnWarrantry a:link { color: #4c4c4c; font-size: 13px; }
.btnWarrantry a:hover{color:#666}
#doshoppingParent:hover .doshoppingBtn{background-position:-112px 0}
.doshoppingBtn{float:left;margin-top:10px;margin-right:10px;padding:0;width:198px;height:47px;background:url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png?v=3) no-repeat;background-position:-312px 0;cursor:pointer}
#docallonlineserviceParent:hover #docallonlineservice{background-position:-512px 0}

#doshoppingParent:hover .doshoppingBtn2{background-position:-565px -289px;}
.doshoppingBtn2{float:left;margin-top:10px;margin-right:10px;padding:0;width:198px;height:47px;background:url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png?v=3) no-repeat;background-position:-765px -289px;cursor:pointer}


#float_cart{width:198px;height:38px;background-position:0 -51px}
#float_service{width:135px;height:38px;background-position:-200px -51px}
#float_wxbuy { width: 121px; height: 38px; background-position: -481px -51px;margin-top: 4px; margin-right: 10px ;}
#float_cart, #float_service { float: left; margin-top: 4px; margin-right: 10px }
#docallonlineservice{float:left;margin-top:10px;padding:0;width:135px;height:47px;background:url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png?v=3) no-repeat;background-position:-649px 0;cursor:pointer}
.qrcode-html { position: absolute; right: -500px;top:0;  }
    .qrcode-html img { display: block }
#productMainImage { margin-right: 10px; width: 98%; text-align: center }
#mainImage{height:620px;max-width:620px;max-height:620px;border:1px solid #efefef}
#productThumbs{margin:10px auto 0; height:62px}
#productThumbs ul{margin:0;padding:0}
#productThumbs li{float:left;margin-right:10px;width:60px;height:60px;border:1px solid #bfbfbf}
#productThumbs li img{width:100%;height:100%;cursor:pointer}
.jqzoom{position:relative;display:inline-block;margin:0;padding:0;border:none;cursor:pointer}
.zoomdiv{position:absolute;top:0;left:0;z-index:1111100;display:none;overflow:hidden;width:350px;height:350px;border:1px solid #CCC;background:#fff;text-align:center}
.jqZoomPup{position:absolute;top:0;left:0;z-index:10;visibility:hidden;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50)}
.wm-zoom-box{margin:auto}
.attribute{font-size:14px;font-family:"微软雅黑","Microsoft YaHei","宋体"}
.attribute h1{margin-top:0;margin-bottom:10px;color:#010101;font-weight:400;font-size:22px}
    .attribute .description { margin: 0 0 27px; color: #808080; line-height: 24px; font-weight: normal; font-size: 12px; }
.attribute .TdTopLine{height:60px;border-top:1px solid #e6e6e6;line-height:60px}
.attribute .TdTopLine2{border-top:1px solid #d6d6d6}
.attribute .TdGrey{padding-right:24px;padding-left:24px}
.attribute .blank{height:20px}
.attribute .modelNumber{margin-left:24px;color:#494949;font-size:18px}
.attribute .modelNumber-Value{font-family:"Helvetica Neue",Helvetica,"Trebuchet MS",Arial,sans-serif}
.attribute .PriceLine{padding-bottom:10px;position: relative;}
    .attribute .getCoupon { position: absolute; right: 10px; top: 10px; color: #E0457B;font-size:16px; }
.OriginalPriceLine{color:#bbb;text-decoration:line-through;font-size:16px}
.attribute .SaleTag { color: #494949; font-size: 18px }
.attribute .PriceChar,.attribute .PriceValue{color:#ec0048}
.attribute .PriceValue{font-size:28px;font-family:Helvetica,"Trebuchet MS",Arial,sans-serif}
.attribute .PricePlus{color:#000;font-size:16px}
.attribute .act-label, .attribute .product-label { float: left; margin-top: 8px; color: #494949; font-size: 18px; line-height: 26px }
.attribute .act-content { float: left; width: 400px; padding-top: 8px; padding-bottom: 8px; color: #ef4e3f; line-height: 26px }
.attribute .act-content2 { float: left; width: 400px; padding-top: 8px; padding-bottom: 8px; font-size: 14px; line-height: 26px; color: #656565; }

/*紫色主题*/
/*
.product-manjian-list { margin-top: 0px; font-size: 12px; display: inline-block; padding-top:2px; }
.product-manjian-item { border: 1px solid #E0457B; border-radius: 3px; width: 94px; height: 18px; line-height: 18px; color: #E0457B !important; margin: 2px 10px 10px 0; padding-right: 0px; display: inline-block; }
    .product-manjian-item .left_title { height: 18px; font-style: normal; background: #E0457B; color: #fff; border-radius: 1px 0 0 1px; margin-right: 2px; padding: 0 6px 0 8px; display: inline-block; }
.product-manjian-exclusive { margin-top: 0px; font-size: 12px; display: inline-block; padding-top: 2px; }
.product-manjian-exclusive-item { border: 1px solid #c14e8f; border-radius: 3px; height: 18px; line-height: 18px; color: #E0457B !important; margin: 2px 10px 10px 0; padding-right: 10px; display: inline-block; }
    .product-manjian-exclusive-item .left_title { height: 18px; font-style: normal; background: #E0457B; color: #fff; border-radius: 1px 0 0 1px; margin-right: 2px; padding: 0 6px 0 6px; display: inline-block; }
*/

/**灰色主题*/
.product-manjian-list { margin-top: 0px; font-size: 12px; display: inline-block; padding-top: 2px; }
.product-manjian-item { border: 1px solid #aaaaaa; border-radius: 3px; height: 18px; line-height: 18px; color: #636363 !important; margin: 2px 10px 10px 0; padding: 2px 4px; display: inline-block; }
    .product-manjian-item .left_title { height: 18px; font-style: normal; background: #636363; color: #fff; border-radius: 1px 0 0 1px; margin-right: 2px; padding: 0 6px 0 8px; display: none; }
.product-manjian-exclusive { margin-top: 0px; font-size: 12px; display: inline-block; padding-top: 2px; }
.product-manjian-exclusive-item { border: 1px solid #636363; border-radius: 3px; height: 18px; line-height: 18px; color: #636363 !important; margin: 2px 10px 10px 0; padding-right: 10px; display: inline-block; }
    .product-manjian-exclusive-item .left_title { height: 18px; font-style: normal; background: #636363; color: #fff; border-radius: 1px 0 0 1px; margin-right: 2px; padding: 0 6px 0 6px; display: inline-block; }


.attribute .tab-nav { z-index: 1; overflow: hidden }
.attribute .smallfont { font-size: 0.75rem; }
.attribute .limitTip{ color:rgb(144, 144, 144); }
.bgGradient{width:100%;background:#fcfcfc;background:-moz-linear-gradient(top,#fff 0,#eee 50%);background:-ms-linear-gradient(top,#fcfcfc 14%,#eee 50%);background:-o-linear-gradient(top,#fcfcfc 14%,#eee 50%);background:-webkit-gradient(linear,left top,left bottom,color-stop(14%,#fcfcfc),color-stop(50%,#eee));background:-webkit-linear-gradient(top,#fcfcfc 14%,#eee 50%);background:linear-gradient(top,#fcfcfc 14%,#eee 50%);zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcfcfc', endColorstr='#eeeeee');-ms-zoom:1}
.product-right-side {width:100%; }
.baozhang { margin: 12px 12px 12px 0; position: relative; float: left; }
    .baozhang span { height: 30px; color: #666 }
.baozhang-more { background: #fff; color: #666; padding: 10px 14px; font-size: 13px; display: none; position: absolute; z-index: 100; width: 400px; left: 0; top: 19px; border: 1px solid #efefef; box-shadow: 4px 4px 0px rgb(0 0 0 / 10%); }
    .baozhang-more dt { font-weight: bold; margin-top: 10px; }
    .wxpay { background-position: -22px 0 }
.alipay{background-position:-88px 0}
.expresspay{background-position:-44px 0}
.transfer{background-position:00px 0}
.cash{background-position:-66px 0}
.CartBtns{padding-bottom:30px}
.leftfix{position:fixed;top:0;left:0;z-index:1000000000;background:#fff;font-family:"宋体"}
.productColors { margin-left: 4px; width: 950px }
.productColors .html li { width:14.2% }
        .productColors li.on { display: block }
        .productColors li.off { display: none }
.loadingColorb { font-size: 14px; color: #b83482; margin: 20px auto; text-align: center; }
.ColorMap { background-size: 1000000px 1000000px; background-color: #f4f4f4; background-repeat: no-repeat; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; image-rendering: optimizeSpeed; image-rendering: pixelated; image-rendering: crisp-edges; }
.productColors .colornav { width: 100%;  height: 40px; padding: 0 10px; font-size: 0.9rem; margin-top: 4px; }
    .productColors .colornav .pls { white-space: nowrap; float: left; }
    .productColors .colornav li { border: 1px solid #fff; margin-right: 6px; padding: 0 6px; display: inline-block; }
    .productColors .colornav .cur { border: 1px solid #333; border-radius: 5px; }
        .productColors .colornav .cur a{color:#333;}
        .content_search { overflow: hidden; margin: 40px auto 10px; width: 380px; line-height: 27px }
.content_search label{float:left;padding:2px;color:#666}
.content_search_word { float: left; margin: 0; margin-right: 10px; text-indent: 6px; padding: 0; height: 27px; border: 1px solid #999; border-radius: 4px }
.content_reset_btn,.content_search_btn{float:left;margin-right:10px;width:60px;height:27px;border:1px solid #E0457B;border-radius:4px;background:#E0457B;color:#fff}
.content_reset_btn{border:1px solid #ababab;background:#ababab}
#Productslider{border:1px solid #ccc;margin:10px 0;}
 
#Productslider li{ border-bottom:1px solid #ccc;font-size:12px;padding: 10px 6px;clear: both;}
    #Productslider li .txt { line-height: 20px; float: right; width: 140px; height: 40px; overflow: hidden; }
#Productslider li:last-child{border-bottom:0}
    #Productslider .left-head { display: block; padding: 4px 0; width: 100%; border-bottom: 1px solid #ccc; background: #e8e8e8 url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png); background-position: 0 -220px; color: #333; text-indent: 12px; text-align: left; font-weight: bold; line-height: 24px;font-size: 14px; }
    #Productslider li img { width:60px; }
.product-left .left-class{border:1px solid #ccc;border-bottom:0}
.product-left .left-class-head{width:100%;height:30px;border-bottom:1px solid #ccc;background:url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png) no-repeat 0 50%;background-position:-390px -100px}
.product-left .left-class>ul>li{border-bottom:1px solid #ccc;background:#f8f8f8;font-size:14px;line-height:40px;position:relative;}
.product-left .left-class>ul>li.currentCate { background: #E0457B;}
 
.product-left .left-class a{display:block;height:40px;line-height:40px}
.product-left .left-class>ul>li a{padding-left:10px}
.product-left .left-class>ul>li a:hover{background:#E0457B;color:#fff}
.product-left .left-class .on>a { background: #E0457B; color: #fff }
.product-left .second-list { background: #fff; display: block; position: absolute; z-index: 100; width: 200px; right: -200px; top: 0; box-shadow: 4px 4px 0px rgb(0 0 0 / 10%); }
    .product-left .second-list li { border-bottom: 1px solid #eaeaea; }
.product-left .telservice{margin-top:10px;margin-bottom:10px;width:99.9%;height:70px;border:1px solid #ddd;background:url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png) no-repeat;background-position:-390px -180px}
.product-left .service{padding-bottom:10px;border:1px solid #ccc}
.product-left .service-head{width:100%;height:32px;background:url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png) no-repeat;background-position:-390px -140px}
.product-left .enqq{width:175px;height:88px;background:url(//cdn.qtccolor.com/template/2017/images2/20160510csss.png) 50% 50% no-repeat;background-position:-390px -260px}
.right-top-tag-box.fixtoolBg { background: #f8f8f8; }
.right-top-tag { position: absolute; top: 8px; font-size: 14px; }
.right-top-tag-static { position: static; padding: 12px 10px 13px 10px; margin: 10px 0; background: #f8f8f8; }
.right-top-tag-item { float: left; margin-right: 24px; cursor: pointer; color: #666; padding: 6px 12px; line-height: 1.5; border-bottom: 2px solid transparent;margin-bottom:10px }
.right-top-tag-item-cur { background: #fff; color: #fff; background: #E0457B; border-radius: 6px;border-bottom: 2px solid #E0457B; font-weight: bold; }
.mainlogin .logbtn, .quicklogin .logbtn { margin-top: 10px; width: 275px; height: 38px; border: none; background-position: 0 -40px }
.quicklogin .logbtn:hover{background-position:0 0}
.quicklogin .qqlogbtn{margin-bottom:12px;width:311px;height:45px;background-position:0 -127px}
.quicklogin .qqlogbtn:hover{background-position:0 -80px}
.quicklogin .wxlogbtn{margin-bottom:27px;width:311px;height:45px;background-position:0 -221px}
.quicklogin .wxlogbtn:hover{background-position:0 -174px}
.quickreg{margin-top:30px;margin-left:70px;color:#6a6a6a;font-family:"Microsoft YaHei","微软雅黑","宋体"}
.regProtocol a { text-decoration: underline; color: #069; }
.regnow{margin-top:10px;width:275px;height:38px;border:none;background-position:0 -301px}
.quickreg #phoneValiedCodeTip{margin-top:6px;color:#6a6a6a}
.quickreg #phoneValiedCode,.quickreg #phonenum,.quickreg #sendMobileCode,.quickreg #vcode{height:38px}
.quickreg #phoneValiedCode,.quickreg #vcode{width:112px}
.quickreg #sendMobileCode{background:#f7f7f7;color:#7e7e7e;font-family:"Microsoft YaHei","微软雅黑","宋体"}
.mainlogin .lock,.quicklogin .lock{float:left;margin-top:7px;margin-left:7px;width:20px;height:24px;background-position:-28px -268px}
.mainlogin .man,.quicklogin .man{float:left;margin-top:10px;margin-left:7px;width:20px;height:20px;background-position:-50px -268px}
.mainlogin .wxmin,.quicklogin .wxmin{width:26px;height:26px;background-position:-72px -268px}
.mainlogin .qqmin,.quicklogin .qqmin{width:26px;height:26px;background-position:0 -268px}
.api_connect{float:left;margin-top:40px;margin-left:7px;padding-right:20px;width:310px;height:250px;border-right:1px solid #f0f0f0;text-align:left}
.api_connect img{margin-right:10px;height:32px;vertical-align:middle}
.api_connect2 img{margin-right:10px;height:24px;vertical-align:baseline}
.mylogblnk .Refresh:hover,.mylogblnk a:hover{color:#b62d27}
.mylogblnk .forgot,.mylogblnk .reg{color:#b62d27}
.mylogblnk .forgot:hover,.mylogblnk .reg:hover{color:#4f72b6}
.mylogblnk .Refresh,.mylogblnk .quickregbtn{color:#4f72b6}
.mylogblnk .forgot{float:right}
#loginForm{color:#333}
#logtable tr{height:44px}
#logtable #vcode{width:90px;height:38px}
#logtable .jump .threeLgicon{position:relative;margin-right:10px}
#logtable #password,#logtable #username,#logtable #vcode{padding:0 2px}
#logtable td{height:4px;vertical-align:top;text-align:left}
#logtable #password,#logtable #username{float:left;margin-left:6px;width:218px;height:38px;border:none}
#logtable #vcode{width:90px;height:38px}
#logtable .usernametd{margin-bottom:8px;width:270px;height:38px;border:1px solid #ccc;background: #fff;}
#logtable .blank td{height:8px}
.quicklogin_r{margin-top:40px;margin-right:6px;width:280px}
.api_connect .blackfont,.quicklogin_r .blackfont{margin-top:0;margin-bottom:30px;color:#454545;text-align:left;font-weight:400;font-family:"Microsoft YaHei","微软雅黑","宋体"}
.login_box_parent{margin-bottom:20px;height:510px;background:url(//cdn.qtccolor.com/template/2017/images2/newloginbg20190319.jpg) 50% 50% no-repeat}
.login_box{position:relative;}
.login_box_ad{width:800px;height:429px;}
.mainlogin { position: absolute; top: 80px; right: 0px; padding-top: 24px; padding-bottom: 20px; padding-left: 18px; width: 294px; border-radius: 5px; background: rgb(255 255 255 / 60%); background: url(//cdn.qtccolor.com/template/2017/images2/white50.png); }
.mainlogin_i{width:280px}
.mainlogin .errormessage{padding:0}
.mainlogin .threeLgLabel{margin-top:8px}
.mainlogin .api_connect2{overflow:hidden;padding:10px 0;border-top:1px solid #aaa;margin-top: 14px;}
.mainlogin .blackfont{margin-top:0;margin-bottom:20px;color:#454545;text-align:left;font-weight:400;font-size:18px;font-family:"Microsoft YaHei","微软雅黑","宋体"}
.mainlogin_status{margin-top:4px;width:294px;text-align:center}
.mainlogin_status span{color:#e71f19}
.mainlogin_status .load{display:none;height:14px}
.list_product_info_v2{padding-top:6px;text-align:left;line-height:20px}
.img975 .nPriceLine{width:100%;text-align:left}
.img1190 .nPriceLine { margin-top: 4px; overflow: hidden; width: 100%; height: 26px; text-align: left; font-weight: 700; font-size: 14px }
.img1190 .nPriceLine .rmb{font-size:12px}
.img975 .nTitleLine{width:100%;height:54px;line-height:17px}
.img1190 .nTitleLine{overflow:hidden;width:100%;height:42px;line-height:20px}
.list_product_info_v2 .sale{margin-left:6px}
.list_product_info_v2 .salesvolume,.list_product_info_v2 .volumeParent,.list_product_info_v2 .delivery_time{color:#999}
 
#pageFeedBack,#thankfor{display:none;overflow:hidden;color:#333;text-align:center;font-size:14px}
#pageFeedBack .tx{font-weight:700;font-size:15px;line-height:34px}
#pageFeedBack .ctrl{margin:10px auto;width:205px}
#pageFeedBack .pfBtn,#submitTucao .pfBtn{float:left;display:block;overflow:hidden;padding:5px 0 2px 0;width:83px;height:46px;border-radius:10px;text-align:center;font-size:13px;line-height:24px}
#pageFeedBack .useful:hover{background:#d4d2d2;color:#333}
#pageFeedBack .unuseful:hover{background:#d4d2d2;color:#333}
#pageFeedBack .useful{margin-right:20px;background:#eaeaea}
#pageFeedBack .unuseful{background:#eaeaea}
#pageFeedBack .zanicon1{display:inline-table;width:16px;height:16px;background-position:-345px -70px;vertical-align:middle}
#pageFeedBack .zanicon2{display:inline-table;width:16px;height:16px;background-position:-363px -70px;vertical-align:middle}
#submitTucao{display:none;overflow:hidden;margin:40px auto 40px;width:240px;color:#333;text-align:center;font-size:12px}
    #submitTucao textarea {  margin-top:10px;}
    #submitTucao .ctrl {width: 180px;margin: auto; }
#submitTucao .postTucaonoData{background:#f0f0f0;line-height:46px}
#submitTucao .postTucao{margin-right:5px;background:#dbdbdb;line-height:46px}
#submitTucao .postTucaonoData:hover{background:#eaeaea;color:#333}
#submitTucao .postTucao:hover{background:#d4d2d2;color:#333}
#submitTucao #tctxt{margin-bottom:10px;width:195px;border:1px solid #ccc}
.impression{margin-top:20px;height:45px}
.impression h4{float:left;margin:0;padding:0;width:80px;color:#666;font-weight:400;font-size:14px;line-height:24px}
.impression .impression-list li{float:left;margin:0 10px 10px 0;white-space:nowrap}
::-moz-selection{background-color:#ff8502;color:#fff}
.impression .tag-item{display:inline-block;padding:3px 7px 4px;height:17px;border:1px solid #ececec;border-radius:3px;background-color:#ececec;color:#333;text-decoration:none;font-size:13px;line-height:18px;transition:background-color .15s ease 0s}
.impression .tag-item:hover{border-color:#c32121;background-color:#fff;color:#c32121}
.impression .tag-item.diy{background-color:#fff}
.impression .impression-list li input{border:none}
.impression .tag-item.selected{border-color:#c32121;background-color:#fff;color:#c32121}
.impression .tag-item span{color:#888;font-size:12px;font-family:Arial,"Microsoft Yahei"}
.impression .selected span{color:#c76b6c}
.kb-comt-list .kb-comt-item { position: relative; overflow: hidden; margin: 20px 0; padding-bottom: 10px; width: 100%; border-bottom: 1px solid #ccc }
.kb-comt-list .kb-comt-item .kb-comt-main{margin-left:80px}
.kb-comt-list li{margin-left:0;list-style-type:none;list-style-image:none}
.kb-comt-list .kb-comt-item .kb-op-accu,.kb-comt-list .kb-comt-item .kb-op-delete{display:none}
.kb-comt-list .kb-comt-item.hover .kb-op-accu,.kb-comt-list .kb-comt-item.hover .kb-op-delete{display:inline}
.kb-comt-list .kb-comt-item .kb-comt-main{margin-left:110px}
.kb-comt-list .kb-comt-item .kb-comt-ip{overflow:hidden;height:68px}
.kb-comt-list .kb-comt-item .kb-comt-ip li{position:relative;float:left;width:277px;line-height:30px}
.kb-comt-list .kb-comt-ip span{position:absolute;top:0;left:44px;display:block;height:22px;background-image:url(//cdn.qtccolor.com/template/2017/images2/quciklgbg.png?v20160707)}
.kb-comt-list .kb-comt-ip .fwzl_5{width:65px;background-position:0 -355px}
.kb-comt-list .kb-comt-ip .fwzl_4{width:54px;background-position:-77px -355px}
.kb-comt-list .kb-comt-ip .fwzl_3{width:38px;background-position:-141px -355px}
.kb-comt-list .kb-comt-ip .fwzl_2{width:54px;background-position:-195px -355px}
.kb-comt-list .kb-comt-ip .fwzl_1{width:65px;background-position:-264px -355px}
.kb-comt-list .kb-comt-item .kb-comt-detail{margin-top:12px;margin-bottom:7px}
.kb-comt-list .kb-comt-item .kb-comt-detail pre{overflow:hidden;margin:0;padding:0;color:#888;white-space:pre-wrap;word-wrap:break-word;font-size:14px;font-family:"Microsoft Yahei",Arial,sans-serif;line-height:1.7;transition:color .15s ease 0s;word-break:break-all}
.kb-comt-list .kb-comt-item .kb-comt-avatar a{display:block}
.kb-comt-list .kb-comt-item .kb-comt-avatar img{width:40px;height:40px;border-radius:50%;}
.kb-comt-list .kb-comt-item .kb-op-wrap{margin-top:5px;font-size:14px}
.kb-comt-list .kb-comt-item .kb-op-wrap::after,.kb-comt-list .kb-comt-item .kb-op-wrap::before{display:table;content:""}
.kb-comt-list .kb-comt-item .kb-op-wrap::after{clear:both}
.kb-comt-list .kb-comt-item .kb-op-wrap::after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:".";line-height:0}
.kb-comt-list .kb-comt-item .kb-op-wrap .time{float:left;margin-top:2px;height:20px;color:#a5a5a5;line-height:20px}
.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-essence{float:left;margin-top:2px;margin-left:10px;height:20px;color:#a5a5a5;line-height:20px}
.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-essence:hover{color:#888;text-decoration:none}
.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-accu,.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-delete,.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-praise,.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-reply,.kb-comt-list .kb-comt-item .kb-op-wrap .kb-share-zone{display:flex; float:right;margin-left:20px;color:#a5a5a5;text-decoration:none;cursor:pointer}
.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-accu em,.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-delete em,.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-praise em,.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-reply em,.kb-comt-list .kb-comt-item .kb-op-wrap .kb-share-zone em{display:inline-block;margin-left:5px;vertical-align:top;font-style:normal}
.kb-comt-list .kb-comt-item .kb-op-wrap .kb-share-zone .kb-i-share{margin-top:-2px;vertical-align:middle}

.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-accu:hover,.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-delete:hover{color:#888;text-decoration:none}
#kb-site-data .kb-op-reply:hover .praise{background-position:-345px -51px}
#kb-site-data .praise{display:inline-block;width:16px;height:17px;background-position:-345px -68px;vertical-align:middle}
.kb-comt-list .kb-comt-item .kb-op-wrap .kb-op-reply:hover i{background-position:-75px -273px}
.kb-comt-list .kb-comt-item .kb-comt-avatar { position: absolute; top: 1px; left: 0; overflow: hidden; width: 100px; height: 60px ;text-align: center; }
.kb-comt-list .kb-comt-item .kb-comt-avatar .user{margin:0;padding:0;font-weight:400}
.kb-comt-list .kb-comt-item .kb-comt-avatar .user a{padding-top:4px;color:#333;font-size:13px}
.kb-comt-list .kb-comt-item .kb-comt-avatar .user a:hover{color:#ff8502;text-decoration:none}
.kb-comt-list .kb-comt-item .kb-comt-avatar .user i{display:block;margin-top:2px;margin-left:5px;width:85px;height:15px;background-image:url(//cdn.qtccolor.com/template/2017/images2/quciklgbg.png?v20160707);vertical-align:top}
.kb-comt-list .kb-comt-item .kb-comt-reply{padding:2px 4px 2px 2px;color:#c86829}
.kb-i-small-star-5{background-position:0 -340px}
.kb-i-small-star-4{background-position:-17px -340px}
.kb-i-small-star-3{background-position:-34px -340px}
.kb-i-small-star-2{background-position:-51px -340px}
.kb-i-small-star-1{background-position:-68px -340px}
.small-starts{float:left;display:block;overflow:hidden;width:85px;height:15px;background-image:url(//cdn.qtccolor.com/template/2017/images2/quciklgbg.png?v20160707)}
.small-starts small{float:left;display:block;width:17px;text-align:center;text-indent:900px;cursor:pointer}
#ProductreViewPost .chine{float:left;margin-left:10px;width:80px}
#ProductreViewPost td{height:24px}
.kb-comt-imgs{margin-top:4px}
.kb-comt-imgs img{width:40px;height:40px;cursor:pointer}
.ratePage{margin-top:10px;text-align:center}
.ratePage a{padding:2px 4px}
.ratePage .lastpage,.ratePage .nextpage{color:#666}
.ratePage .cur{color:#c00;font-weight:700}
.box{margin:100px auto;width:310px}
.tb-pic a{display:table-cell;vertical-align:middle;text-align:center}
.tb-pic a img{vertical-align:middle}
.tb-thumb{overflow:hidden;margin:10px 0 0}
.tb-thumb li{float:left;overflow:hidden;margin:0 6px 0 0;padding:1px;height:42px;background:none repeat scroll 0 0 transparent}
.tb-s310,.tb-s310 a{width:310px;height:310px}
.tb-s310,.tb-s310 img{max-width:310px;max-height:310px}
.tb-s40,.tb-s40 a{width:40px;height:40px}
.tb-booth{position:relative;z-index:1;border:1px solid #CDCDCD}
.tb-thumb .tb-selected{padding:2px;height:40px;background:none repeat scroll 0 0 #C30008}
.tb-thumb .tb-selected div{border:medium none;background-color:#FFF}
.tb-thumb li div{border:1px solid #CDCDCD}
div.zoomDiv{position:absolute;top:0;left:0;z-index:999;display:none;overflow:hidden;width:200px;height:200px;border:1px solid #CCC;background:#fff;text-align:center}
div.zoomMask{position:absolute;z-index:1;background:url(//cdn.qtccolor.com/template/2017/images2/mask.png) repeat scroll 0 0 transparent;cursor:move}
.nineicon{position:absolute;top:5px;right:5px;width:40px;cursor:pointer}
.nineicon.on{top:6px;right:6px}
.productbtn { height: 36px; background: #f85555; border-radius: 5px; width: 135px; font-size: 17px; color: #fff; position: relative; line-height: 36px; float: left; text-align: left; text-indent: 20px; margin-right: 10px; margin-top: 10px; }
    .productbtn:hover { background: #eb5050; }
    .productbtn img { vertical-align: middle; margin-bottom: 4px; margin-left: 4px; position: absolute; right: 10px; top: 7px; }
.subscrite { background: #f85555; }
    .subscrite:hover { background: #eb5050; }
.product-baojia-btn { background: #E0457B; margin-top: 10px; margin-right: 10px; width: 220px; height: 36px; line-height: 36px; font-size: 20px; color: #fff; text-align: center; border-radius: 5px; }
.SpecialIcon { /* font-size: 12px; */ display: inline-block; font-weight: normal; border-radius: 6px; /* background: url(/template/2017/images2/SpecialProduct_bg.png); */ /* color: #fff; */ padding: 0 10px; }
#priceListSelect .select2-container{margin-top: 8px;}
@media screen and (max-width: 980px) { .top-Recommend-Product { left: 0; }
    .content { width: 100%; overflow: hidden; }
    .index-bigBlocks img { width: 90% }
    .index-entry li { width: 12% }
    .index-entry img{width:100%}
    .v-banner { display:none}
    .index-bigBlocks .container1 { width: 100%; height: 708px; top: 0px; }
    .index-bigBlocks .container2 { width: 100%; height: 321px; top: 0px; }
    .top_tool { padding:0px;}
}
@keyframes icon-bounce{0%,100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0)}
25%{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);transform:rotate(15deg);-ms-transform:rotate(15deg)}
50%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);transform:rotate(-15deg);-ms-transform:rotate(-15deg)}
75%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);transform:rotate(5deg);-ms-transform:rotate(5deg)}
85%{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);transform:rotate(-5deg);-ms-transform:rotate(-5deg)}
}
@-webkit-keyframes icon-bounce{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}
25%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
75%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
85%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}
@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0);transform:rotate(0)}
25%{-moz-transform:rotate(15deg);transform:rotate(15deg)}
50%{-moz-transform:rotate(-15deg);transform:rotate(-15deg)}
75%{-moz-transform:rotate(5deg);transform:rotate(5deg)}
85%{-moz-transform:rotate(-5deg);transform:rotate(-5deg)}
}
@-o-keyframes icon-bounce{0%,100%{transform:rotate(0)}
25%{transform:rotate(15deg)}
50%{transform:rotate(-15deg)}
75%{transform:rotate(5deg)}
85%{transform:rotate(-5deg)}
}
@keyframes icon-shark {
    0%,100% {
        transform: rotate(0);
    }
    50% {
        transform: scale(1.2);
    }
}

@-webkit-keyframes icon-shark {
    0%,100% {
        -webkit-transform: rotate(0);
    }

    50% {
        -webkit-transform: scale(1.2);
    }
}

@-moz-keyframes icon-shark {
    0%,100% {      
        -moz-transform: rotate(0);
    }

    50% {
        -moz-transform: scale(1.2);
    }
}

 @-o-keyframes icon-shark {
    0%,100% {
        transform: rotate(0);
        -o-transform: rotate(0);
    }
    50% {
        transform: scale(1.2);
        -o-transform: rotate(1.2);
    }    
}