@charset "utf-8";/* common style start */

body{max-width: 100%;overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,button{padding:0;margin:0;font-size:100%;}
label input{vertical-align:middle}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{text-decoration:none}
body{font:12px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif;color:black;background:#fff; }
input{font:12px/1.5 "Microsoft YaHei";}
img{border:0}
table{border-collapse:collapse}
ul li{list-style:none}
hr{height:1px;border:none;border-top:1px solid #e4e4e4; margin: 0px 5px 0px 5px; overflow:hidden;}
hr.dashed{border-top:1px dashed #e4e4e4}
a.hidefocus{outline:none}
button.hidefocus::-moz-focus-inner{border:none}
*:focus{ outline: none; } 
.pri{ color: #ff3333; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {font-weight: 400;line-height: 1;color: #777}
.img{display:table-cell;text-align:center;vertical-align:middle;}
.checkbox {padding-left: 20px; }
.checkbox input[type="checkbox"]{opacity: 0;z-index: 1; }
.checkbox label{display: inline-block;vertical-align: middle;position: relative;padding-left: 5px; }
.checkbox label::before{position: absolute;left: 0;margin-left: -20px;width: 18px;height: 18px;background-color: #fff;border: 1px solid #cccccc;display: inline-block;border-radius: 3px;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out;  content: "";}
.checkbox label::after{position: absolute;left: 0;top: 0;width: 16px;height: 16px;margin-left: -17px;display: inline-block;font-size: 11px;color: #555555;}
.checkbox input[type="checkbox"]:checked + label::after{ font-family: "icomoon"; content: "\e909";}
.checkbox.ck-circle label::before{border-radius: 50%;border-color: #888;}
.checkbox.ck-circle label::after{width: 18px;height: 18px;margin-left: -20px;line-height: 20px;text-align: center;background-color: #ff3333;border-radius: 50%;	color: #fff;}
.checkbox.ck-circle input[type="checkbox"]:checked + label::before{border-color: #ff3333;}

.radio input[type="radio"]{opacity: 0;z-index: 1; }
.radio label i {font-size:1.2em;font-style:normal;display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;color:#fff;vertical-align:middle;margin:-18px 2px 1px 0px;border:#888 1px solid;}  
.radio input[type="radio"] + i {border-radius:50%;}  
.radio input[type="radio"]:checked + i {background:#ff3333;border-color:#ff3333;}  
.radio input[type="radio"]:disabled + i {border-color:#ff3333;}  
.radio input[type="radio"]:checked:disabled + i {background:#ff3333;}  

.ibox-title {color: inherit;margin-bottom: 0;padding: 0px 15px 16px 15px; margin-top: 18px;}
.ibox-title h5 {display: inline-block;font-size: 16px;margin: 0 0 7px;padding: 0;text-overflow: ellipsis;float: left}
.hr-line-dashed {border-top: 1px dashed #e7eaec;color: #fff;background-color: #fff;height: 1px;margin: 20px 0}
.hr-line-solid {border-top: 1px solid #e7eaec;color: #fff;background-color: #fff;height: 1px;margin: 20px 0}


#balert{position: fixed; left: 50px; right:50px;text-align: center; display: none; z-index: 10000;}
#reg_alert{position: fixed; top: 125px; left: 50px; right:50px;text-align: center; display: none; z-index: 10000;}
.normal-alert{top:50%;margin-top: -50px;}
.item-alert{ bottom:35px;}
.pay-alert{top:200px;}

.page{margin:38px auto 38px auto; width: 100%; text-align:center;}
.page a{color:#3d3d3d;font-family:"Arial","微软雅黑", "黑体", "宋体", "新宋体", "楷体";}
.page a:hover{color:#d50000;}
.page .click{padding:5px 5px 5px 5px;margin-right:2px;border:1px #d1d1d1 solid;}
.page .click:hover{padding:5px 5px 5px 5px; margin-right:2px;border:1px #d50000 solid;}
.page .onclick{padding:5px 5px 5px 5px;margin-right:2px;background-color:#ff3333;color:#FFF;border:1px #ff3333 solid;font-family:"Arial","微软雅黑", "黑体", "宋体", "新宋体", "楷体";}

.mini-page{margin:38px auto 38px auto; width: 100%; text-align:center;}
.mini-page a{color:#3d3d3d;font-family:"Arial","微软雅黑", "黑体", "宋体", "新宋体", "楷体";}
.mini-page a:hover{color:#d50000;}
.mini-page .click{padding:10px 10px 10px 10px;margin-right:2px;border:1px #d1d1d1 solid;}
.mini-page .click:hover{padding:10px 10px 10px 10px; margin-right:2px;border:1px #d50000 solid;}
.mini-page .onclick{padding:10px 10px 10px 10px;margin-right:2px;background-color:#ff3333;color:#FFF;border:1px #ff3333 solid;font-family:"Arial","微软雅黑", "黑体", "宋体", "新宋体", "楷体";}

.u-backtop { position: fixed; width: 35px; height: 35px; border-radius:3px; background:#ff3333; z-index:999; right:10px; bottom:25px; display: none; }
.u-backtop .icon-long-arrow-up{width:35px; height:35px; line-height:35px;font-size:18px;color:#fff;text-align:center; display:block;}

.top-tabs{width: 100%;height: 35px;line-height: 35px;background-color: #f5f5f5;}
.top-tabs li{float: left;width: 20%;text-align: center;}
.top-tabs li a{width: 100%;height: 100%;display: block;}
.top-tabs li.hover a{color: #ff3333;}
/* title */
.ptitle{width: 100%;height: 45px;z-index:555; border-bottom:1px solid #e9e9e9; background-color:#f9f9f9;}
.ptitle .icon{width: 45px;height: 45px; line-height: 45px; text-align: center; padding:1px 0px 0px 0px;}
.ptitle .icon .ico{color: #555; font-size: 15px;}
.ptitle .title-box{z-index:1024; height:45px; line-height: 45px; left: 72px;right: 72px; position:absolute; display:block;}
.ptitle .title-box h1{ color: #555; width: 100%;height: 45px;line-height: 45px;text-align: center;font-weight: normal; overflow: hidden;font-size:1.15em;}
.ptitle.fixed{position: fixed;}
/* !title */
/* list */
#list_wrap{width:100%; height: auto;}
#cat_box{width: 100%;position: fixed;top: 38px;left:100%;bottom: 0px; z-index: 555; display: none;}
#cat_box .list-body{width: 90%;top: 0px;left:10%;bottom: 0px; background-color: #fff;}
#cat_box #list_left{width: 10%; height: 100%; left: 0px; top: 0px; bottom: 0px; display: block;}
/* !list */


/* wo index */
.user_top { width:100%; height:140px; background:url(../images/user_1.jpg) no-repeat center top; background-size:120% 100%; }
.user_top span { width:112px; height:112px; display:block; padding:6px; overflow:hidden; background:rgba(255,255,255,0.5); float:left; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:12px 0 0 12px; }
.user_top span img { width:100px; height:100px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.user_top .user_info { padding:28px 0 0 16px; display:block; float:left; }
.user_top .user_info ul li { color:#fff; }
.user_top .user_info ul li.u1 { height:30px; font-size:18px; }
.user_top .user_info ul li a { width:80px; height:26px; line-height:24px; text-align:center; display:block; border:1px solid #fff; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; margin-top:9px; color:#fff; }

.user_pic_nav { width:100%; height:auto; display:table; padding:10px 0 10px 0; background:#fff; border-bottom: 15px #efefef solid;border-top: 15px #efefef solid;}
.user_pic_nav ul li { width:20%; height:46px; float:left; text-align:center; }
.user_pic_nav ul li i { width:36px; height:30px; font-size:25px; clear:both; display:block; margin:0 auto; color:#999; }
.user_pic_nav ul li span { display:block; width:100%; color:#999; }
.user_pic_nav ul li.xx { background:url(../images/cdo.gif) repeat-y right top}
.user_pic_nav ul li.xx1 i { color:#FF9900;  font-size: 20px; padding-top: 2px;}
.user_pic_nav ul li.xx2 i { color:#e7768a;}
.user_pic_nav ul li.xx3 i { color:#1eadc2; font-size: 20px; padding-top: 2px;}
.user_pic_nav ul li.xx4 i { color:#92c530; font-size: 20px; padding-top: 2px;}
.user_pic_nav ul li.xx5 i { color:#e95a40; }
.user_pic_nav ul li.xx6 i { color:#a969dd; }
.user_pic_nav ul li.xx7 i { color:#0066ff; }
.user_pic_nav ul li.xx8 i { color:#8fb63b; }
.user_pic_nav ul li.xx9 i { color:#990066; }

.user_menu_list { width:100%; background:#fff; border-bottom:15px solid #efefef; }
.user_menu_list ul li { height:50px; line-height:50px; padding:0px 6px; border-bottom:1px solid #efefef; }
.user_menu_list ul li a { width:100%; height:40px; line-height:40px; padding:5px 0; display:block; }
.user_menu_list ul li i { width:40px; height:40px; line-height: 40px; font-size:22px; display:block; float:left;text-align: center;}
.user_menu_list ul li i.icon-user-o{font-size: 18px;}
.user_menu_list ul li i.icon-area{font-size: 24px;}
.user_menu_list ul li i.icon-loop2{font-size: 18px;}
.user_menu_list ul li span { height:40px; display:block; float:left; font-size:16px; color:#666; }
.user_menu_list ul li .icon-angle-right { width:30px; height:40px; line-height: 40px; text-align:right; color:#999; display:block; float:right; }
.user_menu_list ul li.us1 i { color:#e95a40; }
.user_menu_list ul li.us2 i { color:#a969dd; }
.user_menu_list ul li.us3 i { color:#0066ff; }
.user_menu_list ul li.us4 i { color:#8fb63b; }
.user_menu_list ul li.us5 i { color:#990066; }
.user_menu_list ul li.us6 i { color:#FF9900; }
.user_menu_list ul li.us7 i { color:#e7768a; }
.user_menu_list ul li.us8 i { color:#1eadc2; }
.user_menu_list ul li.us9 i { color:#92c530; }
.wo-floor-tt{width: 100%;height: 35px;line-height: 35px;font-size: 14px;text-align: center;background-color: #f9f9f9;}
/* !wo index */
/* login/reg */
.user-lr-box{width: 100%;height: 100%;padding: 25px 22px 0px 22px;}
.user-lr-box .input{border:none;border-bottom: 1px #d8d8d8 solid;box-shadow: none;border-radius: 0px;height: 50px;line-height: 50px;}
.user-lr-box .captcha-img{float: right;margin-top: -41px; border-radius: 6px;}
.user-lr-box .captcha-img img{height: 38px; border-radius: 6px;}
.user-lr-box .alert-box,#login_box .code-box{display: none;}
.user-lr-box .btn{width: 100%;}
.user-lr-box .btn-dark{background-color: #e5e5e5;border-color: #e5e5e5;color: #555;border:1px #e5e5e5 solid;}
.user-lr-box .btn-normal{background-color: #ff3333;border-color: #ff3333;color: #fff;border:1px #ff3333 solid;}
.user-lr-box .btn.msg{ border:1px #ff3333 solid; }
.user-lr-box .sms-btn{float: right;width: 123px;background-color: #f5f5f5;margin-top: -41px;border:1px #f5f5f5 solid;color: #6c6c6c;}
.user-lr-box .sms-btn.send{float: right;width: 123px;background-color: #e5e5e5; color: #333; margin-top: -41px;}
/* !login/reg */
/* item */
#top_nav{ width:100%; height:40px; background-color: #fff; position:fixed; z-index:999; left:0px; top:0px;}
#top_nav ul{ margin: 0px 45px 0px 45px; }
#top_nav ul li{float: left;width: 33.3%;height: 37px; text-align:center;}
#top_nav ul li.hover{border-bottom: 2px #ff3333 solid;}
#top_nav ul li a{float: left;width: 100%;height: 40px;line-height: 40px;display: block;font-size: 1.15em;color: #6c6c6c;}
#top_nav ul li.hover a{font-size: 1.2em;color: #000;}
#top_nav .icon{ width: 30px; height: 30px; display:block;margin:5px;line-height: 30px;}
#top_nav .icon.back{padding: 1px 0px 0px 9px;}
#top_nav .icon.home{padding: 3px 0px 0px 7px;}
#top_nav .icon .icon-angle-left{font-size: 26px;color: #555;}
#top_nav .home .icon-home{font-size: 18px;color: #555;}
#top_nav.filter{background-color: transparent;}
#top_nav.filter ul{display: none;}
#top_nav.filter .icon{border-radius: 50%;background-color: rgb(0,0,0,0.3);}
#top_nav.filter .icon .ico{color: #fff;}

.item-nav{width:100%; height:45px; position:fixed; left:0px; bottom:0px; z-index:999; border-top: 1px #f0f0f0 solid; background-color: #fff;}
.item-nav ul li{ float:left; height:45px; line-height:45px; font-size:12px;}
.item-nav ul li a{ display:block;}
.item-nav ul li span.ico{ width:100%; height:32px; line-height:32px; text-align:center; display:block; font-size:16px;color: #555;}
.item-nav ul li.navs{ width:20%; }
.item-nav ul li.navs font{ width:100%; height:24px; line-height:0px; display:block; text-align:center; color:#555; }
.item-nav ul li.navs a{border-left: 1px #f9f9f9 solid; color:#555;}
.item-nav ul li.navs:first-child a{border-left:none;}
.item-nav ul li.navs .nav-cart-num{float: right;position: relative;right: 5px;top: -52px;background:#ff3333;padding:0px 5px;display: block;line-height: 1.4em;border-radius:0.7em;color: #fff; box-sizing:border-box; overflow: hidden;}
.item-nav ul li.navs .icon-kefu{color: #ff3333}
.item-nav ul li#nav_cart{ width:80%; text-align:center; background:#3fc86f; color:#fff; }
.item-nav ul li#nav_cart font{ color:#fff; font-size:1.2em;}

#imgs_effect_wrapper{width: 100%;height: 100vw;background-color: #f5f5f5;}
#imgs_effect_wrapper img{width: auto; height: auto;max-width: 100%; max-height: 100vw;}

.item-box{ width:100%; height:auto; display:table; }
.item-box .imgs{width: 100%;height: calc(100vw);background-color: #f5f5f5;display: block;}
.item-box .imgs .img-section{width: 100%;height: calc(100vw);}
.item-box .imgs .img-section img{width: 100%;height: calc(100vw);}

.item-box .item-info .item-name{ line-height:22px; font-size:1.25em; display:block; padding:8px 8px 0px 8px; clear:both;color: #555;}
.item-box .item-info .sell-points{line-height: 16px;font-size: 12px;color: #ff3333;padding:3px 8px 0px 8px;}
.item-box .item-info .price{ height:auto; display:table; clear:both;width: 100%;margin:8px 8px 0px 8px;}
.item-box .price .item-price{float: left;width: 100%; padding: 0px 0px 8px 0px;}
.item-box .price .item-price em{float: left;font-weight: normal;border:none;background:none;color: #888;padding-right: 0px;font-style:normal;height:18px; line-height:16px; font-size: 12px;}
.item-box .price .item-price .sell{ float:left; color:#ff3333; font-size:1.5em; padding:0px; margin: -6px 0px 0px 3px;}
.item-box .price .item-price.del em{margin-top: 10px;}
.item-box .price .item-price.del .sell{font-size: 12px;color: #888;margin-top: 9px;}
.item-box .price .item-price.del .sell b{ font-weight: normal;text-decoration: line-through; margin-top: 2px; font-size: 1.0em;}
.item-box .price .pro-price em{ padding:0px 5px;border:1px #ff3333 solid;display: block;color:#F00;border-radius:2px; background-color:#FDF3F3;}
.item-box .price .pro-price .sell{padding-top: 2px;}
.item-box .price .pro-price .pro-name{float: left;margin-left:6px;padding: 1px 5px 1px 5px;display: block;background-color: #ed8400;border-radius: 2px;font-size: 12px;color: #fff;}
.sku{width:100%; height:35px; line-height: 35px; padding-left: 16px; display:table; border-top:6px solid #f5f5f5;}
.rate{float: left; width:100%; height: 35px; display:table; border-top:6px solid #f5f5f5;}
.rate .title{margin: 0px 16px 0px 10px;}
.rate .title .t{ float: left; width: 100%; height: 30px; line-height: 30px;  padding-left: 6px; display: block; border-bottom: 1px #f0f0f0 solid;}
.rate .norate{float: left;width: 100%;height: 35px;line-height: 35px; text-align: center;}
.desc{float: left; width:100%; border-top:6px solid #f5f5f5;}
.desc .nav{ float: left; width: 100%; border-bottom: 1px #f0f0f0 solid; }
.desc .nav ul{ margin: 0px 20% 0px 20%;}
.desc .nav ul li{ float: left; width: 100%; text-align: center;}
.desc .nav ul li a{ width: 100%; height: 35px; line-height: 35px; }
.desc .nav ul li.hover a{color: #ff3333; font-weight: bold;}
.desc .description{ width: 100%; padding:8px 2px 24px 2px;display: block;line-height:22px; clear:both;-webkit-transform:scale();overflow: hidden;}
.desc .description img{ max-width:100%;}
.desc .pics .title{float: left;width: 100%;height: 35px;line-height: 35px;padding: 0px 8px 0px 8px;border-bottom: 1px #f0f0f0 dashed;}
.desc .pics li{float: left;width: 33.33%;overflow: hidden;padding: 1px 1px 1px 1px;}
.desc .pics li .img{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.desc .pics li .img img{max-width: 100%;max-height: 100%;}
.desc .pics p{float: left;width: 100%;height: 35px;line-height: 35px;text-align: center;}
.lwidget_mask{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:999; display:none; }
.box_price,.mask_buy { padding:0 16px; }
.box_price { padding-bottom:6px; }
.box_price .pd_price{ height:auto; display:table; clear:both; }
.box_price .pd_price em{ display:block; font-style:normal; height:18px; line-height:18px; margin:8px 5px 0px 0px; padding:0px 5px; color:#F00; border:1px solid #FF7979; border-radius:2px; background-color:#FDF3F3; float:left; }
.box_price .pd_price .sell{ float:left; margin-top: 6px; color:#FE5955; font-size:16px; font-weight:normal; padding-right:10px; }
.pd-info{ width:100%; height:76%; position:fixed; left:0px; bottom:0px; display:none; z-index:9999; background:#fff; }
.pd-info .pic_info_data { width:100%; height:106px; position:relative; }
.pd-info .pic_info_data em { width:100px; height:100px; margin-top:-30px; margin-left:16px; display:block; border:4px solid #fff;  }
.pd-info .pic_info_data em img { width:92px; height:92px; border:1px solid #f1f1f1; }
.pd-info .pic_info_data .info_data { left:126px; top:40px; position:absolute; }
.pd-info .pic_info_data .info_data p { height:22px; line-height:22px; font-size:12px; color:#666; }
.pd-info .pic_info_data .info_data p strong { font-weight:400; }
.pd-info .pic_info_data a { width:28px; height:30px; line-height:30px; display:block; font-size:18px; color:#666; position:absolute; right:2px; top:36px; }
.pd-info .sku-box{position: absolute;top: 112px;bottom: 50px;overflow-y: scroll;}
.pd-info .count_all { margin-top:8px; padding:0 16px; }
.pd-info .count_all dl dt { width:100%; padding:10px 0; display:table; border-bottom:1px solid #dedede; }
.pd-info .count_all dl dt b { height:28px; line-height:28px; display:block; float:left; }
.pd-info .count_all dl dt p { height:26px; display:block; float:right; }
.pd-info .count_all dl dt p a { width:26px; height:26px; line-height:26px; background:#f1f1f1; border:1px solid #dedede; display:block; float:left; text-align:center; color:#999; }
.pd-info .count_all dl dt p #goods-number{ width:40px; height:26px; border:1px solid #dedede; display:block; float:left; text-align:center; padding:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-left:none; border-right:none; font-size:14px; color:#333; font-weight:normal;} 
.pd-info #sku_alert{position: fixed; left: 50px; right:50px; bottom:35px;text-align: center; display: none; z-index: 10000;}
.pd-info .nav2 { width:100%; height:45px; text-align:center; position:absolute; left:0px; bottom:0px; }
.pd-info .nav2 a { width:100%; height:45px; line-height:45px; display:block; float:left; font-size:16px; }
.pd-info .nav2 a#joinCarButton { background:#3fc86f; color:#fff; }
.pd-info .nav2 a#buyNowButton { background:#e5d200; color:#fff; display: none;}
.mask_buy span{ float: left; width: 100%; display: block;}
.mask_buy span.line-title{height: 28px;line-height: 28px;font-weight: bold;display: block;}
.mask_buy span.line-contents li{float: left;margin: 8px 8px 0px 0px;border:1px #d5d5d5 solid;border-radius: 3px;display: block;}
.mask_buy span.line-contents li a{padding: 5px 8px 5px 8px; display: block;}
.mask_buy span.line-contents li.hover{background-color: #FF3333;border-color: #ff3333; color: #fff;}
.mask_buy span.line-contents li.hover a{color: #fff;}
.mask_buy .number-box{ box-shadow: none; }
/* !item */
/* search */
#sort_filter{ float: left; position: relative;width:100%; height:38px; line-height:38px; border-bottom:1px solid #f0f0f0; }
#sort_filter .nav-toolbar{ width:75%; height:38px; display:block; float:left; }
#sort_filter .nav-toolbar .ybtn{float:left; height:22px; line-height: 22px; margin-top:8px;   }
#sort_filter .nav-toolbar .ybtn:last-child{border-right:none; }
#sort_filter .nav-toolbar .ybtn a{padding:0px 12px; display:block; }
#sort_filter .nav-toolbar .hover a{ color:#ff3333; }
#sort_filter .show{text-align:center; float:right; display:block; width:46px;height:38px;line-height: 38px;color:#888;font-size: 18px;}
#list_box{ width:100%; height:auto; display:table;}
#list_box .list li{ width:100%; height:125px; display:table; padding:6px 8px 6px 8px;box-sizing: border-box;border-bottom: 1px #f9f9f9 dashed;overflow: hidden;}
#list_box .list li .img{float:left; width:125px; height: 125px; display:block; text-align:center;}
#list_box .list li .img img{ width: 125px; height: 125px; border-radius: 5px;}
#list_box .list li .r_text{float:left; margin:-125px 0px 0px 133px;}
#list_box .list li .r_text .title{float:left; width: 100%; height:44px; font-size:1.2em; font-weight: bold; line-height:1.5em; overflow:hidden;}
#list_box .list li .r_text .title a{ color: #555;}
#list_box .list li .r_text .more{ float: left; width: 100%; height: 23px; display: block; }
#list_box .list li .r_text .price{ float:left; width: 100%; height:40px; line-height:40px;}
#list_box .list li .r_text .price .icon-rmb{ float: left; font-size:0.8em; color:#ff3333; margin-top: 16px;}
#list_box .list li .r_text .price .pri{float: left; font-size:1.5em;color:#ff3333;}
#list_box .list li .r_text .extend{float:left; width: 100%; }
#list_box .list li .r_text .extend li{float: left;min-width: 50px; max-width: 50%; padding:0px; height: 20px;border:none;display: inline-table;}
#list_box .list li .r_text .extend li.area{ text-align: right;}
#list_box .win li{width:50%; height:auto; display:table; float:left; padding:5px; box-sizing: border-box; border-left: #f5f5f5 1px solid;border-bottom: #f5f5f5 1px solid;}
#list_box .win li .img{ width:100%; display:block; text-align:center; }
#list_box .win li .img img{ width:90%; margin:0 auto 6px auto; }
#list_box .win li .r_text .title{float:left; width: 100%; height:32px; font-size:12px; line-height:16px; color:#555; overflow:hidden;  }
#list_box .win li .r_text .price{ float:left; width: 100%; height:25px; line-height:25px;font-size:16px; color:#ff3333; }
#list_box .win li .r_text .price .icon-rmb{ font-size: 10px; }
#list_box .win li .r_text .extend li{border:none; padding: 0;}
#list_box .win li .r_text .extend li.saled{text-align: left;}
#list_box .win li .r_text .extend li.area{ text-align: right;}
#list_box h3.ts{ width: 100%; text-align: center; margin:50px 0px 50px 0px; }
.display_list{width:100%;}
.display_list li{height:120px;margin-top:15px;padding:0 0 12px 165px;border-bottom:1px solid #d5d5d5}
.display_list li .pic{float:left;width:115px;height:115px;margin-left:-140px;padding:1px;border:1px solid #ddd;_margin-left:-70px}
.display_list li .title{ float:left;width:300px;font-weight:bold;text-align:left;line-height:20px}
.display_list li .title a{color:#000}
.display_list li .title i.stats{ display:inline-block;width:31px;height:17px;line-height:17px;margin-left:3px;text-align:center;font-style:normal;color:#fff;background:url(../images/front/sprites_2.gif) -60px -741px no-repeat}
.display_list li .title span{display:block;color:#666;margin-top:10px}
.display_list li .title span a{margin-left:10px;color:#36c}
.display_list li .handle,.display_list li .price{float:right;width:135px}
.display_list li .price{margin-top:10px;color:#c30;font:bold 16px "yahei";text-align:left}
.display_list li .price s{display:block;color:#9c9c9c;font-size:12px;font-weight:normal;text-indent:3px}
.display_list li .handle label.btn_gray_m{float:left;margin-bottom:7px;text-align:left}
.display_list li .handle label.btn_gray_m input{font-weight:normal;color:#333}
.display_list li .handle label.btn_gray_m img{margin:3px 3px 5px 0}
/* !search */
/* list index */
.list-body{width:100%; position: absolute;left:0; right:0;top: 45px;bottom: 47px;background:url(../images/cdo.gif) repeat-y #ffffff;z-index: 1550;}
.middle-all{ width:25%; height:100%; background-color: #dedede;position: absolute;overflow-y: scroll;left: 0; overflow-x:hidden;}
.middle-all dl{ width:100%; font-size:14px; position:relative; clear:both; }
.middle-all dl dt{width:100%; height:38px; line-height:38px; display:block; background:#f5f5f5; border-left:2px solid #f5f5f5; text-align: center; border-bottom:1px solid #ccc;}
.middle-all dl dt a{height:38px; line-height:38px; display:block; width: 82%;overflow: hidden;text-overflow:ellipsis; white-space:nowrap;}
.middle-all dl dt.on { background:#fff; border-left:2px solid #ff3333; }
.middle-all dl dt.on a { color:#ff3333; }
.middle-all-body{ width:75%; height:100%; float:left;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;padding: 10px 2%;position: absolute;overflow-y: scroll;left: 25%;}
.middle-all-body h5{ width:100%; height:28px; line-height:28px; clear:both; display:block; font-size:14px;}
.middle-all-body h5 i{float: left;width: 6px;height: 6px;display: block;margin-top: 12px;background: url('../images/Arrow.png') no-repeat;-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
.middle-all-body h5 a {float: left;color:#333; margin-left: 5px;}
.middle-all-body b{ width:100%; height:28px; line-height:28px; clear:both; display:block; font-size:14px; border-bottom:1px dotted #dedede; margin-bottom:5px; }
.middle-all-body b a { color:#ff3333; }
.middle-all-body ul li { width:auto; height:28px; line-height:28px; float:left; margin:0 8px 8px 0; }
.middle-all-body ul li a { padding:0 10px; background:#dedede; display:block; }
.middle-all-body ul li a:hover { background:#ff3333; color:#fff; }
/* !list index */
/* index */
#s_search{width:100%; height:40px; position: relative; background-color:#fff;z-index:1024;}
#s_search .icon .ico{color: #555;position:absolute;z-index:1025; }
#s_search .icon-angle-left{font-size: 26px; left:14px; top:6px;}
#s_search .search-box{margin:0px 8px 0px 40px; height:40px; position:relative; display:block;}
#s_search .search-box .text{width:100%;margin:2px auto;height:35px;line-height: normal; cursor: pointer;font-size:14px;color:#333;text-indent:6px;border-radius:3px;border:1px solid #eee;padding:0px;-webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;-webkit-rtl-ordering: logical; -webkit-user-select: text; background-color:#e9e9e9;}
#s_search .search-box .icon-search{position:absolute; right:10px; top:8px;font-size: 20px;color: #888;background: none;border: none;}
#search_index .search-tabs{width:100%; height:35px;line-height: 35px;background-color: #fff;}
#search_index .search-tabs li{float: left;width: 50%;}
#search_index .search-tabs li a{width: 100%;display: block;text-align: center;font-weight: bold;font-size: 14px;}
#search_index .search-tabs li .icon{color: transparent;font-size: 14px;height: 10px;display: block;margin-top: -10px;}
#search_index .search-tabs li.active a,#search_index .search-tabs li.active .icon{color: #ff3333;}
#search_index .s-lists{width: 100%;padding: 12px 8px 35px 8px;}
#search_index .s-lists h3{width: 100%;height: 30px;line-height: 30px;font-weight: bold;color: #333;font-size: 14px;}
#search_index .s-lists h3 .btn-clear{width: 30px;height: 30px;line-height: 30px;border:none;	padding: 3px 0px 0px 0px;background-color: transparent;box-shadow: none;}
#search_index .s-lists h3 .btn-clear:focus{box-shadow: none;border:none;}
#search_index .s-lists h3 .btn-clear .icon-trash-o{font-size: 18px;}
#search_index .s-lists ul li{float: left;margin:12px 12px 0px 0px;}
#search_index .s-lists ul li a{padding: 3px 12px 3px 12px;background-color: #dedede;color: #555;border-radius: 3px;-webkit-border-radius:3px; -moz-border-radius: 3px; }
#index_search_box{ width:100%; height:45px; overflow:hidden; position:fixed; left:0px; top:0px; z-index:888; background-color:#f9f9f9;}
#index_search_box .index-search{margin:0px 6px 0px 6px; height:45px; position:relative; display:block;}
#index_search_box .index-search .text{width:100%;margin:3px auto;height:38px;line-height: normal;border-radius:3px;text-indent:6px;text-align: center;color:#888;
border:2px solid #f0f0f0; font-size: 1.2em; padding-right: 28px;}
#index_search_box .index-search .logo{position: absolute;left: 6px;top: 8px;width: 28px;height: 28px;padding: 0;border: none;background: none;outline: none;}
#index_search_box .index-search .logo img{width: 28px;height: 28px;margin: 0;}
#index_search_box .index-search .icon-search{position: absolute; right: 2px; top: 4px; width: 35px; height: 35px; border:0px;font-size: 16px;color: #555;background:none;}
.flexslider { position:relative; margin-top: 45px; overflow: hidden;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style-type: none;}
.flexslider .slides img {width: 100%; display: block;}
.flexslider .flex-direction-nav{ display:none; }
.flexslider .flex-control-paging { width:100%; position:absolute; bottom:0px; text-align:center; }
.flexslider .flex-control-paging li { margin: 0px; padding: 0px; display:inline-block; overflow: hidden; }
.flexslider .flex-control-paging li a {width:10px; height:10px; display:inline-block; border-radius:50%; margin:2px; background:#ccc; opacity:0.4; text-indent:-9000px; cursor:pointer; }
.flexslider .flex-control-paging li a.flex-active { background:#ff3333; opacity:1; }
.nav-index { width: 100%; height: auto;  background-image: url("../images/app_index_icons.png"); background-size: 100% 100%; background-color:#fff; border-bottom:5px solid #f5f5f5; }
.nav-index ul { display: table; width: 100%; border-collapse: collapse; }
.nav-index li {float:left; display:inline-block; width:20%;  }
.nav-index li img{width:100% !important; height:auto !important;}
.floor{padding:0px 2% 0px 0px;}
.floor li{float: left;width: 48%;margin: 2vw 0px 0px 2%;background-color: #fff;border-radius: 6px;overflow: hidden;}
.floor li .products_kuang{ width:100%; margin:auto;overflow: hidden; position:relative; padding: 1px 1px 1px 1px; }
.floor li .products_kuang img{width:100% !important; height: auto !important; max-height:47vw;}
.floor li .goods_name a{width:100%;margin-top:3px;max-height:36px;line-height: 18px;padding: 0px 6px 0px 6px;display: block; overflow: hidden;}
.floor li .price { font-size:14px; color: #ff3333; height:28px; text-align:left;margin: 0 auto; position:relative; padding-left:2px; position:relative; }
/* !index */
/* 通用底部导航 */
#nav{ width:100%; height: 50px; position:fixed; left: 0px; bottom:0px; z-index:99; }
#nav .nav-wrap .nav-item{width:33.33%; text-align: center; overflow: hidden; display:block; float:left; position:relative;}
#nav .nav-wrap .nav-item .icon{width: 26px;height: 26px;display: block;margin:0.2em auto 0px auto;text-align: center;padding: 2px;}
#nav .nav-wrap .nav-item .icon .bi{color: #555;}
#nav .nav-wrap .nav-item .icon.cart{padding: 1px 0px 0px 0px;}
#nav .nav-wrap .nav-item .icon.wo{padding: 0px 0px 0px 0px;}
#nav .nav-wrap{background:#fff; border-top:1px solid #f0f0f0; height:50px; max-width:800px; margin:0 auto; }
#nav .nav-wrap .nav-item .nav-link{position:relative;display:block;height:55px;line-height:18px;padding-top:2px;text-align:center;white-space:nowrap;color:#000;margin:0 auto;}
#nav .nav-wrap .nav-item.active .icon .bi{color: #ff3333;}
#nav .nav-wrap .nav-item.active .icon.wa{background-color: #ff3333;}
#nav .nav-wrap .nav-item.active .nav-tit{color: #ff3333;}
#nav .nav-wrap .nav-item .nav-tit{ display:block; font-size:1.0em; height: 1.38em; line-height: 1.38em; color:#333; }
#nav .nav-wrap .nav-item .nav-cart-num{ position:absolute; padding:0px 5px 0px 3px; border-radius:0.7em; background:#ff3333; font-size:12px; right:0.8em; top:0.5em; display: block; line-height: 1.4em; color: #fff; box-sizing:border-box; overflow: hidden; }
#categories{position: fixed;top: 45px;right: 0px;bottom: 50px;left: 0px;display: none;}
/* !通用底部导航 */
/* footer */
.footer{ float: left; width: 100%; margin-bottom: 55px;background-color: #f5f5f5;margin:12px 0px 55px 0px;padding: 8px 0px 12px 0px;}
.footer .nav{float: left; width: 100%; height: 18px;line-height: 18px; text-align: center; }
.footer .nav a{ font-size: 5px; }
/* !footer */