*{margin:0;padding:0;box-sizing:border-box}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{border-radius:7px}html::-webkit-scrollbar-thumb{border-radius:7px;background-image:linear-gradient(25deg, #ffecb3, #ffecb3, #ffecb3)}body{min-width:1200px;font-size:14px;font-family:"Microsoft YaHei", "PingFang SC", arial, helvetica, "Microsoft Sans Serif", sans-serif}ul li{list-style:none}a{outline:none;text-decoration:none;background-color:transparent;cursor:pointer}a:hover,a:active{outline:none}img{outline:none;border:0;vertical-align:middle}em{font-style:normal}p{word-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}iframe{border:none}.row-end-center{display:flex;display:-webkit-flex;justify-content:flex-end;align-items:center}table{border-spacing:0;border-collapse:collapse}table td,table th{padding:0}input{outline:none;line-height:normal}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;border:1px solid #ccc !important}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#eee}input:-moz-placeholder,textarea:-moz-placeholder{color:#eee}input::-moz-placeholder,textarea::-moz-placeholder{color:#eee}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#eee}.container{width:1280px;margin:0 auto}.clearfix{zoom:1}.clearfix:after{clear:both}.clearfix:after,.clearfix:before{content:"";display:table}.relative{position:relative}.text-left{text-align:left !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.fl{float:left !important}.fr{float:right !important}.hide{display:none !important}.show{display:block !important}.center-block{display:block;margin-right:auto}.line-height{line-height:1}.no-margin{margin:0}.no-padding{padding:0}.tab-pane{display:none}.tab-pane.active{display:block}.headbar{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1920px;display:flex;align-items:center;justify-content:space-between;height:auto;padding:22px 45px 0 36px;z-index:2}.headbar .logo{width:161px;height:69px;margin-top:8px}.headbar .links{margin-top:-30px}.headbar .goIndex{transition:0.6s;width:142px;height:42px;background:url(../images/sect_1_btn1.png) center center no-repeat;background-size:contain}.headbar .goIndex:hover{background:url(../images/sect_1_btn1-a.png) center center no-repeat}.headbar .download{margin-left:10px;transition:0.6s;width:142px;height:42px;background:url(../images/sect_1_btn2.png) center center no-repeat;background-size:contain}.headbar .download:hover{background:url(../images/sect_1_btn2-a.png) center center no-repeat}.login-box{font-size:20px;text-align:center;margin-bottom:50px}.login-box .btn-login{--hue: 190;display:block;color:#367ce2;letter-spacing:2px;margin:0 auto;width:190px;height:54px;background:url(../images/btn-login.png) center center no-repeat;background-size:contain;position:relative;overflow:hidden;transition:0.6s}.login-box .btn-login:hover{background:url(../images/btn-login-a.png) center center no-repeat}.login-box .name{margin-right:20px}.login-box .login-info{color:#c8ae6b}.login-box .login-info a{color:#165b5a;margin-left:10px}.login-box .login-info a:hover{color:#165b5a;text-decoration:underline}.login-box .login-info .area{display:inline-block;margin-right:30px}.login-box .login-info .pay-btn{display:inline-block;vertical-align:middle;margin-left:20px;width:150px;height:49px;background:url(../images/charge.png) center center no-repeat}.login-box .btn-buy{display:block;width:336px;height:84px;margin:15px auto 0;background:url(../images/btn_01.png) center center no-repeat;font:0/0 a;transition:all 0.3s}.login-box .btn-buy:hover{filter:brightness(120%)}.tit{margin:0px 0 50px;height:78px;font:0/0 a}.tit.tit-01{background:url(../images/tit_01.png) center center no-repeat}.tit.tit-02{background:url(../images/tit_02.png) center center no-repeat}.sect{overflow:hidden}.sect.sect-01{height:980px;background:url(../images/sect_01.jpg) center center no-repeat}.sect.sect-01 .container{position:relative}.sect.sect-01 .slogan{position:absolute;top:140px;left:50px;width:498px;height:515px;background:url(../images/sg.png) center center no-repeat}.sect.sect-02{height:922px;background:url(../images/sect_02.jpg) center center no-repeat}.sect.sect-03{height:839px;padding-top:66px;background:url(../images/sect_03.jpg) center center no-repeat}.sect.sect-04{height:549px;background:url(../images/sect_04.jpg) center center no-repeat}.common_topnav{background:#393838;height:38px}.common_topnav a{float:right;width:80px;height:38px;line-height:38px;color:#dcdcdc;font-size:12px;text-align:center;transition:0.2s}.common_topnav a:hover{color:#fff;font-size:14px}.over-bg{position:absolute;top:0;left:0;margin:auto;width:93px;height:53px;display:none;background:url(../images/overbg.png) center center no-repeat}.over{position:relative}.over .over-bg{display:block}.over{pointer-events:none}.modal.modal-bag .modal-body{width:354px;height:568px;margin-left:-177px;margin-top:-284px;padding-top:166px;background:url(../images/modal_bag.png) center center no-repeat;text-align:center;color:#681818;font-size:17px}.modal.modal-bag .modal-body .from{margin-bottom:5px}.modal.modal-bag .modal-body .from .name{color:#ffecb3}.modal.modal-bag .modal-body .bag-info{color:#ffecb3;font-size:28px;width:85%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:10px auto}.modal.modal-bag .modal-body .gift-info{width:160px;height:160px;background:#d75f3b;border:1px solid #d75f3b;margin:24px auto 50px;color:#ffecb3;font-size:16px}.modal.modal-bag .modal-body .gift-info img{margin:30px 0 10px}.modal.modal-bag .modal-body .over-bg{width:191px;height:107px;top:-140px;left:87px;background:url(../images/icon_03.png) center center no-repeat}.modal.modal-bag .modal-body .nicegame{color:#681818}.modal.modal-bag .close{top:140px;right:-60px;background:url(../images/close-yellow.png) center center no-repeat}.modal-body{position:absolute;top:50%;left:50%;margin-left:-312px;margin-top:-181px;width:625px;height:362px;background:url(../images/modal_bg.png) center center no-repeat;background-size:contain;animation:tc 0.5s}.modal-body .close{position:absolute;top:0;right:-44px;width:22px;height:22px;line-height:31px;display:block;background:url(../images/close-yellow.png) center center no-repeat;background-size:contain}.modal-body .close:hover{filter:brightness(115%)}.modal-body .close:hover img{transform:rotate(90deg)}.modal-body .cont-none{margin:130px auto 0;font-size:32px;color:#296665;text-align:center}@keyframes tc{0%{transform:scale(0)}100%{transform:scale(1)}}.sect-04{color:#577d7c;padding-top:50px}.sect-04 .container{padding-left:160px}.sect-04 .tit-03{font-size:28px;writing-mode:vertical-rl;height:auto;font-weight:bold;float:left}.rule{margin-left:50px;letter-spacing:-0.5px;float:left}.rule .r-tit{font-weight:bold;font-size:20px;margin-bottom:5px}.rule p{margin-left:12px;font-size:16px;line-height:28px}.margin-top-20{margin-top:20px !important}.margin-top-30{margin-top:30px !important}.reg_bag{width:100%;height:538px;width:1280px;background:url(../images/bg_05_a.png) center center no-repeat}.reg_bag .left{float:left;width:287px;text-align:center}.reg_bag .left .title{color:#577d7c;font-size:28px;padding:36px 0 10px;margin:0 20px 20px}.reg_bag .left .title small{display:block;font-size:15.7px}.reg_bag .right{float:left;width:970px;margin-left:23px}.reg_bag .bag{overflow:hidden;margin:22px 25px}.reg_bag .bag li{position:relative;float:left;width:181px;height:228px;text-align:center;color:#fff;font-size:16px;margin:9px 1px;background:url(../images/bg_03.png) center center no-repeat}.reg_bag .bag li span{display:block;margin-bottom:3px;color:#fbe3e3;width:85%;margin:0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reg_bag .bag li a{display:inline-block;margin:40px auto 30px;width:80px;height:80px;background:url(../images/btn_05.png) center center no-repeat;font:0/0 a;transition:all 0.3s}.reg_bag .bag li a:hover{filter:brightness(120%)}.reg_bag .bag li:hover a{margin:35px auto 35px}.reg_bag .bag li.over:hover a{margin:40px auto 30px}.reg_bag .bag li .over-bg{width:140px;height:112px;top:23px;left:20px;background:url(../images/icon_01.png) center center no-repeat}.reg_bag .name p{margin:0 auto;font-size:16px;color:#577d7c;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%}.gift-box{height:588px;width:1281px;background:url(../images/bg_05.png) center bottom no-repeat}.gift-box .title{font-size:22px;font-weight:700;color:#296665;text-align:center}.gift-box .title span{color:#a99962}.gift-box .left{float:left;width:410px}.gift-box .left .get-gift{padding-left:40px;overflow:initial}.gift-box .left .get-gift li{margin-top:15px}.gift-box .left .get-gift .img:hover .show-gift{display:block}.gift-box .left .get-gift .show-gift{display:none;position:absolute;top:-20px;left:113px;width:730px;height:229px;background-color:#f3eedd;border:9px solid #859d7b;z-index:1;padding:20px}.gift-box .left .get-gift .show-gift h3{font-size:22px;font-weight:700;color:#296665;text-align:center;margin-bottom:20px}.gift-box .left .get-gift .show-gift p{line-height:24px}.gift-box .right{float:left;width:854px;margin-left:17px}.gift-box .right .bottom{height:206px}.btn-get{display:inline-block;width:252px;height:79px;margin-bottom:50px;font-size:25px;color:#3883e8;position:relative}.btn-get.over{background:url(../images/btn_03.png) center center no-repeat;filter:grayscale(1);-webkit-filter:grayscale(1)}.btn-get.lock{background:url(../images/btn_03.png) center center no-repeat;filter:grayscale(1)}.btn-get.unlock{background:url(../images/btn_03.png) center center no-repeat}.btn-get .over-bg{left:80px;top:10px}.get-gift{display:inline-block;margin:55px 0 30px;overflow:hidden}.get-gift li{float:left;position:relative;margin:0 25px;text-align:center}.get-gift li .img{width:119px;height:115px;margin:0 auto;padding-top:18px;padding-left:22px;border-radius:50%;background:url(../images/bg_02.png) center center no-repeat}.get-gift li .img img{width:72px;height:72px;border-radius:50%;display:block}.get-gift li p{color:#34696b;font-size:14px;text-align:center}a.unlock{transition:0.25s ease-out all}a.unlock:hover{filter:brightness(1.2)}.gift{padding:45px 80px 0}.gift>li{margin:15px 0}.gift>li>.img{cursor:pointer}.gift>li.over .text .btn{filter:grayscale(1);pointer-events:none}.gift .img{position:relative;width:129px;height:120px;padding-top:24px;margin:0 auto;text-align:center;background:url(../images/bg_01.png) center center no-repeat}.gift .img:hover .show-gift{display:block}.gift .img .show-gift{display:none;position:absolute;top:12px;left:-464px;width:464px;height:229px;background:url(../images/modal_bg.png) center center no-repeat;transition:opacity 0.3s;z-index:111}.gift .img .show-gift .get-gift{margin:30px 0 0}.gift .img .show-gift .get-gift li{margin:0 5px}.gift .img .over-bg{background:url(../images/icon_01.png) center center no-repeat}.gift .text{font-size:16px;color:#296665;text-align:center;line-height:1.6}.gift .text .gift-name{font-size:18px;color:#34696b}.gift .text span{font-size:16px;color:#b6aa7e}.gift .text a{display:block;width:150px;height:49px;line-height:43px;margin:8px auto 0;background:url(../images/btn_02.png) center center no-repeat;color:#3883e8;font-size:20px}.gift .text a.unlock{background:url(../images/btn_04.png) center center no-repeat}.gift .text a.unlock .over-bg{left:28px;top:-5px}.gift .text a.unlock:hover{filter:brightness(110%)}.gift .text a.lock{background:url(../images/btn_02.png) center center no-repeat}.gift .text a.lock .over-bg{left:28px;top:-5px}.gift .text a.over{background:url(../images/btn_04.png) center center no-repeat;filter:grayscale(1)}.gift .text a.over .over-bg{left:28px;top:-5px}.process{float:left;width:563px;text-align:center;margin-left:36px;margin-top:24px}.process p{color:#b6aa7e;font-size:18px;margin-bottom:10px}.process p span{color:#34696b}.process .pro-list{margin-top:15px;background:url(../images/bg_08.png) center center no-repeat;overflow:hidden;display:inline-block}.process .pro-list li{float:left;margin:0 9px;color:#f7f3e4;font-size:26.8px;width:79px;height:80px;line-height:80px;text-align:center;background:url(../images/bg_06_a.png) center center no-repeat}.process .pro-list li.active{background:url(../images/bg_06.png) center center no-repeat}.plus{position:relative;float:left;margin-top:15px;width:225px;text-align:center}.plus .img{margin-bottom:15px;cursor:pointer;display:inline-block}.plus .img:hover .show-plus{display:block}.plus p{color:#f4f9fe;font-size:20px;margin-bottom:10px}.plus .show-plus{display:none;position:absolute;top:-20px;left:-669px;width:730px;height:229px;background-color:#f3eedd;border:9px solid #859d7b;z-index:1}.plus .show-plus .get-gift{margin:30px 0 0}.plus .show-plus li{margin:0 5px;background:none}.plus .show-plus li p{color:#296665}.plus .show-plus .lbdq{position:relative}.plus .show-plus .lbdq .img{cursor:pointer}.plus .show-plus .lbdq .img:hover ~ .show-plus-inner{display:block}.plus .show-plus .lbdq .show-plus-inner{position:absolute;display:none;left:111px;top:0;width:330px;height:136px;padding:10px;background-color:#fff;z-index:2}.plus .show-plus .lbdq .show-plus-inner p:first-child{color:#296665;font-size:20px}.plus .show-plus .lbdq .show-plus-inner p{color:#296665;font-size:16px}.plus .btn-plus{display:inline-block;width:150px;height:49px;line-height:45px;margin:0 auto;color:#3883e8;font-size:20px;text-align:center;background:url(../images/btn_04.png) center center no-repeat}.plus .btn-plus.over{background:url(../images/btn_04.png) center center no-repeat;filter:grayscale(1);-webkit-filter:grayscale(1)}.plus .btn-plus.lock{background:url(../images/btn_04.png) center center no-repeat;filter:grayscale(1)}.plus .btn-plus.unlock{background:url(../images/btn_04.png) center center no-repeat}.plus .over-bg{top:-4px;left:29px;background:url(../images/overbg.png) center center no-repeat}