html,body {margin:0 auto;font-family: "Microsoft yahei","simsun";font-size: 0.4rem;margin-bottom: 1.75rem;}
*{margin:0;padding:0;list-style-type:none;font-style: normal;}
a{text-decoration: none;}
.box{width: 16rem;margin:0 auto;}
.wrap{overflow: hidden;}
.top{height:10rem;background: url(./../img/banner.jpg) no-repeat;background-size: 100%; position: relative;}
.top .submit{background: url(./../img/ss.png) center no-repeat;background-size: 0.75rem;text-indent: -2.475rem;    width: 1.25rem;    height: 1.25rem;
    position: absolute;top: 6.575rem;left: 50%;margin-left:-4.9rem ;    border: 0;}
.top .keywords{width: 8.5rem;height: 1.25rem;line-height: 1.25rem;border-radius: 25px;font-size: 0.45rem;
position: absolute;top: 6.5rem;left: 50%;margin-left:-5rem ;padding-left: 1.5rem;outline: none;border: none;}
/*gonggao*/
#gonggao{height:40px; overflow:hidden;background:#bebebe url(./../img/gonggao.png) 0.6rem center no-repeat;background-size: 25px;padding-left:1.8rem;}
#gonggao ul li{padding:0 0.25rem;line-height:40px;height:40px;overflow:hidden;}
#gonggao ul li a{color: #666;font-size: 0.55rem;line-height:40px;display: block;}
.left-c:before {
    font-size: 1.5rem;
}
#search .keywords{background:#fff url(./../img/ss.png) 10px center no-repeat;background-size: 18px;width: 10.2rem;height: 30px;line-height: 30px;border-radius: 25px;font-size: 0.45rem;padding-left: 1.5rem;margin-top:8px;float:left;outline: none;border: none;}
/*nav*/
.nav {margin-top: 0.75rem;}
.nav li {width: 20%;float: left;}
.nav li a{font-size: 0.55rem;color: #333;}
.nav li a i{width: 2.25rem;height: 2.25rem;display: block;background-size: 2.25rem; margin: 0 auto;background-repeat: no-repeat;}
.nav li:nth-child(1) a i{background-image: url(./../img/yun.png);}
.nav li:nth-child(2) a i{background-image: url(./../img/daigou.png);}
.nav li:nth-child(3) a i{background-image: url(./../img/zys.png);}
.nav li:nth-child(4) a i{background-image: url(./../img/yf.png);}
.nav li:nth-child(5) a i{background-image: url(./../img/sy.png);}
.nav li a p{text-align: center;line-height: 0.875rem;}

.hot {margin-top: 0.75rem;}
.hot:first-child {margin-top: 0;}
.hot .hot-top{text-align: center;height: 1rem;padding:.5rem; font-size: 0.7rem;border-top: 5px solid #aaa;}
.hot .hot-top:before{content: '';width: 50px;border-top: 1px solid #9c9c9c;height: 1px;display: inline-block;vertical-align: middle;margin-right: 0.5rem;}
.hot .hot-top:after{content: '';width: 50px;border-top: 1px solid #9c9c9c;height: 1px;display: inline-block;vertical-align: middle;margin-left: 0.5rem;}
.hot .hot-show{display: none;}
.hot .hot-show.ative{display: block;}
.hot .hot-show li img.goods-icon {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: middle;
}
.hot .hot-show li {width: 50%;float: left;padding:0 0.25rem 0.5rem 0.25rem;
    box-sizing: border-box;}
.hot .hot-show li a{font-size: 0.35rem;color: #666;}
.hot .hot-show li img{width:7.5rem;height: 7.5rem;}
.hot .hot-show li a .hot-title{font-size: 0.6rem;line-height: 0.8rem;height: 0.8rem;overflow: hidden;text-align: left;}
.hot .hot-show li a .hot-price{width: 96%;line-height: 1rem;}
.hot .hot-show li a .hot-price span{color:#c00;font-size: 0.7rem;float: left;}
.hot .hot-show li a .hot-price em{font-size: 0.3rem;color: #bbb;float: right;}
.goods-cat{line-height: 42px; display: flex;margin-bottom: 0.5rem;border-bottom: #ccc solid 1px;}
.goods-cat li{width: 25%;text-align: center;}
.goods-cat li.ative{border-bottom: #258bd6 solid 1px;color: #258bd6;}

.jhs {margin-top: 0.75rem;border-top: 5px solid #aaa;}
.jhs .jhs-top{text-align: center;height: 1rem;padding:.3rem;font-size: 0.7rem;}
.jhs li:first-child{}
.jhs li {width: 100%;padding:0.7rem 0.25rem;
    box-sizing: border-box;overflow: hidden;border-bottom: 5px solid #aaa;}
.jhs li a{font-size: 0.35rem;color: #333;}
.jhs li img{width: 5rem;height:5rem;margin-right:0.5rem;float: left;}
.jhs li .jhs-right{width: 10rem;float: left;}
.jhs li a .jhs-title{font-size: 0.6rem;line-height: 1rem;height: 2rem;overflow: hidden;text-align: left;font-weight: bold;}
.jhs li a .jhs-price{width: 10.2rem;height:1.375rem;line-height: 1.375rem;color: #fff;
	overflow: hidden;background: url(./../img/jhs.png) no-repeat;background-size: 10.2rem;}
.jhs li a .jhs-price span{font-size: 0.4rem;float: left;padding-left: 0.375rem;display: block;width: 3.5rem;}
.jhs li a .jhs-price span b{font-size: 0.8rem;}
.jhs li a .jhs-price del{font-size: 0.5rem;float: left;}
.jhs li a .jhs-right .jhs-vol{text-align: right;line-height: 1.25rem;padding-top:0.5rem;padding-right: 1rem;}


.m_top {
    border-color: #0c60ee;
    background-color: #387ef5;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 1.6rem;
    padding: 0 1%;
    position: relative;
}
.m_top a {
    color: #fff;
    font-size: 1.7rem;
}
@font-face {
	font-family:"Ionicons";
	src:url("../fonts/ionicons.eot?v=2.0.1");
	src:url("../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("../fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("../fonts/ionicons.woff?v=2.0.1") format("woff"),url("../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
	font-weight:normal;
	font-style:normal;
}

.left-c:before {
	display:inline-block;
	font-family:"Ionicons";
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-rendering:auto;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.left-c:before {
    content: "\f108";
	font-size:1rem;
    float: left;
    line-height: 46px;
}
.left-c{ float:left; width:14%; text-align:left;}
.m_top p {
    float: left;
    width: 70%;
    font-size: 0.6rem;
}
.clearfix:after {
    display: block;
    content: '';
    clear: both;
    visibility: hidden;
}
.lctijiao{width: 100%;padding:0.25rem 0;font-size: 0.35rem;border-bottom: 1px #0c60ee solid;    z-index: 8;text-align: center;}
.lctijiao .keywords{line-height:0.8rem;border-radius: 5px;border: 1px #ccc solid;width: 5rem;padding-left: 0.125rem;}
.lctijiao .sprice{height: 0.65rem;line-height: 0.65rem;width: 1.75rem;}
.lctijiao .submit{    line-height: 1rem;    height: 1rem;    padding: 0 0.375rem;}
.lists{display: flex;  display: -webkit-flex;   flex-flow: row wrap;padding-top:0.25rem; }    
.lists li{margin:0 0.125rem;width: 7.75rem;margin-bottom: 0.5rem;text-align: center;}

.lists li a img{width: 7.5rem;height: 7.5rem;}
.lists li a p{font-size: 0.6rem;line-height:0.75rem;text-align: left;}
.lists li a .item-title{height: 0.8rem;overflow: hidden;line-height: 0.8rem;color: #333;}
.lists li a .item-price{color:rgb(255, 80, 0);font-size: 0.6rem;}
.lists li a .item-sold{color:#999;float:right;padding-right: 0.5rem;}
.pages{text-align: center;}
.pages li{display: inline-block;width: 1rem;height: 1rem;}
.pages li a{display: block;text-align: center;line-height: 1rem;font-size: 0.4rem;color: #333;}
.pages li a.active {    color: #fff;    background: #1268bb;
    border-color: #1268bb;}
/* tanchuang */
#fullbg { background-color:gray; 
left:0; opacity:0.2; 
position:fixed; top:0; 
z-index:998; filter:alpha(opacity=20); 
-moz-opacity:0.2; -khtml-opacity:0.2; 
} 
#dialog {position: fixed;left: 50%; margin-left: -110px;z-index: 999;
    top: 50%;margin-top: -100px;display: none;}
#guoqing-coupon{position: absolute;left: 0px;bottom: 48px;}
#guoqing-coupon li{width:206px;height:100px;list-style: none;}  
#guoqing-coupon li a{display: block;height: 100%;} 
.guoqing-close{position: absolute;    top: 27px;    right: 0px;    display: block;    width: 30px;
height: 30px; background: url(/pub/static/frontend/Uuch/basic/zh_CN/images/share/ico.png) -33px 0 no-repeat;
    background-size: 300px; }

/* cloud */
.cloud img{width: 100%;display: block;}
.cloud1{background: #d2d2d2;padding: 0.25rem;}
.cloud1 h2{font-size: 0.7rem;text-align: center;line-height: 2rem;}
.cloud1 h2:before{content: ""; border-bottom: 1px solid #666;}
.cloud1 h2:after{}
.cloud1 li{display: flex;padding-bottom:  0.75rem;}
.cloud1 li span{display: block;width: 2.125rem;height: 2.125rem;line-height: 2.125rem;font-size: 1.5rem;color: #fff;background: #5f52a0;border-radius: 50%;text-align: center;margin: 0 0.5rem;}
.cloud1 li div{padding-right: 0.5rem;flex:1;}
.cloud1 li div h3{font-size: 0.65rem;color: #333;line-height: 1rem;}
.cloud1 li div p{font-size: 0.6rem;color: #9c9c9c;}

.cloud2{background: #fff;}
.cloud2 h2{border-bottom: 1px #ccc solid;}
.cloud2 li{padding: 0.5rem 0px;border-bottom: 1px #ccc solid;}
.cloud2 li span{width: 2.75rem;height: 2.75rem;background:url(../../images/storage/stico.png) no-repeat;background-size: 15.775rem;  }
.cloud2 li span.qita1{background-position: -1.75rem 0;}
.cloud2 li span.qita2{background-position: -4.75rem 0;}
.cloud2 li span.qita3{background-position: -7.75rem 0;}
.cloud2 li span.qita4{background-position: -10.75rem 0;}

.cloud3{background: #fff;}
.cloud3 ul{padding-left: 1rem;}
.cloud3 li a{background:url(../img/cloud/right.png)  0  center no-repeat;background-size: 0.58rem; padding-left: 0.75rem;color: #666;font-size: 0.65rem;}
/* buy */
.buy1{background: #fff;padding:0.75rem 0.25rem;border-bottom:5px #ccc solid; }
.buy1 li{padding-bottom: 2rem;color: #333;}
.buy1 li div img{width: 2.625rem;height: 2.625rem;}
.buy1 li div{display: flex;justify-content:center;}
.buy1 li div h2{font-size: 0.7rem;padding-top: 0.5rem;padding-left: 0.25rem; line-height: 1rem;}
.buy1 li span{text-align: left;display: block;font-weight: normal;font-size: 0.525rem;}
.buy1 li b{text-align: center;display: block;line-height: 1.25rem;font-size: 0.65rem;}
.buy1 li p{text-align: center;padding: 0 1.25rem;font-size: 0.6rem;}
.buy1 a{display: block;text-align: center;}

.buy2{background: #fff;padding: 0.25rem;border-bottom:5px #ccc solid;}
.buy2 h2{font-size: 0.7rem;text-align: center;line-height: 2rem;}
.buy2 li div{padding-right: 0.5rem;flex:1;}
.buy2 li div h3{font-size: 0.65rem;color: #333;line-height: 1rem;}
.buy2 li div p{font-size: 0.6rem;color: #9c9c9c;}

.buy2 li{display: flex;padding-bottom:  0.75rem;padding: 0.5rem 0px;}
.buy2 li span{width: 2.75rem;height: 2.75rem;background:url(../../images/daigou/ico.png) no-repeat;background-size: 2.75rem;margin: 0 0.5rem;}
.buy2 li span.qita1{background-position: 0 0;}
.buy2 li span.qita2{background-position: 0 -3rem;}
.buy2 li span.qita3{background-position: 0 -6rem;}
.buy2 li span.qita4{background-position: 0 -9rem;}
/* zy */
.zy{background: #fff;padding:0.75rem 0.25rem;border-bottom:5px #ccc solid; }
.zy li{padding-bottom:  0.75rem;color: #333;}
.zy li div img{width: 2.375rem;height: 2.375rem;}
.zy li div{display: flex;justify-content:center;padding: 0.2rem 0;}
.zy li div h2{font-size: 0.7rem;line-height: 1rem; padding-top: 0.2rem;padding-left: 0.25rem; }
.zy li span{text-align: left;display: block;font-weight: normal;font-size: 0.525rem;}
.zy li b{text-align: center;display: block;line-height: 1.25rem;}
.zy li p{text-align: center;padding: 0 1.25rem;font-size: 0.6rem;line-height: 0.8rem;}
.zy a{display: block;text-align: center;}
.zy-img{text-align: center;}
.zy-img img{width: 11.25rem;}

.zy3{padding:0.75rem 0.25rem;text-align: center;border-bottom:5px #ccc solid;}
.zy3 h2{font-size: 0.7rem;color: #333;}
.zy3-1{font-size: 0.65rem;}
.zy3 img{width: 5.7rem;padding: 0.5rem 0;}
.zy3 p{font-size: 0.6rem;color: #666;}
.zy4 img{width: 13.575rem;}
.banner2{margin-top: 0.7rem;}
.cate-right-img {
    width: 100%;
}
.rabate{    height: 4rem;
    background:  #ffffff;
    background-size: 100%;
    position: fixed;
   top:0;
    width: 16rem; 
	z-index:99999;
	}
.rabate .submit{background: url(./../img/ss.png) center no-repeat;background-size: 0.75rem;text-indent: -2.475rem;    width: 1.25rem;    height: 1.25rem;
    position: absolute;top: 0.7rem;left:  0;margin-left: 0.7rem ;    border: 0;}
	
.rabate .sousou_submit{background: url(./../img/ss.png) center no-repeat;background-size: 0.75rem;text-indent: -2.475rem;    width: 1.25rem;    height: 1.25rem;
    position: absolute;top: 0.17rem;right: 0.5rem;margin-left: 0.7rem ;    border: 0;}

.rabate .keywords{width: 13rem;height: 1.25rem;line-height: 1.25rem;border-radius: 25px;font-size: 0.45rem;
position: absolute;top: 0.7rem;left: 0;margin-left:  0.5rem ;padding-left: 1.5rem;outline: none;border: none;}
.rabate_nav {
	position:absolute;
	bottom:0 ;
	left:0;
	width:16rem;
	height: 1rem;
	overflow: hidden;
}
.rabate_nav ul li{
	width: 15%;
    float: left;
	text-align:center;
	height: 1rem;

}
.rabate_nav ul li a{ 
	display:block;
	width:100%;
	color:#000000;
	margin:0 auto;
	padding-bottom: 0.2rem;
	font-size:0.55rem
	
}
.rabate_nav_on a{
	
	color:#2a94de !important;
	border-bottom:2px solid #2a94de;	
}


/*nav*/
.rabate_nav2 {margin-top: 0.75rem;}
.rabate_nav2 li {width: 20%;float: left;margin-bottom:0.3rem;}
.rabate_nav2 li a{font-size: 0.55rem;color: #333;}
.rabate_nav2 li a i{width: 2.25rem;height: 2.25rem;display: block;background-size: 2.25rem; margin: 0 auto;background-repeat: no-repeat;}
.rabate_nav2 li:nth-child(1) a i{background-image: url(./../img/fl_nav1.png);}
.rabate_nav2 li:nth-child(2) a i{background-image: url(./../img/fl_nav2.png);}
.rabate_nav2 li:nth-child(3) a i{background-image: url(./../img/fl_nav3.png);}
.rabate_nav2 li:nth-child(4) a i{background-image: url(./../img/fl_nav4.png);}
.rabate_nav2 li:nth-child(5) a i{background-image: url(./../img/fl_nav5.png);}
.rabate_nav2 li:nth-child(6) a i{background-image: url(./../img/fl_nav6.png);}
.rabate_nav2 li:nth-child(7) a i{background-image: url(./../img/fl_nav7.png);}
.rabate_nav2 li:nth-child(8) a i{background-image: url(./../img/fl_nav8.png);}
.rabate_nav2 li:nth-child(9) a i{background-image: url(./../img/fl_nav9.png);}
.rabate_nav2 li:nth-child(10) a i{background-image: url(./../img/fl_nav10.png);}
.rabate_nav2 li a p{text-align: center;line-height: 1.475rem;}

.items{
	 height:5rem;
	 width:100%;
	 border-bottom:1px solid #eeeeee;
	 clear:both;
	 padding:0.85rem 0  1rem 0;
}
.items_head{
	
    font-size: 0.67rem;
    font-weight: bold;
    color: #434343;
    border-bottom: 1px solid #eeeeee; 
    text-indent: 0.5rem;
    padding:0.25rem 0 ;
	
}
.items_left{
	width:5rem;
	height:5rem;
	float:left;
	margin-left:0.5rem;
  	
}
.items_right{
	width:9rem;
	height:5rem;
	float:left;
	margin-left:0.9rem;
 
}
.items_left img{
	width:5rem;
	height:5rem;
    border-radius:10px;
	
}
.items_right_title{
	
	 
	font-size:0.59rem;
	height:0.8rem;
	width:9rem;
	 color: #434343;
	overflow:hidden;
	margin-top:0.25rem;
	
}
.items_right_desc{
	height:1.05rem;

	width:9rem;
	 color: #434343;
	overflow:hidden;
	margin-top:0.25rem;
	opacity:0.6;

}
.items_right_price{
	color:#ff8200;
	text-indent:0.25rem;
	font-size:0.65rem;
	height: 1.8rem;
}
.items_right_coupon{
	    margin-top: 0.2rem;
}
.items_right_coupon_text{
	    color: #fff;
    background: #ff8200;
    padding: 0.05rem 0.2rem;
    border-radius: 5px;
    display: inline-block;
	
}
.items_right_coupon_rate{
	    display: inline-block;
    margin-left: 2rem;
    border-radius: 5px;
    background: rgba(249, 213, 176, 0.45);
    padding: 0.05rem 0.2rem;
    color: #ff8200;
	
	
}
.margin_top4rem{
	margin-top:4rem;
}

.order_nav{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 16rem;
    height: 1.5rem;
    overflow: hidden;
	text-align:center;
}
.order_nav_content{
	    height: 1rem;
    padding: 0.3rem 0 0.2rem 0 ;
	    font-size: 0.65rem;
}
.order_nav ul li{ width:5rem; height:1.5rem; float:left; position:relative}
 .order_top{ position:absolute; right:0.8rem;top:0.4rem;background-image: url(./../img/sj3.png); width:12px; height:7px;}
 .order_top_on{ position:absolute; right:0.8rem;top:0.4rem;background-image: url(./../img/sj1.png); width:12px; height:7px;}
 
 .order_bottom{ position:absolute; right:0.8rem;bottom:0.4rem;background-image: url(./../img/sj4.png); width:12px; height:7px;}
 .order_bottom_on{ position:absolute; right:0.8rem;bottom:0.4rem;background-image: url(./../img/sj2.png); width:12px; height:7px;}
 
.detail-info img{
	display: inherit;
}