*{-webkit-box-sizing: border-box;box-sizing: border-box;}
html{width: 100%;height: 100%;margin: 0px;padding: 0px;-webkit-text-size-adjust: 100%;font-family: -apple-system, "PingFang SC","Helvetica Neue", Helvetica, STHeiTi, sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background: transparent;}
body{width: 100%;height: 100%;-webkit-overflow-scrolling: touch;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary{margin: 0;padding: 0;}
input, select,textarea {border: 0;appearance:none;}
select,textarea{-webkit-appearance: none;}
ol, ul{list-style: none;}
*:not(input, select, textArea){-webkit-user-select: none;}
img,a{-webkit-touch-callout:none;}
a{text-decoration: none;color: #666}
a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input::-webkit-input-placeholder{color:#d0cfcf;}
input[type="checkbox"]{display: none;}

body{font: 16px/1 "PingFang SC","Helvetica Neue", Helvetica, STHeiTi, sans-serif;color: #000;font-size: 62.5%;}
i{display: inline-block;vertical-align: middle;margin-top: -.2rem;}
img{display: block;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.btnWrap{padding: .5rem .7rem;}
.btn{color: #fff;font-size: .9rem;background: #ff5b10;width: 100%;}
.bg{background: #f5f5f5;position: fixed;z-index: -1;top: 0;left: 0;bottom: 0;right: 0;}
.gray{background:#adadad!important}

header{height: 3.6rem;line-height: 3.6rem;text-align: center;position: relative;font-size: 1.5rem;}
header .h_l{position: absolute;top: 0;left: 0;height: 3.6rem;width: 3.6rem;}
header .h_l a{display: block;}
header .h_l i.back{width: 3.6rem;height: 3.6rem;background: url("../images/Electronic coupons_back@2x.png") no-repeat center center;background-size: 24%;}
header.basic{background: #fff;}

.main .tabSide{border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.tabSide li{float: left;width: 25%;text-align: center;background: #fff;position: relative;font-size: .7rem;}
.tabSide li > a{display: block;padding: .5rem 0;border-right: 1px solid #eee;margin: .5rem 0;}
.tabSide li:last-child a{border-right: 0}
.tabSide li.cur > a{color: #ff5b10}
.tabSide li i{width: 1rem;height: 1rem;}
.tabSide li i.sales{background: url("../images/Electronic coupons_sales_default@2x.png") no-repeat center center;background-size: 100%;}
.tabSide li i.price{background: url("../images/Electronic coupons_price_default@2x.png") no-repeat center center;background-size: 100%;}
.tabSide li i.new{background: url("../images/Electronic coupons_new_default@2x.png") no-repeat center center;background-size: 100%;}
.tabSide li i.type{background: url("../images/Electronic coupons_classification_default@2x.png") no-repeat center center;background-size: 100%;}
.tabSide li.cur i.sales{background: url("../images/Electronic coupons_sales_checked@2x.png") no-repeat center center;background-size: 100%;}
.tabSide li.cur i.price{background: url("../images/Electronic coupons_price_hightolow@2x.png") no-repeat center center;background-size: 100%;}
.tabSide li.cur i.price_d{background: url("../images/Electronic coupons_price_lowtohigh@2x.png") no-repeat center center;background-size: 100%;}
.tabSide li.cur i.new{background: url("../images/Electronic coupons_new_Checked@2x.png") no-repeat center center;background-size: 100%;}
.tabSide li.cur i.type{background: url("../images/Electronic coupons_classification_Checked@2x.png") no-repeat center center;background-size: 100%;}
.tabSide li .typeBox{position: absolute;left: -1px;top: 2.9rem;right: 0;border-left: 1px solid #eee;border-bottom: 1px solid #eee;}
.tabSide li .typeBox a{display: block;background: #fff;width: 100%;line-height: 2rem;text-align: left;padding-left: .6rem;}
.tabSide li .typeBox a.cur{background: #f6f7f9;color: #ff5b10;}

.list_c section{border-bottom: 1px solid #eee;padding: 2.5%;background: #fff;}
.list_c section .img{width: 30%;border: 1px solid #eee;margin-right: 1rem;}
.list_c section .txt{width: 62%;}
.list_c section .txt .t_n{line-height: 1.5;height: 2rem;overflow: hidden;margin-bottom: 1rem;}
.list_c section .txt .t_p{margin-bottom: .5rem;}
.list_c section .txt .t_p b{color: #ff5b10;font-size: 1rem;}
.list_c section .txt .t_p del{color: #999;font-size: .8rem;margin-left: 1rem;}
.list_c section .txt .t_ed{color: #999;}
.list_c section .txt .discount{background: #ff5b10;color: #fff;width: 2.3rem;text-align: center;display: inline-block;margin-right: .3rem;}

.main_img{border-top: 1px solid #eee;}
.main_info .info_n,.main_info .info_p{text-align: center;font-size: 1.2rem;background: #fff;}
.main_info .info_n{padding: 1rem 0;position: relative;}
.main_info .info_p{padding-bottom: 2rem;}
.main_info .info_p b{color: #ff5b10;font-size: 1.2rem;}
.main_info .info_p .discount{background: #ff5b10;color: #fff;position: absolute;left: 5%;padding: .4rem 1rem;font-size: .8rem;}
.main_info .info_other{color: #666;background: #fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;line-height: 3rem;padding: 0 1rem;}
.main_info .info_other i{width: 1.2rem;height: 1.2rem;}
.main_info .info_other i.person{background: url("../images/Electronic coupons_details_people@2x.png") no-repeat center center;background-size: 100%;}
.main_info .info_other i.countdown{background: url("../images/Electronic coupons_details_time@2x.png") no-repeat center center;background-size: 100%;}

.main_info .section{background: #fff;margin-top: 1rem;color: #333;padding-bottom: 2.8rem}
.main_info .section .t{margin-left: 1rem;line-height: 2.2rem;border-bottom: 1px solid #eee;}
.main_info .section .t i{width: 1.2rem;height: 1.2rem;margin-right: .2rem;}
.main_info .section_tips .t i{background: url("../images/Electronic coupons_details_prompt@2x.png") no-repeat center center;background-size: 100%;}
.main_info .section_txt .t i{background: url("../images/Electronic coupons_details_introduction@2x.png") no-repeat center center;background-size: 100%;}
.main_info .section .c{padding: 1rem;line-height: 2;}
.main_info .section .c img{width: 100%;}
.main_info .section_txt .c{color: #666;}
.main_info .btn{display: block;line-height: 2.8rem;text-align: center;}

header a.close{position: absolute;left: 9%;display: block;font-size: 1.4rem;color: #000;}
.tips{font-size: .7rem;padding: .6rem;line-height: 1.5;color: #666;}
.tips a,.tips b,.order_d .section b{color: #ff5b10;font-weight: normal;}
.tips a{margin-left: 1.3rem;}
.order_d{background: #fff;}
.order_d .section{border-bottom: 1px solid #eee;margin-left: .6rem;padding: .8rem 0;font-size: .9rem;padding-right: .6rem;color: #333;}
.order_d .section:last-child{border-bottom: 0}
.order_d .section_num{padding: .5rem 1rem .5rem 0;}
.order_d .section_num .fl{line-height: 2rem;}

.btnWrap_b{background: #fff;position: fixed;bottom: 0;width: 100%;}
.btnWrap_b .btn{display: block;text-align: center;line-height: 2.6rem;border-radius: 4px;}

header.color{background: #ff5b10;color: #fff;}
header.color a{color: #fff;}
header.color i.back{background: url("../images/coupons_back@2x.png") no-repeat center center;background-size: 24%;}

.payTotal{background: #ff5b10;color: #fff;padding: 2rem 1.5rem;}
.payTotal p{font-size: 1rem;margin-bottom: 1.2rem;}
.payTotal b{font-size: 2.6rem;font-weight: normal;}
.numBox{border: 1px solid #eee;float: left;border-radius: .4rem;}
.numBox .numb{height: 2rem;width: 2rem;display: block;float: left;text-align: center;line-height: 2rem;}
.numBox a.minus{background: url("../images/Electroniccoupons_pay_cut@2x.png") no-repeat center center;background-size: 35%;}
.numBox a.plus{background: url("../images/Electronic coupons_pay_increase@2x.png") no-repeat center center;background-size: 35%;}
.numBox input[disabled]{color:#000;opacity:1}

.mask{background: #000;opacity: .3;position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 98;}
.msgBox{position: fixed;top: 50%;left: 50%;z-index: 99;width: 70%;height: 11.4rem;margin: -5.7rem 0 0 -35%;background: #f8f8f8;border-radius: 1rem;overflow: hidden;}
.msgBox_c{padding: 0 1.4rem 1.8rem;border-bottom: 1px solid #eee;}
.msgBox_c .t{text-align: center;font-size: 1rem;padding: 1.8rem 0 1.4rem;}
.msgBox_c input{border: 1px solid #eee;width: 100%;padding: .6rem .8rem;background: #fff;}
.msgBox_btn{line-height: 3rem;}
.msgBox_btn .fl{width: 50%;height: 100%;}
.msgBox_btn .fl:first-child{border-right: 1px solid #eee;}
.msgBox_btn .fl .btn{display: block;text-align: center;background: none;font-size: 1rem;}
.msgBox_btn .fl .btn_basic{color: #ff5b10;}
.msgBox_btn .fl .btn_gray{color: #999;}

.moreList{text-align:center;font-size:14px;height:40px;line-height:40px;margin-bottom:.5em}
.moreList a{display:block;color:#666}.moreList i.loading{background:url(../img/loading.gif) no-repeat center center / 100px;width:20px;height:20px;display:inline-block;vertical-align:middle}
.moreList.empty{margin-top:100px}
.moreList a img{display:inline-block;}

.pop{width:100%;height:100%; position:fixed;top:0;left:0;z-index:1000;background:rgba(0,0,0,0.3);  }
.popcontent{position:absolute;width:60%;height:auto;text-align:center;padding:20px;top:30%;left:50%;z-index:1001;margin-left:-30%;font-size:16px;background:#000;background:rgba(255,255,255,0.9);border-radius:10px;}

#orderDetails{padding:0 10px;font-size:14px;overflow:hidden}
#orderDetails .imgWrap,#orderDetails .txtWrap,#orderDetails .wrap,#orderDetails dl,#orderDetails dt,#orderDetails .ticketTitle,#orderDetails .ticket{float:left}
#orderDetails dd,#orderDetails .ticketStatus{float:right}
#orderDetails .wrap{width:100%;border-bottom:1px solid #ddd;padding:12px 0}
#orderDetails .wrap.m{border-bottom:0}
#orderDetails .imgWrap{height:70px;width:70px;margin-right:10px}
#orderDetails .txtWrap .other{margin-top:10px;line-height:21px;color:#8f8f8f}
#orderDetails dl{width:100%;line-height:30px}
#orderDetails dt{color:#8f8f8f}
#orderDetails .ticket{width:100%;box-shadow:0 0 5px #999;height:80px;background:#fafafa;position:relative}
#orderDetails .ticket .round,#orderDetails .ticket em{display:block;position:absolute;top:27px;height:20px;width:20px;background:#fff;border-radius:50%}
#orderDetails .ticket .round{box-shadow:0 0 5px #999 inset;top: 30px;}
#orderDetails .ticket .left{left:-10px}
#orderDetails .ticket .right{right:-10px}
#orderDetails .ticket em.left{left:-14px}
#orderDetails .ticket em.right{right:-14px}
#orderDetails .ticketTitle{max-width:60%;font-size:13px}
#orderDetails .ticketStatus{height:80px;border-left:1px dashed #ddd}
#orderDetails .ticket .box{margin:15px 0;padding:0 12px}
#orderDetails .ticket .box b{display:inline-block;width:16px;vertical-align:middle;margin-right:5px}
#orderDetails .ticket .check b{height:16px;background:url(../img/ticket.png) no-repeat center center / 16px}
#orderDetails .ticket .send b{height:12px;background:url(../img/text.png) no-repeat center center / 16px}
#orderDetails .ticket p{line-height:25px;z-index:1;position:relative;white-space: nowrap;font-size: 12px;}
#orderDetails .statusbox{z-index:1;position:absolute;top:18px;left:118px;opacity:.7;filter:alpha(opacity=70)}
#orderDetails .statusbox .status{width:107px;height:51px;display:block}
#orderDetails .statusbox .ysy{background:url(../img/s_used.png) no-repeat center center}
#orderDetails .statusbox .yzf{background:url(../img/s_invalid.png) no-repeat center center}
#orderDetails .statusbox .ygq{background:url(../img/s_out.png) no-repeat center center}
#orderDetails .txtWrap h2{font-size: 14px}

#orderList{padding:0 10px}
#orderList .imgWrap,#orderList .txtWrap,#orderList .wrap{float:left}
#orderList .wrap{position:relative;width:100%;border-bottom:1px solid #ddd;padding:12px 0}
#orderList .imgWrap{height:70px;width:70px;margin-right:10px}
#orderList .txtWrap{font-size:14px}
#orderList .txtWrap .other{margin-top:10px;line-height:21px;color:#8f8f8f}
#orderList .txtWrap .other .pay{position:absolute;right:0;bottom:12px;color:#f60}
#emptyBox{margin:100px 0;text-align:center}
#emptyBox p{font-size:1.4em;color:#999;line-height:36px}
#emptyBox a{color:#ef7800;text-decoration:underline}
.codeWrap{width: 260px;margin: 10px auto;text-align: center;padding: 10px;border: 1px solid #ddd;}
.codeWrap dl:first-child{font-size: 16pt;width:100%;white-space:nowrap;line-height: 40px;color:#000;}
.codeWrap img{display:inline-block;vertical-align: middle;}
/*固定顶部*/
.top{position: fixed;top: 0;opacity: 0.9;left: 0;right: 0;}
.ng-binding table {width: 100%;}
.codeWrap dl {-webkit-user-select: auto !important;}

.msgBox.msg_notice{border-radius: 1vw;background: #fff;width: 18rem;height:23rem;margin: -11.5rem 0 0 -9rem;overflow: inherit;}
.msgBox.msg_notice .wrap{position: relative;}
.msgBox.msg_notice .tit{margin-top: -2.1rem;margin-bottom: 1rem;}
.msgBox.msg_notice .tit p{text-align: center;width: 100%;margin-top: -2rem;line-height: 1;font-size: .96rem;color: #df2f35;}
.msgBox.msg_notice .cont{padding: 10px 6px;line-height: 26px;}
.msgBox.msg_notice .cont th{vertical-align: top;}
.msgBox.msg_notice .cont b{color: #df2f35}
.msgBox.msg_notice a.btn{background: #ea494f;width: 224px;height: 41px;line-height: 41px;text-align: center;display: block;margin: 0 auto;border-radius: 20px;color: #fff;font-size: 16px;}

.topay_bg{background: #f5f5f5;position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: -1;}
.payway_n_box{font-size: .8rem;margin-top: .5rem;width:100%;}
.payway_n_box li{line-height: 3rem;padding-left: 1.5rem;background: #fff;border-top: 1px solid #f5f5f5;}
.payway_n_box li.sel{border: 1px solid #409bf9;}
.payway_n_box li i{display: none;width: 3rem;height: 3rem;}
.payway_n_box li.sel i{display: block;background: url("../images/pop_selected.png") no-repeat center center;background-size: 25%;float: right;}
.payway_n_box .btnWrap{padding: 3rem 0;text-align:center;}
.payway_n_box .btnWrap .btn{width: 86%;height: 2.6rem;font-size: 1rem;background: #f60;color: #fff;border: 0;border-radius: 1.3rem;-webkit-appearance:none;}

.side_b{width: 100%;position: fixed;background: #fff;bottom: 0;}