@import url(comm.css);

header{height:.8rem;line-height:.8rem;position:fixed;top:0;left:0;width:100%;z-index:99; display: flex; background-color:#fff; border-bottom:1px solid #e2e2e2; font-size: .3rem; padding: 0.1rem 0; }
header a span{font-size: .3rem;}
header a .iconfont{font-size: .5rem;}
header > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
header > div {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
header #topkw{ width:90%; height:30px; line-height:30px; border:1px solid #d3d3d3; border-radius:15px; text-indent:40px; background:#fff url(../images/s32.png) no-repeat 10px center;background-size:24px 24px; }

#slide{width:100%;height:3rem;overflow: hidden;position:relative;}
#slide .swiper-slide{text-align:center;height:3rem;}
#slide .swiper-slide img{width:100%;max-width:100%;height:auto;}
#slide .pagination{position: absolute; z-index: 20; bottom:5px; width:100%; text-align: center; right:0;}
#slide .swiper-pagination-bullet{display: inline-block; width:15px; height:5px; border-radius:0; background:green; margin: 0 2px; opacity: 0.8; cursor: pointer;}
#slide .swiper-pagination-bullet-active{background:#97d38d;}

.iconbox{overflow:hidden;background:white;margin:.15rem auto;padding-bottom:.5rem;box-shadow: 0 3px 9px #dcdcdf; 
}
.iconbox li{float:left;width:25%;overflow:hidden;margin-top:.25rem; text-align: center;}
.iconbox li a{display:block;text-align:center;}
.iconbox li a em{display:block;font-style:normal;color:#666;}

.icon_box{width:1rem;height:1rem;line-height:1rem;text-align:center;border-radius:50%;text-align:center;color:#fff; margin: 0.1rem auto;}
.icon_box i{font-size: 0.6rem; color: #fff;}
.icon_c1{background:#E3000E;}
/* .icon-1:before { content: "\e657"; } */
.icon_c2{background:#F61D4B;}
.icon_c3{background:#31BD80;}
.icon_c4{background:#FF4D48;}
.icon_c5{background:#F46C00;}
.icon_c6{background:#3EA3FF;}
.icon_c7{background:#FFB20E;}
.icon_c8{background:#85DA45;}
.icon_box_txt{text-align: center;}


.bgbox-container{width:100%;height:2.56rem;overflow: hidden; display: flex; justify-content: space-around; background: #fff;padding-top: 0.2rem;}
.bgbox-container .bgbox-items{width: 30%; height: 1.8rem; display: block; border-radius: 0.1rem; padding: 10px 0 20px 0; }
.bgbox-container .bgbox-green{background: #EEFFDD;}
.bgbox-container .bgbox-green h2{font-size: 14px; font-weight: bold; color:#2c7; line-height: 24px; text-align: center;}
.bgbox-container .bgbox-green span{display: block; color:#2c7; padding: 0.1rem 0.2rem;}
.bgbox-container .bgbox-blue{background: #EEFFFF;}
.bgbox-container .bgbox-blue h2{font-size: 14px; font-weight: bold; color:#0ae;line-height: 24px; text-align: center;}
.bgbox-container .bgbox-blue span{display: block; color:#0ae;padding: 0.1rem 0.2rem;}
.bgbox-container .bgbox-pink{background: #FFEECC;}
.bgbox-container .bgbox-pink h2{font-size: 14px; font-weight: bold; color:#f60;line-height: 24px; text-align: center;}
.bgbox-container .bgbox-pink span{display: block; color:#f60;padding:  0.1rem 0.2rem;}

.prodboxcontainer{width: 100%;  background: #fff; box-shadow: 0 3px 9px #dcdcdf;  overflow: hidden;}
.prodboxcontainer .prodbox{padding-bottom: 0.1rem;}
.prodboxcontainer .prodbox .prod_title{font-size: 0.3rem; font-weight: bold; padding: 0.4rem 0 0.2rem 0.24rem;}
.prodboxcontainer .prodbox .prod_type{ padding-left: 0.24rem;}
.prodboxcontainer .prodbox .prod_type a{display:inline-block; min-width: 1.5rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background-color: #F5F5F5; padding: 0 0.1rem; margin-bottom: 0.1rem;}

.prodboxcontainer .prodbox .num_title{font-size: 0.3rem; font-weight: bold; color: #757575; padding: 0.2rem 0.24rem; border-bottom: 1px solid #ececec; box-sizing:border-box; display:flex; justify-content:space-between;}
.prodboxcontainer .prodbox .num_title a{ font-size:0.26rem; font-weight:normal;}
.prodboxcontainer .prodbox .numbox {    }

.numbox li{width:  calc(50% - 1px); height:73px; float: left; text-align: center; padding: 10px 0; border-bottom: 1px solid #ececec; position: relative; font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; overflow:hidden;}
.numbox li:nth-child(odd){ border-right: 1px solid #ececec;}

/* .numbox li a{ display:block; width:100%; height:100%; }
.numbox li a .mobile{ font-size: 0.4rem; color:#333; }
.numbox li a .city{ font-size: 0.1rem; color:#999; margin:5px 0; }
.numbox li a .price{ font-size: 0.3rem; color:#f60; }
.numbox li a .price i{ font-size: 0.1rem; color:#999; font-style:normal; }
.numbox li a .price span{ font-size: 0.1rem; color:#999; margin-left:10px; }
 */
.numbox li a{ display:block; width:100%; height:100%; }
.numbox li a .mobile{ font-size: 0.4rem; color:#F44336; }
.numbox li a .mobile span{ color:#03A9F4; }
.numbox li a .city{ font-size: 0.26rem; color:#333; margin:5px 0; font-weight:normal; }
.numbox li a .price{ font-size: 0.3rem; color:#f60; }
.numbox li a .price i{ font-size: 0.1rem; color:#999; font-style:normal; }
.numbox li a .price span{ font-size: 0.22rem; color:#333; margin-left:10px; font-weight:normal;}

/*首页产品列表样式一proditem*/
.prodlist{width: 96%; margin: 0.2rem auto;}
.proditem{ height: 160px; padding: 15px; box-shadow: 0 3px 9px #dcdcdf; border-radius: 3px;    background: #fff; margin-bottom: 0.2rem; box-sizing: border-box; overflow: hidden;}
.proditemleft{width: 40%; height: 130px; overflow: hidden; margin-right: 2%; float: left;}
.proditemright{width: 56%; float: right;}
.proditemright h2{width: 100%; font-size: 0.3rem; line-height: 0.45rem; font-weight: bold; height: 0.9rem; margin-bottom: 0.2rem; overflow: hidden;}
.proditemright span{
    color: #fff;
    font-size: 12px;
    background: -webkit-linear-gradient(left top, #f56755 , #dd1400);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #f56755 , #dd1400);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #f56755 , #dd1400);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #f56755 , #dd1400);
    /* 标准的语法 */
    background-color: #f56755;
    border-radius: 3px;
    padding: 5px 6px;
    position: relative;
    z-index: 2;
}

.proditemright span:after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 8px;
    left: -4px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
}

.proditemright span:before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 8px;
    right: -4px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
}
.proditem_two{margin-top: 0.3rem;}
.proditem_two .proditem_two_l{ float: left;}
.proditem_two .proditem_two_l h1{color: #d42b30;
    font-size: 0.32rem;}
.proditem_two .proditem_two_l h2{color: #999999;
    font-size: 0.2rem;
    font-weight: normal; text-decoration: line-through;}
.proditem_two .proditem_two_r{ float: right;}
 
.proditem_two .proditem_two_r span {
    color: #c540e9;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #c540e9;
    background: none;
    padding: 0 6px 0 0;
    display: inline-block;
    overflow: hidden;
}

.proditem_two .proditem_two_r span:after {
    background: none;
}

.proditem_two .proditem_two_r span:before {
    background: none;
}

.proditem_two .proditem_two_r span em {
    background: -webkit-linear-gradient(left top, #5836e4 , #ba28e3);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #5836e4 , #ba28e3);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right,#5836e4 , #ba28e3);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right,#5836e4 , #ba28e3);
    /* 标准的语法 */
    background-color: #5836e4;
    font-style: normal;
    color: #fff;
    padding: 5px 5px;
    font-size: 11px;
    margin-right: 6px;
    position: relative;
    border-radius: 3px 0 0 3px;
}

.proditem_two .proditem_two_r span em:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 6px;
    right: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #9e2ce3;
}

.prod_list{display: flex; justify-content: space-around; flex-wrap: wrap; padding: 0 0.12rem;}
.prod_list .prod_list_item{width: 3.44rem; border:1px solid #FE7F23; border-radius: 3px; margin: 0.1rem 0;}
.prod_list .prod_list_item_noline{width: 3.44rem; border-radius: 3px; margin: 0.1rem 0;}
.prod_list_item_title{background: linear-gradient(to bottom right,#FA5F43 , #FF840E); height: 0.6rem; text-align: center; border-radius: 3px 3px 0 0 ; color:#fff; font-weight: bold; }
.prod_list_item_title span{background-color: #fff; width: 0.3rem; height: 0.3rem; display:inline-block;color: red; margin: 0.15rem 0.05rem 0 0.05rem;  }
.proditem_top{ padding: 0.15rem; background-color: #F0F4EB; box-sizing: border-box;}
.proditem_top img{height: 157px; overflow: hidden;}
.proditem_foot{padding: 0.12rem; background-color: #F8F8F8;}
.proditem_foot h1{width: 100%; height: 0.66rem; line-height: 0.35rem; font-size: 0.26rem; font-weight: bold; margin: 0.08rem auto;overflow: hidden;}
.proditem_foot h2{height: 0.3rem; line-height: 0.3rem; font-size: 0.28rem; color: #FF484B; padding: 0.1rem 0;}
.proditem_foot h2 span{ background-color: #FF484B; color:#fff; display: inline-block; padding: 0.05rem;}
.proditem_foot h2 strong{font-size: 0.4rem;}
.proditem_foot h3{text-decoration: line-through; color:#ABABAB; font-size: 0.26rem;}
.bottomtxt{width: 100%; height: 1.6rem; text-align: center; color:#ccc; padding-top: 0.25rem; }
.bottomtxt_lh{width: 100%; height: 3rem; text-align: center; color:#ccc; padding-top: 0.25rem; }

.tab_proList {
    padding: 0 3px;
    overflow: hidden;
    background: white;
    margin: 0;
}
.tab_proList dt{padding:.1rem 0;height:.65rem;line-height:.65rem;display:box;display:-webkit-box;display:-moz-box;border-bottom:1px #f8f8f8 solid;}
.tab_proList dt a{display:block;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;border-right:1px #d2d2d2 solid;text-align:center;background-color: #F5F5F5; font-size: .3rem;;}
.tab_proList dt a:last-child{border:none;}
.tab_proList dt .currStyle{color:#fff; background-color: #FF5722;}
/* .tab_proList dd{margin:.1rem 0;} */
/* .tab_proList dd li{overflow:hidden;border-bottom:1px #f1f1f1 dotted;padding:.15rem 0;}
.tab_proList dd li:last-child{margin:0;} */
/*product list*/
.productList{overflow:hidden;margin:0 3%;}
.productList li{overflow:hidden;border-bottom:1px #f1f1f1 dotted;padding:.15rem 0;}
.productList li:last-child{margin:0;}
/*goodsList*/
.goodsPic{width:2rem;height:2rem;display:block;float:left;text-align:center;overflow:hidden;border:1px #f8f8f8 solid;border-radius:2px;}
.goodsPic img{width:auto;max-width:100%;height:2rem;}
.goodsInfor{margin-left:2.3rem;position:relative;}
.goodsInfor h2 a{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333; font-size: 0.3rem;}
.goodsInfor p{margin:.2rem 0;}
.goodsInfor p .price{color:#d42b30; font-size: 0.3rem;}
.goodsInfor p .price:before{content:"￥";}
.goodsInfor p del{color:grey;}
.goodsInfor p del:before{content:"原价：￥"}
.goodsInfor .addToCart{position:absolute;top:30%;right:3%;font-family:'freshregular';font-size:.65rem;color:#d42b30;}
.goodsInfor .addToCart i{font-size: 0.5rem;}

/*hover cart*/
.hoverCart{background:#d2d2d2;width:.75rem;height:.75rem;box-shadow:0 0 2px #d2d2d2;line-height:.75rem;text-align:center;border-radius:50%;position:fixed;bottom:1.2rem;right:3%; font-size: 0.5rem;}
.hoverCart a{display:block;width:.32rem;height:.32rem;text-align:center;line-height:.32rem;position:absolute;top:0;right:0;background:red;border-radius:50%;color:white;font-size:.2rem;}
.hoverCart:before{color:white;font-size:.5rem;}
.hoverCart i{font-size: 0.5rem; }
/* footer */
.foot{width:100%;height: 1rem;border-top: solid 1px #e2e2e2;background: #f7f7f7; position: fixed; bottom: 0; left: 0; z-index: 999;}
.foot_nav{width: 100%;height: 100%;}
.foot_nav ul{width: 100%;height: 100%;display: flex;}
.foot_nav ul li{flex: 1;height:100%;}
.foot_nav ul li a{height:100%;display: flex;flex-direction: column;justify-content: center;align-items: center; }
.foot_nav ul li a .iconfont{font-size: 0.5rem;line-height: 1;}
.foot_nav ul li a span{font-size: 0.2rem;line-height: 1;margin-top: 0.06rem;}