@charset "UTF-8";
.op-0 { opacity: 0 }
.t-r { text-align: right; }
.bg-white { background-color: #fff }
.my-enter-list { margin-bottom:3.5rem;}
.wx-row { height: 72px; line-height: 72px; display: block }
.ml-18 { margin-left: 18px; }
.mr-18 { margin-right: 18px }
.mb-18 { margin-bottom: 18px }
.border-c { border: 1px solid currentColor; }
.color-info { color: #ff6f05; }
.fixed-main-header { padding-top: 88px; }
.flex-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.flex-pack-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.wx-input-wrap { position: relative; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 18px }
.wx-input-wrap:not(:last-child) { border-bottom: 1px solid #ddd }
.wx-input-box { /*! -webkit-box-flex: 1; */ /*! -ms-box-flex: 1; */ /*! box-flex: 1; */ /*! -ms-flex: 1; */ flex: 1; }
.wx-input-box input, .wx-input-box textarea { width: 100%; background-color: transparent; border: 0; padding: 13px 6px; font-size: 1.5rem; color: #333; vertical-align: middle }
.wx-input-box input:-ms-input-placeholder, .wx-input-box textarea:-ms-input-placeholder {
color:#666;
font-size:24px
}
.wx-input-box input:-moz-placeholder, .wx-input-box textarea:-moz-placeholder {
color:#666;
font-size:24px
}
.wx-input-box input::-moz-placeholder, .wx-input-box textarea::-moz-placeholder {
color:#666;
font-size:24px
}
.wx-input-box input::-webkit-input-placeholder, .wx-input-box textarea::-webkit-input-placeholder {
color:#666;
font-size:24px
}
.wx-input-title { font-size: 1.8rem; color: #333; font-weight: 400; }
.textarea-wrap .wx-input-title { height: 64px; line-height: 64px; border-bottom: 1px solid #ddd }
.page-btn-more { padding: 10px 5px; display: inline-block; color: #666 }
.photoUrl { display: none; }
.btn { border-radius: 5px; padding: .6em .5em; color: #282828; min-width: 4em; line-height: 1; display: -webkit-inline-box; display: -moz-inline-box; display: -ms-inline-box; display: inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.btn-dark { color: #fff; background-color: #1b6cdf }
.w-100p { width: 100% }
.fs-30 { font-size: 2rem; }
.my { padding-bottom: 4.4rem; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
.rel { position: relative }
.layer-mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.my-enter a { color: inherit; font-size: 1.4rem; }
.my-header-bg { padding-bottom: 45%; background-color: rgba(0,0,0,1); background-size:100% auto; background-repeat:no-repeat; background-position:bottom center; }
.my-header-photo { width: 9rem; height: 9rem; border-radius: 50%; background-color: rgba(221,221,221,.639); border:.2rem solid #fff; box-shadow:0px 0px 1rem 0px #fff; float:left; margin-top:2rem; background-size:100% 100%; margin-left:2rem; }
.my-header-infor { margin-top:2.5rem; color: #fff; float:right; width:58%; font-size:1.4rem; line-height:2rem;}
.my-header-name { font-size:2rem; height:2.2rem; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.my-header-band { color:#ccc;}
.my-header-infor a { background:#797574; padding:.2rem .4rem; border-radius:.2rem; margin-left:.5rem}
.my-enter-item { position: relative; float: left; width: 33.33%; padding-bottom: 33.33%; color: #666; border: 1px solid #ddd; border-top-width: 0; border-left-width: 0 }
.my-enter-item:nth-child(3n) { border-right-width: 0 }
.my-enter-item span { margin-top:.4rem }
.my-download .pic-box { margin-top: 48px }
.my-download-toolbar { margin-top: 60px }
.my-contactUs-title { font-size: 2.5rem; margin-top: 170px }
.my-contactUs-tel { font-size: 3.6rem; margin-top: 18px; color:#03C}
.my-contactUs-toolbar { margin-top: 80px }
.my-info-pane { padding-left: 18px; background-color: #fff }
.my-info { font-size: 1.5rem; padding-bottom: 70px; }
.my-info .wx-input-wrap { height: 5rem; font-size: 1.5rem; }
.my-info .wx-file-wrap { height: 118px }
.my-info .wx-input-box { position: relative }
.my-info .wx-input-box input { text-align: right; }
input::-webkit-input-placeholder { /* WebKit browsers */
 font-size:1.5rem!important
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 font-size:1.5rem!important;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
 font-size:1.5rem!important;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
 font-size:1.5rem!important;
}
textarea::-webkit-input-placeholder { /* WebKit browsers */
 font-size:1.5rem!important
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 font-size:1.5rem!important;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
 font-size:1.5rem!important;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
 font-size:1.5rem!important;
}
.my-info .icon-angle-right, .my-info .icon-angle-down { font-size: 4rem; padding-left:.5rem
}
.my-info .file-wrap .pic-box { width: 85px; height: 85px; position: absolute; top: 50%; margin-top: -42.5px; right: 0; background-position: center; background-repeat: no-repeat }
.my-info-validate .wx-input-box input { text-align: left; }
.my-vip .main { padding: 70px 30px 20px }
.my-vip-info { background: #fff; box-shadow: 0 3px 16px 0 rgba(0,0,0,.08); border-radius: 10px; padding: 35px; font-size: 28px; margin-top: 40px }
.my-vip-toolbar { margin-top: 70px }
.my-vip-toolbar .btn { border-radius: 40px }
.my-mark { background-color: #ededed; }
.my-mark .wx-tab-content { padding-top: 79px; padding-bottom: 18px }
.my-mark-list .my-mark-list-item { background-color: #fff; margin-top: 18px; position: relative }
.my-mark-list .my-mark-title { height: 80px; border-bottom: 1px solid #ededed; padding: 0 18px }
.my-mark-list .my-mark-info { padding: 18px }
.my-mark-list .pic-box { width: 130px; height: 130px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-right: 14px }
.my-score .wx-tab-content { padding-top: 401px; padding-bottom: 18px }
.my-score-info { height: 320px; color: #fff; background-color: #282828 }
.my-score-info .btn { color: #fff }
.my-score-info .score { font-size: 72px; line-height: 1 }
.my-score-list-item { border-top: 1px solid #ddd }
.my-score-list-item:last-child { border-bottom: 1px solid #ddd }
.my-discount-vip-info { color: #fff; background-color: #282828; padding: 18px }
.my-discount-vip-box { border: 1px solid rgba(255,255,255,.5); padding: 30px 45px; outline: 1px dashed rgba(255,255,255,.3); outline-offset: -15px }
.my-discount-info { color: #333; border: 1px solid #ddd }
.my-discount-info li:first-child { background-color: #eee }
.my-discount-info dt { border-right: 1px solid #ddd }
.my-discount-info li { border-bottom: 1px solid #ddd }
.my-discount-info li:last-child { border-width: 0 }
.my-coupon-detail dl { }
.my-coupon-detail-info li:last-child dl { border-bottom-width: 0 }
.my-coupon-detail-info dl { border-bottom: 1px solid #ddd }
.my-coupon-detail-info dt { background-color: #eee; padding-top: 18px; padding-bottom: 18px; width: 6em }
.my-coupon-detail-info dd { background-color: #f8f8f8; padding-top: 18px; padding-bottom: 18px }
.my-coupon-detail-limit li:last-child dl { border-bottom-width: 0 }
.my-coupon-detail-limit li:first-child dl { background-color: #eee }
.my-coupon-detail-limit dl { background-color: #f8f8f8; border-bottom: 1px solid #ddd }
.my-coupon-detail-limit dt { padding: 18px 0; border-right: 1px solid #ddd }
.my-coupon-detail-limit dd { padding: 18px 0 }
.my-ticket-info { padding: 18px; background-color: #282828; color: #fff }
.my-ticket-info .pic-box { width: 140px; height: 140px; margin-right: 14px }
.my-ticket-tip { list-style-type: decimal; padding-left: 1em }
.my-ticket-tip li { list-style-type: decimal }
.my-ticket-status { color: green }
.my-ticket-qrcode-wrap { padding: 18px 0 30px; margin: 18px 0; border: 2px #282828 dashed; border-left-width: 0; border-right-width: 0 }
.my-ticket-qrcode-box { width: 320px; height: 320px; margin: 0 auto; background: #ddd }
.btn-my { border-radius: 50px; padding-left: 1.5em; padding-right: 1.5em; font-size: 20px }
.pd-30 { padding: 30px }
.lh-30 { line-height: 30px }
.fs-32 { font-size: 32px }
.lh-32 { line-height: 32px }
.ml-5 { margin-left: 5px }
.mr-5 { margin-right: 5px }
.mt-5 { margin-top: 5px }
.mb-5 { margin-bottom: 5px }
.pl-5 { padding-left: 5px }
.pr-5 { padding-right: 5px }
.pt-5 { padding-top: 5px }
.pb-5 { padding-bottom: 5px }
.ml-6 { margin-left: 6px }
.mr-6 { margin-right: 6px }
.mt-6 { margin-top: 6px }
.mb-6 { margin-bottom: 6px }
.pl-6 { padding-left: 6px }
.pr-6 { padding-right: 6px }
.pt-6 { padding-top: 6px }
.pb-6 { padding-bottom: 6px }
.ml-7 { margin-left: 7px }
.mr-7 { margin-right: 7px }
.mt-7 { margin-top: 7px }
.mb-7 { margin-bottom: 7px }
.pl-7 { padding-left: 7px }
.pr-7 { padding-right: 7px }
.pt-7 { padding-top: 7px }
.pb-7 { padding-bottom: 7px }
.ml-8 { margin-left: 8px }
.mr-8 { margin-right: 8px }
.mt-8 { margin-top: 8px }
.mb-8 { margin-bottom: 8px }
.pl-8 { padding-left: 8px }
.pr-8 { padding-right: 8px }
.pt-8 { padding-top: 8px }
.pb-8 { padding-bottom: 8px }
.ml-9 { margin-left: 9px }
.mr-9 { margin-right: 9px }
.mt-9 { margin-top: 9px }
.mb-9 { margin-bottom: 9px }
.pl-9 { padding-left: 9px }
.pr-9 { padding-right: 9px }
.pt-9 { padding-top: 9px }
.pb-9 { padding-bottom: 9px }
.ml-10 { margin-left: 10px }
.mr-10 { margin-right: 10px }
.mt-10 { margin-top: 10px }
.mb-10 { margin-bottom: 10px }
.pl-10 { padding-left: 10px }
.pr-10 { padding-right: 10px }
.pt-10 { padding-top: 10px }
.pb-10 { padding-bottom: 10px }
.ml-11 { margin-left: 11px }
.mr-11 { margin-right: 11px }
.mt-11 { margin-top: 11px }
.mb-11 { margin-bottom: 11px }
.pl-11 { padding-left: 11px }
.pr-11 { padding-right: 11px }
.pt-11 { padding-top: 11px }
.pb-11 { padding-bottom: 11px }
.ml-12 { margin-left: 12px }
.mr-12 { margin-right: 12px }
.mt-12 { margin-top: 12px }
.mb-12 { margin-bottom: 12px }
.pl-12 { padding-left: 12px }
.pr-12 { padding-right: 12px }
.pt-12 { padding-top: 12px }
.pb-12 { padding-bottom: 12px }
.ml-13 { margin-left: 13px }
.mr-13 { margin-right: 13px }
.mt-13 { margin-top: 13px }
.mb-13 { margin-bottom: 13px }
.pl-13 { padding-left: 13px }
.pr-13 { padding-right: 13px }
.pt-13 { padding-top: 13px }
.pb-13 { padding-bottom: 13px }
.ml-14 { margin-left: 14px }
.mr-14 { margin-right: 14px }
.mt-14 { margin-top: 14px }
.mb-14 { margin-bottom: 14px }
.pl-14 { padding-left: 14px }
.pr-14 { padding-right: 14px }
.pt-14 { padding-top: 14px }
.pb-14 { padding-bottom: 14px }
.ml-15 { margin-left: 15px }
.mr-15 { margin-right: 15px }
.mt-15 { margin-top: 15px }
.mb-15 { margin-bottom: 15px }
.pl-15 { padding-left: 15px }
.pr-15 { padding-right: 15px }
.pt-15 { padding-top: 15px }
.pb-15 { padding-bottom: 15px }
.ml-16 { margin-left: 16px }
.mr-16 { margin-right: 16px }
.mt-16 { margin-top: 16px }
.mb-16 { margin-bottom: 16px }
.pl-16 { padding-left: 16px }
.pr-16 { padding-right: 16px }
.pt-16 { padding-top: 16px }
.pb-16 { padding-bottom: 16px }
.ml-17 { margin-left: 17px }
.mr-17 { margin-right: 17px }
.mt-17 { margin-top: 17px }
.mb-17 { margin-bottom: 17px }
.pl-17 { padding-left: 17px }
.pr-17 { padding-right: 17px }
.pt-17 { padding-top: 17px }
.pb-17 { padding-bottom: 17px }
.ml-18 { margin-left: 18px }
.mr-18 { margin-right: 18px }
.mt-18 { margin-top: 18px }
.mb-18 { margin-bottom: 18px }
.pl-18 { padding-left: 18px }
.pr-18 { padding-right: 18px }
.pt-18 { padding-top: 18px }
.pb-18 { padding-bottom: 18px }
.ml-19 { margin-left: 19px }
.mr-19 { margin-right: 19px }
.mt-19 { margin-top: 19px }
.mb-19 { margin-bottom: 19px }
.pl-19 { padding-left: 19px }
.pr-19 { padding-right: 19px }
.pt-19 { padding-top: 19px }
.pb-19 { padding-bottom: 19px }
.ml-20 { margin-left: 20px }
.mr-20 { margin-right: 20px }
.mt-20 { margin-top: 20px }
.mb-20 { margin-bottom: 20px }
.pl-20 { padding-left: 20px }
.pr-20 { padding-right: 20px }
.pt-20 { padding-top: 20px }
.pb-20 { padding-bottom: 20px }
.ml-21 { margin-left: 21px }
.mr-21 { margin-right: 21px }
.mt-21 { margin-top: 21px }
.mb-21 { margin-bottom: 21px }
.pl-21 { padding-left: 21px }
.pr-21 { padding-right: 21px }
.pt-21 { padding-top: 21px }
.pb-21 { padding-bottom: 21px }
.ml-22 { margin-left: 22px }
.mr-22 { margin-right: 22px }
.mt-22 { margin-top: 22px }
.mb-22 { margin-bottom: 22px }
.pl-22 { padding-left: 22px }
.pr-22 { padding-right: 22px }
.pt-22 { padding-top: 22px }
.pb-22 { padding-bottom: 22px }
.ml-23 { margin-left: 23px }
.mr-23 { margin-right: 23px }
.mt-23 { margin-top: 23px }
.mb-23 { margin-bottom: 23px }
.pl-23 { padding-left: 23px }
.pr-23 { padding-right: 23px }
.pt-23 { padding-top: 23px }
.pb-23 { padding-bottom: 23px }
.ml-24 { margin-left: 24px }
.mr-24 { margin-right: 24px }
.mt-24 { margin-top: 24px }
.mb-24 { margin-bottom: 24px }
.pl-24 { padding-left: 24px }
.pr-24 { padding-right: 24px }
.pt-24 { padding-top: 24px }
.pb-24 { padding-bottom: 24px }
.ml-25 { margin-left: 25px }
.mr-25 { margin-right: 25px }
.mt-25 { margin-top: 25px }
.mb-25 { margin-bottom: 25px }
.pl-25 { padding-left: 25px }
.pr-25 { padding-right: 25px }
.pt-25 { padding-top: 25px }
.pb-25 { padding-bottom: 25px }
.ml-26 { margin-left: 26px }
.mr-26 { margin-right: 26px }
.mt-26 { margin-top: 26px }
.mb-26 { margin-bottom: 26px }
.pl-26 { padding-left: 26px }
.pr-26 { padding-right: 26px }
.pt-26 { padding-top: 26px }
.pb-26 { padding-bottom: 26px }
.ml-27 { margin-left: 27px }
.mr-27 { margin-right: 27px }
.mt-27 { margin-top: 27px }
.mb-27 { margin-bottom: 27px }
.pl-27 { padding-left: 27px }
.pr-27 { padding-right: 27px }
.pt-27 { padding-top: 27px }
.pb-27 { padding-bottom: 27px }
.ml-28 { margin-left: 28px }
.mr-28 { margin-right: 28px }
.mt-28 { margin-top: 28px }
.mb-28 { margin-bottom: 28px }
.pl-28 { padding-left: 28px }
.pr-28 { padding-right: 28px }
.pt-28 { padding-top: 28px }
.pb-28 { padding-bottom: 28px }
.ml-29 { margin-left: 29px }
.mr-29 { margin-right: 29px }
.mt-29 { margin-top: 29px }
.mb-29 { margin-bottom: 29px }
.pl-29 { padding-left: 29px }
.pr-29 { padding-right: 29px }
.pt-29 { padding-top: 29px }
.pb-29 { padding-bottom: 29px }
.ml-30 { margin-left: 30px }
.mr-30 { margin-right: 30px }
.mt-30 { margin-top: 30px }
.mb-30 { margin-bottom: 30px }
.pl-30 { padding-left: 30px }
.pr-30 { padding-right: 30px }
.pt-30 { padding-top: 30px }
.pb-30 { padding-bottom: 30px }
.w-50p { width: 50% }
.fadeIn { -webkit-animation: fadeIn .3s ease-in; animation: fadeIn .3s ease-in; }
.i-b { display: -moz-inline-stack; display: inline-block; vertical-align: middle; font-weight: 400; }
.fixed-header { position: fixed; top: 0; width: 100%; z-index: 2; }
.wx-tab-nav .wx-tab-nav-item { display: inline-block }
.wx-tab-pane { display: none }
.wx-tab-pane.active { display: block }
.wx-tab-nav-line .wx-tab-nav { color: #666; text-align: center; font-size: 28px; background-color: #fff }
.wx-tab-nav-line .wx-tab-nav-item { position: relative; padding: 20px 0; text-align: center }
.wx-tab-nav-line .wx-tab-nav-item:not(:last-child):before { display: block; content: ''; width: 2px; height: 60%; background-color: #ededed; position: absolute; bottom: 0; right: -1px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50% }
.wx-tab-nav-line .wx-tab-nav-item.active { color: #333 }
.wx-tab-nav-line .wx-tab-nav-item.active:after { display: block; content: ''; width: 80%; height: 4px; background-color: currentColor; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.page_no_data_img { padding-top: 100px; text-align: center; }
.td-u { text-decoration: underline; }
a { color: inherit; }
.color-white { color: #fff; }
.wx-row-s { height: 64px; line-height: 64px; display: block; }
img { vertical-align: middle; outline: 0; max-width: 100%; }
.wrap .iconfont { font-size: inherit; background-image: none; display: inline-block; }
#header { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; display: -ms-flexbox; display: flex; height: 88px; line-height: 88px; color: #fff; background-color: #1b6cdf; overflow: hidden; font-size: 24px; }
#header .header-title { -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -ms-flex: 1; flex: 1; font-size: 3rem; text-align: center; font-weight: 400; }
#header > .icon-box { padding: 0 20px; font-size: 28px; position: absolute; top: 0; line-height: 88px; }
#header > .iconboxforbianji { padding: 0 20px; font-size: 1.8rem; position: absolute; top: 0; line-height: 88px; right:0; }
#header > .icon-box:first-child { left: 0; }
#header > .icon-box:last-child { right: 0; }
.calc-toolbar { padding: 28px 18px; border-top: 1px solid #ededed; }

.qrcode { width:100%; margin-top:2rem;}
.qrcode .my-header-photo { margin:2rem auto 0;}
.qrcode .my-header-name { margin-top:1rem}
.qrcode .vip-qrcode-box { margin-top:2rem}

.myqrcode { margin-top:0;}
.myqrcode #contentTpl { margin-top:5rem;}
.myqrcode .cards_images { width:75%; height:auto;}
.myqrcode .qrcode-vip-wrap{  margin:0 auto; padding:1rem .8rem .6rem; box-sizing:border-box;}
.myqrcode .vip-qrcode-box { margin-top:0; }
.qrcode_titile { font-size:1rem; line-height:1.6rem; margin:1rem auto;}
.myqrcode .vip-qrcode-box img { width:35%; height:auto; margin:0 auto; display:block;}
.myqrcode .vip-qrcode-box a { display:inline-block; font-size:1.2rem; color:#fff; text-align:center; padding:.5rem 1rem; background:#333; border-radius:.4rem; margin:1.5rem auto 0;}
.myqrcode p{ margin-bottom:0; font-size:1.4rem;}

.bt_note { background:#F30; color:#fff; border-radius:.3rem; padding:.1rem 0 .1rem .5rem}