/*首页样式表*/
.l_bg{ background:#FBFBFB; }

/*图片滚动*/
.head .login-btn{position:relative;float:right;width:58px;height:42px;font-size:1.6rem;text-align:center;line-height:42px;color:#fff}
.head .login-btn img{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:30px}
.head .login-btn .has-new{position:absolute;top:4px;right:4px;width:4px;height:4px;border-radius:4px;border:2px solid #fff;background-color:#fc6463}
.has-new{display:none}
.swipe{overflow:hidden;visibility:hidden;position:relative}
.swipe-wrap{overflow:hidden;position:relative}
.swipe-wrap>div{float:left;width:100%;position:relative}
.recom{position:relative}.recom-img{display:block}
.recom-img img{display:block;width:100%;border:0 none}
.dot-area{position:absolute;left:50%;bottom:10px;width:68px;margin-left:-34px}
.dot{float:left;width:8px;height:8px;margin-right:12px;background-color:#d6d6d6;border-radius:8px}
.dot:last-child{margin-right:0}
.dot.on{background-color:#fc6463}
.app-recom{position:relative;height:126px;padding-left:10px;padding-right:10px;background-color:#fff;margin-bottom:10px}
.app-recom .swipe-wrap a.recom-app.app-yew{background-position:0 -390px}.app-recom .swipe-wrap a.recom-app.app-yqtx{background-position:0 -455px}.app-recom .swipe-wrap a.recom-app.app-mmsq{background-position:0 -520px}.app-recom .swipe-wrap a.recom-app.app-yezn{background-position:0 -585px}
.app-recom .swipe-wrap a.recom-app.app-yewd{background-position:0 -650px}.app-recom .swipe-wrap a.recom-app.app-byzs{background-position:0 -715px}.app-recom-title{position:relative;height:36px;margin-bottom:8px}.app-recom-title span.line{position:absolute;top:18px;left:0;width:100%;height:1px;border-top:1px solid #e6e4e4}
.app-recom-title span.name{position:absolute;top:0;left:50%;width:100px;height:36px;margin-left:-50px;background-color:#fff;text-align:center;font-size:1.8rem ;line-height:36px;color:#b5b5b5}.app-dot-area{position:absolute;left:50%;bottom:10px;width:48px;margin-left:-24px}
.app-dot{float:left;width:8px;height:8px;margin-right:12px;background-color:#d6d6d6;border-radius:8px}.app-dot:last-child{margin-right:0}.app-dot.app-on{background-color:#fc6463}.kinds{height:180px;background-color:#fff;margin-bottom:10px;padding-bottom:6px}

.du_menu{width:100%; list-style:none; margin:0; padding: 0; background:#ffffff;  float:left;}
/*分类菜单*/
.du_menu li{width:16%; float:left;text-align:center; margin:1% 4.2% 0.5%; font-size:1.2rem;}
.du_menu li a,.cf_menu li a:hover{ color:#333; text-decoration:none;}
.du_menu li img{ width:100%; height:auto; margin: 5px 0;}
.du_menu li:last-child{ margin-right:0px;}
/*板块标题*/
.du_tit{ width:100%; background:#F4F4F2; clear:both; padding:1.5% 0; font-family:"微软雅黑"; }
.du_tit h1{ text-align:center; font-size:1.4rem; color:#333; line-height:24px;}
.du_tit h4{ text-align:center;  font-size:1.2rem; color:#999999; font-weight:normal;}

.t_bg{ background: url(../pic/t_bg.jpg) top repeat-x #ffffff; padding-top:15px; }

.du_address{background:#ffffff url(../img/fang.png) no-repeat left; background-size:11%; padding:1% 0; padding-left:12%; font-size:1.2rem; line-height:25px; color:#666666; text-align:left; border-top:1px solid #f8f8f8; }
.du_address a{ color:#FF0000; }

/*专区*/
.du_zhuanqu{ width:100%; background:#ffffff;  margin:3px 0; float:left;}
.du_zhuanqu h1{font-size:1.4rem; }
.du_zhuanqu h1 span{ display: inline-block;  height:1.6rem; padding:0 0.5rem; line-height:1.6rem !important; margin:0 7px; text-align:center;  background:#C00; font-size:1.2rem; color:#FFF; border-radius:3px;}
.z_img{width:100%; height:200px; border-top:1px solid #f8f8f8;overflow:hidden;}
.z_img span{ height:100%; display:table-cell; vertical-align:middle;}
.z_img img{ width:100%; height:100%; object-fit:cover;  }
.zt{ width:100%; float:left; padding:8px 0;}
z_s{display: inline-block;  height:1.6rem; padding:0 0.5rem; line-height:1.6rem !important; margin:0 10px; text-align:center;  background:#C00; font-size:1.2rem; color:#FFF; border-radius:3px;}
.z_l{ width:70%; float:left; text-align:left; padding-left:15px;}
.z_r{ width:20%; float:right;  text-align:right; padding-right:15px; font-size:1.2rem; color:#cccccc; }
.z_r a{color:#CC0000}
@media all and (max-width: 320px) {
.z_img{width:100%; height:150px;overflow:hidden;}

}
.du_banner0{ width:100%;}
.du_banner0 img{ width:100%;}

/*商品列表*/
.du_sp1{ clear:both; float:left;  width: 100%; padding: 0 5px; box-sizing: border-box; background:#fbfbfb;}
.du_sp1 ul{ width:100%;}
.du_sp1 ul li{float:left;width:48%;  box-sizing: border-box; padding:5px; margin:1%; background:#fff; border-radius: 3px;}
.du_sp1 ul li a{  display:block;  position: relative; }
.du_sp1 .p{
    position: relative;
    width: 100%;
    background: #fff;
	width: 100%;
    padding-bottom: 90.333333%;
    height: 0;
    overflow: hidden;
}
.dh{ position: absolute; top: 0; left: 0; background:#FEA040;  padding: 2px; font-size: 12px; color: #ffffff; z-index: 9;opacity: 1 }
.du_sp1 .p .img {
/*    position: relative;*/
    /*padding-bottom: 100%;*/
	width: 100%;
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.du_sp1 .p .img  a{

}
.du_sp1 .p .img img{
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.tu{ width:100%;height:200px;overflow:hidden; }
.tu img{ width:100%; height:100%; object-fit:cover;}
.sp_info{ width:98%; margin:0 auto; float:left; padding:1% ;}
.sp_info h2{ display:block; clear:both; text-align:left; font-size:1.4rem; color:#333;  line-height:20px; max-height:20px; overflow:hidden;}
.sp_info h3{ display:block; clear:both; text-align:left; font-size:1.2rem; color:#ccc;  line-height:20px; max-height:20px; overflow:hidden;}
.sp_info p{ display:block; float:left; width:40%; font-size:1.4rem; color:#FEA040; line-height:25px; text-align: right;}
.sp_info span{ display:block;float:left; width:60%; font-size:1.2rem; color:#cccccc; line-height:25px;  max-height:20px; text-align:left; overflow:hidden;}


.du_sp2{ clear:both; width:100%;}
.du_sp2 ul{ width:100%;}
.du_sp2 ul li{ width:100%; padding:5px; box-sizing:border-box; background:#fff;   height:auto; margin-bottom:2px;}
.du_sp2 ul li a{  display:block;  position: relative; }
.sp2_tu{ width:140px; height:140px; float:left;}
.sp2_tu img{width:100%; height:100%; object-fit:cover} 
.du_sp1 .p{
    position: relative;
    width: 100%;
    background: #fff;
	width: 100%;
    padding-bottom: 90.333333%;
    height: 0;
    overflow: hidden;
}

.du_sp1 .p .img {
/*    position: relative;*/
    /*padding-bottom: 100%;*/
	width: 100%;
	 position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.du_sp1 .p .img  a{

}
.du_sp1 .p .img img{
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.sp2_info{ margin-left:125px; line-height:25px;}
.sp2_info h2{  font-size:14px; margin: 0; font-weight:bold; }
.sp2_info h2 span{ margin-right:5px; font-size:1rem; color:#FEA040;}
.sp2_info h3{ line-height:1.2rem; font-size:1.2rem; margin:5px 0; color:#888; }
.sp2_info p{ display:block;  font-size:1.4rem; color:#ff8000; text-align:left; font-weight:bold; }
.sp2_info h4{  font-size:1.2rem; color:#ff8000; text-align:left; }
.sp2_info span{  font-size:1.2rem; color:#85B200; line-height: 20px; text-align: left; }
.sp2_tu{ width:120px; height:120px; float:left;}
.sp2_tu img{width:100%; height:100%; object-fit:cover} 

@media all and (max-width: 320px) {
.sp2_info{ margin-left:105px; line-height:25px;}
.sp2_info h2{  font-size:1.4rem; margin: 0; font-weight:bold; }
.sp2_info h2 span{ margin-right:5px; font-size:1rem; color:#FF0000;}
.sp2_info h3{ line-height:1.2rem; font-size:1.2rem;  margin:4px 0; color:#888; }
.sp2_info p{ display:block;  font-size:1.4rem; color:#ff0000; text-align:left;font-weight:bold;  }
.sp2_info h4{  font-size:1rem; color:#cccccc; text-align:left; }
.sp2_info span{  font-size:1.2rem; color:#FEA040; line-height: 20px; text-align: left; }
.sp2_tu{ width:100px; height:100px; float:left;}
.sp2_tu img{width:100%; height:100%; object-fit:cover} 
}
@media all and (min-width: 720px) {
.sp2_info{ margin-left:190px; line-height:25px;}
.sp2_info h2{ display: block;  font-size:1.8rem; line-height: 2.5rem; margin: 0; }
.sp2_info h2 span{ margin-right:5px; font-size:1.2rem; color:#FF0000;}
.sp2_info h3{ line-height:1.4rem; font-size:1.4rem; margin:1rem 0; }
.sp2_info p{ display:block;  font-size:2.2rem; color:#FEA040; text-align:left; }
.sp2_info h4{  font-size:1.4rem; color:#cccccc; text-align:left; }
.sp2_info span{  font-size:1.4rem; color:#FEA0400; text-align: left; }
.sp_j p{ display:block; width: 85%; float: left; font-size:2.2rem; color:#FEA040; text-align:left; }
.sp_j h4{ width: 15%; float: right; text-align: right;}
.sp_j h4 img{ width: 40%;}
.sp2_tu{ width:180px; height:180px; float:left;}
.sp2_tu img{width:100%; height:100%; object-fit:cover} 
}

/*底部导航*/
menu {
	background:#ffffff; left: 0px; width: 100%; height: 3.2rem; right: 0px; bottom: 0px; color:#999999; position: fixed; z-index: 102;
}
menu a {
	width: 1%; text-align: center; color:#999999; line-height: 1.5rem; font-size: 0.65rem; vertical-align: middle; display: table-cell;
}
menu a:active {
	background: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.5) !important;
}
menu a.active {
	background: rgba(0, 0, 0, 0.2);
}
menu i {
	height: 1.5rem; padding-bottom: 0.2rem; font-size: 1.2rem; display: block; position: relative;
}
menu i.icon-cart span {
	background: rgba(255, 255, 0, 1); border-radius: 50%; top: 0px; width: 1.5rem; height: 1.5rem; right: 10%; color: rgba(244, 83, 91, 1); line-height: 1.5rem; font-size: 0.8rem; position: absolute; box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
menu button {
	background: rgba(255, 159, 0, 1); padding: 0px 0.5rem; width: 100%; height: 2.7rem; color: rgba(255, 255, 255, 1); line-height: 2.2rem; font-size: 0.9rem;
}
menu button:active {
	background: rgba(0, 172, 152, 1) !important; color: rgba(255, 255, 255, 1) !important;
}
menu button:disabled {
	background: rgba(230, 230, 230, 1); color: rgba(0, 0, 0, 0.1);
}
menu button:disabled:active {
	background: rgba(230, 230, 230, 1) !important; color: rgba(0, 0, 0, 0.1) !important;
}


footer { clear:both;
    width: 100%;
    position: fixed;
    bottom: 0;
	border-top:1px #eee solid;
}

 footer ul {
        position: relative;
        background: #fff;

    
        height: 49.5px;
        padding-top: 4px;
    }



footer ul li {
    width: 20%;
    font-size: 1.2rem;
    text-align: center;
    display:block;
    float: left;
    color: #949494; 
	position: relative;
}


 footer ul li i {
        display: block;
        width: 26px;
        height: 26px;
        margin: 0 auto;
        margin-bottom: 3px;
    }

li.off span {
    color: #949494;
}
li span {
    color: #0099ff;
}
.icon_1 i{ background:url(../pic/m_1.png) no-repeat 0; background-size:100%;}
.icon_2 i{ background:url(../pic/m_2.png) no-repeat 0; background-size:100%;}
.icon_3 i{ background:url(../pic/m_3.png) no-repeat 0; background-size:100%;}
.icon_4 i{ background:url(../pic/m_4.png) no-repeat 0; background-size:100%;}
.icon_5 i{ background:url(../pic/m_5.png) no-repeat 0; background-size:100%;}
.icon_6 i{ background:url(../pic/m_6.png) no-repeat 0; background-size:100%;}
.icon_1.off i{ background:url(../pic/m_1_0.png) no-repeat 0; background-size:100%;}
.icon_2.off i{ background:url(../pic/m_2_0.png) no-repeat 0; background-size:100%;}
.icon_3.off i{ background:url(../pic/m_3_0.png) no-repeat 0; background-size:100%;}
.icon_4.off i{ background:url(../pic/m_4_0.png) no-repeat 0; background-size:100%;}
.icon_5.off i{ background:url(../pic/m_5_0.png) no-repeat 0; background-size:100%;}
.icon_6.off i{ background:url(../pic/m_6_0.png) no-repeat 0; background-size:100%;}

.icon_1 span, .icon_2 span, .icon_3 span, .icon_4 span, .icon_5 span,.icon_6 span {
    color: #0099FF;
}

icon_1.off span, .icon_2.off span, .icon_3.off span, .icon_4.off span,.icon_5.off span,.icon_6.off span {
    color: #949494;
}


/*2018*/

.wrapper03 {position:relative;height: 50px;width: 100%;overflow: hidden;margin:0 auto; background:#ffffff;  }
.wrapper03 .scroller {position:absolute}
.wrapper03 .scroller li {height:40px;color:#333;float: left;line-height:40px;font-size:16px; margin:1%; text-align: center}
.wrapper03 .scroller li a{color:#333;display:block;margin:0;padding:0 15px;}
.wrapper03 .scroller li.cur a{color:#333333;height:40px;border-bottom:2px solid #333333; font-weight: bold;}	

/* 搜索 */

.searchbar {  
  padding: 6px;
  overflow: hidden;
  height: 2.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.searchbar .search-input {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  margin-right: 0;
  -webkit-transition: all .3s;
          transition: all .3s;
}
.searchbar .search-input input {
  margin: 0;
  height: 2.5rem;
	padding-left: 10px;
}

.search-input {
  position: relative;
}
.search-input input {
  box-sizing: border-box;
  width: 100%;
  height: 2.5rem;
  display: block;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 50px;
  font-family: inherit;
  color: #3d4145;
  font-size: 0.7rem;
  font-weight: normal;
  padding: 0 0.5rem;
  background-color: #fff;
  border: 1px solid #e8e8e8;
}
.a_results{ margin-top: 10px; width: 96%; margin: 0 auto;}
.a_results h1{ font-size: 14px; line-height: 30px;}
.d_banner{margin: 0!important; padding: 0!important;}
.d_banner img{ width: 100%; height: auto; margin: 0; padding: 0;}

/* 秒杀 */
.du_ms img{ width: 100%; height: auto;}
.du_ms2{ width: 100%; overflow-x: scroll; height: 170px;}
.du_ms2 ul{ width: 200%;}
.du_ms2 ul li{float:left; width: 110px; padding:5px; margin:3px; box-sizing: border-box; background:#fff; border-radius: 3px;}
.du_ms2  ul li a{  display:block;  position: relative; }
.du_ms2 ul li img{ width: 100px; height:100px;}
.sp_info3{ width:98%; margin:0 auto; float:left; padding:2% ;}
.sp_info3 h2{ display:block; clear:both; text-align: center; font-size:12px; color:#333;  line-height:20px; height:20px; overflow:hidden;}
.sp_info3 h3{ display:block; clear:both; text-align: center; font-size:10px; color:#ccc;  line-height:20px; height:20px; overflow:hidden;}
.sp_info3 p{ display:block;  font-size:1.4rem; color:#FEA040;  padding-top: 5px; text-align: center;}
.du_ms1{ width: 100%; float: left;}
.du_ms1 ul{ width: 200%;}
.du_ms1 ul li{float:left; width: 22%; padding:5px; margin:5px; box-sizing: border-box; background:#fff; border-radius: 3px; position: relative;}
.du_ms1  ul li a{  display:block; }
.du_ms1 ul li img{ width: 100%; height: auto;}
.du_ms1 h5{ width: 90%; margin: 1% 5%; padding: 3px 0; display: block;  background: #D89C2C; border-radius: 50px; z-index: 99px; text-align: center; color: #ffffff; font-size: 12px; }
.ms_img{ width: 100%;}
.ms_img img{ width: 100%; height:100%;  }

.ms_box{width: 80%; padding:2%; margin:0 11%; box-sizing: border-box; background:#fff; border-radius: 3px;}
.ms_box a{  display:block; }
.ms_box img{ width: 100%; height: auto;  }
.ms_box h5{ width: 90%; margin: 3% 5% 0; padding: 3px 0; display: block;  background: #D89C2C; border-radius: 50px; z-index: 99px; text-align: center; color: #ffffff; font-size: 16px; }

/* 热门 */
.du_rm{ padding: 8px;}
.du_rm img{ width: 100%; height: auto; border-radius: 5px; margin: 3px;}
.rm_l{ width: 49%; float: left;}
.rm_r{ width: 49%; float: right;}

.d_tit{ clear: both; text-align: center;  padding: 10px; font-size: 15px; font-weight: bold; line-height: 35px; background: url(../pic/tit_7.jpg) no-repeat center #ffffff; background-size: 100%; border-bottom: 3px solid #DDDDDD;}