/*iphone手机的input的样式问题*/
input[type="submit"],
input[type="reset"],
input[type="button"],
button {-webkit-appearance: none;}
/*css初始值*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0;padding: 0;list-style-type: none;}
body {margin:0 auto;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size: 14px;line-height: 180%;color: #000000;padding:0px;min-width:300px;max-width:640px;}
section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;font-family:'Microsoft YaHei';}
fieldset,img {border:0;}
textarea {resize:none;font-size:12px;}
img { border:0px}
a:link {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color: #000000;text-decoration: none;}
a:visited {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color:#000000;text-decoration: none;}
a:hover {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color:#E24615;text-decoration: none;}
input[type=number] {-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 14px }
fieldset, img { border: 0 }
cite, em, s, i, b { font-style: normal }
input, button, textarea, select { font-size: 14px; }
body, input, button, textarea, select, option { font-size: normal }
a, input, textarea { text-decoration: none; outline: 0 }
li, img, label, input { vertical-align: middle }
var { font-style: normal }
ins { text-decoration: none }
body { font-size:20px;background:#160525;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.pt10 {padding-top:10px;}
.fl {float:left;}
.fr {float:right;}
.clear,.cl {clear:both;}
.main{ width:100%; overflow:hidden; margin:0; padding:0;}
.black{width:100%;height:5px;background: #F2F2F2;}
.red  {color:#FF0000;}
.blue {color:#0000FF;}
.hide {display:none;}
.bridgeCode {width:99%;text-align:center;padding-bottom:5px;}
.bridgeCode span {padding:0px 10px 0px 10px;}
/*合并图片css引用*/
.top_bt,.user_btn,.show_cart{background:url('../images/pub_flow.png') no-repeat;background-size: auto 160px; }
.menu1,.menu2,.menu3,.menu4,#show_more{background:url('../images/pub_goods.png') no-repeat;background-size: auto 200px;}
.dingdan_1,.dingdan_2,.dingdan_3,.dingdan_4{background:url('../images/pub_main.png') no-repeat;background-size: auto 450px;}
.vf_1,.vf_2,.vf_3,.vf_4,.vf_5{background:url('../images/pub_main.png') no-repeat;background-size: auto 400px;}
/*头部弹出菜单*/
.maintop,.maincenter {width:98%;margin:0 0 0 1%;}
.mainbot {width:100%;margin:0;}
.contentgroup,.aboutgroup,.contactgroup {color:#CCCCCC;padding:0 0 10px 1%;}
.contentgroup img,.aboutgroup img,.contactgroup img {max-width:99%;height:auto !important;}
.contentgroup table,.aboutgroup table,.contactgroup table {width:99% !important;word-break:break-all;}

.Headertop {width:100%;margin:0px 0 10px 0;border-bottom: 1px solid #202022;}
.Header-logo {width:100%;padding:10px 0;}
.Header-logo img {max-width:100%;}
.TopMenus {width:100%;height:81px;background-color:#160525;}
.TopMenus ul li {width:25%;height:50px;line-height:30px;float:left;text-align:center;}
.TopMenus ul li a {color:#999999;font-size:14px;text-decoration:none;display:block;}
.TopMenus ul li.mnavselect {width:25%;height:30px;line-height:30px;float:left;text-align:center;border-bottom:2px solid #fafa8f; }
.TopMenus ul li.mnavselect a { color: #FFFFFF; }

.Menus {width:100%;clear:both;height:80px;}
.Menus ul {}
.Menus ul li {float:left;text-align:center;line-height:40px;width:33.133333%;}
.Menus ul a:link,.Menus ul a:active,.Menus ul a:visited {float:left;width:100%;height:40px;font-size:14px;color:#FFFFFF;border:1px solid #fff;border-top:none;background:#0976C8;}
.Menus1 {width:100%;clear:both;padding-top:4px;}
.Menus1 ul {overflow:hidden;}
.Menus1 ul li {float:left;text-align:center;line-height:36px;width:31.5%;}		
.Menus1 ul a {display:block;margin:10px 0px 0px 10px;}
.Menus1 ul a:link,.Menus1 ul a:active,.Menus1 ul a:visited {float:left;width:95%;height:36px;border:1px solid #BFBFBF;border-radius:5px;background:#F8F8F8;font-size:14px;}	
.topbg {width:100%;clear:both;z-index:1000;}
.navbtn {width:50px;height:39px;line-height:39px;position:fixed;right:1%;top:10px;z-index:1000;cursor:pointer;
    text-align:center;background:#1B6EB2;background:url('../images/pub_flow.png') no-repeat;background-size: auto 160px;border:1px solid #DEDEDE;border-radius:5px;-moz-border-radius:5px;   
	-webkit-border-radius:5px;color:#DDDDDD;font-size:18px;filter:alpha(opacity=80);opacity:0.8;}
.navbg {width:160px;border:0px solid #0F60A2;background:#424141;position:fixed;right:1%;top:51px;display:none;z-index:999;}
.navbg li {width:100%;height:36px;}
.navbg li a {width:70%;display:block;height:38px;line-height:36px;border-bottom:1px solid #959595;font-size:15px;color:#CCCCCC;padding-left:30%;}
.navbg li .nav1 {background:url('../images/nav1.png') no-repeat 15px center;}
.navbg li .nav2 {background:url('../images/nav2.png') no-repeat 15px center;}
.navbg li .nav3 {background:url('../images/nav3.png') no-repeat 15px center;}
.navbg li .nav4 {background:url('../images/nav4.png') no-repeat 15px center;}
.navbg li .nav5 {background:url('../images/nav5.png') no-repeat 15px center;}
.navbg li .nav6 {background:url('../images/nav6.png') no-repeat 15px center;}
.navbg li .nav7 {background:url('../images/nav7.png') no-repeat 15px center;}
.navbg li .nav8 {background:url('../images/nav8.png') no-repeat 15px center;border-bottom:0px solid #959595;} 

.searchBar-form { float: left;width:57%; padding: 20px 0; }
.searchgroup {width:96%;border:1px solid #666666;}
.searchinput {width:86%;padding-left:1%;height:21px;line-height:21px;background:rgba(0,0,0,0);border:0px;color:#999;}
.searchbtn {box-sizing: border-box; height: 23px; width: 8%; background-color: rgba(0,0,0,0); background: url('../images/search_03.png') no-repeat center; border: 0; cursor:pointer;}
.changelanguage { float: left; width:43%; padding-left:0%; padding-top: 18px; }
.changelanguage .l_cn { margin-left: 0px; background: url('../images/chinese_03.png') no-repeat left center; font-size: 14px; text-indent: 36px; display: inline-block; text-decoration: none; color: #7b7b7b; }
.changelanguage .l_en { margin-left: 0px; background: url('../images/English_03.png') no-repeat left center; font-size: 14px; text-indent: 36px; display: inline-block; text-decoration: none; color: #7b7b7b; }

.hid{ display:none;}
.goods_nav{ width:30%; float:right; right:5px; overflow:hidden; position:fixed;margin-top:25px; z-index:9999999}
.Triangle{ width:100%; height:20px; }
.Triangle h2{ 
width: 0;height: 0;border-style: solid;border-color: transparent transparent #565553 transparent;border-width: 10px;transition: 0.6s;float:right;
 margin-right:10px;}
.goods_nav ul{ width:100%; overflow:hidden;background-color:rgba(46,45,45,0.9);border-radius:2px;}
.goods_nav li{ width:100%; height:40px; border-bottom:1px solid #959595;}
.nl5{ background:#2D2D2D}
.goods_nav li span{display: block;width:25px;height:25px; float:left; margin-top:5px; margin-left:5px;}
.goods_nav li i{ font-style:normal; color:#f3f1f1; font-size:14px; display:block; float:left; line-height:40px;}
.menu1{ background-position:0 4px;}
.menu2{ background-position:0 -19px;}
.menu3{ background-position:0 -41px;}
.menu4{ background-position:0 -64px;}

/* 页面头部  */
.header { width:100%; height:45px; background:#F6F6F6;top:0; z-index:9999; border:0; border-bottom:1px solid #CCC}
.h-left{float:left;width:15%; height:45px;}
.h-left a{ display:block; width:45px; height:45px; margin:auto; background: url('../images/category/arrow_left.png') no-repeat 15px center; background-size: auto 16px; }
.h-right{float:left; width:15%;height:45px;}

.h-mid { width:70%; height:45px; float:left; text-align:center; color:#333; font-size:16px; line-height:45px; position:relative;font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
.h-mid h6 { color:#333; font-size:16px; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; font-weight:normal;}
/*弹出菜单*/
.top_bar{float:right; display:block;margin-right:8px; width:40px; height:40px; float:right;}
#show_more{width:30px; height:20px; float:right;background-position:0 -110px; margin-left:10px; margin-top:10px;}
.goods_nav{ width:30%; float:right; right:5px; overflow:hidden; position:fixed;margin-top:-20px; z-index:9999999}

/*底部模块*/ 
.footer { background-color: #F8F8F8; text-align: center; width:100%; overflow:hidden; padding-bottom:10px; padding-top:10px;}
.footer a { display: inline-block; /*padding: 0 1em*/ }
.footer span { color: #82858A; }
.footer .tip { padding: 0 0 1.5em }
.footer .tip span { font-size: 1.2em }
.footer .links {width:75%;margin:0 auto; background:none}
.footer .links a { border-right:1px solid #dcdcdc ;height:20px;line-height: 20px; font-size:14px; padding-left:10px; padding-right:10px;}
.footer .links a:last-child { border-right: 0 none }

.footer .linkss {width:65%; margin:0 auto;height:70px;margin-top:10px;} 
.footer .linkss li{width:33.3%;float:left; text-align: center;height:70px;font-size: 10px;}
.footer .linkss li a i{display:block; width:40px; height:40px; margin:auto;}
.footerimg_1,.footerimg_2,.footerimg_3{background:url('../images/pub_footer.png') no-repeat;background-size: auto 170px;}
.footerimg_1{ background-position:0 0}
.footerimg_2{background-position:0 -60px;}
.footerimg_3{background-position:0 -124px;}

.footer .gl { color: #c30e0e }
.footer p { text-align: center; line-height: 20px; }
.mf_o4 { color: #a2a2a2 ;font-size: 10px;}

/*返回顶部*/
.gotop{ display:block; width:40px; height:40px; position:fixed; bottom:50px; right:8px;background-color:rgba(243,241,241,0.5); border:1px solid #CCC; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.gotop img{ display:block; width:40px; height:40px;}

/*footer_nav1底部悬浮菜单css*/
.FootderA {width:100%;min-height:100px;_height:100px;text-align:center;line-height:22px;background:#0b0811;}
.FootderAContent {padding:10px 5px 10px 5px;color:#666666;font-size:13px;}
.v_nav { max-width:640px;position: fixed; bottom: 0; width: 100%; height:45px; background-color:rgba(238,238,238,0.9);border-top: #dcdcdc 1px solid; z-index: 97;padding:0px; margin:0 auto; padding-bottom:2px; padding-top:2px }
.vf_nav{ width:100%;height:45px; margin:auto; padding:0px; margin:0px;}
.vf_nav ul li{ width:20%; height:45px; float:left; text-align:center; margin:0px;}
.vf_nav ul li a{ text-align:center; font-size:12px; color:#333; width:45px; display:block; height:45px; position: relative; margin:auto}
.vf_nav ul li i{ display:block;  width:25px; height:25px; margin:auto; }

.vf_1{ background-position:0 -1px;}
.vf_2{ background-position:0 -40px; }
.vf_3{ background-position:0 -72px;}
.vf_4{ background-position:-1px -101px;}
.vf_5{  background-position:0 -133px;}

.vf_nav ul li span{ display:block; width:100%; height:20px; line-height:20px;}
.vf_nav ul li a:active{color: #ff7171;}
.gotop img{ display:block; width:40px; height:40px;}

/* 购物车弹出效果*/
/*老的带商品信息的弹出层样式*/
.cartpopDiv { padding: 0 2%; width: 96%; }
.cartitle { height: 35px; line-height: 35px; color: #FFF; font-size: 14px; font-weight: bold; text-align: left; text-indent: 15px; background: #E3010B }
.coninfo { padding: 10px 0 0px; border-top: #e5e5e5 1px dashed; font-size: 12px; text-align: center; width: 100%; color: #999; line-height:22px; }
.shopdiv { border-radius: 5px 5px 5px 5px;}
.coninfo table { border: none; color: #999999; }
.toptitle { margin: 8px 0px; }
.toptitle p a { color: #999999; }
.toptitle .pic { float: left; margin-right: 10px; }
.coninfo .gray { color: #999 }
.coninfo strong { color: #ec5151 }
.coninfo font { font-size: 18px; }
.conprice { line-height: 30px; }
.cardivfloat { background-color: #fff; border-radius: 5px 5px 5px; }
.cartdivfloattitle { font-weight: normal; color: #ffffff; font-size: 14px; text-indent: 15px; width: 70%; float: left; }
.cartbntfloat { text-align: center; padding: 15px 0 0px; margin-bottom: 10px; clear:both }
.con_close { width: 50px; float: right; text-align: right; color: #FFF; padding-right: 15px; font-weight: normal; }
.greyBtn { background-color:#25C6FC; border-radius: 4px; height: 30px; line-height: 30px; border: none; position: relative; display: inline-block; width: 45%; margin: 10px 0 0 10px; text-align: center; color: #fff; }
a.redBtn { background-color:#E3010B; height: 30px; line-height: 30px; color: #fff; border-radius: 4px; border: none; position: relative; display: inline-block; width: 45%; margin: 10px 0 0 10px; text-align: center; }
.bor-top { border-top: #e5e5e5 1px solid; }
.blank5 { height: 5px; line-height: 5px; clear: both; visibility: hidden; overflow: hidden; }
.cartbntfloat a{ color:#FFF}
.touchweb_com-indexPop { display: none; position: fixed; left: 0; top: 0;  display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; z-index:99999999 }
.touchweb_com-indexPop.show { opacity: 1; visibility: visible; }
.touchweb_com-indexPop .inner { width: 235px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 20px 15px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; height:auto; }
.touchweb_com-indexPop .inner .btn_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: 30px; margin-top: 10px; text-align: center; }
.touchweb_com-indexPop .inner .btn_box .btn { display: block; height: 30px; line-height: 28px; width: 85px; font-size: 1.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ff3c3c; -webkit-border-radius: 4px; border-radius: 4px; color: #333; }
.touchweb_com-indexPop .inner .btn_box .btn_confirm { color: #fff; background-color: #ff3c3c; }
.touchweb_com-indexPop .inner .btn_box .btn_confirm:active { background-color: #ff0909; }
.touchweb_com-indexPop .inner .btn_box .btn_cancel { border: 1px solid #25C6FC; background-color: #25C6FC; color:#FFF }
.touchweb_com-indexPop .inner .btn_box .btn_cancel:active { background-color: #25C6FC; }
.touchweb_com-indexPop { font-size:.12rem;}
.touchweb_com-indexPop .inner .content_name {margin-bottom: 23px;}
.touchweb_com-indexPop .inner .content_name p {line-height:20px;font-size:14px; color: #000;}
.touchweb_com-indexPop .inner .btn_box .btn { font-size:14px;}

/*pages.lbi翻页效果css*/
.pagenav-wrapper .pagenav-content { width:100%; padding: 20px 0px 20px;  text-align: center; line-height: 29px; overflow: hidden; }
.pagenav-wrapper .pagenav { }
.pagenav-wrapper .pagenav a { color: #333; }
.pagenav-wrapper .pagenav>div { background-color: #fff; border: 1px solid #ccc; line-height: 29px; white-space: nowrap; border-radius: 2px; cursor: pointer; display: inline-block; }
.pagenav .p-first, .pagenav .p-end { width: 59px ; display:inline-block}
.pagenav .p-prev, .pagenav .p-next { width: 59px; margin: 0 5px; display:inline-block; font-size:12px;}
.pagenav .p-num { width: 30px; margin: 0 5px ; display:inline-block}
.pagenav .pagenav-text { min-width: 100px; height:29px;}
.pagenav .pagenav-text span { font-size:16px; }
.pagenav .pagenav-cur { position: relative; background: #fff; height:29px;}
.pagenav .pagenav-select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; 
opacity: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; border: 0; border-radius: 0; cursor: pointer; }
.pagenav .pagenav-cur i { display: inline-block}
.pagenav-wrapper .pagenav .p-gray { background-color: #fdfdfd; color: #b4b1b1 }
.pagenav a:hover { text-decoration: none }
.global-nav__nav-shop-cart-num{
position: absolute; top:2px; color: #fff;text-align: center; font-weight:normal; font-size:10px;width:12px; height:12px; line-height:12px; background:#ff2233; border-radius: 50%; }
/*没有筛选结果文字样式*/
p.goods_title{ width:100%; font-size:14px; display:block; height:100px; line-height:100px; text-align:center; margin-top:30px; margin-bottom:30px;color:#DDDDDD;}
.new_prom2{ font-size:14px; text-align:center; padding:20px 0px}
div#loader { height: 25px; line-height: 25px; background: url('../images/flow/loader.gif') no-repeat 10px center; background-size: 20px; text-indent: 35px; margin: 0 auto; width: 180px; font-size:14px; }
.get_more {width: 100%;height: 30px;display:block;text-align: center;}
.get_more img {width: 16px;height: 16px;margin: 0 auto;}

.banner{ width:100%; overflow:hidden; margin-top:25px;}
.slider{ width:100%; overflow:hidden; position:relative;visibility:visible;list-style:none;}
.sliderlist {position:relative;overflow:hidden;transition:left 600ms ease;-webkit-transition:left 600ms ease;}
.sliderlist li {float:left;display:block;width:100%;}
#pagenavi { position: absolute; left: 0; bottom:10px; text-align: center; width: 100%; }
#pagenavi a { width: 12px; height: 12px; line-height: 99em; background: #b5b5b5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 4px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
#pagenavi a.active { background: #C00; }

.scrollimg{position:relative; overflow:hidden; margin:0px auto; /* 设置焦点图最大宽度 */}
.scrollimg .tempWrap {overflow:hidden;position:relative;}
.scrollimg .hd{ position: absolute;bottom:0px;text-align: center;width: 100%;}
.scrollimg .hd li{display: inline-block;width: .4em;height: .4em;margin: 0 .4em;-webkit-border-radius: .8em;-moz-border-radius: .8em;-ms-border-radius: .8em;-o-border-radius: .8em; border-radius: .8em;background: #FFF;filter: alpha(Opacity=60);opacity: .6;box-shadow: 0 0 1px #ccc; text-indent:-100px; overflow:hidden; }
.scrollimg .hd li.on{ filter: alpha(Opacity=90);opacity: .9;background: #f8f8f8;box-shadow: 0 0 2px #ccc; }
.scrollimg .bd{position:relative; z-index:0;}
.scrollimg .bd li{position:relative; text-align:center;}
.scrollimg .bd li img{background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.scrollimg .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
.scrollimg .bd li .tit{display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url('../images/focusBg.png') repeat-x; color:#fff;  text-align:left;}





.widthcenter { width:100%; margin: 0 auto; }
.abouttitle { box-sizing: border-box; padding: 26px 0; }
.abouttitle h2 { text-align: center; font-size: 22px; color: #FFFFFF; font-weight:normal; }
.abouttitle p { text-align: center; font-size: 14px; line-height: 24px; color: #818181; }
.aboutleft { vertical-align: text-top; display: inline-block; width:99%; }
.aboutright { vertical-align: text-top; width: 99%; display: inline-block; }
.aboutright h2 { font-size: 18px; line-height: 50px; }
.aboutright p { font-size: 13px; line-height: 24px; }

.teamclist {border-top:1px solid #2e0b4e;transition: all 0.5s;background-color: #2e0b4e; width:99%;min-height: 220px;margin-bottom:30px;}
.teamclistimg {float: left;width:30%; margin:30px 1% 0 1%;}
.teamclistimg img { border-radius: 50%; }
.teamctext {  float: left;width:66%;height:150px; box-sizing: border-box; padding-top: 10px; }
.teamctext h2,.teamctext h2 a { transition: all 0.5s; font-size: 16px; line-height:20px; color: #FFFFFF;text-decoration: none; }
.teamctext h3 { transition: all 0.5s; padding-top: 0px; padding-bottom: 6px; font-size: 12px; color: #656464; }
.teamctext p { transition: all 0.5s; line-height: 24px; font-size: 13px; color: #656464; }
.teamclink { padding-right: 10px; float: right;transition: all 0.5s; padding-top: 24px;  }
.teamclink a { transition: all 0.5s; box-sizing: border-box; font-size: 13px; background-color: rgba(0,0,0,0); border: 1px solid #666666; border-radius: 16px; width: 82px; line-height: 30px; text-align: center; color: #999999; text-decoration: none; height: 32px; display: block; }
.teamclist:hover { border-top: 1px solid #FFFF37; }
.teamclist:hover .teamctext h2,.teamclist:hover .teamctext h2 a { color: #FFFF37; }
.teamclist:hover .teamctext h3 { color: #FFFFFF; }
.teamclist:hover .teamctext p { color: #FFFFFF; }
.teamclist:hover .teamclink a { background-color: #fcee6e;color:#333333; }

.producttype { text-align: center; color: #ffffff; font-size: 13px; }
.producttype a { text-decoration: none; color: #ffffff;margin:0 10px 0 10px;}
.producttype a:hover { color: #FFFF37; }

/* 商品列表 */
.touchweb-com_searchListBox.hide {display: none; }
.touchweb-com_searchListBox li {position: relative; border-bottom: 0px solid #e5e5e5; border-right: 0px solid #e5e5e5; margin-left:-1px; padding-bottom:13px;}
.touchweb-com_searchListBox .item { display: block; padding: 12px 12px 0px 12px; position: relative; z-index: 1; left: 0; top: 0; }
.touchweb-com_searchListBox .item:active { background-color: #f5f5f5; }
.touchweb-com_searchListBox .item:after { content: ""; display: table; clear: both; }
.touchweb-com_searchListBox .item .pic_box { float: left; margin-right: 10px; background-size: cover; background-position: center; width: 90px; height: 90px; background-color: #fff; overflow: hidden; position: relative; }
.touchweb-com_searchListBox .item .pic_box:after { content: ''; padding-top: 100%; display: block; width: 100%; }
.touchweb-com_searchListBox .item .pic_box img { display: block; width: 100%; height: auto; position: absolute; }
.touchweb-com_searchListBox .item .title_box { height: 20px; overflow: hidden; color:#999999; font-size:14px; line-height: 20px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.touchweb-com_searchListBox .item .title_box .self_sell { display: inline-block; height: 12px; line-height: 12px; padding: 0 3px; border: 1px solid #ff3c25; -webkit-border-radius: 2px; border-radius: 2px; color: #ff3c25; font-size: 1rem; }
.touchweb-com_searchListBox .item .title_box .purchased { font-size: 12px; color: #f39800; }
.touchweb-com_searchListBox .item .title_box .shop_abroad { display: inline-block; height: 15px; line-height: 15px; padding: 0 3px; border: 1px solid #ae74f3; -webkit-border-radius: 2px; border-radius: 2px; color: #ae74f3; }
.touchweb-com_searchListBox .item .active_box { height:30px;width:30px; position:absolute; z-index:9999; top:0px; left:0px;}
.touchweb-com_searchListBox .item .active_box span{ display:block; width:30px; height:30px; 
background: url('../images/HOT.png') no-repeat;background-size: auto 100px;text-indent:-9999px}
.touchweb-com_searchListBox .item .active_box .active_tag:nth-child(-n+3) { display: inline-block; }
.touchweb-com_searchListBox .item .active_box .active_tag:last-child { margin-right: 0; }
.touchweb-com_searchListBox .item .active_box .active_tag.bg_blue { background-color: #4cb8f7; }
.touchweb-com_searchListBox .item .active_box .active_tag.bg_red { background-color: #ff8b67; }
.touchweb-com_searchListBox .item .active_box .active_tag.bg_purple { background-color: #8f65c4; }
.touchweb-com_searchListBox .item .active_box .active_tag .icon { display: inline-block; width: 10px; height: 12px; line-height: 12px; text-align: center; vertical-align: middle; }
.touchweb-com_searchListBox .item .price_box { height: 25px; line-height: 25px;}
.touchweb-com_searchListBox .item .price_box .new_price { display: inline-block; color: #999999; vertical-align: middle; }
.touchweb-com_searchListBox .item .price_box i { font-size:14px; }
.touchweb-com_searchListBox .item .price_box small { font-size: 1.4rem; }
.touchweb-com_searchListBox .item .price_box del { color: #bbb; font-size: 1.0rem; }
.touchweb-com_searchListBox .ui-number { position: absolute; bottom: 10px; right: 40px; border: 1px solid #ddd9da; overflow: hidden; height: 25px; display: block; width: 92px; background: #FFF; z-index: 9999; }
.openList .ui-number { border: 1px solid #ddd9da; overflow: hidden; height: 25px; display: block; width: 92px; background: #FFF; margin-left: 15px; margin-top: 5px; margin-bottom: 12px; position: inherit; bottom: 0px; right: auto }
.touchweb-com_searchListBox .decrease { display: inline-block; background: none; font-size: 24px; line-height: 25px; border: 0; width: 25px; float: left; height: 25px; color: #F8849C; border-right: 1px solid #ddd9da; text-indent: -9999px; background: url('../images/flow/shop-cart.png') no-repeat 5px -26px; background-size: 60px; }
.touchweb-com_searchListBox .ui-number .num { display: inline-block; border: 0; width: 40px; height: 25px; float: left; text-align: center; font-size: 12px; line-height: 25px; color: #666; font-size: 20px; text-align: center }
.touchweb-com_searchListBox .increase { display: inline-block; background: none; border: 0; border-left: 1px solid #ddd9da; float: left; width: 25px; height: 25px; font-size: 24px; line-height: 25px; color: #F8849C; background: url('../images/flow/shop-cart.png') no-repeat -25px -26px; background-size: 60px; text-indent: -9999px }
.touchweb-com_searchListBox .ui-number{ position:absolute;bottom:10px; right:40px;border:1px solid #ddd9da; overflow:hidden; height:25px; display:block;width:92px; background:#FFF; z-index:9; }
.openList .ui-number{ border:1px solid #ddd9da; overflow:hidden; height:25px; display:block;width:92px; background:#FFF; position:absolute; bottom:0px; right:auto}
.touchweb-com_searchListBox .decrease{ display:inline-block; background:none; font-size:24px; line-height:25px; border:0;width:25px; float:left; height:25px; color:#F8849C; border-right:1px solid #ddd9da;text-indent:-9999px;
background: url('../images/flow/shop-cart.png') no-repeat 5px -26px; background-size:60px;}
.touchweb-com_searchListBox .ui-number .num{display:inline-block;border:0;width:40px; height:25px;float:left;
 text-align:center; font-size:12px; line-height:25px; color:#666;font-size:20px;text-align:center}
.touchweb-com_searchListBox .increase{display:inline-block;background:none;border:0;border-left:1px solid #ddd9da;float:left; width:25px; height:25px;font-size:24px; line-height:25px;color:#F8849C;background: url('../images/flow/shop-cart.png') no-repeat -25px -26px; background-size: 60px;text-indent:-9999px}
.touchweb-com_searchListBox .item .comment_box { height: 12px; line-height: 12px; margin-top: 5px; color: #999; font-size: 1rem; }
.touchweb-com_searchListBox .item .comment_box .percentage { color: #ff3c25; }
.touchweb-com_searchListBox .item .comment_box .percentage span { display: inline-block; width: 10px; height: 12px; line-height: 12px; text-align: center; vertical-align: top; font-size: 1rem; }
.touchweb-com_searchListBox.openList li { float: left; width: 50%; }
.touchweb-com_searchListBox.openList li:nth-child(even) .item { border-right-color: #fff; }
.touchweb-com_searchListBox.openList .item .price_box {height:50px; }
.touchweb-com_searchListBox.openList .item .pic_box {float:none;width:100%;height:auto;margin-right:0;margin-bottom:10px;position:relative;}
.touchweb-com_searchListBox.openList .item .pic_box.cloth:after { content: ''; padding-top: 140%; display: block; width: 100%; }
.touchweb-com_searchListBox.openList .item .pic_box:after { content: ''; padding-top: 100%; display: block; width: 100%; }
.touchweb-com_searchListBox.openList .item .active_box .active_tag { display: none; }
.touchweb-com_searchListBox.openList .item .active_box .active_tag:nth-child(-n+1) { display: inline-block; }
.touchweb-com_searchListBox.openList .item .comment_box { height:50px; padding-left:3px; display:none;}
.touchweb-com_searchListBox.openList .bug_car { border-left: none; }
.touchweb-com_searchListBox .bug_car { position: absolute; bottom: 12px; right: 0; z-index: 2; width: 40px; height: 28px; color: #ff3c3c; font-size: 2.2rem; text-align: center; }
.touchweb-com_searchListBox.openList .bug_car { border-left: none; }
.touchweb-com_searchListBox .bug_car { position: absolute; bottom:12px; right: 0; z-index: 2; width: 40px; height: 28px; color: #ff3c3c; font-size: 2.2rem; text-align: center; }
.touchweb-com_searchListBox .bug_car i { background: url('../images/category/cart.png') no-repeat center center; height: 30px; width: 40px; background-size: 30px 30px; display: block; }
.touchweb-com_searchListBox .bug_car.sold_out { color: #bcbcbc; }
.loading_banner { text-align: center; }
.loading_banner .loading { background-image: url('../images/category/loading.png'); display: inline-block; margin: 10px 0; background-size: 12px; width: 12px; height: 12px; -webkit-animation: rotate 2s linear 0s infinite; animation: rotate 2s linear 0s infinite; }
#getmore {font-size:.24rem;text-align: center;color:#888;padding:.25rem .24rem .4rem; clear:both}
#getmore a {color:#DDDDDD;}

.ContentA {clear:both;width:98%;padding:12px 0px 12px 1%;} 
.ContentA1 {width:100%;height:30px;line-height:30px;background:#458DC3;font-size:14px;font-family:'Microsoft YaHei';}
.ContentA1 span {color:#FFFFFF;padding:0 3%;margin-left:2%;background:#0976C8;}
.ContentA1 p {float:right;padding-right:2%;color:#fff;}
.ContentA2 {width:100%;background:#F8F7F4;} 
.ContentA2a {width:90px;float:left;padding:12px 0px 0px 22px;} 
.ContentA2b {width:98%;float:left;line-height:21px;padding:10px 1% 10px 1%;font-size:14px;} 
.ContentA2b img {max-width:98%;height:auto !important;}
.ContentA2b table {width:99% !important;word-wrap:break-word;}
.ContentA3 {width:100%;height:30px;line-height:30px;background:#666666;font-size:14px;font-family:'Microsoft YaHei';box-shadow:0px 6px 1px #777777;overflow:hidden;}
.ContentA3a {float:left;width:10%;height:30px;background:url('../images/index_17.png') no-repeat 10px center;}
.ContentA3a a {float:left;width:100%;height:30px;display:block;}
.ContentA3b {float:left;width:70%;text-align:center;color:#FFFFFF;}
.ContentA3c {float:left;width:18%;background:url('../images/index_16.png') no-repeat 70% center;cursor:pointer;}
.ContentA3c span {color:#666666;padding-left:20px;cursor:pointer;}
.view_menumain {float:left;width:96%;background:#D66466;border-top:1px solid #A12A2C;padding:2% 2%;margin:6px 0 0 0;}
.view_menumain ul {padding:10px 0px 10px 0px;}
.view_menumain ul a {float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1% 10px 1%;font-size:14px;padding:0.5% 1%;border:1px solid #DDDDDD;color:#000000;border-radius:5px;background:#FFFFFF;}

.ContentB {clear:both;width:98%;padding:12px 0 12px 1%;}
.ContentB1 {width:100%;height:30px;background:#0087FE;}
.ContentB1a {float:left;width:100%;height:30px;line-height:30px;font-size:14px;font-family:'Microsoft YaHei';}  
.ContentB1a span {color:#FFFFFF;padding-left:15px;}
.ContentB1b {float:left;width:70px;height:14px;padding-left:2px;background:#32CFB2;color:#FFFFFF;margin-top:4px;} 
.ContentC {clear:both;width:98%;padding:12px 0px 12px 1%;}
.ContentC1 {width:100%;height:30px;line-height:30px;background:#FCB803;font-size:14px;font-family:'Microsoft YaHei';}
.ContentC1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}
.ContentC .BB {clear:both;width:95%;height:20px;text-align:right;border-bottom:1px solid #DDDDDD;} 
.ContentE {clear:both;width:98%;padding:12px 0 0 1%;}
.ContentE1 {width:100%;height:30px;line-height:30px;background:#0087FE;font-size:14px;font-family:'Microsoft YaHei';}
.ContentE1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}
.ContentE2 {float:left;width:48%;height:180px;margin:10px 1% 10px 1%;overflow:hidden;} 
.ContentE2a {width:98%;height:150px;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;} 
.ContentE2a img {width:100%;}
.ContentE2b {width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#BAD99E;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap;} 

.content_title {width:100%;height:auto;}
.content_title .xian {width:100%;height:25px;border-bottom:1px solid #d7d8d8;}
.content_title .wenzi {width:100px;height:auto;text-align:center;background-color:#FFF;margin:-25px auto 0px;border-radius:5px;}
.content_title .wenzi p {padding:5px 0;font-size:12px;color:#666;line-height:20px;text-transform:uppercase;}
.content_title .wenzi p strong {font-size:16px;}
.content_title .wenziOnly {margin:-10px auto 0px;}
.content_more {width:100%;height:auto;padding:10px 0px;text-align:center;}
.content_more a {width:auto;height:30px;line-height:30px;padding:0px 10px;color:#999;display:block;font-size:14px;border:1px solid #d7d8d8;border-radius:8px;display:inline-block;}
.content_title2 {width:100%;height:auto;}
.content_title2 .xian {width:100%;height:35px;border-bottom:1px solid #d7d8d8;}
.content_title2 .wenzi {width:100px;height:auto;text-align:center;background-color:#FFF;margin:-20px auto 0px;border-radius:5px;}
.content_title2 .wenzi p {font-size:12px;color:#666;line-height:35px;text-transform:uppercase;}
.content_title2 .wenzi p strong {font-size:15px;}
.content_title2 .wenziOnly {margin:-20px auto 0px;}

.content {width:100%;}
.content h2,.content h3 {font-weight:bold;font-size:16px;line-height:30px;color:#325065;text-align:center;border-bottom:1px dashed #999999;width:98%;margin:10px 1%;}
.content h2 p,.content h3 p {width:100%;font-size:16px;line-height:30px;color:#555555;text-align:center;}
.content .ptimeviews {font-size:12px; text-align:center;}
.content .ptimeviews span {padding-left:10px;font-size:12px;}
.content .view {font-size:13px;line-height:180%;color:#CCCCCC !important;width:98%;padding:8px 0px;margin:0px 1% 0px 1%;}
.content .view .detail {color:#666666 !important;}
.content .view .center {font-size:13px;line-height:180%;color:#325065;width:100%;padding:10px 0;text-align:center;}
.content .view .center img {max-width:98%;height:auto !important;}
.content .view .detail img {max-width:98%;height:auto !important;}
.content .view .detail table {width:99% !important;word-wrap:break-word;}
.content .jobtable {width:99%;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
.content .jobtable td {border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.content .backlist2 {display:block;width:60px;height:32px;line-height:32px;margin:15px auto;color:#FFFFFF;font-size:14px;text-align:center;background:#FF8101;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.content .prevpage,.content .nextpage {display:block;width:98%;margin:0px 1% 8px 1%;height:25px;line-height:25px;font-size:12px;color:#325065;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#DDDDDD;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.content .prevpage span,.content .nextpage span {padding-left:10px;}
.content .prevpage span a,.content .nextpage span a {color:#325065;}
.content .hr {width:98%;height:0;border-top:1px dashed #999999;margin:6px 1%;}

.About {width:98%;height:15px;text-align:right;padding-top:0px;}
.AboutContent {width:98%;min-height:100px;_height:100px;padding:10px 0px 0px 1%;line-height:24px;border-bottom:0px solid #DDDDDD;color:#333333;clear:both;}
.aboutus {clear:both;padding:10px 0px 10px 5px;line-height:28px;}
.aboutus a:link,.aboutus a:visited {background:url('../images/ico_09.png') no-repeat left center;padding-left:12px;font-size:16px;font-weight:bold;color:#666666;margin-right:10px;display:block;float:left;}
.company {clear:both;padding:10px;font-size:14px;}
.company h1, .company h2, .company h3, .company h4, .company h5, .company h6 {font-size:16px; line-height:35px;}
.company img {max-width:98%;height:auto !important;}
.company table {width:99% !important;word-wrap:break-word;}

.newslist1 {clear:both;width:98%;margin:0 0 0 1%;padding:5px 0px 0px 0px;}
.newslist1 ul {padding:0;}
.newslist1 ul li {padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;background:url('../images/arrow09.png') no-repeat 1px 13px;height:28px;line-height:28px;overflow:hidden;}
.newslist1 ul li a:link,.newslist1 ul li a:visited,.newslist1 ul li a:active {text-decoration:none;font-size:12px;color:#666666;}
.newslist1 ul li span {font-size:12px;color:#666666;}
.newslist2 {clear:both;width:98%;margin:0 0 0 1%;padding:10px 0px 0px 0px;min-height:100px;_height:100px;}
.newslist2 ul {padding:0;}
.newslist2 ul li {padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;background:url('../images/arrow09.png') no-repeat 1px 13px;height:28px;line-height:28px;overflow:hidden;}
.newslist2 ul li a:link,.newslist2 ul li a:visited,.newslist2 ul li a:active {text-decoration:none;font-size:12px;color:#666666;}
.newslist2 ul li span {color:#808080;padding-left:10px;}

.honorpiclist {float:left;width:100%;margin-bottom:20px;clear:both;}
.honorpiclist ul {width:100%;padding:0 0% 0 0%;}
.honorpiclist ul li {float:left;width:46%;height:180px;margin:0px 1% 15px 1%;padding:10px 1%;background-color:#2e0b4e;}
.honorpiclist li div {float:left;width:100%;}
.honorpiclist li img {float:left;width:100%;display:block;}
.honorpiclist .proimg {float:left;width:100%;height:150px;border:0px solid #CCCCCC;background-color:#2e0b4e;padding:1% 0;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.honorpiclist .protxt {float:left;width:100%;height:30px;line-height:30px;border:0px solid #CCCCCC;background-color:#2e0b4e;text-align:center;color:#FFFFFF;text-overflow:ellipsis;margin-top:5px;overflow:hidden;white-space:nowrap; }
/*.honorpiclist li:hover {background-color:#FFFF37;}
.honorpiclist:hover .protxt {background-color:#FFFF37;color:#333333;}*/

.productabout {width:100%;max-width:640px;margin:0 auto;}
.productaboutgroup { margin-top: 40px; display: flex; flex-wrap: wrap; text-align:center; }
.productaboutlist { float:left;width:48%;margin:0 0 16px 2%; }
.productaboutlist a img { width: 162px; height: 180px; }
.productaboutlist:nth-child(2n) { margin-left: 0px; }
.productshow_detail {width:98%;padding:10px 1% 0 1%;font-size:13px;color:#FFFFFF;}

.prolist2 {float:left;width:100%;clear:both;}
.prolist2 ul {width:94%;padding:3% 3% 0 3%;}
.prolist2 ul li {float:left;width:48%;height:180px;margin:5px 1% 10px 1%;}
.prolist2 li div {float:left;width:100%;}
.prolist2 li img {float:left;width:100%;display:block;}
.prolist2 .proimg {float:left;width:99%;height:150px;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.prolist2 .protxt {float:left;width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#F2F2F2;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap; }

/* pages */
.dede_pages{width:98%;text-align:center;line-height:30px;padding:10px 0px 10px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #160525;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #2e0b4e;border-color: #2e0b4e;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}

/* index */
.section1 { background: url('../images/bg2_02.png') 50%; }
.section2 { background: url('../images/bg2_02.png') 50%; }
.section3 { background: url('../images/bg3_02.png') 50%; }
.section4 { background: url('../images/bg4_02.png') 50%; }
.section5 { background: url('../images/bg5_02.png') 50%; }
.section6 { background: url('../images/bg6_02.png') 50%; background-repeat:no-repeat;}
.section7 { background: url('../images/bg7_02.png') 50%; }
.cpmessage { width:100%; margin: 0 auto;padding-top:20px; }
.cphleft h2 { display: inline-block;padding-left:10px; font-size: 24px; font-weight:bold;; color: #FFFFFF; }
.cphleft p { font-size: 14px; color: #818181; display: inline-block; }
.cphright { float: right; }
.cpnav { height: 38px; box-sizing: border-box; border-bottom: 1px solid #393939; }
.cpnav span { padding: 0 8px; height: 36px; display: inline-block; }
.cpnav span:hover { border-bottom: 2px solid #ffff37; }
.cpnav .cpspanhover { border-bottom: 2px solid #ffff37; }
.cpnav span a { text-decoration: none; color: #FFFFFF; font-size: 14px; display: inline-block; }
.cpgroup { flex-wrap: wrap; margin-top: 0px; display: flex; border:0px solid #FF0000;}
.cpgroup.hide {display: none; }
.cpgroup li {position: relative; border-bottom: 0px solid #e5e5e5; border-right: 0px solid #e5e5e5; margin-left:-1px; padding-bottom:13px;}
.cpgroup .item { display: block; padding: 12px 12px 0px 12px; position: relative; z-index: 1; left: 0; top: 0; }
.cpgroup .item:active { background-color: #f5f5f5; }
.cpgroup .item:after { content: ""; display: table; clear: both; }
.cpgroup .item .pic_box { float: left; margin-right: 10px; background-size: cover; background-position: center; width: 90px; height: 90px; background-color: #fff; overflow: hidden; position: relative; }
.cpgroup .item .pic_box:after { content: ''; padding-top: 100%; display: block; width: 100%; }
.cpgroup .item .pic_box img { display: block; width: 100%; height: auto; position: absolute; }
.cpgroup .item .title_box { height: 20px; overflow: hidden; color:#999999; font-size:14px; line-height: 20px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.cpgroup .item .title_box .self_sell { display: inline-block; height: 12px; line-height: 12px; padding: 0 3px; border: 1px solid #ff3c25; -webkit-border-radius: 2px; border-radius: 2px; color: #ff3c25; font-size: 1rem; }
.cpgroup .item .title_box .purchased { font-size: 12px; color: #f39800; }
.cpgroup .item .title_box .shop_abroad { display: inline-block; height: 15px; line-height: 15px; padding: 0 3px; border: 1px solid #ae74f3; -webkit-border-radius: 2px; border-radius: 2px; color: #ae74f3; }
.cpgroup .item .active_box { height:30px;width:30px; position:absolute; z-index:9999; top:0px; left:0px;}
.cpgroup .item .active_box span{ display:block; width:30px; height:30px; 
background: url('../images/HOT.png') no-repeat;background-size: auto 100px;text-indent:-9999px}
.cpgroup .item .active_box .active_tag:nth-child(-n+3) { display: inline-block; }
.cpgroup .item .active_box .active_tag:last-child { margin-right: 0; }
.cpgroup .item .active_box .active_tag.bg_blue { background-color: #4cb8f7; }
.cpgroup .item .active_box .active_tag.bg_red { background-color: #ff8b67; }
.cpgroup .item .active_box .active_tag.bg_purple { background-color: #8f65c4; }
.cpgroup .item .active_box .active_tag .icon { display: inline-block; width: 10px; height: 12px; line-height: 12px; text-align: center; vertical-align: middle; }
.cpgroup .item .price_box { height: 25px; line-height: 25px;}
.cpgroup .item .price_box .new_price { display: inline-block; color: #999999; vertical-align: middle; }
.cpgroup .item .price_box i { font-size:14px; }
.cpgroup .item .price_box small { font-size: 1.4rem; }
.cpgroup .item .price_box del { color: #bbb; font-size: 1.0rem; }
.cpgroup .ui-number { position: absolute; bottom: 10px; right: 40px; border: 1px solid #ddd9da; overflow: hidden; height: 25px; display: block; width: 92px; background: #FFF; z-index: 9999; }
.cpgroup .decrease { display: inline-block; background: none; font-size: 24px; line-height: 25px; border: 0; width: 25px; float: left; height: 25px; color: #F8849C; border-right: 1px solid #ddd9da; text-indent: -9999px; background: url('../images/flow/shop-cart.png') no-repeat 5px -26px; background-size: 60px; }
.cpgroup .ui-number .num { display: inline-block; border: 0; width: 40px; height: 25px; float: left; text-align: center; font-size: 12px; line-height: 25px; color: #666; font-size: 20px; text-align: center }
.cpgroup .increase { display: inline-block; background: none; border: 0; border-left: 1px solid #ddd9da; float: left; width: 25px; height: 25px; font-size: 24px; line-height: 25px; color: #F8849C; background: url('../images/flow/shop-cart.png') no-repeat -25px -26px; background-size: 60px; text-indent: -9999px }
.cpgroup .ui-number{ position:absolute;bottom:10px; right:40px;border:1px solid #ddd9da; overflow:hidden; height:25px; display:block;width:92px; background:#FFF; z-index:9; }
.cpgroup .decrease{ display:inline-block; background:none; font-size:24px; line-height:25px; border:0;width:25px; float:left; height:25px; color:#F8849C; border-right:1px solid #ddd9da;text-indent:-9999px;
background: url('../images/flow/shop-cart.png') no-repeat 5px -26px; background-size:60px;}
.cpgroup .ui-number .num{display:inline-block;border:0;width:40px; height:25px;float:left;
 text-align:center; font-size:12px; line-height:25px; color:#666;font-size:20px;text-align:center}
.cpgroup .increase{display:inline-block;background:none;border:0;border-left:1px solid #ddd9da;float:left; width:25px; height:25px;font-size:24px; line-height:25px;color:#F8849C;background: url('../images/flow/shop-cart.png') no-repeat -25px -26px; background-size: 60px;text-indent:-9999px}
.cpgroup .item .comment_box { height: 12px; line-height: 12px; margin-top: 5px; color: #999; font-size: 1rem; }
.cpgroup .item .comment_box .percentage { color: #ff3c25; }
.cpgroup .item .comment_box .percentage span { display: inline-block; width: 10px; height: 12px; line-height: 12px; text-align: center; vertical-align: top; font-size: 1rem; }
.cpgroup.openList li { float: left; width: 50%; }
.cpgroup.openList li:nth-child(even) .item { border-right-color: #fff; }
.cpgroup.openList .item .price_box {height:50px; }
.cpgroup.openList .item .pic_box {float:none;width:100%;height:auto;margin-right:0;margin-bottom:10px;position:relative;}
.cpgroup.openList .item .pic_box.cloth:after { content: ''; padding-top: 140%; display: block; width: 100%; }
.cpgroup.openList .item .pic_box:after { content: ''; padding-top: 100%; display: block; width: 100%; }
.cpgroup.openList .item .active_box .active_tag { display: none; }
.cpgroup.openList .item .active_box .active_tag:nth-child(-n+1) { display: inline-block; }
.cpgroup.openList .item .comment_box { height:50px; padding-left:3px; display:none;}
.cpgroup.openList .bug_car { border-left: none; }
.cpgroup .bug_car { position: absolute; bottom: 12px; right: 0; z-index: 2; width: 40px; height: 28px; color: #ff3c3c; font-size: 2.2rem; text-align: center; }
.cpgroup.openList .bug_car { border-left: none; }
.cpgroup .bug_car { position: absolute; bottom:12px; right: 0; z-index: 2; width: 40px; height: 28px; color: #ff3c3c; font-size: 2.2rem; text-align: center; }
.cpgroup .bug_car i { background: url('../images/category/cart.png') no-repeat center center; height: 30px; width: 40px; background-size: 30px 30px; display: block; }
.cpgroup .bug_car.sold_out { color: #bcbcbc; }
.cpmore { padding: 20px 0; }
.cpmore a { transition: all 0.5s; margin: 0 auto; display: block; width: 109px; height: 32px; background: url('../images/more4_03.png') no-repeat; }
.cpmore a:hover { background: url('../images/more1_03.png') no-repeat; }

.gywm {width:100%; margin: 0 auto; }
.gywmleft {width:100%;margin-top:20px; }
.gywmvideogroup {}
.gywmvideolist { }
.gywmvideolist video {width:100%;height:auto;}
.gywmright {width:100%;vertical-align: middle; }
.gywmtextgrouptitle { height: 72px; border-bottom: 1px solid #393939;margin-top:10px; }
.gywmtextgrouptitle h2 { font-size: 24px;padding-left:10px; color: #FFFFFF; }
.gywmtextgrouptitle p { font-size: 12px; padding-left:10px;line-height: 40px; color: #818181; }
.gywmtext { margin-top: 20px; line-height: 26px; font-size: 14px; color: #FFFFFF; }
.gywmlink a { margin-top: 10px; display: block; background: url('../images/more2_03.png') no-repeat; height: 28px; width: 100px; }

.team {width:100%;margin-top:50px;}
.teamtitle {width:100%;}
.teamtitle h2 { display: inline-block;padding-left:10px; font-size: 24px; color: #FFFFFF; }
.teamtitle p { font-size: 14px; color: #818181; display: inline-block; }
.teamgroup { width:100%;margin: 16px 0 0 0;}
.teamlist { width: 100%; height: 240px; box-sizing: border-box; border-bottom: 240px solid #1d0731;}
.teamlist:nth-child(2), .teamlist:nth-child(3) { }
.teamlist:hover { box-shadow: 6px 6px 10px 0px #0f0915; }
.teamlist img { transform: translateY(-10px); display: block; margin: 0 auto; width: 109px; height: 109px; border-radius: 50%; }
.teamlist h2 { transition: all 0.5s; transform: translate(-10px,-10px); font-size: 45px; height: 0px; color: #6e5194; padding-left:15px;}
.teamlist:hover h2 { transform: translate(-16px,-10px); color: #fafa8f; font-size: 60px; }
.teamlist h3 { line-height: 32px; color: #a1a4c7; width: 230px; padding-left: 116px; font-size: 16px; }
.teamlist .teamlistmessage {line-height: 24px; color: #a1a4c7; margin-left: 100px; padding-left: 16px; font-size: 14px; }
.teamlist .moveborder { transition: all 0.5s; display: block;margin-left:65px; /*transform: translate(60px,16px);*/ }
.teamlist .moveborder div { transition: all 0.5s; width: 36px; height: 1px; display: block; }
.teamlist .moveborder div b { transition: all 0.5s;margin-top:10px; display: block; width: 36px; height: 1px; background-color: #a1a4c7; }
/*
.teamlist:hover .moveborder { transform: translate(86px,70px); }
.teamlist:hover .moveborder div { transform: rotate(90deg); }
.teamlist:hover .moveborder div b { transform: scale(1.7,2); }
*/
.teammore { margin: 20px 0 10px 0; }
.teammore a { transition: all 0.5s; margin: 0 auto; display: block; width: 109px; height: 32px; background: url('../images/more4_03.png') no-repeat; }
.teammore a:hover { background: url('../images/more1_03.png') no-repeat; }

.wenku {width:100%;margin-top:40px;}
.wenkugroup { margin-top: 20px; }
.wenkulist { margin-bottom: 12px; text-decoration: none; transition: all 0.5s; flex-wrap: nowrap; justify-content: space-between; height: 54px; display: flex; box-sizing: border-box; border: 1px solid #a1a4c7; padding-left: 10px; padding-right: 10px; padding-top: 10px; background: rgba(0,0,0,0); }
.wenkulist:hover { background: url('../images/texthover_03.png') no-repeat; padding-left: 50px; transform: translateX(10px); }
.wenkulist:hover span, .wenkulist:hover b { color: #333333; }
.wenkulist span { display: block; font-size: 13px; color: #a1a4c7; text-align: left; }
.wenkulist b { display: block; font-size: 13px; color: #a1a4c7; text-align: right;font-weight:normal;}
.wenkumore { margin-top: 50px; }
.wenkumore a { transition: all 0.5s; margin: 0 auto; display: block; width: 109px; height: 32px; background: url('../images/more4_03.png') no-repeat; }
.wenkumore a:hover { background: url('../images/more1_03.png') no-repeat; }

.hezuohuoban {padding-top:70px;}
.hzhbgroup { margin-top: 10px; justify-content: center; flex-wrap: wrap; display: flex; }
.hzhblist { width:50%; height: 90px;text-align:center;}
.hzhblistborder { height: 75px; }
.hzhblistborder img { transition: all 0.5s; text-align:center; width:100%; height: auto; margin: 0 auto; display: block; transform: translateY(-38px);}
.hzhblistborder a:hover { background-color: #1d0731; }
.hzhblist:nth-child(2n) .hzhblistborder { border-left: 1px solid #434859; }

.lianxi {clear:both;width:100%;margin-top:40px;padding-bottom:10px;}
.lianxititle {padding-top:10px;}
.lianxititle h2 { text-align: center; font-size: 24px; color: #FFFFFF; }
.lianxititle p { text-align: center; font-size: 14px; color: #818181; line-height:20px; }
.lianxigroup { width:96%; margin:22px 2% 0 2%; }
.liuyangroup form { justify-content: center; flex-wrap: wrap;margin-top:20px; }
.liuyanlist1 {width:96%;height: 40px;margin:0 0 0 2% ; border-bottom: 1px solid #434859;  }
.lianxilist1 h2 {margin-left: 40px; height: 50px; color: #bdbdbd; font-size: 15px; }
.liuyanlist1:nth-child(1), .liuyanlist1:nth-child(2) { margin-right: 36px; }
.liuyanlist1 .in { padding:0 0 0 10px;height:40px; line-height:40px; background: rgba(0,0,0,0); border: 0; font-size: 14px; color: #a9a9a9; outline: none; }
.liuyanlist2 { width: 96%;height: 60px;margin: 40px 0 0 2%; border-bottom: 1px solid #434859; }
.liuyanlist2 .intext { padding:0 0 0 10px;height:40px;background: rgba(0,0,0,0); border: 0; font-size: 14px; color: #a9a9a9; outline: none; resize: none; }
.lianxilist2border { height: 76px; border-left: 0px solid #434859; }
.lianxilist2border p { padding-left: 54px; font-size: 13px; color: #bdbdbd; line-height: 24px; }
.lianxilist3 {width:100%;margin-top:20px; }
.lianxilist3border { height: 76px; border-left: 0px solid #434859; }
.lianxilist3border p { padding-left: 54px; font-size: 13px; color: #bdbdbd; line-height: 24px; }
.lianxilist4 {width:100%;margin:0 auto;text-align:center;}
.liuyanlist4 .liuyansubmit { text-align:center;border: 1px solid #434859; background: rgba(0,0,0,0); width: 280px; height: 56px; color: #FFFFFF; font-size: 17px; cursor:pointer;display:block; margin:20px auto 10px auto;}

@media all and (min-width:640px) {body {width:640px;margin:0 auto;}}