body {margin: auto;max-width:640px;margin:0 auto;background-color:rgb(238,238,238,238);
	font:normal 100% Arial,sans-serif;font-size:1.4rem;
}
a{text-decorationnone}
ul{margin: 0px;padding: 0px}  
li{margin: 0px;padding: 0px;list-style: none;}  

    
.Container {
	width: auto;
	height:auto;
	border:none;
}


.scroll {width: 100%;height: auto;clear: both;}
/*css -------------------------------------- rgba(255,255,255,0.7)*/
	.focus{ max-width:100%; height:145px;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:none; 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:gray; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:white;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  height:145px; background:url(images/loading.gif) center center no-repeat;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */  }


.scroll.scroll_noe {
	width: 100%;	
	height: auto;
}
.scroll.scroll_two {
	width: 100%;	
	height: auto;
}
    

.nav ul {width: 100%;}
.nav ul li{width:20%; margin: 1.5% 0;display:block;float: left;text-align:center;display:block;}
.nav ul li p{font-size: 0.8rem;font-family: 微软雅黑;color: #696960;;}
.nav ul li img{width:65%;margin-top: 0.1%;}

.line_color_y{    position: relative;
    clear: both;
    width: 100%;
    height: 0.05%;    z-index: 0;
    border-bottom: 1px solid rgba(253, 166, 0, 0.3);}
.line_one.hr{
	position:relative;
	clear: both;
	width:100%; 
	height:0.05%;
}

.line_one h2,.line_two h2{
    margin: 2% 1% 1%;
	font-size:1.1rem;
	    color: black;
}
	
.line_one.h2 span{    font-size: 1.2rem;
	margin-bottom:0px;
	color: red;
    margin-right: 1%;
	height: 50%;
}
	
.promotion-info{    width: 99%;
    height: auto;
       margin: 0 auto 1%}    	
.promotion-info  .img21{width: 100%;    height: auto;}
.line_two hr{
	margin-top:1%;
	clear: both;
	width:100%; 
	noshade:noshade;
}	
.line_two.h2 span{
	color: red;
	font-weight: 600;;font-weight: 10%;font-size:1rem;
}


.hotsell{
    width: 100%;
    height: 100%;
}
.allprice{    float: right;margin: 1.5px 0;
    margin-right: 1%;    font-size: 1rem;
    color: #2698de;}	

.hotsell.image{  margin: 0px;
    width: 48%;
    height: auto;
    float: left;
    display: block;
	border: 1px solid #d9d9d9;
	margin:1px 4.3px 10px 0px;
}
.hotsell .hotsell.image img{	
     width: 100%;
  
}

.hotsell .hotsell.image .desc{
	    margin: 1% 0 0;
    font-size: 0.8rem;
	text-align:center;	
	color: #696969;
	margin-bottom: 0.5%;
	font-weight:600;
}	
.hotsell .hotsell.image .price{
	    margin: 0.5% 0% 2%;
    font-size: 0.8rem;
	text-align:center;	
	color:  #f08080;
	font-weight:600;
}

            
 .hot_price {   
width: 100%;
    color: gray;
    margin: 2% 0; overflow: hidden;white-space: nowrap;text-overflow:  ellipsis;
}
.hot_price a div{
    color: black;
    width: 50%;
    height: 1.4rem;
    margin: 0% 0 1% 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
    float: left;
}
.hot_price span { height:1.1rem;
	float:right; overflow: hidden;white-space: nowrap;text-overflow:  ellipsis;
    font-size: 0.8rem;     margin: 1% 1% 1% 0;

}
.hot_price strong {
    font-weight: normal;
    color: #e6003e; 
}
.hot_price p {
    width: 98%;
    font-size: 0.9rem;
    color: gray;
    text-indent: 2%;
    line-height: 1.2rem;
margin: 3% 0 1%; 
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
}

<!--    z-index:20; position: fixed; background-color:rgba(0, 0, 0, 0.45);-->