:root{--base-color:#ac381a;--primary-bg:#111;--primary-color:#ffd6b3}@font-face{font-family:alimama;font-weight:700;src:url(../fonts/AlimamaShuHeiTi-Bold.otf) format("otf"),url(../fonts/AlimamaShuHeiTi-Bold.woff) format("woff"),url(../fonts/AlimamaShuHeiTi-Bold.woff2) format("woff2"),url(../fonts/AlimamaShuHeiTi-Bold.ttf) format("truetype")}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,button,h1,h3,h5,li,p,ul{margin:0;padding:0}button{background-image:none;border:0}body{background:transparent;font-family:PingFangSC-Regular,PingFang SC,Microsoft Yahei,Microsoft Yahei UI;padding-bottom:30px;width:100vw}body,html,main{overflow-x:hidden}html,main{min-height:100vh}html{background-position:0 0,100% 100%;background-repeat:no-repeat,no-repeat;background-size:cover,cover}button{outline:none}button:active,button:focus{outline:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#ffce97}::-webkit-scrollbar-button{background-color:#aaa;display:none}::-webkit-scrollbar-corner{border-radius:5px}::-webkit-scrollbar-track{background-color:#fff}.icon{height:14px;width:14px}.icon:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:" ";display:inline-block;height:inherit;width:inherit}li,ul{list-style:none;margin:0}.icon-copy:before{background-image:url(../images/icon-copy.png)}.mt30{margin-top:30px}.mt15{margin-top:15px}.ml10{margin-left:10px}.price{padding-top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.price>*{display:inline-block;line-height:1;vertical-align:bottom}.price .text{font-size:16px}.price .text,.price .value{color:#ac381a;color:var(--base-color)}.price .value{font-size:32px;padding:0 6px;position:relative;text-align:center}.price .value .money:before{content:" ";height:4px;left:0;top:calc(50% - 2px);width:100%}.price .value .money:before,.price .value .unit{background-color:#ac381a;background-color:var(--base-color);position:absolute}.price .value .unit{border:1px solid #ffdca9;border-radius:50%;bottom:-8px;color:#ffdca9;font-size:12px;font-weight:400;height:22px;line-height:20px;right:-7px;text-align:center;width:22px}iframe.sso-login{background-color:#fff;border:4px solid #ffd6a7;border-radius:8px;display:block;height:120px;margin:0 auto 8px;width:120px}*{scroll-behavior:smooth}.anchor{border:1px solid #ffebcc;border-radius:12px;display:none;padding:10px 6px;position:fixed;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:224px}.anchor .user-section{background:#ffebcc;border-radius:12px;font-size:16px;height:206px;margin:0 auto;text-align:center;width:212px}.anchor .user-section .user-login-section{padding-top:12px}.anchor .user-section .user-login-section .sso-section{background:transparent}.anchor .user-section .user-login-section .userinfo-section{color:#ac381a;display:none;text-align:center}.anchor .user-section .user-login-section .userinfo-section .avatar{background:transparent url(../images/web/icon-avatar-default.png) no-repeat;border:1px solid #ac381a;border-radius:50%;height:100px;margin:0 auto;position:relative;width:100px}.anchor .user-section .user-login-section .userinfo-section .avatar:before{background:transparent url(../images/web/icon-vip.png) no-repeat;bottom:0;content:" ";height:32px;position:absolute;right:0;width:32px}.anchor .user-section .user-login-section .userinfo-section .avatar img{border-radius:50%;height:100%;max-width:100%}.anchor .user-section .user-login-section .userinfo-section .nickname{padding-top:18px}.anchor .nav-section{background:#ffc788;border-radius:12px;padding:32px 0;width:212px}.anchor .nav-section .nav-item{color:#ac381a;cursor:pointer;font-family:alimama;font-size:18px;height:54px;line-height:54px;padding-left:20px;text-align:center;text-align:left;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100%}.anchor .nav-section .nav-item:nth-child(2n){background-color:#ffc788}.anchor .nav-section .nav-item:nth-child(odd){background-color:rgba(236,153,60,.3)}.anchor .nav-section .nav-item.active,.anchor .nav-section .nav-item:hover{background-color:#ffebcc;color:var(--base-color);color:#ac381a}.anchor .nav-section .nav-item a{color:inherit;display:block;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.anchor .nav-section ul{position:relative}.anchor .nav-section ul:after,.anchor .nav-section ul:before{background-color:transparent;background-repeat:no-repeat;content:" ";display:block;height:15px;position:absolute;width:100%}.anchor .nav-section ul:before{background-image:url(../images/web/nav-top-bg.png);background-position:50%;top:-25px}.anchor .nav-section ul:after{background-image:url(../images/web/nav-bottom-bg.png);background-position:50%;bottom:-25px}.anchor .user-section+.nav-section{margin-top:10px;position:relative}.anchor .user-section+.nav-section:before{background:transparent url(../images/web/icon-anchor.png) no-repeat;content:" ";height:35px;left:33px;position:absolute;top:-26px;width:146px}.anchor-h5,.mobile .anchor{display:none}.mobile .anchor-h5{display:block}.mobile .anchor-h5 .menu-trigger{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#fff0d9;border-radius:44px;-webkit-box-shadow:0 6px 30px 5px rgba(172,56,26,.05),0 16px 24px 2px rgba(172,56,26,.04),0 8px 10px -5px rgba(172,56,26,.08);box-shadow:0 6px 30px 5px rgba(172,56,26,.05),0 16px 24px 2px rgba(172,56,26,.04),0 8px 10px -5px rgba(172,56,26,.08);color:#ac381a;color:var(--base-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:alimama;height:44px;justify-content:center;line-height:44px;padding:0 18px;position:fixed;right:0;text-align:center;top:184px;z-index:2}.mobile .anchor-h5 .menu-trigger:before{background:transparent url(../images/h5/icon-menu.png);background-size:contain;content:" ";display:inline-block;height:16px;margin-right:5px;width:16px}.mobile .anchor-h5 .menu-section{background:#fff0d9;border-radius:0 0 0 6px;-webkit-box-shadow:0 6px 30px 5px rgba(172,56,26,.05),0 16px 24px 2px rgba(172,56,26,.04),0 8px 10px -5px rgba(172,56,26,.08);box-shadow:0 6px 30px 5px rgba(172,56,26,.05),0 16px 24px 2px rgba(172,56,26,.04),0 8px 10px -5px rgba(172,56,26,.08);height:100%;height:90%;overflow:hidden;position:fixed;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .25s linear;transition:all .25s linear;width:50%;z-index:3}.mobile .anchor-h5 .menu-section .close{background:transparent url(../images/h5/icon-menu-close.png) no-repeat;background-size:contain;height:20px;left:12px;position:absolute;top:13px;width:20px}.mobile .anchor-h5 .menu-section .nav-wrapper{height:100%;overflow-x:hidden;overflow-y:auto}.mobile .anchor-h5 .menu-section .nav-wrapper .nav-section{margin-top:40px}.mobile .anchor-h5 .menu-section .nav-wrapper .nav-section .nav-item a{color:#ac381a;color:var(--base-color);display:block;font-size:14px;font-weight:600;padding:14px 12px;text-decoration:none;white-space:nowrap}.mobile .anchor-h5 .menu-section .nav-wrapper .nav-section .nav-item a:active,.mobile .anchor-h5 .menu-section .nav-wrapper .nav-section .nav-item a:focus{background-color:#ffd6a7;outline:none}.mobile .anchor-h5 .menu-section .nav-wrapper .nav-section .nav-item:nth-child(2n) a{background-color:#fff0d9}.mobile .anchor-h5 .menu-section .nav-wrapper .nav-section .nav-item:nth-child(odd) a{background-color:#ffe5c7}.mobile .anchor-h5 .menu-section .nav-wrapper .nav-section .nav-item.active a{background:#ffd6a7;outline:none}.mobile .anchor-h5 .menu-section-backdrop{background:rgba(0,0,0,.3);height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;width:100%;z-index:2}.btn{border:0;border-radius:28px;font-size:14px;height:48px;line-height:48px;outline:none;padding:0;width:140px}.btn:focus{outline:none;outline-offset:0}.btn.btn-default{background-color:transparent;border:2px solid #111;color:#333}.btn.btn-primary{background-color:#111;background-color:var(--primary-bg);border-color:transparent;color:#ffd6b3;color:var(--primary-color)}.card-list{font-family:alimama;margin-left:auto;margin-right:auto;margin-top:40px;width:853px}.card-list .card-list-head{background:transparent url(../images/web/list-head-bg.png) no-repeat;background-position:50%;background-size:contain;color:#ac381a;color:var(--base-color);font-size:28px;height:56px;line-height:56px;margin:0 auto;text-align:center;width:422px}.card-list .card-list-body{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:0;justify-content:space-between;margin-left:-8px;margin-right:-8px;margin-top:30px}.card-list .card-list-body .card-list-item{background:transparent url(../images/web/card-bg.png) no-repeat;background-size:contain;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:14px;height:201px;margin:10px 8px;position:relative;width:418px}.card-list .card-list-body .card-list-item button{background:-webkit-gradient(linear,left top,right top,from(#ffe7cf),to(#ffd696));background:linear-gradient(90deg,#ffe7cf,#ffd696);border-radius:73px;bottom:13px;-webkit-box-shadow:0 2px 25px 0 rgba(172,56,26,.33),inset -1px 2px 0 0 #ffefdc,inset 1px -2px 0 0 #aa3719;box-shadow:0 2px 25px 0 rgba(172,56,26,.33),inset -1px 2px 0 0 #ffefdc,inset 1px -2px 0 0 #aa3719;color:#ac381a;color:var(--base-color);font-size:22px;height:54px;line-height:54px;position:absolute;right:15px;width:190px}.card-list .card-list-body .card-list-item button.btn-primary-bordered{background:none;background-color:#ffd6a7;border:1px solid #ac381a;-webkit-box-shadow:none;box-shadow:none}.card-list .card-list-body .card-list-item .card-list-content{padding:20px 23px 0}.card-list .card-list-body .card-list-item .price-section{display:inline-block;margin-left:34px;vertical-align:top}.card-list .card-list-body .card-list-item .price-section .price{display:inline-block;padding-top:22px}.card-list .card-list-body .card-list-item .card-list-item-title{background:#111;border-radius:26px;color:#ffdca9;display:inline-block;font-size:22px;height:50px;line-height:49px;padding:0 32px;text-align:center;vertical-align:top;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-list .card-list-body .card-list-item .card-list-item-desc{font-family:PingFangSC-Semibold,PingFang SC,Microsoft YaHei light,Microsoft Yahei UI;font-size:16px;font-weight:600;margin-top:12px}.card-list .card-list-body .card-list-item .card-list-item-desc li{display:inline-block;overflow:hidden;padding-left:20px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:48%}.card-list .card-list-body .card-list-item .card-list-item-desc li>*{display:inline-block;vertical-align:top}.card-list .card-list-body .card-list-item .card-list-item-desc li:before{background:#111;border-radius:50%;content:" ";display:block;height:10px;left:0;position:absolute;top:calc(50% - 5px);width:10px}.card-list .card-list-body .card-list-item:first-of-type{background:transparent url(../images/web/card-bg-lg.png) no-repeat;height:191px;width:853px}.card-list .card-list-body .card-list-item:first-of-type>*{display:inline-block;vertical-align:top}.card-list .card-list-body .card-list-item:first-of-type .card-list-content{width:440px}.card-list .card-list-body .card-list-item:first-of-type button{border-radius:50%;bottom:22px;font-size:32px;height:146px;line-height:1.5;padding:10px 30px;right:30px;text-align:center;width:146px;word-break:break-all}.card-list .card-list-body .card-list-item:first-of-type .card-list-item-desc{margin-top:20px}.card-list .card-list-body .card-list-item:first-of-type .card-list-item-desc li{margin-left:18px;position:relative;width:100%}.card-list .card-list-body .card-list-item:first-of-type .price-section{margin-left:0;margin-top:30px;text-align:center;width:200px}.card-list .card-list-body .card-list-item:first-of-type .price{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-list .card-list-body .card-list-item:first-of-type .price>*{display:block}.card-list .card-list-body .card-list-item:first-of-type .price .text{font-size:24px;text-align:left}.card-list .card-list-body .card-list-item:first-of-type .price .value{font-size:50px;height:auto;margin-top:10px;padding:0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-list .card-list-body .card-list-item:first-of-type .price .value .unit{bottom:-10px;font-size:20px;height:32px;line-height:30px;right:0;width:32px}.card-list+.card-list{margin-top:60px}.mobile .banner{background-image:url(../images/h5/banner.png);background-position:50%;background-size:contain;height:235px}.mobile .rights-list{padding:0 12px 24px}.mobile .card-list{margin-top:14px;width:100%}.mobile .card-list .card-list-head{background-image:url(../images/h5/list-head-bg.png);background-size:contain;font-size:16px;height:33px;line-height:33px;margin-bottom:12px;width:253px}.mobile .card-list .card-list-body{margin:0}.mobile .card-list .card-list-body .card-list-item{background:transparent url(../images/h5/card-bg.png) no-repeat;background-size:100% 160px;height:160px;margin:8px auto;width:100%}.mobile .card-list .card-list-body .card-list-item:first-of-type{width:100%}.mobile .card-list .card-list-body .card-list-item:first-of-type button{border-radius:22px;bottom:12px;font-size:16px;height:40px;line-height:40px;padding:0;right:10px;width:164px}.mobile .card-list .card-list-body .card-list-item:first-of-type li{display:inherit;display:inline-block;margin-left:0;padding:inherit;padding-left:12px;width:48%}.mobile .card-list .card-list-body .card-list-item:first-of-type .price-section{margin:0 0 0 34px;width:auto}.mobile .card-list .card-list-body .card-list-item:first-of-type .price-section .text,.mobile .card-list .card-list-body .card-list-item:first-of-type .price-section .value{display:inline-block}.mobile .card-list .card-list-body .card-list-item:first-of-type .price-section .value{padding:0 6px}.mobile .card-list .card-list-body .card-list-item:first-of-type .price-section .unit{bottom:-8px;font-size:12px;height:22px;line-height:22px;right:-7px;width:22px}.mobile .card-list .card-list-body .card-list-item .card-list-content{padding:10px 14px 0;width:100%}.mobile .card-list .card-list-body .card-list-item .card-list-item-title{font-size:16px;height:36px;line-height:36px;padding:0 20px}.mobile .card-list .card-list-body .card-list-item .card-list-item-desc{margin-top:10px}.mobile .card-list .card-list-body .card-list-item .card-list-item-desc li{font-size:12px;padding-left:12px}.mobile .card-list .card-list-body .card-list-item button{bottom:12px;font-size:16px;height:40px;line-height:40px;right:10px;width:164px}.mobile .card-list .card-list-body .card-list-item button:active,.mobile .card-list .card-list-body .card-list-item button:focus{outline:none}.mobile .card-list .card-list-body .card-list-item .price-section{padding:0}.mobile .card-list .card-list-body .card-list-item .price{padding-top:24px}.mobile .card-list .card-list-body .card-list-item .price .text{font-size:12px;padding:0}.mobile .card-list .card-list-body .card-list-item .price .value{font-size:25px}.mobile .card-list .card-list-body .card-list-item .price .unit{font-size:12px;height:22px;line-height:22px;width:22px}.tabs{padding:22px 0 30px}.tabs .tab{color:#888;cursor:pointer;font-size:28px;margin-left:16px;position:relative;text-align:center;vertical-align:top;width:418px}.tabs .tab,.tabs .tab:after,.tabs .tab:before{display:inline-block;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.tabs .tab:after,.tabs .tab:before{background-repeat:no-repeat;background-size:contain;content:" ";height:16px;position:absolute;top:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);vertical-align:bottom;width:139px}.tabs .tab.active{color:#333}.tabs .tab.active:before{background-image:url(../images/icon-tab-left.png);left:0}.tabs .tab.active:after{background-image:url(../images/icon-tab-right.png);right:0}@media screen and (max-width:768px){.tabs .tab{width:40%}.tabs .tab:after,.tabs .tab:before{display:none}}.modal{height:auto;margin:0 auto}.modal .modal-header{padding:20px 0}.modal .modal-title{background-color:transparent;background-repeat:no-repeat;background:transparent url(../images/web/modal-title-default.png) no-repeat 50%;background-size:contain;font-size:0;height:30px;text-align:center;width:100%}.modal.success-modal .modal-title{background-image:url(../images/web/modal-title-success.png)}.modal.failed-modal .modal-title{background-image:url(../images/web/modal-title-failed.png)}.modal .modal-content{border:0}.modal .modal-body{margin:0 auto;padding:0;width:602px}.modal.in .modal-dialog{margin-top:70px}.modal .modal-header{border:0}.modal .modal-dialog{background:transparent url(../images/web/modal-bg.png);background-repeat:no-repeat;background-size:100% 100%;height:903px;width:800px}.modal .modal-content{background:transparent;-webkit-box-shadow:none;box-shadow:none;margin:0 auto}.modal .modal-content .close{background:transparent url(../images/web/icon-close.png) no-repeat 0 0;font-size:0;height:64px;opacity:1;position:absolute;right:-70px;top:0;width:64px}.modal .head-section{margin:30px 0 30px 20px;text-align:center;width:100%}.modal .head-section .package-name{border-radius:12px;color:#ffd6b3;color:var(--primary-color);font-family:alimama;font-size:24px;height:64px;line-height:64px;position:relative;text-align:left;width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal .head-section .package-name:after{background-color:#ffd6b3;background-color:var(--primary-color);bottom:0;content:" ";height:4px;left:0;position:absolute;width:75%}.modal .head-section .package-desc{font-size:0;margin-left:-8px;padding-top:20px}.modal .head-section .package-desc li{color:#ffebcc;display:inline-block;font-family:PingFangSC-Semibold,PingFang SC,Microsoft YaHei light,Microsoft Yahei UI;font-size:16px;font-weight:600;overflow:hidden;padding-left:30px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.modal .head-section .package-desc li:before{background:#ffebcc;border-radius:50%;content:" ";height:10px;left:10px;position:absolute;top:10px;width:10px}.modal .head-section .package-desc li+li{margin-top:8px}.modal .main-section{border-radius:12px;margin-bottom:10px;overflow:hidden;width:100%}.modal .main-section .price-section{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background:transparent url(../images/web/modal-main-section-bg.png) no-repeat 0 0;background-size:100%;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:alimama;font-size:0;height:142px;justify-content:space-between;padding:20px}.modal .main-section .price-section .price{display:inline-block;font-size:24px;padding-top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal .main-section .price-section .price>*{display:block}.modal .main-section .price-section .price .value{font-size:30px}.modal .main-section .price-section .price .money{display:inline-block;font-size:48px;line-height:1;margin-top:15px;padding:0 11px;position:relative}.modal .main-section .price-section .price .unit{border-width:2px;bottom:-8px;font-size:16px;height:32px;line-height:28px;right:-4px;width:32px}.modal .main-section .price-section .price-detail{color:#ac381a;color:var(--base-color);font-size:40px;letter-spacing:4px;padding-right:60px;padding-top:8px;text-align:center}.modal .main-section .price-section .price-detail .number{font-size:60px}.modal .main-section .content-section{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#ffebcc;border-radius:0 0 12px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;height:196px;justify-content:center}.modal .main-section .content-section>*{display:none;height:100%}.modal .main-section .cdkey-section{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:center}.modal .main-section .cdkey-section .input-cdkey{background:#ffce97;border:0;border-radius:30px;color:#111;display:block;font-family:Arial Narrow Bold,Arial,Times,serif,Helvetica,sans-serif;font-size:16px;height:54px;line-height:54px;margin-bottom:16px;text-align:center;width:550px}.modal .main-section .cdkey-section .btn-apply{background:#111;border-radius:28px;color:#ffd6a7;cursor:pointer;display:block;font-size:18px;height:54px;line-height:54px;text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:298px}.modal .main-section .failed-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;justify-content:center}.modal .main-section .failed-section .icon-failed{background:transparent url(../images/web/icon-shopcart.png) no-repeat;height:102px;width:147px}.modal .main-section .failed-section .failed-message{color:#ac381a;font-size:16px;line-height:24px;margin-top:12px}.modal .main-section .sso-section{padding:0}.modal .main-section .sso-section .sso-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:#ffd6a7;border:4px solid #fff;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;font-weight:600;justify-content:center;padding:6px}.modal .main-section .sso-section .sso-wrapper iframe{background:transparent;border:0;border-radius:0;margin:0;padding:0}.modal .desc-section{background:#ffebcc;border-radius:8px;color:#111;height:238px;overflow:hidden;padding:16px;width:100%}.modal .desc-section .desc-section-inner{font-size:14px;height:100%;line-height:1.5;overflow-x:hidden;overflow-y:auto}.modal .desc-section .desc-section-inner img{height:auto;max-width:100%}.modal .desc-section .desc-section-inner ::-webkit-scrollbar{margin-right:-5px}.modal .qrcode-section,.modal .sso-section{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-size:0;justify-content:center;text-align:center}.modal .qrcode-section>*,.modal .sso-section>*{display:inline-block;margin:0;vertical-align:top}.modal .qrcode-section .qrcode,.modal .qrcode-section .sso-login,.modal .sso-section .qrcode,.modal .sso-section .sso-login{background:#fff;border:4px solid #ffd6a7;border-radius:8px;height:120px;padding:4px;width:120px}.modal .qrcode-section .qrcode img,.modal .qrcode-section .sso-login img,.modal .sso-section .qrcode img,.modal .sso-section .sso-login img{height:100%;width:100%}.modal .qrcode-section .qrcode-desc,.modal .qrcode-section .sso-desc,.modal .sso-section .qrcode-desc,.modal .sso-section .sso-desc{font-size:16px;font-weight:700;margin-left:16px;text-align:left}.modal.warning-modal .modal-dialog{background:#f7ede6;border:2px solid #ffd6b3;border-radius:16px;-webkit-box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);height:auto;padding:40px;width:400px}.modal.warning-modal .modal-dialog .close{display:none}.modal.warning-modal .modal-dialog .modal-body{width:100%}.modal.warning-modal.in .modal-dialog{margin-top:calc(30% - 120px)}.modal.warning-modal .bootbox-body{color:#333}.modal.warning-modal .modal-content{background-color:transparent;border:0;text-align:center}.modal.warning-modal .modal-content h3{font-size:20px;font-weight:550}.toast{background:#fff;border-radius:10px;display:none;font-size:16px;left:50%;padding:15px 40px;position:fixed;top:80px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;z-index:1060}.mobile .modal{padding:0;width:100%}.mobile .modal .modal-content .close{background-size:contain;height:32px;right:10px;top:-30px;width:32px}.mobile .modal .modal-dialog{background-image:url(../images/h5/modal-bg.png);background-size:contain;margin-left:0;margin-right:0;width:100%}.mobile .modal .modal-header{padding:10px}.mobile .modal .modal-header .modal-title{background-size:contain;height:18px}.mobile .modal .modal-body{margin:0 auto;width:290px}.mobile .modal .head-section{margin:20px 0 15px 15px}.mobile .modal .head-section .package-name{border-bottom-width:2px;font-size:14px;height:40px;line-height:40px}.mobile .modal .head-section .package-desc{padding-top:10px}.mobile .modal .head-section .package-desc li{font-size:12px;padding-left:18px}.mobile .modal .head-section .package-desc li+li{margin-top:4px}.mobile .modal .head-section .package-desc li:before{height:6px;left:8px;top:6px;width:6px}.mobile .modal .main-section .price-section{background-image:url(../images/h5/modal-main-section-bg.png);height:71px;padding:10px 13px}.mobile .modal .main-section .price-section .price .text{font-size:12px}.mobile .modal .main-section .price-section .price .value{font-size:28px}.mobile .modal .main-section .price-section .price .value .money{font-size:inherit;line-height:1;margin-top:4px;padding:0 4px}.mobile .modal .main-section .price-section .price .unit{bottom:-10px;font-size:12px;height:26px;line-height:22px;right:-6px;-webkit-transform:scale(.8);transform:scale(.8);width:26px}.mobile .modal .main-section .price-section .price-detail{font-size:25px;letter-spacing:2px;padding-right:20px;padding-top:6px}.mobile .modal .main-section .price-section .price-detail .number{font-size:38px;line-height:1}.mobile .modal .main-section .content-section{height:108px}.mobile .modal .main-section .failed-section{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;justify-content:center}.mobile .modal .main-section .failed-section .icon-failed{background-size:contain;height:52px;width:74px}.mobile .modal .main-section .failed-section .failed-message{font-size:12px;margin-top:8px}.mobile .modal .main-section .cdkey-section .input-cdkey{font-size:14px;height:32px;line-height:32px;margin-bottom:10px;width:255px}.mobile .modal .main-section .cdkey-section .btn-apply{border-radius:20px;font-size:14px;height:40px;line-height:40px;width:180px}.mobile .modal .main-section .h5-link-section{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#ac381a;font-size:16px}.mobile .modal .desc-section{height:150px;padding:8px}body{background:#000 url(../images/web/bg.png) no-repeat;background-size:100% 100%;margin:0;min-height:100vh;padding:0}.banner{background:transparent url(../images/web/banner.png) no-repeat;background-position:center -125px;height:480px}body.mobile{background-image:url(../images/h5/bg.png)}