html{height:100%;}
body{height:100%; margin:0; padding:0; font-size:14px; position:relative;}
span,p,ul,li,a,strong,em{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none}
strong{ font-weight:normal}
em{ font-style:normal}
a{ text-decoration:none; color:#555;}
.wrapper{min-width:320px; padding-bottom:0px; _width:320px;_overflow:hidden;  font-family: 'PingFangSC-Regular','Helvetica','Droid Sans','Arial','sans-serif';min-height:100%; background:#f2f2f2; }
.mainContainer{max-width:640px; margin:auto;height:100%;}

.none1{ height:40px;}
.none2{ height:48px;}

.option{ height:100%; background:#fff; padding:10px; overflow:hidden;}
.option li{ float:left; text-align:center; margin-right: 15px; padding-bottom:10px;}
.option .cur_option a{ color:#ff2d51;}

.scroll_x{width:9999px;}
.scroll_x .scroll_Center{overflow: hidden; display: inline-block;}
.scroll_x .scroll_Center li{float: left;}

.mainContainer_center{ margin-bottom:10px;}
.mainContainer_nav2{ height:40px; overflow:hidden; background:#fff;}
.mainContainer_nav{overflow-x:scroll; overflow-y: hidden; height:57px;}
/* .mainContainer_nav{  background:#ff2d51;padding: 0 10px; overflow-x:scroll; overflow-y: hidden; height:57px;} */
.mainContainer_nav ul li a{ font-size:14px; line-height:40px; display:inline-block;float:left;  text-align:center; padding:0 23px;}	
/* .mainContainer_nav ul li a{ font-size:14px; color:#fff; line-height:40px; display:inline-block;float:left;  text-align:center; padding:0 23px;}	 */
.cur_border a{ background:#ff2d51; color:#fff;}
/* .cur_border a{ background:#cc2441; } */
.mainContainer-member { background:#fff; position:relative; padding-left:69px; height:70px; margin-bottom: 10px;}
.mainContainer-member a{display: inline-block; width:46px; height:46px; overflow: hidden; border-radius:50%;position:absolute; top:0; left:0; border:2px solid #ccc; margin:10px; text-align: center;}
.mainContainer-member img{max-height: 100%; max-width: 100%;}
.member_right{ padding:10px 10px 10px 0;}
.member_right p{ font-size:14px; color:#555; padding:2px 0 8px 0;}
.member_right ul{ overflow: hidden; }
.member_right li{ font-size:12px; color:#888;  float:left;text-align: left; margin-right:10px; }
.member_right li:last-child{margin-right:0;}
.member_color{ color:#ff2d51; margin-left: 2px;}
/* .youhui{ border-right:1px solid #ededed; text-align:center;} */
/* .daijin{ border-right:1px solid #ededed;text-align:center;} */
.lipin{text-align:center; }
.center_li{ background:#fff; margin-top:10px; padding:10px;}
.center_tit{ color:#555; line-height:22px; }
.center_tit span{ background:#fdad02; border-radius:3px; color:#fff; padding:2px 4px; margin-right:4px; font-size: 12px;}
.center_voucher{ border:1px solid #ededed; padding:5px; margin-top:5px; position:relative;  height:100%; position:relative;}
.center_voucher .voucher_left img{ max-width:100%; max-height:100%; min-width: 100%; min-height: 100%;}
.voucher_left{  position:absolute; top:5px; left:5px; }
.size_color{ display:block;  color:#ff2d51; font-weight:bold; text-align:center; }
.size_man{ display:block; color:#888;  text-align:center; border-bottom:1px dashed #ededed;  max-height:12px; overflow:hidden;}
.size_lipin{ display:block;  color:#888;  text-align:center; border-bottom:1px dashed #ededed;  line-height:12px; max-height:12px; overflow:hidden;}
.free_lipin{font-size: 28px;line-height: 53px;max-height: 53px;margin-top: 12px;}
.size_youxiao{ display:block;  color:#999;  text-align:center;}
.size_riqi{ display:block;  color:#999;  text-align:center;}
.center_bottom{ overflow:hidden; }
.center_bottom button{ float:right; background:#ff2d51; border-radius:5px; color:#fff;  border:none; padding:0;}
.center_bottom .lingqu,.center_bottom .end{ float:right; background:#999; border-radius:5px; padding:8px 10px; color:#fff; font-size:16px; border:none;}
.bottom_left{ float:left; }
.bottom_left a{  float:left; display: inline-block; border-radius: 5em; overflow: hidden; margin-right: 5px;}
.bottom_left .name{ color:#555; font-size:14px; }
.bottom_left p{ color:#999; font-size:12px; }
.bottom_left .color{ color:#555; }
.bottom_left span{  float:left; }
.bottom_left img{ max-width:100%; max-height:100%; min-width: 100%;}
.center_tit .dixian{background:#ff2d51; border-radius:3px; color:#fff; padding:2px 4px; margin-right:4px;}
.voucher_right3 p{ text-align:center;}
.voucher_right3 a{  display:inline-block; }
.voucher_right3 a img{height: 100%;}
/* .voucher_right3 img{max-width:100%; max-height:100%;} */
.voucher_right .pic{position: absolute;}
.voucher_right .pic img{ width: 100%; }

/*youhuiquan2*/
.mainContainer-member2 { background:#fff; position:relative; padding-left:73px; height:89px; margin-bottom: 10px;}
.mainContainer-member2 p{ font-size:12px; color:#888; padding: 38px 0 0 0; display:inline-block;}
/* .mainContainer-member2 img{ border:2px solid #ccc; border-radius:50%; margin: 20px 10px; position:absolute; top:0; left:0; width:46px; height:46px; overflow: hidden;} */
.mainContainer-member2 a{display: inline-block; width:46px; height:46px; overflow: hidden; border-radius:50%;position:absolute; top:0; left:0; border:2px solid #ccc; margin:20px 10px;}
.mainContainer-member2 img{max-height: 100%; max-width: 100%;}
.mainContainer-member2 button{ float:right; width:75px; height:35px; background:#fff;border:2px solid #ff2d51; border-radius:5px; font-size:12px; color:#ff2d51; margin: 28px 12px 0 0; padding:0;}

.bottom{width: 100%;height: 35px;background: #f5f5f5;border-top: 1px solid #ededed; overflow: hidden; padding: 4px 0 6px 0; position:fixed;bottom:0;  z-index:999; left: 0; }
.bottom ul li{ float:left; width:19.7%; text-align:center; height:48px;border-right: 1px solid #dbdbdb; }
.bottom ul li a{color:#555;}
.bottom ul li a p{ display:block; text-align:center; font-size:20px;}
.bottom ul li a strong{ display:block; text-align:center; font-size:12px;}
.bottom .cur_sel{color:##fdad02}
.bottom ul li:last-child{border-right:0;}
@media screen and (max-width:320px){
	.voucher_left{ width:150px; height:75px;}
	.center_voucher{ padding-left:161px; height:76px; }
	.size_color{ font-size:14px; padding-top:4px;}
	.size_man{font-size:12px; padding:5px 0; margin-bottom: 5px;}
	.size_lipin{padding-bottom: 3px;margin-bottom: 3px;}
	.free_lipin{font-size: 15px;line-height: 24px;max-height: 30px;margin-top: 12px;}
	.size_youxiao{padding-top:0;font-size:12px}
	.size_riqi{padding:0;font-size:12px;}
	.voucher_right .pic{ width: 40px; height: 41px;top: 15px;right: 10px;}
	.voucher_right3 a{ width:65px; height:34px; }
	.center_bottom button{width: 70px;height: 28px;font-size: 12px;margin-top: 8px;}
	.center_bottom .lingqu,.center_bottom .end{ width:76px; height:32px;font-size:14px; }
	.bottom_left a{ width:30px; height:30px; margin-top: 5px;}
	.center_bottom{ padding:10px 0 0 0;}
	.bottom_left span{ padding-top:0;}
	.bottom_left .name{ padding-bottom:1px;}

	}
@media screen and (min-width:321px) and (max-width:480px){
	.voucher_left{ width:150px; height:75px;}
	.center_voucher{ padding-left:161px; height:76px; }
	.size_color{ font-size:14px; padding-top:4px;}
	.size_man{font-size:12px; padding:5px 0; margin-bottom: 5px;}
	.size_lipin{padding-bottom: 3px;margin-bottom: 3px;}
	.free_lipin{font-size: 15px;line-height: 28px;max-height: 30px;margin-top: 12px;}
	.size_youxiao{padding-top:0;font-size:12px}
	.size_riqi{padding:0;font-size:12px;}
	.voucher_right .pic{ width: 40px; height: 41px;top: 15px;right: 10px;}
	.voucher_right3 a{ width:65px; height:34px; }
	.center_bottom button{width: 70px;height: 28px;font-size: 12px;margin-top: 8px;}
	.center_bottom .lingqu,.center_bottom .end{ width:76px; height:32px;font-size:14px; }
	.bottom_left a{ width:30px; height:30px; margin-top: 5px;}
	.center_bottom{ padding:10px 0 0 0;}
	.bottom_left span{ padding-top:0;}
	.bottom_left .name{ padding-bottom:1px;}

	}
@media screen and (min-width:481px) and (max-width:640px){
	.voucher_left{ width:300px; height:150px;}
	.center_voucher{ padding-left:315px; height:150px; }
	.size_color{ font-size:28px; padding-top:12px;}
	.size_man{font-size:16px; padding:5px 0 20px 0;}
	.size_lipin{ font-size:14px;padding:8px 0 10px 0;}
	.free_lipin{font-size: 20px;line-height: 45px;max-height: 45px;margin-top: 15px;}
	.size_youxiao{padding-top:14px;font-size:16px;}
	.size_riqi{padding:3px 0 5px 0;font-size:16px;}
	.voucher_right .pic{ width:90px; height:92px; top:15px; right:5px;}
	.voucher_right3 a{ width:120px; height:62px; }
	.center_bottom button{width:95px; height:40px;font-size:16px; margin-top:10px; padding:0;}
	.center_bottom .lingqu,.center_bottom .end{ width:95px; height:40px;font-size:16px; margin-top:10px; }
	.bottom_left a{ width:60px; height:60px;}
	.center_bottom{ padding:15px 0 7px 0;}
	.bottom_left span{ padding-top:13px;}
	.bottom_left .name{ padding-bottom:6px;}
	.member_right li{ font-size: 14px; }
	}
@media screen and (min-width:641px){
	.voucher_left{ width:300px; height:150px;}
	.center_voucher{ padding-left:315px; height:150px; }
	.size_color{ font-size:28px; padding-top:12px;}
	.size_man{font-size:16px; padding:5px 0 20px 0;}
	.size_lipin{ font-size:14px;padding:8px 0 10px 0;}
	.free_lipin{font-size: 20px;line-height: 45px;max-height: 45px;margin-top: 15px;}
	.size_youxiao{padding-top:14px;font-size:16px;}
	.size_riqi{padding:3px 0 5px 0;font-size:16px;}
	.voucher_right .pic{ width:90px; height:92px; top:15px; right:5px;}
	.voucher_right3 a{ width:120px; height:62px; }
	.center_bottom button{width:95px; height:40px;font-size:16px; margin-top:10px; padding:0;}
	.center_bottom .lingqu,.center_bottom .end{ width:95px; height:40px;font-size:16px; margin-top:10px; }
	.bottom_left a{ width:60px; height:60px;}
	.center_bottom{ padding:15px 0 7px 0;}
	.bottom_left span{ padding-top:13px;}
	.bottom_left .name{ padding-bottom:6px;}
	.member_right li{ font-size: 14px; }
	}