@charset "gb2312";
/* CSS Document */body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
ol,ul,dl,li{list-style:none;}
body{font-family:PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif;color:#000; min-height:100%;padding-bottom:1px;line-height: inherit;}
a{text-decoration:none;}
html{height:100%;}
body{min-height:100%;}
em{ font-style:normal}
strong{ font-weight:normal}
.public_frame{ min-width:320px; margin-bottom:0;_width: 320px;_overflow: hidden; min-height: 100%;}
.frame_min{max-width: 640px;margin: auto;height: 100%;}

.public_div{ position:relative; width:100%;}
.public_bg{width: 100%;overflow: hidden;position: fixed;top: 0px;bottom: 0;}
.public_bg p{display: block;max-width: 640px;height: 100%;position: relative;top: 0;left: 0;right: 0;background-color: #f8f8f8;}

.user_name{ background-color:#FFF; overflow:hidden; padding:10px;}
.user_name span{ display:block; width:50px; height:50px; overflow:hidden; border-radius:50%; float:left; margin-right:10px;}
.user_name span img{ width:100%;}
.user_name_R{ overflow:hidden;}
.user_name_R p{ display:block; float:left;padding-top:5px;}
.user_name_R p em{ display:block; font-size:14px; color:#333; height:20px; line-height:20px; overflow:hidden;}
.user_name_R p strong{ display:block; font-size:12px; color:#555555;height:20px; line-height:20px; overflow:hidden;}
.user_name_R p strong font{color:#ff3f60;}
.user_name_R a{ display:inline-block;padding:5px 8px; color:#888; font-size:14px;border:1px solid #888; border-radius:25px; float:right; margin-top:11px;}
.classify{ background-color:#FFF; border-top:1px solid #e8e8e8;}
.max_classify{ border-bottom:1px solid #e8e8e8; overflow:hidden; overflow-x:auto;}
.max_classify_c ,.min_classify_c{ width:666px; overflow:hidden;}
.max_classify_c a{ display:block; float:left;padding:10px; font-size:14px; color:#555;}
.max_classify_c .cur{color:#ff3f60;}
.min_classify{overflow:hidden; overflow-x:auto; border-bottom:1px solid #e8e8e8;}
.min_classify_c a{ display:block;padding:5px 10px; background-color:#f1f2f6; border-radius:5px;color:#323232; font-size:12px;margin:10px 0px 10px 10px; float:left;}
.min_classify_c .cur{color:#ff3f60;}
.center_div{padding:5px 0px 0px 0px;}
.quan_list{padding:10px;background-color:#fcfdfd; margin-bottom:5px;}
.quan_list_T{ background-color:#ffedb2; overflow:hidden;}
.substance{ float:left; overflow:hidden; background:url(/images/wap_coupon2/bg_img.png) no-repeat right center;background-size: 128px;}
.span_div1{ display:block; float:left; color:#ff4545; height:90px; line-height:90px;text-align: center; overflow:hidden;padding: 0 1px;}

.span_div3{ display:block; float:left; width:90px; height:90px; overflow:hidden; margin-right:10px;}
.span_div3 img{ width:100%;}

/*.substance p{ display:block; float:left;padding-top:13px;padding-left:10px;}*/
.substance p{ display:block; float:left;padding-top:23px;}
.substance p em{ display:block; color:#cc7852;font-size:18px; margin-bottom:5px;}
.substance p strong{ display:block; color:#999;font-size:14px;}
.quan_list_T a{ display:block; overflow:hidden; background:url(/images/wap_coupon2/red.png) repeat-y left top;padding-left:8px;    background-size:100px; float:right}
.quan_list_T a label{ background-color:#ff4545;color:#FFF; font-size:18px;width:36px;display: block;padding:24px 14px;}
.quan_list_T .no_bg{background:url(/images/wap_coupon2/red1.png) repeat-y left top;background-size: 100px;}
.quan_list_T .no_bg label{ background-color:#cccccc}
.quan_list_F{padding-top:10px;overflow:hidden;}
.quan_list_F span{ width:45px; height:45px; display:block; float:left; margin-right:10px; border-radius:50%; overflow:hidden;}
.quan_list_F span img{ width:100%;}
.Number{ overflow:hidden}
.Number p{ display:block; float:left;}
.Number p em{ display:block; font-size:14px; color:#555555;margin:5px 0;}
.Number p strong{ display:block; font-size:12px; color:#999999;}
.Number p strong font{color:#555555;}
.Number label{ display:block;float:right; width:56px;}
.Number label img{ width:100%;}
/*.span_div2{ display:block; float:left; color:#ff9867; font-size:30px;width:90px; height:96px; line-height:96px;text-align: center; overflow:hidden}
.span_div2 font{ font-size:22px;}
*/
@media screen and (max-width:320px){
	.substance{ width:215px;}
	.span_div1{ font-size:30px;}
	.span_div1 font{ font-size:20px;}
	}
@media screen and (min-width:321px) and (max-width:360px){
	.substance{ width:215px;}
	.span_div1{min-width: 100px; font-size:40px;}
	.span_div1 font{ font-size:24px;}
	}
@media screen and (min-width:361px) and (max-width:480px){
	.substance{ width:260px;}
	.span_div1{min-width: 115px; font-size:45px;}
	.span_div1 font{ font-size:24px;}
	}
@media screen and (min-width:481px){
	.substance{ width:350px;}
	.span_div1{min-width: 115px; font-size:46px;}
	.span_div1 font{ font-size:24px;}
	}