@-webkit-keyframes before{0%{transform:translateY(-50%)}50%{transform:translate(10px,-50%)}to{transform:translateY(-50%)}}@keyframes before{0%{transform:translateY(-50%)}50%{transform:translate(10px,-50%)}to{transform:translateY(-50%)}}@-webkit-keyframes after{0%{transform:translateY(-50%)}50%{transform:translate(-10px,-50%)}to{transform:translateY(-50%)}}@keyframes after{0%{transform:translateY(-50%)}50%{transform:translate(-10px,-50%)}to{transform:translateY(-50%)}}body{background-image:url(/images/body-bg.png?e8dbbc1613fcf35e45719aa789638114);background-size:cover}.main{padding-bottom:100px;padding-top:72px}.title{box-sizing:border-box;padding:20px 40px;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content}.title:before{-webkit-animation:before 2s ease-in-out infinite;animation:before 2s ease-in-out infinite;background-image:url(/images/title-before.png?2e43b999071fc3ddb094971672e36ad2);left:-50px}.title:after,.title:before{background-size:100% 100%;content:"";display:block;height:32px;position:absolute;top:50%;transform:translateY(-50%);width:75px}.title:after{-webkit-animation:after 2s ease-in-out infinite;animation:after 2s ease-in-out infinite;background-image:url(/images/title-after.png?8d6fdef9e860b72d4fab6fa972478c1f);right:-50px}.title-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.title-text{font-size:40px;font-weight:700;letter-spacing:0;line-height:56px;text-shadow:0 0 8px #76c8ff}.title-h2,.title-text{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#c3f2ff,#cef5ff,#effffe);-webkit-background-clip:text;color:#fff;text-align:center}.title-h2{cursor:pointer;font-size:32px;letter-spacing:2px;line-height:48px;padding-bottom:7px;padding-right:32px;padding-top:7px;position:relative;transition:right 2s;-webkit-transition:right 2s}.title-h2:before{background-image:url(/images/title-h2-before.png?eec4775b4ac5b0368b1d0f3d31d55fb9);bottom:0;height:113px;left:50%;transform:translate(-50%,50%);width:230px;z-index:-1}.title-h2:after,.title-h2:before{background-size:100% 100%;content:"";position:absolute}.title-h2:after{background-image:url(/images/title-h2-after.png?2f360a57c4d88ba9e1e1f1007c65e42b);height:32px;right:0;top:50%;transform:translateY(-50%);transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out;width:32px}.title-h2:hover:after{right:-10px}.title-h2 a{font-family:Font Awesome\ 5 Free,feather,Glyphicons Halflings,Microsoft YaHei UI,Microsoft Yahei,微软雅黑,PingFang,Helvetica Neue,Helvetica,arial,sans-serif!important}.content{box-sizing:border-box;position:relative;width:100%}.content-bg{height:100%;position:absolute;z-index:-1}.content-bg,.header{left:0;top:0;width:100%}.header{background:#fff;height:72px;min-width:930px;overflow-x:auto;position:fixed;z-index:10}.header-logo{height:32px;width:154px}.header-nav-item>a{color:#333;font-size:18px;letter-spacing:0;line-height:24px}.header-nav-item>a.active,.header-nav-item>a:hover{color:#09f}.notice-box{background-image:url(/images/notice-bg.png);background-position:50%;background-size:100%;border:1px solid #eee;display:flex;display:none;height:auto;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:72px;width:100%;z-index:10}.notice-left>.icon-notice{height:21px;margin-right:10px;width:20px}.notice-left>span{color:#383b40;font-size:14px;letter-spacing:1.4px}.notice-right>.icon-logo{height:20px;width:20px}.commerce{padding:120px 65px 60px}.commerce-icon{height:100px;margin-top:-4px;width:100px}.commerce-p1{font-size:24px;letter-spacing:1.2px}.commerce-p1,.commerce-p2{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#c3f2ff,#cef5ff,#effffe);-webkit-background-clip:text;color:#fff;text-shadow:0 0 12px #76c8ff}.commerce-p2{font-size:18px;letter-spacing:0;line-height:32px;margin-top:12px}.commerce-img{height:120px;opacity:.7;width:120px}.commerce-img:hover{opacity:1}.vip{padding:90px 50px 40px}.vip-title{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#c3f2ff,#cef5ff,#effffe);-webkit-background-clip:text;color:#fff;font-size:36px;font-weight:700;letter-spacing:1.8px;text-shadow:0 0 8px #76c8ff}.vip-img1{height:320px;width:404px}.vip-img4{width:283px}.vip-add{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#c3f2ff,#cef5ff,#effffe);-webkit-background-clip:text;color:#fff;font-size:36px;font-weight:700;letter-spacing:1.8px;margin-top:140px;text-shadow:0 0 8px #76c8ff}.vip-text{margin-top:16px}.vip-text p{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#c3f2ff,#cef5ff,#effffe);-webkit-background-clip:text;color:#fff;font-size:18px;letter-spacing:0;line-height:32px;text-shadow:0 0 8px #76c8ff}.step-text,.step-text p{position:relative}.step-text p{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#c3f2ff,#cef5ff,#effffe);-webkit-background-clip:text;color:#fff;cursor:pointer;font-size:18px;letter-spacing:0;line-height:24px;padding-bottom:20px;text-align:justify;text-shadow:0 0 8px #76c8ff}.step-text p:after{background-image:url(/images/step-text-after.png?58dd7bbdab9fe0579ade4e299a3fa753);background-size:100% 100%;bottom:0;content:"";height:25px;left:50%;max-width:320px;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .4s ease-in-out;-webkit-transition:opacity .4s ease-in-out;width:100%}.step-text p:hover{font-weight:700}.step-text p:hover:after{opacity:1}.step-1,.step-2{padding:120px 50px 43px}.step1-img1{width:459px}.step1-text1{margin-top:46px}.step1-text2{margin-top:37px}.step1-text3{margin-top:26px}.step1-text4,.step1-text5{margin-top:0}.step1-img2{width:461px}.step1-text6{margin-top:22px}.step1-text7,.step1-text8{margin-top:0}.step2-text1,.step2-text2{margin-top:10px}.step2-img5{width:484px}.step2-text5{margin-top:48px}.step2-text6{margin-top:34px}.step-3{padding:110px 50px 40px}.step3-text{margin-left:10px;margin-top:20px}.step3-text p{line-height:19px}.gift{padding:120px 50px 43px}.gift-text1{padding-left:24px;padding-right:24px}.gift-text2{margin-top:-20px}.gift-text3{margin-top:68px}.gift-img3{width:494px}.detail{padding:110px 50px 43px;position:relative}.detail-text{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#c3f2ff,#cef5ff,#effffe);-webkit-background-clip:text;color:#fff;cursor:pointer;font-size:18px;letter-spacing:0;line-height:24px;padding-bottom:20px;position:relative;text-align:justify;text-shadow:0 0 8px #76c8ff}.detail-img1{bottom:30px;position:absolute;right:20px;width:141px}.header-pc{display:block}.header-sp{display:none}@media only screen and (max-width:930px){body,html{box-sizing:border-box;height:100vh;min-width:auto}.header-pc{display:none}.header-sp{display:block}.notice-box{padding:10px 0;top:60px}.main{min-width:930px}}