/*=========index-top========*/
@charset "utf-8";
html { font-size: 10px; }
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0 }
fieldset, img { border: 0 }
ol, ul, li { list-style: none }
address, em { font-style: normal }
a { color: #000; text-decoration: none; }
table { border-collapse: collapse; }
input { font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; }
em, i { font-style: normal; }
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden }
.clearfix { zoom: 1 }
.dis_tab { display: table; width: 100%; }
.dis_tab_c { display: table-cell; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
:focus { outline: none; }
/*分类页面css*/
.container{ width:100%; padding:0; overflow:hidden; margin:auto;}

.category-box{ margin-top:-45px; height:100%; width:100%; overflow:hidden}
.category1{ height:100%; float:left; width:25%;background-color:#fff;}
.category1 ul{width:100%; overflow:hidden;}
.category1 li{ width:100%;height:50px;line-height:50px;background-color: #fff;border-top: 1px solid #f4f4f4;font-size: 14px; overflow:hidden; text-align:center}
.category1 li.cur{color:#9C1B53; border-left:2px solid #9C1B53; background:#f4f4f4}
.category1 li.cur:before{ position:absolute; right:0; top:50%; margin-top:-5px; content:''; display:block;display: inline-block;border-width: 6px;border-color: transparent #fff transparent transparent;border-style: dashed solid dashed dashed;}

.category2{ float:left; width:75%; height:100%; background-color:#f4f4f4; }
.category2 dl{ width:95%; margin:auto;overflow:hidden; padding-bottom:60px}
.category2 dl span{ display:block; width:100%; height:100px; overflow:hidden; position:relative; margin-top:8px;}
.category2 dl span img{ display:block; width:100%; height:auto}
.category2 dl span em{ display:block; width:10px; font-size:12px; height:60px; position:absolute; right:0px; bottom:0px;
 padding:25px 10px 25px 10px;background-color:rgba(27,27,27,0.5); color:#FFF; font-style:normal; line-height:150%; font-family:'宋体';} 

.categoryShowAllLink{ display:block; width:90%; font-size:14px;height:40px; overflow:hidden; position:relative; margin-top:8px;background-color:#9C1B53; color:#FFF; font-style:normal; text-align:center; font-family:'宋体';}

.category2 dt{ width:100%; height:20px;margin-top:10px; margin-bottom:10px;}
.category2 dt a{ display:block; height:20px;font-size:14px; line-height:20px;color:#999;}
.category2 dd{ width:100%; overflow:hidden; margin-bottom:10px;}

.fenimg{ width:100%; overflow:hidden;}
.fen_img{width:33.3%; overflow:hidden;float: left; margin:0px; margin-bottom:5px;}
.fen_img a{ display:block; width:90%;height:110px; margin:auto;overflow:hidden; background:#FFF; padding-top:3px;}
.fen_img a span{ display:block; width:100%; height:70px;}
.fen_img a span img{ display:block; width:70px;height:70px; margin:auto;}
.fen_img a em{ display:block; width:90%; height:30px; margin:auto; text-align:center;font-size:12px; color:#999; line-height:30px;}

.fen{width:33.3%;float:left; overflow:hidden;text-align:left; }
.fen a{display:block; width:90%; height:35px; line-height:35px; border:1px solid #e5e5e5;margin-bottom:5px; text-align:center;font-size:12px; color:#999; background:#FFF}

/* 商品列表 */
ol, ul, li { list-style: none }
.touchweb-com_searchListBox.hide { display: none; }
.touchweb-com_searchListBox li { position: relative; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; margin-left:-1px; padding-bottom:5px;}
.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: 80px; height:78px; 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: 33px; overflow: hidden; color:#666; font-size:12px; line-height: 18px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;
}
.touchweb-com_searchListBox .item .title_samll { font-weight:bold; overflow: hidden; color:#666; font-size:14px; line-height: 18px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;
}
.storejuli {    position: absolute;right: 1.4em;bottom: 1.6em;color: #999;font-size: 0.9em;
}
.distance{position: absolute;right: 1.4em;color: #999;font-size: 0.9em;}
.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: #9C1B53; vertical-align: middle; }
.touchweb-com_searchListBox .item .price_box i { font-size: 18px; }
.touchweb-com_searchListBox .item .price_box i { font-size:18px; }
.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/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/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/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/shop-cart.png) no-repeat -25px -26px; background-size: 60px;text-indent:-9999px}

.touchweb-com_searchListBox .item .comment_box { height: 25px; line-height: 15px; 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: #9C1B53; 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: #9C1B53; font-size: 2.2rem; text-align: center; }
.touchweb-com_searchListBox .bug_car i { background: url(../images/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/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; }

.floor_body2 { width:98%; margin:auto; overflow:hidden; }
.floor_body2 h2 {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    text-align: center;
}
.floor_body2 ul {
    width: 50%;
    float: left;
    text-align: center;
    overflow: hidden;
}
.floor_body2 ul li {
    width: 98%;
    margin: auto;
    margin-bottom: 5px;
    background: #FFF;
    overflow: hidden;
    padding-bottom: 2%;
}
.floor_body2 ul li .products_kuang img {
    display: block;
    width: 100%;
    margin: auto;
}
.floor_body2 ul li .goods_name {
    width: 93%;
    margin: auto;
    text-align: left;
    height: 33px;
    overflow: hidden;
    color: #666;
    font-size: 12px;
    line-height: 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-top: 8px;
    margin-bottom: 8px;
}
.floor_body2 ul li .price {
    width: 100%;
    margin: auto;
    position: relative;
    border-top: 1px solid #eeeeee;
}
.floor_body2 ul li .price .price_pro {
    width: 98%;
    margin: auto;
    display: block;
    font-size: 10px;
    color: #9C1B53;
    height: 40px;
    text-align: left;
}
.floor_body2 ul li .price .price_pro i{font-size:10px; color: #666; }
.floor_body2 ul li .btns {
    position: absolute;
    display: block;
    right: 5px;
    height: 25px;
    width: 25px;
    background: #9C1B53;
    border-radius: 50%;
    bottom: 8px;
}
.floor_body2 ul li .btns img {
    display: block;
    width: 25px;
    height: 25px;
}