@charset "utf-8";

/* ================================ */
/* 触屏版活动页面等样式		*/
/* ================================ */
 .clear{clear: both;}
 .c-fix:after{content:"\0020";display:block;visibility:hidden;clear:both}
 input,select{padding:0;margin:0;outline:0;vertical-align:middle;}
 .checkboxFour{ width:16px; height:16px; position:relative; border-radius:50%; display:inline-block; vertical-align:middle; background:none; margin:-9px 10px 0 10px;padding:0;}
.checkboxFour input{ border:none; display:none;}
.checkboxFour input[type="checkbox"]:checked{border:none;background: none;}
.checkboxFour input[type="checkbox"]:focus,input[type="checkbox"]:hover{border:none;background: none;}
.checkboxFour input[type="radio"]:checked{border:none;background: none;}
.checkboxFour input[type="radio"]:focus,input[type="radio"]:hover{border:none;background: none;}
.checkboxFour ins { display: block; width:16px; height:16px;cursor: pointer; position:absolute; top:0; left:0; z-index: 1; border-radius:50%; border:solid 2px #888;}
.checkboxFour input[type=checkbox]:checked + ins { width:20px; height:20px; background:#ef4646 url('../images/icon9.png') center center no-repeat; background-size:13px; border:none;}
.checkboxFour input[type=radio]:checked + ins { width:20px; height:20px; background:#ef4646 url('../images/icon9.png') center center no-repeat; background-size:13px; border:none;}
i.pay-icon{padding-right: 40px;height: 40px;float: left;background-size: 40px;}
/*签到页面*/
.content{ background-color: #fff;}
img{vertical-align:middle;}
.day_box .days{height:100px;background: #f24141;color:#fff;font-size: 0.5rem;padding: 5px 0px;}
.day_box .days div{width:48%;display: inline-block;}
.days .day{line-height: 90px;padding-left: 10px;}
.days .calendar{text-align: center;}
.day .num{display: inline-block;float:left;padding-right: 5px;}
.days .yellow{color:#fcef09;}
.integral{background:#fff;margin:0 auto;padding:10px;}
.integral .big{width:40%;float:left;}
.integral .mini{width:60%;float:left;}
.day_box .rule h3{padding-bottom: 5px;padding-top:5px;}
.day_box .rule{font-size: 0.5rem;background: #fff;line-height: 15px;color:#f47373;padding-left: 15px;}
.bor{width:90%;margin:0 auto;border-bottom:1px solid #ccc;text-align: center;height:20px;margin-top: 10px;}
.bor .title{width:40%;height:40px;background: #f8f9fa;float:left;margin-left:30%;line-height: 40px;color:#f24141;font-size: 15px;}
.bor .title span{padding:7px 4px;border:2px solid #f24141;border-radius: 30px;font-size: 15px;}
.goli{width:45%;float:left;margin: 2.4444444444%;}
.frame{position: fixed;bottom: 0;border-top:1px solid #ccc;height:120px;width:100%;background: #fff;}

.nctouch-home-block { display: block; width: 100%; clear: both;margin: 7px 0; position: relative;}
.goods-list { font-size: 0; margin-bottom: 0.5rem;}
.goods-list li { position:relative; background-color: #FFF; vertical-align: top; display: inline-block; width: 47%; overflow: hidden; border-radius: 0.2rem;}
.goods-list li:nth-child(odd) { margin: 0 1% 2% 2%;}
.goods-list li:nth-child(even) {  margin: 0 2% 2% 1%;}
.goods-list li a { display: block;width: 100%;}
.goods-list li dl { padding: 0.2rem;}
.goods-list li dt.goods-name { display: block; font-size: 0.6rem; line-height: 0.8rem; color: #000; height: 1.6rem; overflow: hidden;}
.goods-list li dd.goods-price { display: block; line-height: 1rem; height: 1rem; color: #f00;}
.goods-list li dd.goods-price em { font-size: 0.6rem; font-weight: 600;}
.goods-list i div{background: #f54246; font-size: 16px; width: 104px; height: 42px; position: absolute; color: #fff; top: -10px; left: -40px; z-index: 3; text-align: center; line-height: 62px; overflow: hidden; -webkit-transform: rotate(-45deg);}
.goods-list .list-price { color: #777;font-size: 0.8em; margin-left: 5px;text-decoration: line-through;vertical-align:top}

/*分享*/
.bg{width:100%;position: fixed;height:100%;top:0;left:0;z-index: 10;display:none;background-color: rgba(0,0,0,0.7);}
.bg.show{display: block;}
#share{position:fixed;height:150px;width:100%;background:#fff;bottom:-220px;z-index:11;}
#share ul{overflow: hidden;text-align: center;padding-bottom: 20px;}
#share ul li{float: left;width: 25%;margin-top: 17px;}
#share ul li img{width: 42%;margin:0 29% 3px;display: block;}
#share ul li span{margin-top: 3px;}
#share div.clo_share{width: 100%;background: #f6f6f6;height: 34px;padding-top: 11px;}
#share div.clo_share p{text-align: center;background: #aaa;width: 94%;margin:0 3%;padding:5px 0;color:#fff;font-size: 15px;border-radius: 3px;}

/*提示框样式*/
 .hint{width:70%;border:1px solid #B2B2B2;height: 140px;background-color: #fff;border-radius: 8px;position: fixed;z-index: 999999;top: 38%;left:15%;display: none;}
 .hint h3{border-bottom: 2px solid #0095D9;font-weight: 400;font-size: 13px;height: 25px;line-height: 25px;padding-left:15px;}
 .hint .hi-con{text-align: center;line-height: 60px;font-size: 15px;}
 .hint .sub{border:1px solid #ccc;padding: 3px 5px;font-size: 0.6rem}

 /*领券中心*/
.p_coupon{margin:0 3%;font-size: 0.5rem}
.p_coupon span{width:70px;border-width: 1px;border-style: solid;border-color: #fff;padding:0.2rem 0;position: absolute;right:10px;top:calc(50% - 13px);border-radius: 4px;text-align: center;color: #fff;}
.p_coupon li{border-radius: 4px;overflow: hidden;margin-top: 10px;}
.p_coupon .coupon_top{background-color: #f73030;color: #fff;padding:10px;position: relative;}
.p_coupon li.coupon_off .coupon_top{background-color: #aaa;}
.p_coupon .coupon_top em{color: #fff;}
.p_coupon .coupon_bottom{padding:10px;position: relative;background-color: #fff;}
.p_coupon .coupon_bottom em{color:#f73030;}
.p_coupon li.coupon_off .coupon_bottom em{color: #aaa;}
.p_coupon em{font-size: 11px;}
.left_images{float: left; width: 70%;}
.right_images{float: right; width: 30%}


/*充值有礼*/
.p_deposit{padding:0;margin:0;background: #f7f7f7;}
.p_deposit .trigger-list{background:#fff;border-bottom: 1px solid #eee;}
.p_deposit .panel-list .panel{padding:0;}
.p_deposit li.trg{line-height: 35px;height: 35px;text-align: center;width: calc(30% - 0.5px);margin:0 10%;color: #666;}
.p_deposit li.trg.act{border-bottom: 2px solid #f73030;color: #f73030;}
.p_deposit .sub-box{padding:8px 3%;background-color: #fff;font-size: 13px}
.p_deposit .sub-box em{font-size: 14px;font-weight: bold;}
.p_deposit .sub-box .recharge_text{height: 21px;padding-left: 5px;border: 0}
.p_deposit .sub-box .submit_btn{float: right;color: #fff;background:#f73030;border-radius: 4px;padding: 3px 6px;}
.p_deposit .recharge-list li{padding:13px 3%;font-size: 12px;margin-top: 7px;background-color: #fff;}
.p_deposit .recharge-box-left{text-align: center;width: 30%;float:left;background-color: #f7f7f7;color: #f73030;padding:10px 7px;}
.p_deposit .recharge-box-left p{font-size:14px;text-align: center;}
.p_deposit .recharge-box-right{float:left;height:3rem;margin-left: 15px;position: relative;width:60%;}
.p_deposit .recharge-box-right span{position: absolute;bottom: 0;left: -5px;color: #fff;background-color: #f73030;padding:5px 5px;border-radius:4px;}

/*充值*/
/*.lh60{line-height: 60px}*/
.recharge_result,.recharge_filter,.recharge_title{display: none}
.recharge_form{background-color: #f7f7f7;}
.recharge_title{font-size: 13px;background-color: #fff;padding:8px 3%;}
.recharge_title span{color: #666;}
.recharge_title em{color: #f73030;}
.recharge_filter{padding:10px 3%;color: #999;font-size: 12px;}
.active-box{padding:10px 3%;background-color: #fff;}
.active-box .active-left{max-width:100px;float:left;height:40px;background-color: #f7f7f7;color: #f73030;padding:10px 7px;font-size:12px;}
.active-box .active-left p{font-size:14px;text-align: center;}
.active-box .active-right{max-width:calc(100% - 115px);float:left;height:60px;margin-left: 15px;position: relative;}
.active-box .active-right p{margin-top: 11px;}
.recharge_list{background-color: #fff;}
.recharge_list li{position: relative;padding:8px 3%;border-bottom: 1px solid #eee;}
.recharge_list li:last-child{border:none;}
.recharge_list i{border-radius: 4px;}
.recharge_list p{font-size: 14px;float: left;margin-left: 10px;line-height: 40px;}
.recharge_list span{font-size: 12px;color: #999;}
.recharge_list div{position: absolute;right: calc(3% - 6px);top:28px;}
.recharge_sub{position: fixed;bottom: 0;padding:10px 3%;width: 94%;font-size: 13px;}
.recharge_sub em{color: #f73030;line-height: 25px;}
.recharge_sub .sub-action{float: right;background-color: #f73030;color: #fff;padding: 3px 12px;border-radius: 3px;line-height: 25px;}
.coupon_article { background-color: #fff; padding: 0.4rem 0; border-top: 1px solid #eee;text-align: center;font-size: 0.7rem;color: #999;}
.get-coupon-link{position: fixed;bottom: 0;left: 0;background-color: #f5f5f5;width: 100%;}
.get-coupon-link a{    background-color: #fff; display: block; font-size: 0.7rem; text-align: center; padding: 0.5rem; margin: 0.2rem 0.5rem; color: #999;}