*{ margin:0px; border:0; padding:0;}

html{font-size:20px;}
body{ font-family:"微软", "微软雅黑"; background:#f5f5f4; max-width:720px; margin:0px auto; }

a,input,button{ outline:none;}
a{ cursor:pointer; color:#FFF; text-decoration:none;}

.f_left{ float:left;}
.f_right{ float:right;}
.clear{ overflow:hidden;zoom:1;}
.no_margin_right{ margin-right:0 !important;}
ul{ list-style:none;}
.background{ background:#FFF; padding-top:.5rem !important;padding-bottom:1rem !important;}
.red{ color:red !important;}


.banner img{ width:100%;}

.content{ }
.box{ padding:0px 18px; margin-bottom:20px;}
.box_title{  font-weight:bold; color:#333; text-align:center; font-size:16px; margin:.7rem 0; line-height:1.8;}
.box p{font-size:.7rem; color:#333; line-height:1.5; text-indent:2em; margin-top:10px;}
.box .price{ margin-top:.5rem;}
.box .price li{border:1px solid #f2c561; padding:10px; font-size:.7rem; margin-bottom:.5rem; line-height:25px;}
.box .li_list { margin-top:.8rem;}
.box .li_list li{ width:46%;border:1px solid #f2c561;  padding:10px 4px; float:left; font-size:.7rem; margin:0 2% 2% 0; text-align:center;}
.box .advantage{ }
.box .advantage li {font-size:0.7rem; line-height:1.8;}
.box .advantage li span{ font-size:1.2rem; color:red; font-weight:bold; margin-right:.4rem;}

.footer{ padding:20px 18px; background:#2d3237; color:#FFF;}
.footer .f_left{ width:40%; margin-right:2%; text-align:left;}
.footer .f_right{width:58%;}
.footer .f_right h2{ font-size:.8rem; margin-bottom:.4rem;}
.footer .f_right a.btn{ background:#f2c561; color:#FFF; padding:.3rem 2%; display:block; text-decoration:none; width:98%; text-align:center;
margin-top:28px; font-size:.7rem;}
.footer img{ display:block;  width:80%;}

/*2017-06-21*/
.box .buy li{font-size:0.8rem;     position: relative; margin-bottom: 15px; overflow: hidden; zoom:1; line-height: 1.8;}
.box .buy li.huiyuan  a{ background: #f2c561; padding: 5px 8px; border-radius: 3px; font-size: .7rem; position: absolute; top:10px; right: 0px;} 
.box .buy li img{ width:80px; height: 80px; margin-right: 8px; float: left; display: block;}
.box .buy li.xq a{ color:#333; margin: 0px 5px;}
.box .buy li span{ line-height: 40px; display:block; }

/*2011-0629*/
.buy_text{ float: left;}
.buy_text p{ text-indent:0;  margin-top: 0 !important;}

@media  (max-width:320px) {
.box_title{font-size:16px; }
.box .li_list li{ width:45%;  font-size:.7rem;}
.box .buy li { font-size:.7rem; margin-bottom: 15px;}
.box .buy li a{top:10px;}
.footer .f_left{ width:38%; margin-right:2%; text-align:left;}
.footer .f_right{width:60%;}
.footer .f_right h2{ font-size:.7rem;}
.footer .f_right a{  padding:.3rem 2%;width:98%; text-align:center;margin-top:10px !important; font-size:.6rem  !important;}
	.buy_text{width:150px;}

}
@media (min-width:321px)and (max-width:480px) {
	.buy_text{ width:200px;}
}


@media all and (max-width:640px) {
}