.hx-top-bar{width:100%;height:80px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 50px;position:fixed;z-index:1000;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.08)}.hx-top-bar .logo{background:url(../img/title-logo.6b176d7a.png) no-repeat 50%/100%;width:198px;height:45px}.hx-top-bar .logo h1{text-indent:-9999px}.hx-top-bar .acont-no-login{font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-inline-start:20px;margin-inline-end:20px}.hx-top-bar .acont-no-login .name{margin:0 6px}.user-count-login .logout .btn{display:flex;width:100%;align-items:center;justify-content:center;color:#333;background-color:#fff;border:0;cursor:pointer}.user-count-login .logout .btn .icon{width:14px;height:14px;margin-inline-end:10px;background-repeat:no-repeat;background-size:cover}.mobile-body .hx-top-bar{height:70px;padding:0 15px}.mobile-body .hx-top-bar .logo{background:url(../img/title-mobile-logo.a4631c71.png) no-repeat 50%/100%;width:160px;height:34px}.mobile-body .hx-top-bar .acont-no-login{margin-inline-start:0;margin-inline-end:10px}.adm-mask{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:100%;background:rgba(0,0,0,.55);opacity:1}.adm-center-popup-wrap{top:50%;width:auto;transform:translate(-50%,-50%)}.adm-bottom-popup-wrap,.adm-center-popup-wrap{position:fixed;z-index:1;left:50%;z-index:1001}.adm-bottom-popup-wrap{bottom:0;width:100vw;transform:translate(-50%)}.faq{margin:20px 15px 40px 0;margin-top:20px;padding-left:0;margin-bottom:0}.faq .title{height:25px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:25px}.faq .items{display:block;list-style-type:disc;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px;padding-inline-start:1em}.faq .items .item{color:#999}.faq .items .item,.faq .more{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:20px;margin-top:10px}.faq .more{height:20px;align-items:center;display:inline-flex}.faq .links,.faq .more{color:#d32f2f;cursor:pointer}.faq .links{margin-top:20px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popup{background-color:#fff;border-radius:8px}.popup.fk{width:450px}.popup.wt{width:600px}.popup>.popup-title-wrap{position:relative;width:100%;height:45px;display:flex;align-items:center;padding:0 15px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;background-color:#fff;justify-content:center;box-shadow:0 1px 4px 0 rgba(0,0,0,.1);border-radius:8px 8px 0 0}.popup>.popup-title-wrap>.close{position:absolute;z-index:100;right:8px;top:8px;cursor:pointer;padding:4px;font-size:20px;color:#999}.popup .popup-content{padding:0 90px;text-align:center}.popup .popup-content.fk{height:450px}.popup .popup-content.wt{max-height:70vh;overflow:auto;padding:10px 15px}.popup .popup-content>.icon{width:100px;height:96px;margin:80px auto 0}.popup .popup-content>.email-desc{margin-top:32px;color:#999}.popup .popup-content>.email,.popup .popup-content>.email-desc{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;line-height:19px}.popup .popup-content>.email{margin-top:13px;color:#d32f2f}.popup .popup-content .copy-email-btn{margin-top:15px;display:inline-block;padding:10px 29px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:19px;background:linear-gradient(115deg,#e22c2c,#d32f2f);border-radius:28px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.popup .popup-content .copy-email-btn :hover{opacity:.999}.qa{margin-bottom:30px;display:flex;flex-direction:column}.qa .qa-title{justify-content:space-between;align-items:center;cursor:pointer;font-family:PingFangSC-Medium,PingFang SC;color:#333;word-wrap:break-word}.qa .answer,.qa .qa-title{display:flex;font-size:14px;font-weight:400;line-height:20px}.qa .answer{background:#f9f9f9;border-radius:10px;font-family:PingFangSC-Regular,PingFang SC;color:#999;padding:10px;margin-top:5px;text-align:left}.mobile-body .popup .popup-content.fk{padding:0 25px;height:calc(min(70vh, 600px))}.mobile-body .popup .popup-content .email-desc{margin-top:42px;font-size:18px;line-height:25px}.mobile-body .popup .popup-content .email{margin-top:18px;font-size:18px;line-height:25px}.mobile-body .popup .popup-content .copy-email-btn{margin-top:20px;padding:13px 38px;font-size:18px;line-height:25px}.gift-wrap{margin:20px 0;padding:10px 15px 40px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:10px}.gift-wrap .title-wrap{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gift-wrap .title-wrap .title{height:25px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:25px}.gift-wrap .gift-list{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:flex-start;min-width:350px}.gift-wrap .gift-list .gift-item{width:calc(20% - 10px);min-width:150px;max-height:358px;margin-inline-end:10px;margin-bottom:10px;background:#fff;border:2px solid #eeeff0;border-radius:25px;text-align:center;cursor:pointer;position:relative}.gift-wrap .gift-list .gift-item.active{border:2px solid #d32f2f}.gift-wrap .gift-list .gift-item.active .price-btn{background:linear-gradient(115deg,#e22c2c,#d32f2f);color:#fff}.gift-wrap .gift-list .gift-item .tag-icons-wrap{position:absolute;right:8px;top:-3px;display:flex;align-items:center;flex-direction:column;width:54px;height:56px;background-size:100% 100%;z-index:10;padding-left:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:url(../img/gwpIcon.ce1688f7.png) no-repeat 50%/100%}.gift-wrap .gift-list .gift-item .tag-icons-wrap .pluto-proportion{font-size:18px;font-family:Impact;color:#fff;line-height:22px;display:flex;align-items:center;margin-top:11px}.gift-wrap .gift-list .gift-item .tag-icons-wrap .pluto-proportion .percent{font-size:10px;font-weight:600;margin-bottom:-4px;margin-inline-start:1px}.gift-wrap .gift-list .gift-item .gift-icon{width:100%;height:0;padding-bottom:56.25%;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:23px 23px 0 0}.gift-wrap .gift-list .gift-item .gift-icon .item-1{width:100px}.gift-wrap .gift-list .gift-item .gift-icon.i1{background-image:url(../img/1.5f91fcd0.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-2{width:200px}.gift-wrap .gift-list .gift-item .gift-icon.i2{background-image:url(../img/2.5dcb7fbf.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-3{width:300px}.gift-wrap .gift-list .gift-item .gift-icon.i3{background-image:url(../img/3.d3a781e9.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-4{width:400px}.gift-wrap .gift-list .gift-item .gift-icon.i4{background-image:url(../img/4.37db6fbc.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-5{width:500px}.gift-wrap .gift-list .gift-item .gift-icon.i5{background-image:url(../img/5.29b54f86.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-6{width:600px}.gift-wrap .gift-list .gift-item .gift-icon.i6{background-image:url(../img/6.f57eec80.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-7{width:700px}.gift-wrap .gift-list .gift-item .gift-icon.i7{background-image:url(../img/7.ef7936f7.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-8{width:800px}.gift-wrap .gift-list .gift-item .gift-icon.i8{background-image:url(../img/8.c29cf52d.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-9{width:900px}.gift-wrap .gift-list .gift-item .gift-icon.i9{background-image:url(../img/9.fbfad60a.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-10{width:1000px}.gift-wrap .gift-list .gift-item .gift-icon.i10{background-image:url(../img/10.693ebf12.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-11{width:1100px}.gift-wrap .gift-list .gift-item .gift-icon.i11{background-image:url(../img/11.7fbc94ed.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-12{width:1200px}.gift-wrap .gift-list .gift-item .gift-icon.i12{background-image:url(../img/12.fae1f2de.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-13{width:1300px}.gift-wrap .gift-list .gift-item .gift-icon.i13{background-image:url(../img/13.f2cdbe99.jpg)}.gift-wrap .gift-list .gift-item .gift-icon .item-14{width:1400px}.gift-wrap .gift-list .gift-item .gift-icon.i14{background-image:url(../img/14.a2a4fc41.jpg)}.gift-wrap .gift-list .gift-item .product-name{margin-top:10px;padding:0 5px;height:20px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#333;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-wrap .gift-list .gift-item .description-wrap{position:relative;padding:0 5px;margin-top:5px;height:55px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;line-height:18px;color:#999}.gift-wrap .gift-list .gift-item .description-wrap .desc{width:100%;height:100%;overflow-y:auto}.gift-wrap .gift-list .gift-item .ext-wrap{padding:0 5px;margin-top:7px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;height:20px;line-height:20px;display:flex;align-items:center;justify-content:center}.gift-wrap .gift-list .gift-item .price-btn{margin:5px;height:40px;background:linear-gradient(180deg,#eeeff0,#f4f4f5);border-radius:20px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#d32f2f;line-height:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gift-wrap .gift-list .gift-item .price-btn .mr5{margin-right:5px}.gift-wrap .payment-wrap{margin-top:40px}.gift-wrap .payment-wrap .pay-amount .titile{margin-bottom:10px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:25px}.gift-wrap .payment-wrap .pay-amount .stepper-wrap{display:inline-block;position:relative}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper{background:#f2f2f2;border-radius:20px;padding:5px;height:40px;min-width:167px;max-width:200px;display:flex}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .hx-button{position:relative;box-sizing:border-box;height:auto;padding:7px 12px;margin:0;font-size:17px;line-height:1.4;text-align:center;cursor:pointer;transition:opacity .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#d32f2f;width:30px;height:30px;background-color:#fff;border-radius:50%;border:2px solid #edebeb;display:flex;align-items:center;justify-content:center;outline:none}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .hx-button:active,.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .hx-button:focus{outline:none}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .hx-button.btn-disabled{border-radius:50%;color:#ccc;cursor:not-allowed}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .hx-button>span{display:flex;align-items:center}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .hx-button:before{position:absolute;top:0;left:0;transform:translate(calc(var(--border-width)*-1),calc(var(--border-width)*-1));width:100%;height:100%;border:1px var(--border-style) solid #000;opacity:0;content:" ";box-sizing:content-box;border-radius:50%;background-color:#aaa;outline:none}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .step-content{display:flex;align-items:center;flex:1 1;padding:0 3px}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .step-content .input{width:55px;height:28px;background:#fff;text-align:center;border-radius:10px;border:2px solid #d32f2f;color:#d32f2f;font-family:PingFangSC-Medium,PingFang SC;outline:0}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .step-content .input:focus{border:2px solid #d32f2f}.gift-wrap .payment-wrap .pay-amount .stepper-wrap .stepper .step-content .max-limit{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#999;line-height:20px;margin-left:5px}.gift-wrap .payment-wrap .coupon-wrap{margin:40px 0}.gift-wrap .payment-wrap .coupon-wrap .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gift-wrap .payment-wrap .coupon-wrap .content{font-size:13px;margin-left:-5px;display:flex;flex-wrap:wrap;align-items:center}.gift-wrap .payment-wrap .pay-type-wrap{margin-top:20px;display:flex;flex-direction:column;justify-content:center}.gift-wrap .payment-wrap .pay-type-wrap .title{font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:25px;margin-bottom:10px}.gift-wrap .payment-wrap .pay-type-list{display:flex;align-items:center;flex-wrap:wrap}.gift-wrap .payment-wrap .pay-type-list .pt-btn{position:relative;display:flex;align-items:center;justify-content:center;margin-inline-end:20px;margin-bottom:10px;min-width:312px;width:calc(33.33% - 20px);height:50px;background:#fff;border-radius:25px;cursor:pointer;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;background:#eeeff0;border:2px solid #eeeff0}.gift-wrap .payment-wrap .pay-type-list .pt-btn.disabled{filter:grayscale(100%);cursor:not-allowed}.gift-wrap .payment-wrap .pay-type-list .pt-btn.active{filter:none;border:2px solid #d32f2f;background:#fff8f8}.gift-wrap .payment-wrap .pay-type-list .pt-btn .icon{height:30px;-o-object-fit:contain;object-fit:contain;border-style:none}.gift-wrap .payment-wrap .pay-type-list .pt-btn .recommend{background:#ea6b30;font-size:12px;color:#fff;font-family:PingFangSC-Regular,Microsoft Yahei;border-radius:10px 10px 0;line-height:18px;text-align:center;padding:0 6px;position:absolute;top:-9px;right:3px}.gift-wrap .payment-wrap .pay-content-wrap{display:flex;align-items:stretch;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;margin-top:20px;font-size:14px;color:#333}.gift-wrap .payment-wrap .pay-content-wrap .detail{flex:2 1;background-color:#f4f4f4;border-radius:10px;padding:20px 10px;width:100%;line-height:20px;margin-inline-end:10px}.gift-wrap .payment-wrap .pay-content-wrap .detail .item{margin-bottom:10px}.gift-wrap .payment-wrap .pay-content-wrap .detail .item:last-child{margin-bottom:0}.gift-wrap .payment-wrap .pay-content-wrap .detail .item .label{color:#999;min-width:70px;margin-inline-end:10px}.gift-wrap .payment-wrap .pay-content-wrap .detail .item .gary{color:#999}.gift-wrap .payment-wrap .pay-content-wrap .total{flex:1 1;background-color:#f4f4f4;border-radius:10px;padding:20px 10px;width:100%;line-height:20px}.gift-wrap .payment-wrap .pay-content-wrap .total .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gift-wrap .payment-wrap .pay-content-wrap .total .item:last-child{margin-bottom:0}.gift-wrap .payment-wrap .pay-content-wrap .total .item .label{color:#999;min-width:70px;margin-inline-end:10px}.gift-wrap .payment-wrap .pay-content-wrap .total .item .discount-amount{color:#d32f2f}.gift-wrap .payment-wrap .pay-content-wrap .total .item .line{margin:0 5px}.gift-wrap .payment-wrap .pay-content-wrap .total .item .gary{color:#999}.gift-wrap .payment-wrap .total-info{display:flex;align-items:center;justify-content:flex-end;margin-top:10px;margin-inline-end:10px;font-size:18px;color:#333;text-align:end;line-height:25px}.gift-wrap .payment-wrap .total-info .amount{margin-inline-start:10px;color:#d32f2f}.gift-wrap .payment-wrap .total-info .amount .currency{font-size:14px;margin-inline-end:5px;font-family:PingFangSC-Medium,PingFang SC}.gift-wrap .payment-wrap .pay-btn-wrap{display:flex;margin-top:20px;justify-content:flex-end;align-items:center}.gift-wrap .payment-wrap .pay-btn-wrap .button{box-sizing:border-box;width:100%;height:50px;align-items:center;justify-content:center;border-radius:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-family:PingFangSC-Medium;font-size:18px;font-weight:500;padding:0 10px;text-align:center;opacity:.9999;width:220px;display:flex;background:linear-gradient(180deg,#eeeff0,#f4f4f5);color:#333}.gift-wrap .payment-wrap .pay-btn-wrap .button.active{background:linear-gradient(115deg,#e22c2c,#d32f2f);color:#fff}.popup.wechat{width:600px}.popup.wechat .popup-content.wechat{padding:20px 15px 20px;background:#f4f4f4;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:20px;border-radius:10px}.popup.wechat .popup-content.wechat>p{text-align:left}.popup.wechat .popup-content.wechat .remain-time{color:#f60;margin:0 5px}.popup.wechat .popup-content.wechat .product-info{font-size:16px;margin-top:10px}.popup.wechat .popup-content.wechat .product-info .label{color:#333}.popup.wechat .popup-content.wechat .product-info .label2{color:#333;margin-left:40px}.popup.wechat .popup-content.wechat .qr-wrap{margin-top:20px;background:#fff;border-radius:20px;padding:20px 10px 60px;display:flex;flex-direction:column;align-items:center;position:relative}.popup.wechat .popup-content.wechat .qr-wrap .tip{font-size:16px;color:#666;text-align:center}.popup.wechat .popup-content.wechat .qr-wrap .total-price{font-size:40px;font-family:Helvetica-Bold,Helvetica;font-weight:700;color:#f60;line-height:48px;margin-bottom:10px}.popup.wechat .popup-content.wechat .qr-wrap .ali-pay-code{width:220px;height:220px;margin:0 auto}.popup.wechat .popup-content.wechat .qr-wrap .ali-pay-code>iframe{width:100%;height:100%}.popup.wechat .popup-content.wechat .qr-wrap .qr-code{position:relative;width:220px;height:220px;background-color:#ccc}.popup.wechat .popup-content.wechat .qr-wrap .qr-error{position:absolute;top:88px;left:50%;transform:translate(-50%);width:220px;height:220px;background-color:rgba(0,0,0,.6);color:#fff;font-size:18px;text-align:center;padding-top:100px;line-height:20px;backdrop-filter:blur(3.5px)}.popup.wechat .popup-content.wechat .qr-wrap .qr-error-text{font-size:18px;line-height:20px;margin-top:16px}.popup.payfaild{width:450px}.popup.payfaild .popup-content.payfaild{padding:20px;background:#f6f6f6}.popup.payfaild .popup-content.payfaild>p{font-size:14px;background-color:#fff;padding:20px 40px;border-radius:20px}.popup.payfaild .pop-btn-wrap{padding:20px}.popup.payfaild .pop-btn-wrap>button{width:100%;height:50px;background:#d32f2f;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#fff;border:0;border-radius:25px;cursor:pointer}.popup.success{width:450px}.popup.success .popup-content.success{height:350px;padding-top:60px}.popup.success .popup-content.success>i{font-size:48px;color:#67c23a;margin-bottom:20px}.popup.success .popup-content.success>p{color:#000;font-size:20px;font-weight:500}.popup.success .popup-content.WeChatBrowser{padding:40px 40px;text-align:left}.popup.success .popup-content.WeChatBrowser>p{color:#000;font-size:20px;font-weight:500;margin-bottom:20px;display:flex;align-items:center}.popup.success .popup-content.WeChatBrowser>p img{display:inline-block;width:60px;height:auto}.mobile-body .gift-wrap{padding:10px;border-radius:0}.mobile-body .gift-wrap .gift-list .gift-item{width:calc(50% - 5px);margin-bottom:12px;min-height:264px}.mobile-body .gift-wrap .gift-list .gift-item:nth-child(2n){margin-inline-end:0}.mobile-body .payment-wrap{margin-top:0}.mobile-body .payment-wrap .pay-amount{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.mobile-body .payment-wrap .pay-amount .titile{margin-bottom:0}.mobile-body .payment-wrap .pay-type-wrap .title{text-align:left}.mobile-body .payment-wrap .pay-type-wrap .pay-type-list .pt-btn{margin-bottom:10px;width:100%;margin-inline-end:0}.mobile-body .payment-wrap .pay-btn-wrap{position:absolute;left:0;bottom:0;width:100%;height:70px;background-color:#fff;box-shadow:0 -2px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;padding:0 10px}.mobile-body .payment-wrap .pay-btn-wrap .button{width:100%}.mobile-body .popup{width:100%;border-radius:0}.mobile-body .popup .popup-title-wrap{border-radius:0}.mobile-body .popup .popup-content.pay{background-color:#fff;padding:20px 15px 90px;max-height:calc(80vh - 45px);overflow:auto}.mobile-body .popup.success{width:100vw}@media screen and (max-width:500px){.mobile-body .payment-wrap .pay-content-wrap{flex-direction:column;align-items:flex-start}.mobile-body .payment-wrap .pay-content-wrap .detail{margin-inline-end:0;margin-bottom:10px}.mobile-body .payment-wrap .pay-content-wrap .detail .item{display:flex;align-items:center;justify-content:space-between;flex-direction:row}}@media screen and (min-width:500px) and (max-width:900px){.mobile-body .gift-wrap .gift-list .gift-item{width:calc(33.33333% - 6.66667px)}.mobile-body .gift-wrap .gift-list .gift-item:nth-child(2n){margin-inline-end:10px}.mobile-body .gift-wrap .gift-list .gift-item:nth-child(3n){margin-inline-end:0}}@media screen and (min-width:900px){.mobile-body .gift-wrap .gift-list .gift-item{max-width:300px;width:calc(25% - 7.5px)}.mobile-body .gift-wrap .gift-list .gift-item:nth-child(2n),.mobile-body .gift-wrap .gift-list .gift-item:nth-child(3n){margin-inline-end:10px}.mobile-body .gift-wrap .gift-list .gift-item:nth-child(4n){margin-inline-end:0}}.bottom-info-wrap{display:flex;align-items:center;height:198px;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,.1);margin-top:20px}.bottom-info-wrap .bottom-info{flex:1 1;max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding-left:30px;padding-right:30px}.bottom-info-wrap .bottom-info .info-side{display:flex;justify-content:left;flex-direction:column}.bottom-info-wrap .bottom-info .info-side .logo{width:167px;height:50px}.bottom-info-wrap .bottom-info .info-side .info-wrap,.bottom-info-wrap .bottom-info .info-side .info-wrap .link{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:20px;margin-top:10px}.bottom-info-wrap .bottom-info .info-side .info-wrap .link .mr5,.bottom-info-wrap .bottom-info .info-side .info-wrap .mr5{margin-right:5px}.bottom-info-wrap .bottom-info .intro-wrap{max-width:560px;display:flex;flex-wrap:wrap;justify-content:center}.bottom-info-wrap .bottom-info .intro-wrap .intro-item{display:flex;width:220px;margin-right:20px;margin-bottom:20px}.bottom-info-wrap .bottom-info .intro-wrap .intro-item .icon{width:54px;height:54px;flex-shrink:0;margin-right:10px}.bottom-info-wrap .bottom-info .intro-wrap .intro-item .text-wrap{display:flex;justify-content:center;flex-direction:column}.bottom-info-wrap .bottom-info .intro-wrap .intro-item .text-wrap .title{color:#666;width:70px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;line-height:18px}.bottom-info-wrap .bottom-info .intro-wrap .intro-item .text-wrap .desc{color:#999;font-size:12px;line-height:18px;margin-top:5px}.mobile-body .bottom-info-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;height:440px;margin-top:10px;padding-bottom:80px}.mobile-body .bottom-info-wrap .bottom-info{display:flex;flex:1 1;flex-direction:column-reverse;justify-content:space-around}.mobile-body .bottom-info-wrap .bottom-info .info-side{display:flex;justify-content:center;align-items:center;flex-direction:column}.mobile-body .bottom-info-wrap .bottom-info .info-side .logo{width:150px;height:45px}.mobile-body .bottom-info-wrap .bottom-info .info-side .info-wrap{margin-top:10px;padding:0;margin-left:0;border:none;text-align:center}.mobile-body .bottom-info-wrap .bottom-info .info-side .info-wrap .info{display:flex;flex-direction:column}.mobile-body .bottom-info-wrap .bottom-info .intro-wrap{display:flex;flex-wrap:wrap;margin-top:20px}.mobile-body .bottom-info-wrap .bottom-info .intro-wrap .intro-item{display:flex;flex-direction:column;width:calc(50% - 10px);margin-right:10px;margin-bottom:15px;padding-left:15px}.mobile-body .bottom-info-wrap .bottom-info .intro-wrap .intro-item .icon-div{display:flex;align-items:center}.mobile-body .bottom-info-wrap .bottom-info .intro-wrap .intro-item .icon-div .icon{width:24px;height:24px;background-size:cover;background-repeat:no-repeat;flex-shrink:0;margin-right:5px}.mobile-body .bottom-info-wrap .bottom-info .intro-wrap .intro-item .icon-div .title{color:#666;width:70px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;line-height:18px}.announce-wrap{position:relative}.announce-wrap .announce{margin-top:20px;height:60px;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:10px;padding:10px 20px 10px 10px;justify-content:space-between;cursor:pointer;position:relative}.announce-wrap .announce,.announce-wrap .announce .left{display:flex;align-items:center}.announce-wrap .announce .icon{margin-right:20px}.announce-wrap .announce .line{width:1px;height:16px;margin:0 10px 0 0;background-color:#ccc}.announce-wrap .announce .p{color:#333;font-size:14px;font-weight:500}.announce-wrap .adm-popover-inner{position:absolute;left:0;top:65px;background-clip:padding-box;border-radius:8px;box-shadow:0 0 30px rgba(51,51,51,.2);font-size:15px;width:100%;min-width:32px;overflow-y:hidden;z-index:1}.announce-wrap .adm-popover-inner .adm-popover-inner-content{background-color:#fff;padding:8px 12px}.announce-wrap .adm-popover-inner .adm-popover-inner-content .adm-item{padding:18px;font-size:14px;color:#333}.mobile-body .adm-popover-inner{padding:0}.lauout-container{overflow-y:auto;height:100vh;background-color:#f4f4f4}.lauout-container .page-container{margin-top:80px;min-height:calc(100vh - 350px)}.lauout-container .page-container .hx-banner{width:100%;height:0;padding-bottom:15.625%;position:relative;cursor:pointer;overflow:hidden;background-color:#f3f3f3}.lauout-container .page-container .hx-banner .banner-img{width:100%;border-style:none}.lauout-container .page-container .main-container{max-width:1200px;margin:0 auto}.lauout-container .page-container .main-container .game-info-wrap{display:flex;align-items:flex-end;margin:-25px 15px 0}.lauout-container .page-container .main-container .game-info-wrap .game-info{display:flex;align-items:center;flex:1 1;margin-inline-end:10px}.lauout-container .page-container .main-container .game-info-wrap .game-info .avatar{position:relative;width:80px;height:80px;border-radius:20px;-o-object-fit:cover;object-fit:cover;margin-inline-end:10px}.lauout-container .page-container .main-container .game-info-wrap .game-info .right{flex:1 1;margin-top:25px}.lauout-container .page-container .main-container .game-info-wrap .game-info .right .name{font-size:17px;font-weight:500;color:#333;line-height:25px;display:flex;align-items:center}.lauout-container .page-container .main-container .game-info-wrap .game-info .right .info{font-size:12px;font-weight:400;color:#999;line-height:17px}.lauout-container .page-container .main-container .empty-login{margin-top:20px;width:100%;height:135px;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:10px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:#333}.lauout-container .page-container .main-container .empty-login .btn{font-family:PingFangSC-Medium;box-sizing:border-box;height:50px;display:flex;align-items:center;justify-content:center;border-radius:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-size:18px;font-weight:500;color:#fff;padding:0 10px;text-align:center;opacity:.9999;background:linear-gradient(115deg,#e22c2c,#d32f2f);margin-top:18px;width:220px}.lauout-container .page-container .main-container .empty-login .btn:hover{opacity:.9}.lauout-container .page-container .main-container .empty-login .btn:active{opacity:1;outline:0}.lauout-container .page-container .main-container .role-info-wrap{margin-top:20px;display:flex;align-items:center}.lauout-container .page-container .main-container .role-info-wrap .role{position:relative;padding:10px 12px;background-color:#fff;display:flex;align-items:center;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:bolder;color:#333;line-height:20px;flex-grow:0;flex-shrink:1;width:calc(33.33333% - 6.66667px);margin-top:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:20px;cursor:pointer;flex-direction:column;padding-left:40px}.lauout-container .page-container .main-container .role-info-wrap .role .name{width:100%;font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:bolder;color:#333;line-height:30px}.lauout-container .page-container .main-container .role-info-wrap .role .aid,.lauout-container .page-container .main-container .role-info-wrap .role .sid{width:100%;color:#999;font-size:12px}.lauout-container .page-container .main-container .role-info-wrap .role .icon{position:absolute;bottom:0;right:0;z-index:9}.lauout-container .page-container .main-container .role-info-wrap .role:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;border-radius:10px;box-sizing:border-box;border:2px solid #d32f2f}.popup.login{width:450px}.popup.login .popup-content.login{width:calc(100% - 80px);height:415px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0 auto}.popup.login .popup-content.login>.title{display:flex;flex-direction:row;align-items:center;margin-bottom:29px}.popup.login .popup-content.login>.title>img{width:167px;height:50px;margin-bottom:50px}.popup.login .popup-content.login>.input-area{width:100%;height:249px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:30px}.popup.login .popup-content.login>.input-area .input-item{position:relative;height:40px;font-size:12px;font-weight:400;color:#000;line-height:12px;display:flex;align-items:center;transition:all .3s;border-bottom:1px solid #f0f0f0}.popup.login .popup-content.login>.input-area .input-item.active{border-bottom:1px solid #d30000}.popup.login .popup-content.login>.input-area .input-item>input{flex:1;height:100%;outline:none;border:0;border-radius:0}.popup.login .popup-content.login>.input-area .input-item>input::-moz-placeholder{color:#bbb}.popup.login .popup-content.login>.input-area .input-item>input::placeholder{color:#bbb}.popup.login .popup-content.login>.input-area .input-item .line{display:block;width:1px;height:14px;margin:0;background-color:#f0f0f0;margin:0 10px}.popup.login .popup-content.login>.input-area .input-item .vc-btn>button{color:#d30000;border:none;font-size:12px;font-weight:400;line-height:12px;background:none;cursor:pointer;line-height:14px}.popup.login .popup-content.login>.input-area .login-btn{width:100%}.popup.login .popup-content.login>.input-area .login-btn button{width:100%;height:50px;border-radius:25px;background:#c5c5c5;box-shadow:0 6px 7px rgba(197,198,199,.25);color:#fff;border:none;font-size:14px;line-height:20px;font-weight:500;cursor:not-allowed}.popup.login .popup-content.login>.input-area .login-btn button.active{background-color:#d30000;box-shadow:0 6px 7px 0 rgba(211,0,0,.25);cursor:pointer}.popup.aid{width:600px}.popup.aid .popup-content.aid{padding:20px 90px;overflow:auto;max-height:60vh;text-align:left}.popup.aid .popup-content.aid>img{display:block;width:100%}.popup.aid .popup-content.aid .p{margin:18px 0}.mobile-body .popup.aid{width:calc(100vw - 30px)}.mobile-body .popup.aid .popup-content.aid{width:100%;padding:20px 10px}.mobile-body .popup.login{width:calc(100vw - 30px);border-radius:10px}.mobile-body .popup.login .popup-title-wrap{border-radius:10px}.mobile-body.lauout-container .page-container{margin-top:70px}.mobile-body.lauout-container .page-container .hx-banner{height:0;padding-bottom:26.7%}.mobile-body.lauout-container .page-container .main-container{max-width:100%}.mobile-body.lauout-container .page-container .main-container .announce,.mobile-body.lauout-container .page-container .main-container .empty-login{border-radius:0}.mobile-body.lauout-container .page-container .main-container .role-info-wrap,.mobile-body.lauout-container .page-container .main-container .role-info-wrap .role{width:100%}