@charset "utf-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.8;font-family:'Microsoft Yahei',arial,verdana,sans-serif;font-size:14px}a{text-decoration:none}li,ul{list-style:none;margin:0;padding:0}::-ms-clear{display:none}::-ms-reveal{display:none}#ieToolTip{min-width:1200px;background:#ffffe1;text-align:center;font-size:14px;line-height:30px;position:fixed;left:0;top:0;width:100%;z-index:200}#ieToolTip a{color:#06c}#ieToolTip .close{position:absolute;right:10px;top:0;cursor:pointer}.toast{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;text-align:center;display:none}.toast:before{content:'';height:100%;width:0;display:inline-block;font-size:0;vertical-align:middle}.toast .box{display:inline-block;vertical-align:middle;min-width:50px;max-width:300px;padding:15px 20px;word-break:break-all;text-align:center;background-color:rgba(0,0,0,.8);border-radius:4px;font-size:14px;color:#c2c2c2}.header .logo{float:left;position:absolute;margin-left:150px;margin-top:29px;background:transparent url(../images/logo.png) no-repeat 0 0;width:173px;height:37px}.header .navs{float:right;margin-top:30px;min-width:280px;height:32px;background:#000;opacity:.7;border-radius:16px;padding:0 15px;line-height:32px;box-sizing:border-box;text-align:center}.header .navs:after{content:'';display:block;height:0;clear:both;visibility:hidden;font-size:0}.header .navs .li{padding:0 16px;vertical-align:middle;line-height:1;display:inline-block;border-right:2px solid #fff}.header .navs .li.username{display:none}.header .navs .li.username.active{display:inline-block}.header .navs .li.login-btn{display:none}.header .navs .li.login-btn.active{display:inline-block}.header .navs .li:last-child{border-right:none}.header .navs .li a{color:#fff}.header .navs .li a:hover{color:#f49f16}body{background:#000}.container{max-width:1920px;margin:0 auto}.btn{width:221px;height:56px;margin:45px auto 0;text-align:center;line-height:56px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;background:url(../images/btn.png) no-repeat 0 0}.btn:hover{background-position:-238px 0}.btn.disabled{opacity:.6;cursor:not-allowed}.btn.disabled:hover{background:url(../images/btn.png) no-repeat 0 0}.container .wrap{width:1400px;height:100%;position:absolute;top:0;left:50%;margin-left:-700px}.container .bg-group .bg{background-repeat:no-repeat;background-position:center 0;background-size:cover;height:590px}.container .bg-group .bg.bg1{background-image:url(../images/bg1.jpg)}.container .bg-group .bg.bg2{background-image:url(../images/bg2.jpg)}.container .bg-group .bg.bg3{background-image:url(../images/bg3.jpg)}.container .bg-group .bg.bg4{height:530px;background-size:100% 530px;background-image:url(../images/bg4.jpg)}.wrap .next-activity{position:absolute;top:1223px;left:0;background:transparent url(../images/next-adv.png) no-repeat 0 0;width:1400px;height:516px}.wrap .rules-group{position:absolute;top:1794px;width:100%;left:0;box-sizing:border-box;color:#9599a0;font-size:18px;line-height:42px;padding:93px 0 0 120px;background:transparent url(../images/rule-bg.png) no-repeat 0 0;width:1400px;height:450px}.activity-wrap{position:absolute;width:1400px;left:0;top:610px}.activity-wrap .lottery-wrap{float:left;position:relative;background:transparent url(../images/section-bg.png) no-repeat 0 0;width:690px;height:550px;box-sizing:border-box}.activity-wrap .lottery-wrap .lot-box-ul{width:550px;height:220px;margin:178px auto 0}.activity-wrap .lottery-wrap .lot-box-ul .lot-box{cursor:default;float:left;background:transparent url(../images/lot-box-bg.png) no-repeat 0 0;width:168px;height:218px;text-align:center}.activity-wrap .lottery-wrap .lot-box-ul .lot-box+.lot-box{margin-left:20px}.activity-wrap .lottery-wrap .lot-box-ul .lot-box .pic{margin:30px auto 0;display:block;width:144px;height:135px}.activity-wrap .lottery-wrap .lot-box-ul .lot-box .name{color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.activity-wrap .lottery-wrap .lot-btn{margin:45px auto 0;cursor:pointer}.activity-wrap .lottery-wrap .lot-btn.disabled{cursor:not-allowed}.activity-wrap .get-gift-wrap{float:right;background:transparent url(../images/section-bg2.png) no-repeat 0 0;width:690px;height:550px;position:relative}.activity-wrap .get-gift-wrap .get-box-ul{width:544px;margin:160px auto 0;font-size:0;text-align:center}.activity-wrap .get-gift-wrap .get-box-ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;font-size:0}.activity-wrap .get-gift-wrap .get-box-ul .get-box{display:inline-block;cursor:default;position:relative;background:transparent url(../images/get-box-bg.png) no-repeat 0 0;width:121px;height:121px;text-align:center;margin-bottom:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.activity-wrap .get-gift-wrap .get-box-ul .get-box.active .name{color:#ffcb15}.activity-wrap .get-gift-wrap .get-box-ul .get-box.disabled{background:transparent url(../images/get-box-disabled.png) no-repeat 0 0;width:121px;height:121px}.activity-wrap .get-gift-wrap .get-box-ul .get-box.checked{background:transparent url(../images/get-box-checked.png) no-repeat 0 0;width:121px;height:121px}.activity-wrap .get-gift-wrap .get-box-ul .get-box .icon-checked{position:absolute;right:0;top:0;background:transparent url(../images/checked.png) no-repeat 0 0;width:36px;height:36px;z-index:99}.activity-wrap .get-gift-wrap .get-box-ul .get-box+.get-box{margin-left:20px}.activity-wrap .get-gift-wrap .get-box-ul .get-box .pic{margin:23px auto 0;display:block;width:67px;height:auto}.activity-wrap .get-gift-wrap .get-box-ul .get-box .award-desc{position:absolute;left:8px;top:8px;right:8px;bottom:8px;background:#060609;z-index:9;text-align:center;white-space:normal;display:none}.activity-wrap .get-gift-wrap .get-box-ul .get-box .award-desc .award-desc-content{color:#ffcb15;font-size:12px;line-height:16px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.activity-wrap .get-gift-wrap .get-box-ul .get-box .name{position:absolute;left:0;width:100%;bottom:12px;text-align:center;color:#999;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.activity-wrap .get-gift-wrap .get-btn{position:absolute;bottom:50px;left:50%;margin-left:-110px;cursor:pointer}.activity-wrap .get-gift-wrap .get-btn.disabled{cursor:not-allowed}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;text-align:center;font-size:0;vertical-align:middle;white-space:nowrap}.modal:before{content:"";display:inline-block;vertical-align:middle;width:0;height:100%;font-size:0}.modal .fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal .in .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0);font-size:12px}.modal-open .modal{overflow-x:auto;overflow-y:auto}.modal-dialog{min-width:398px;position:relative;margin:10px;white-space:normal;display:inline-block;vertical-align:middle;font-size:14px;color:#333;line-height:1;padding-top:39px;text-align:center;background:#fff;border-radius:8px;box-sizing:border-box}.modal-header{font-size:16px;color:#333;font-weight:700}.modal-btn-group{position:absolute;bottom:40px;left:50%;margin-left:-65px}.modal-btn{width:130px;height:36px;background:#f49f16;border-radius:4px;line-height:36px;color:#fff;cursor:pointer;display:block}.modal-btn:hover{background-color:#ff871f}.modal-btn.active{background-color:#cc5f00}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.in{opacity:.5}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.modal-dialog .close{position:absolute;background:transparent url(../images/close.png) no-repeat 0 0;width:52px;top:15px;right:15px;cursor:pointer;width:13px;height:13px;background:url(../images/close.png) no-repeat 0 0;opacity:.6}.modal-dialog .close:hover{opacity:1}.modal-steam-tip,.modal-tip{width:398px;height:227px}.modal-steam-tip .modal-content,.modal-tip .modal-content{margin-top:37px}.modal-steam-tip .modal-content .tip,.modal-tip .modal-content .tip{font-size:16px}.modal-steam-tip .modal-content .steam-account,.modal-tip .modal-content .steam-account{color:#f49f16;margin-top:16px}.modal-steam-tip{width:458px;height:288px}.modal-steam-tip .modal-btn-group{width:100%;margin-left:-50%;text-align:center;font-size:0}.modal-steam-tip .modal-btn-group .modal-btn{font-size:14px;display:inline-block}.modal-steam-tip .modal-btn-group .modal-btn+.modal-btn{margin-left:30px}.modal-result{width:458px;min-height:288px}.modal-result .modal-content{margin-top:35px}.modal-result .tip{color:#999;font-size:16px}.modal-result .title{margin-top:68px;color:#333}.modal-result .title .record-btn{cursor:pointer;color:#f49f16;text-decoration:underline}.modal-result .title .record-btn:hover{color:#ff871f}.modal-result .cdk-list{margin-top:23px;margin-bottom:110px;color:#666}.modal-result .cdk-list .cdk-item+.cdk-item{margin-top:19px}.modal-result .cdk-list .cdk-item .label{display:inline}.modal-result .cdk-list .cdk-item .cdk-val,.modal-result .cdk-list .cdk-item .copy-btn,.modal-result .cdk-list .cdk-item .label{vertical-align:middle}.modal-result .cdk-list .cdk-item .cdk-val{outline:0;border:none;background-color:transparent;padding:0;margin:0;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-result .cdk-list .cdk-item .copy-btn{display:inline-block;margin-left:40px;color:#3394fe;cursor:pointer}.modal-gift-record{width:978px;min-height:454px}.modal-gift-record .gift-record-group{padding:0 27px 27px}.modal-gift-record .gift-table .header{font-size:16px;color:#333;font-weight:700;text-align:center;padding:23px 0 20px}.modal-gift-record .gift-table .row{display:inline-block;vertical-align:middle}.modal-gift-record .gift-table .row.date{width:178px}.modal-gift-record .gift-table .row.act-name{width:200px}.modal-gift-record .gift-table .row.prize-name{width:150px}.modal-gift-record .gift-table .row.gift-code{width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-gift-record .gift-table .row.gift-code .cdk-val{outline:0;border:none;padding:0}.modal-gift-record .gift-table .row.opt{width:120px}.modal-gift-record .gift-table .record-list{height:282px;overflow-y:scroll}.modal-gift-record .gift-table .record-list .record-item{line-height:54px;color:#666;border-top:1px solid #e9e9e9}.modal-gift-record .gift-table .record-list .record-item:last-child{border-bottom:1px solid #e9e9e9}.modal-gift-record .gift-table .record-list .record-item .row.opt{color:#3394fe;cursor:pointer}.modal-gift-record .tip{margin-top:38px;color:#333}.modal-login{width:458px;height:420px}.modal-login .login-tabs{border-bottom:1px solid #e9e9e9;font-size:0}.modal-login .login-tabs .tabs-item{font-size:16px;font-weight:700;padding-bottom:15px;display:inline-block;width:50%;position:relative;cursor:pointer}.modal-login .login-tabs .tabs-item::after{content:'';display:block;position:absolute;left:0;bottom:-1px;background:#f49f16;height:2px;width:100%;display:none}.modal-login .login-tabs .tabs-item.active{color:#f49f16}.modal-login .login-tabs .tabs-item.active::after{display:block}.modal-login .login-group{padding:0 54px}.modal-login .login-group .login-content{padding-top:30px}.modal-login .login-group .login-mobile-phone{padding-bottom:40px;display:none}.modal-login .login-group .login-mobile-phone .login-input{height:84px}.modal-login .login-group .login-mobile-phone .login-input .input-group{position:relative;border:1px solid #dbdbdb;border-radius:4px;text-align:left}.modal-login .login-group .login-mobile-phone .login-input .input-group .icon{display:inline-block;vertical-align:middle;position:absolute;top:50%}.modal-login .login-group .login-mobile-phone .login-input .input-group .icon.icon-mobile{left:14px;margin-top:-10px;background:transparent url(../images/icon-phone.png) no-repeat 0 0;width:12px;height:20px}.modal-login .login-group .login-mobile-phone .login-input .input-group .icon.icon-sms{left:12px;margin-top:-6px;background:transparent url(../images/icon-sms.png) no-repeat 0 0;width:16px;height:13px}.modal-login .login-group .login-mobile-phone .login-input .input-group .input{outline:0;border:none;-webkit-appearance:none;appearance:none;color:#333;line-height:48px;box-sizing:border-box;padding-right:30px;padding-left:42px;border-radius:4px;width:100%}.modal-login .login-group .login-mobile-phone .login-input .input-group .input.input-sms{width:100%;padding-right:100px}.modal-login .login-group .login-mobile-phone .login-input .input-group .icon-clear{position:absolute;right:15px;top:50%;margin-top:-6px;width:13px;height:13px;cursor:pointer;background:url(../images/close.png) no-repeat -13px 0;display:none}.modal-login .login-group .login-mobile-phone .login-input .input-group .sms-btn{color:#3394fe;display:inline-block;position:absolute;right:15px;top:20px;cursor:pointer}.modal-login .login-group .login-mobile-phone .login-input .input-group .sms-btn.disabled{cursor:not-allowed}.modal-login .login-group .login-mobile-phone .login-input .error-tip{text-align:right;color:#e60012;line-height:32px;display:none}.modal-login .login-group .login-mobile-phone .submit-btn{width:350px;height:50px;background:#f49f16;border-radius:4px;margin:11px auto 0;color:#fff;font-weight:700;line-height:50px;font-size:16px;cursor:pointer}.modal-login .login-group .login-mobile-phone .submit-btn:hover{background-color:#ff871f}.modal-login .login-group .login-mobile-phone .remember{margin-top:22px;color:#999;text-align:left}.modal-login .login-group .login-mobile-phone .remember input[type=checkbox]{-webkit-appearance:none;appearance:none;outline:0;border:none;background:transparent url(../images/checkbox.png) no-repeat 0 0;width:14px;height:14px;display:inline-block;vertical-align:-5px;margin-right:9px}.modal-login .login-group .login-mobile-phone .remember input[type=checkbox]:checked{background:transparent url(../images/checkbox-active.png) no-repeat 0 0;width:14px;height:14px}.modal-login .login-group .login-mobile-phone .remember a{color:#999}.modal-login .login-group .login-mobile-phone .remember a:hover{color:#f49f16}.modal-login .sso-login-wrap{display:block;padding-bottom:39px;font-size:16px;color:#333;text-align:center}.modal-login .sso-login-wrap .iframe-wrap{margin-top:25px;width:180px;height:190px;margin:25px auto 0}.modal-login .sso-login-wrap .sso-tip{margin-top:41px}.modal-login .sso-login-wrap .sso-tip .refresh{cursor:pointer;color:#58b8ff}.modal-login .sso-login-wrap .sso-protolcol{margin-top:19px;font-size:14px;color:#999}.modal-login .sso-login-wrap .sso-protolcol .p-link{color:#999}.modal-login .sso-login-wrap .sso-protolcol .p-link:hover{color:#f49f16}.right-float{width:64px;position:fixed;top:680px;left:50%;margin-left:745px;background:transparent url(../images/adv.png) no-repeat 0 0;width:89px;height:91px}.right-float:hover{background:transparent url(../images/adv-active.png) no-repeat 0 0;width:89px;height:91px}