@charset "utf-8";.Button.Orange,.packageWrap,.packageWrap2,.rechargeWrap .txtWrap{font-weight:700;color:#FFF}#huixing-package{margin-top:-350px;margin-left:15px;margin-right:15px;height:132px}.viewport{background-color:#F8F8F8}.viewport.colorBg{background:url(../img/longCard/bg.png) no-repeat #b70d17;background-size:100%;padding-bottom:20px}img{user-select:none}.navbar_wrap .navbar{background-color:#FFF}.navbar_wrap .navbar .navbar_txt{width:80%;margin-left:0;color:#222;position:absolute;left:50%;transform:translateX(-50%)}.navbar_wrap .navbar.bluelyBg .navbar_txt{color:#FFF}.navbar_wrap .navbar .navbar_icon.right{margin-left:auto}.Button.Orange{letter-spacing:2px;background-color:#ff6201}.Button.Radius{border-radius:40px}.mrgT_1{margin-top:15px}.bannerWrap,.contentWrap{display:block;width:100%;margin:0 auto}.contentWrap{padding:15px 15px 0;background:linear-gradient(180deg,#209d7e 0,#f8f8f8 145px);overflow:hidden}.contentWrap_50{margin-top:-50%}.contentWrap_44{margin-top:-44%}.contentWrap_46{margin-top:-46%}.rechargeWrap{display:flex;width:140px;position:relative}.rechargeWrap .txtWrap{display:flex;width:75%;line-height:1;text-shadow:1px 1px #b80000;flex-direction:column;position:absolute;left:20px;top:15px}.rechargeWrap .txtWrap .txt{display:block;width:100%;font-size:18px}.rechargeWrap .txtWrap .desc{display:block;width:100%;margin-top:2px;font-size:30px}.packageWrap{display:flex;width:100%;margin:0 auto;align-items:center;border-radius:12px}.packageWrap2{display:flex;width:100%;margin:15 auto;align-items:center;border-radius:12px}.boxWrap,.rules{margin:15px auto}.rules{width:100%}.packageWrap .leftWrap{display:flex;width:95px;height:auto;font-size:15px;align-items:center;justify-content:center}.packageWrap .rightWrap{display:flex;width:-webkit-calc(100% - 95px);width:-moz-calc(100% - 95px);width:calc(100% - 95px);min-height:50px;padding:10px 5px;background-color:#ff6201;flex-direction:column;justify-content:center;position:relative}.packageWrap .rightWrap:after{content:'';clear:both;display:block;width:21px;height:100%;background:linear-gradient(105deg,transparent 50%,#ff6201 50%,#ff6201 100%);position:absolute;bottom:0;left:-20px}.packageWrap .rightWrap .txt{display:block;width:100%;font-size:14px;line-height:1.2}.boxWrap{display:block;width:100%;padding:15px;background-color:#FFF;border-radius:12px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.08)}.boxWrap .title{display:flex;width:100%;margin:0 auto 10px;align-items:center;justify-content:center}.boxWrap .title .dot{display:block;width:12px;flex-grow:0;flex-shrink:0}.boxWrap .note .row,.buttomWrap{align-items:center;display:flex}.boxWrap .title .dot.flip{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.boxWrap .title .txt{display:block;margin:0 10px;font-size:16px;color:#222;font-weight:600;line-height:1}.boxWrap .note{display:block;width:100%;margin:5px auto 0;font-size:14px;color:#222;line-height:1.5}.boxWrap .note .row{width:100%;margin-bottom:5px}.boxWrap .note .row>i{display:block;width:6px;height:6px;margin-right:5px;background-color:#ff6201;border-radius:50%}.buttomWrap,.userWrap .rowWrap{background-color:#FFF;width:100%}.boxWrap .note .row>span{display:block;font-size:15px;font-weight:700;line-height:1}.buttomWrapPd{width:100%;display:block;padding-bottom:75px;overflow:hidden}.buttomWrap{height:75px;padding:15px;justify-content:space-between;position:fixed;left:0;bottom:0;z-index:11}.buttomWrap .Button{width:100%}.userWrap{display:block;width:100%;margin:15px auto 0}.userWrap .rowWrap{display:flex;height:42px;margin-bottom:15px;border:1px solid #ff6201;border-radius:8px;align-items:center;overflow:hidden}.userWrap .rowWrap .inputBox{display:block;width:100%;height:42px;padding:0 15px;font-size:14px;color:#222;outline:0}.userWrap .rowWrap .btnLink{display:block;width:115px;height:42px;font-size:14px;text-align:center;line-height:42px;flex-grow:0;flex-shrink:0}.userWrap .rowWrap .btnLink.orange{color:#FFF;background-color:#ff6201}.userWrap .rowWrap .btnLink.gray{color:#999;background-color:#EDEDED}.userWrap .rowWrap .text{display:block;margin-left:15px;font-size:14px;color:#222}.checkboxBox{width:100%;display:flex;cursor:pointer}.checkboxBox input[type=checkbox]{display:none}.checkboxBox .checkboxIcon{display:block;height:14px;width:14px;margin:2px 5px 0 0;background-color:#FFF;border:1px solid #0167A8;border-radius:50%;flex-shrink:0;flex-grow:0;position:relative}.checkboxBox>span{display:block;font-size:14px;color:#666;line-height:1.4}.checkboxBox input[type=checkbox]:checked+i:after{content:'';display:block;height:8px;width:8px;background-color:#0167A8;border-radius:50%;overflow:hidden;position:absolute;top:2px;left:2px}.wipeUpPop .close{display:block;width:16px;position:absolute;top:20px;right:20px}.wipeUpPop .header{width:92%;margin:0 auto;padding:15px 0 10px;color:#313131;border-bottom:#D3D3D3 1px solid}.wipeUpPop .note{width:92%}.wipeUpPop .note .inform{display:flex;width:100%;margin:12px 0;font-size:16px;color:#666;font-weight:600;align-items:center}.wipeUpPop .note .inform .num{display:block;color:#0066A8}.wipeUpPop .txtWrap{display:block;width:100%;font-size:14px;color:#666}.wipeUpPop .txtWrap .row{display:flex;width:100%;margin:5px auto}.wipeUpPop .txtWrap .row .txt{display:block;width:85px;flex-grow:0;flex-shrink:0}.wipeUpPop .txtWrap .row .desc{display:flex;flex-direction:column}.wipeUpPop .inputWrap{display:flex;width:100%;height:45px;margin:20px auto 15px;align-items:center}.wipeUpPop .inputWrap .inputBox,.wipeUpPop .inputWrap .link{display:block;height:45px;font-size:14px;line-height:45px;border-radius:40px;font-weight:600}.wipeUpPop .inputWrap .inputBox{width:100%;margin-right:15px;padding:0 20px;color:#333;background-color:#EDEDED;outline:0}.wipeUpPop .inputWrap .link{margin-left:auto;width:120px;text-align:center;flex-grow:0;flex-shrink:0}.wipeUpPop .inputWrap .link.blue{color:#FFF;background-color:#0066A8}.wipeUpPop .inputWrap .link.gray{color:#999;background-color:#EDEDED}.wipeUpPop .btnWrap{margin-top:20px;justify-content:space-between}.wipeUpPop .btnWrap .txtWrap{display:flex;font-size:18px;font-weight:600;align-items:center}.wipeUpPop .btnWrap .txtWrap .txt{display:block;color:#333}.wipeUpPop .btnWrap .txtWrap .price{display:block;color:#0066A8}.wipeUpPop .btnWrap .Button{width:160px}.resultWrap{display:flex;width:90%;min-height:280px;margin:20px auto;padding:15px;background-color:#FFF;border-radius:12px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.08);flex-direction:column;align-items:center}.resultWrap .img{display:block;width:95px;margin-top:45px}.resultWrap .txtWrap{display:flex;width:60%;margin-top:10px;flex-direction:column;justify-content:center}.resultWrap .txtWrap .txt{display:block;font-size:18px;color:#2B2B2B;font-weight:600;text-align:center}.resultWrap .txtWrap .desc{display:block;width:100%;margin-top:5px;font-size:14px;color:#999;font-weight:500;text-align:center}.cardWrap{display:block;width:350px;margin:0 auto;position:relative}.cardWrap .sign{display:block;font-size:14px;color:#db0300;font-weight:700;letter-spacing:1px;position:absolute;top:5px;right:20px}.cardWrap .txtWrap{display:block;width:70%;font-size:14px;color:#010101;line-height:1.4;position:absolute;left:15px;top:15px}.cardWrap .txtWrap .special{color:#db0300;font-weight:700}.cardWrap .cardBox{display:flex;width:100%;align-items:center;justify-content:center;position:absolute;left:0;top:80px}.cardWrap .cardBox .item{display:flex;width:125px;margin:0 5px;position:relative}.cardWrap .cardBox .item .txtWrap{display:flex;color:#FFF;font-weight:700;text-shadow:1px 1px #b80000;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%)}.cardWrap .cardBox .item .txtWrap .row{display:flex;align-items:flex-end}.cardWrap .cardBox .item .txtWrap .row .num{display:block;margin-bottom:-4px;font-size:24px}.cardWrap .cardBox .item .txtWrap .desc,.cardWrap .cardBox .item .txtWrap .row .txt{display:block;font-size:14px}.codeWrap .text,.picWrap .txt,.serviceWrap .text{font-size:12px;color:#000}.cardWrap .bottomTxt{display:block;width:100%;font-size:12px;color:#000;font-weight:700;text-align:center;position:absolute;left:0;bottom:12px}.btnWrap{display:block;width:92%;margin:0 auto}.boxArea,.boxImg{width:90%}.boxArea{display:block;margin:30px auto 15px;padding:10px;background-color:rgba(255,255,255,.3);border:1px solid #FBCE7B;border-radius:10px}.boxImg,.boxImg.header{margin:15px auto;border-radius:10px}.boxImg.header{width:100%;padding:0 8px}.boxArea .boxContent{display:block;width:100%;padding:24px 12px 12px;background-color:#FFF;border:1px solid #fcbd58;border-radius:10px;position:relative}.boxArea .boxContent .header{display:flex;width:183px;align-items:center;justify-content:center;position:absolute;top:-30px;left:50%;transform:translateX(-50%)}.boxArea .boxContent .header .name{display:block;font-size:22px;color:#b70d17;font-weight:600;position:absolute}.boxArea .boxContent .top{display:block;width:324px;position:absolute;left:50%;top:-30px;transform:translateX(-50%)}.boxArea .boxContent .boxNote{display:block;width:100%;margin:0 auto}.boxArea .boxContent .boxNote .textWrap{display:block;width:100%;margin:0 auto;font-size:14px;color:#000;font-weight:500}.txtList{display:block;width:100%;margin:0 auto}.txtList .item{display:flex;width:100%;margin:0 auto 10px}.txtList .item .num{display:block;width:18px;height:18px;margin-top:8px;font-size:14px;color:#f6f9fb;font-weight:600;text-align:center;line-height:18px;background-color:#FE8426;border-radius:4px;flex-grow:0;flex-shrink:0;position:relative;z-index:5}.txtList .item .txt,.txtList .itemBg{width:100%;border-radius:4px;position:relative;display:block}.txtList .item .txt{margin-left:-10px;padding:7px 4px 5px 16px;font-size:14px;color:#000;font-weight:500;background-color:#FFE9CB;z-index:4}.txtList .item .txt.bold{font-weight:700}.txtList.mrg{margin-top:10px}.txtList .itemBg{margin:0 auto 10px;padding:7px 8px 5px 35px;background-color:#FFE9CB}.txtList .itemBg .num{display:block;width:18px;height:24px;font-size:14px;color:#f6f9fb;font-weight:600;text-align:center;line-height:22px;background-color:#FE8426;border-bottom-left-radius:20px;border-bottom-right-radius:20px;position:absolute;top:0;left:8px}.txtList .itemBg .txt{display:block;font-size:14px;color:#000;font-weight:500}.codeWrap{display:flex;width:100%;margin:0 auto;flex-direction:column}.codeWrap .logo{display:block;width:45%;margin:10px auto 0;flex-grow:0;flex-shrink:0}.codeWrap .code{display:block;width:45%;margin:10px auto 5px;border:4px solid #29619D;flex-grow:0;flex-shrink:0;overflow:hidden}.codeWrap .text{display:block;width:100%;text-align:center}.picWrap{display:block;width:100%;margin:10px auto 0}.picWrap .txt{display:block;margin:2px 0 0 8.5%}.serviceWrap{display:flex;width:100%;margin:20px auto 0;flex-direction:column;align-items:center;justify-content:center}.serviceWrap .img{display:block;width:45%;margin:0 auto 20px;flex-grow:0;flex-shrink:0}.serviceWrap .text{display:block;width:100%;text-align:center;line-height:1.5}.serviceWrap .text .red{color:#db0300}.Popup .note{margin:20px auto}.Popup .btnWrap{display:flex;width:100%;margin:0 auto;border-top:#F0F0F0 1px solid}.Popup .btnWrap .btn{display:block;width:50%;margin:0;padding:10px 0;border-radius:0}.Popup .btnWrap .btn:first-child{border-right:#F0F0F0 1px solid}.Popup .btnWrap .btn.gray{color:#999}.Popup .btnWrap .btn.orange{color:#ff6201}@media only screen and (min-width:320px) and (max-width:360px){.cardWrap{width:320px}.cardWrap .cardBox{top:72px}.cardWrap .cardBox .item{width:118px}}