* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size:14px; color:#333; background:#efeff1; min-width: 320px; max-width: 640px; margin:0 auto !important; position: relative;-webkit-text-size-adjust: none;}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px;font-weight:normal;}
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; -webkit-appearance:none; }
i,em { display: inline-block; font-style:normal; }
p{word-wrap:break-word;}
*:focus { outline: none }
img { border: 0px; max-width:100%;border-radius:10px;}
ul, li { list-style-type: none;}
a:link {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color: #333333;text-decoration: none;}
a:visited {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color:#333333;text-decoration: none;}
a:hover {font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;font-size:14px;color:#E24615;text-decoration: none;}

 .fx_dibu{display:block;}
 .footnav{margin:0; position:fixed; bottom:0px; background:#1f1d1d; border-top:1px solid #1f1d1d; height:50px; overflow:hidden; width:100%; max-width:640px; z-index:111}
 .footnav li{ float:left; width:25%; text-align:center;}
 .footnav li a{ display:block; height:50px; color:#999999;}
 .footnav li i{ width:100%; height:18px; display:block; margin:0 auto; margin-top:5px; margin-bottom:5px;}
/* .footnav li.nav-1 i{ background:url(../images/icon_03.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-2 i{ background:url(../images/icon_11.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-3 i{ background:url(../images/icon_06.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-4 i{ background:url(../images/icon_08.png) no-repeat center; background-size:auto 100%;}
 .footnav li:hover a,.footnav li.on a{color:#FFA72C;}
 .footnav li.nav-1:hover i,.footnav li.nav-1.on i{ background:url(../images/icon_17.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-2:hover i,.footnav li.nav-2.on i{ background:url(../images/icon_20.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-3:hover i,.footnav li.nav-3.on i{ background:url(../images/icon_18.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-4:hover i,.footnav li.nav-4.on i{ background:url(../images/icon_19.png) no-repeat center; background-size:auto 100%;}
*//*}*/
 .footnav li.nav-1 i{ background:url(../images/woshi.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-2 i{ background:url(../images/wokan.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-3 i{ background:url(../images/woyao.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-4 i{ background:url(../images/wode.png) no-repeat center; background-size:auto 100%;}
 .footnav li:hover a,.footnav li.on a{color:#d1aa6f;}
 .footnav li.nav-1:hover i,.footnav li.nav-1.on i{ background:url(../images/woshi_on.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-2:hover i,.footnav li.nav-2.on i{ background:url(../images/wokan_on.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-3:hover i,.footnav li.nav-3.on i{ background:url(../images/woyao_on.png) no-repeat center; background-size:auto 100%;}
 .footnav li.nav-4:hover i,.footnav li.nav-4.on i{ background:url(../images/wode_on.png) no-repeat center; background-size:auto 100%;}
.h50{height:50px;}
.header{
	height: 45px;
    overflow: hidden;
    background: #1a1819;
    position: relative;
    padding: 0 12px;
    text-align: center;
    width: 100%;
    top: 0;
    z-index: 9999;
    border: 0;
    border-bottom: 1px solid #CCC;
}
.header h1{
	text-align: center;
    font-weight: normal;
    font-size: 18px;
    color: #999;
    line-height: 45px;
    margin: 0;
}
.return{
	position: absolute;
    left: 0px;
    height: 100%;
    top: 0px;
    width: 50px;
    background: url(../images/return.png) no-repeat center;
    background-size: auto 40%;
}
.shop_body>ul>li{
	background: #fff;
    width: 96%;
    margin: 10px auto;
    border-radius: 10px;
    padding: 10px 20px !important;
}
.product_img{
	float:left;
	width:30vw;
	max-width: 192px;
	height:30vw;
	max-height: 192px;
}
.product_star{
	float:left;
	width:50vw;
	max-width: 320px;
    margin-left: 10px;
}
.product_star h3{
	margin-top: 10px;
	font-size:18px;
}
.shop_body .star li{
	width:30px;
	height:30px;
	background-image: url("../images/star_off.png");
	float:left;
	background-size:100% 100%;
	text-align: center;
    line-height: 30px;
    color: #8A8A8A;
}
.shop_body .star li.on{
	background-image: url("../images/star_on.png");
	color:#FFA72C;
}
.shop_body .star li.on_on{
    background-image: url("../images/star_on.png");
    color:#FFA72C;
}
.textarea{
	width:100%;
	height:100px;
	border:none;
}
hr{margin-top:10px;margin-bottom: 10px;}
.manyidu{float: right;color:#999;font-size:13px;margin-top: 4px;}
label{color:#666;}
.star_box{
	height:30px;
	line-height:30px;
	margin:10px 0;
}
.fx_star{
	float: right;
}
.btn_baocun{
	width: 90%;
    margin-left: 5%;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(to right, #fdeec5,#c4955f);
    color: #000;
    border: none;
    font-size: 16px;
    border-radius: 5px;
}