blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,input,li,object,ol,p,pre,span,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
body{font:12px/1.6 "roboto", sans-serif}
a{text-decoration:none}
a:hover{filter:brightness(1.2);-webkit-filter:brightness(1.2)}
a:active{outline:0}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b9b9b9}
input{outline:0;border:0;font-family:"Microsoft YaHei"}
textarea{overflow:auto;resize:none}
*{box-sizing:border-box}
#fullbg,#main,body,html{height:100%;overflow:hidden;width:100%;background:#fff;position: relative;}
/* #fullbg,#main,body,html{height:100%;overflow:hidden;min-width:1200px;background:#fff;} */
.page{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-99;opacity:0;transition:opacity linear .4s;-webkit-transition:opacity linear .4s}
.page.active{opacity:1;z-index:1}
.page .set-table1 table{margin-top:0}
.login-content { position:absolute; right:65px; top:40px; display:flex; align-items:center; justify-content:flex-end; }
.before-login, .after-login { display:none; align-items:flex-start; justify-content:flex-end;flex-direction: row-reverse; }
.after-login.show, .before-login.show { display:flex; }
.login-btn {z-index: 5; display: block; width: 143px; height: 49px; line-height: 49px; background:url(https://hw.99.com/uploads/wtop/xmas/img/login.png) no-repeat center center; color:#fff;text-shadow: 0 0 3px #20869b, 0 0 3px #20869b, 0 0 3px #20869b, 0 0 3px #20869b, 0 0 3px #20869b; text-align:center; font-size:20px; padding-left: 5px;}
.user-info { position: relative;z-index: 2;text-align: right; width:315px;height: 49px; line-height: 49px; padding: 0 5px; font-size:16px; color:#fff; margin: 0px 0 0 -10px;text-shadow: 0 1px 10px #080712; }

.page.page1{background:none}
.page{background:url(https://hw.99.com/uploads/wtop/xmas/img/page-con.jpg) no-repeat center bottom/cover}
.page.page6{background:url(https://hw.99.com/uploads/wtop/xmas/img/page-last.jpg) no-repeat center center/cover}
.list{display:flex;justify-items:center;justify-content:center;flex-direction:row}

.nav{position:absolute;top:50%;margin-top:155px;pointer-events:none;z-index:2;margin-right:-480px;right:50%;width:725px;text-align: center;}
.nav a{position: relative; pointer-events:initial;transition:all ease .3s;display: inline-block; width: 226px;height:54px;line-height:54px; text-align: center; background: url(https://hw.99.com/uploads/wtop/xmas/img/nav2.png) no-repeat;margin: 10px 5px ;font-family: Norican;}
.nav a span{display: block;font-size: 28px;color:#ffffff;text-shadow: 0 0 2px #2953c6, 0 0 2px #2953c6, 0 0 2px #2953c6, 0 0 2px #2953c6, 0 0 2px #2953c6;}
.nav a:hover,.nav a.active{background: url(https://hw.99.com/uploads/wtop/xmas/img/nav2-on.png);filter: brightness(1);}
.nav a:hover span,.nav a.active span{display: block;text-shadow: none;
  color: #fff;background-image: -webkit-linear-gradient(90deg,#1574f1 20%,#065eb7 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.nav.nav1{ width:181px;height:662px;background: url(https://hw.99.com/uploads/wtop/xmas/img/navbg.png) no-repeat 9px 0; top:50%;right:0%;margin-top:-331px;margin-right:0px;padding-top: 90px;text-align: center;}
.nav.nav1 a{background:url(https://hw.99.com/uploads/wtop/xmas/img/nav1.png) no-repeat center;width: 112px;height:77px;line-height: 82px;font-weight: bold; font-size: 20px;font-family: 'Merriweather',  sans-serif; margin-bottom: 2px;color:#3543aa;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;}
.nav.nav1 a:hover,.nav.nav1 a.active{background:url(https://hw.99.com/uploads/wtop/xmas/img/nav1-on.png) no-repeat center;}
.nav.nav1 a span{color:#116a92;text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;font-size: 20px;}
.nav.nav1 a:hover span,.nav.nav1 a.active span{ display: block;color: #fff;text-shadow: none;background-image: -webkit-linear-gradient(90deg,#003c91 20%,#0063b6 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; -webkit-filter: drop-shadow(2px 2px 4px #fff);}
.nav.nav1 a.n1 span,.nav.nav1 a.n2 span,.nav.nav1 a.n5 span{display: block;width: 100px;eight: 72px;margin: 0 auto;line-height: 18px;padding-top: 24px;}
.nav.nav1 a.n5{transform: rotate(0deg); top: 0px;}

.lang{display:flex;align-items:center;justify-content:center;margin:10px 0 26px;position: relative;z-index: 10;}
.lang a{display:flex;align-items:center;justify-content:center;background:url(https://hw.99.com/uploads/wtop/xmas/img/langtb.png) no-repeat center;text-align: center;width:160px;height:60px;color:#3847c5;font-size:18px;margin:0 30px}
.lang a.on,.lang a:hover{background:url(https://hw.99.com/uploads/wtop/xmas/img/langtb-on.png) no-repeat center}
.lang a.on strong,.lang a:hover strong{color:#fff;width:182px;display:block;background-color:#4033b2;-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-text-stroke:3px transparent}

.logo-bg{text-align: center;margin-top: 20px; width: 705px;height: 300px;}
.logo-bg a{display: inline-block;width:243px;height: 78px;margin: 10px 40px;}
.logo-bg a img{width: 100%;}

.slg{position:absolute;top:50%;font-size:0;width:100%;z-index:3;pointer-events:none;}
.slg1{position:absolute;left:50%;top:50%;margin-top:-254px;margin-left:-430px; width:1066px;height:406px;background:url(https://hw.99.com/uploads/wtop/xmas/img/en/slg1.png) no-repeat;z-index:5;}
.slg.slg1{animation:zoomInDown 1s linear both;display: none;}

.page1 video{position: absolute; top: 0;left: 0; width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.logo { position: absolute; left: 100px; top: 50px; display:block; text-align:center; width:210px; z-index: 10;}
.logo img { width:100%; display:block; }
.cont{width:1115px;height:630px;position:absolute;top:50%;left:50%;margin-left:-557px;margin-top:-311px;text-align:center;font-size:18px;font-family: 'Merriweather', sans-serif;}
.p2-con{background:url(https://hw.99.com/uploads/wtop/xmas/img/p2-con.png) no-repeat center;width:1225px;height:674px;position:absolute;top:50%;left:50%;margin-left:-619px;margin-top:-330px;font-family: 'roboto', sans-serif;}
.p2-con .con{position: absolute;top: 50%;left: 50%;width: 1089px;height: 490px;margin-top: -279px;margin-left: -540px;}
.page4 .cont{margin-left: -623px;margin-top: -344px;}

.tit{font-size:0;margin:40px auto 0px;width: 965px;height: 110px;}
.tit.tit1{background: url(https://hw.99.com/uploads/wtop/xmas/img/en/tit1.png) no-repeat center;margin: 14px auto -29px;}
.tit.tit2{background: url(https://hw.99.com/uploads/wtop/xmas/img/en/tit2.png) no-repeat center;margin: 48px auto 0px;}
.tit.tit3{background: url(https://hw.99.com/uploads/wtop/xmas/img/en/tit3.png) no-repeat center;}
.tit.tit4{background: url(https://hw.99.com/uploads/wtop/xmas/img/en/tit4.png) no-repeat center;}
.set-table i{display:inline-block;text-align:center;line-height:20px;width:20px;height:20px;border-radius:100%;font-size:18px;color:#fff;cursor:pointer;font-style:normal;background:#453279}
.set-table table{width:98%;margin:0 auto;color:#ffffff;font-size:20px;}
.set-table thead tr{background-color: unset;}
.set-table tr{background-color: #d1f1fb;border-bottom: 2px solid #ebfcfb;}
.set-table td{line-height:46px;color:#08144b;min-width:90px;position:relative;font-size: 18px;}
.set-table td p{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto}
.set-table th{font-size:20px;line-height:48px;padding: 1px 0 5px;font-weight:600;color: #ffffff;}
.set-table .my{background:#607d8b}
.set-table .my td{color:#fff4c3}
.set-table .num1 {background-color: #73abf1;border-bottom: 2px solid #ebfcfb;}
.set-table .num2 {background-color: #94aef7;border-bottom: 2px solid #ebfcfb;}
.set-table .num3 {background-color: #7ce1f0;border-bottom: 2px solid #ebfcfb;}
.set-table .num1 td:first-child{background:url(https://hw.99.com/uploads/wtop/xmas/img/1.png) no-repeat center;font-size:0;}
.set-table .num2 td:first-child{background:url(https://hw.99.com/uploads/wtop/xmas/img/2.png) no-repeat center;font-size:0;}
.set-table .num3 td:first-child{background:url(https://hw.99.com/uploads/wtop/xmas/img/3.png) no-repeat center;font-size:0;}

.set-table .h-pop{display:none}
.set-table .box{background:url(https://hw.99.com/uploads/wtop/xmas/img/box.png) no-repeat center;width:37px;height:42px;display:block;margin:0 auto;position:relative;cursor: pointer;}
.set-table .h-pop{display:none;position:absolute;white-space:normal;top:3px;right:63px;color:#fff;background:rgba(1, 11, 55, .8);;width:190px;height:auto;padding:10px 10px;font-size:16px;line-height:20px;text-align:left;border:1px solid #320c81;border-radius:20px;box-shadow:0 0 4px #dcc37a;border-radius:20px}
.set-table .jp-td:hover .h-pop{display:block;z-index:50}
.pager{font-size:16px;position:absolute;top:50%;text-align:center;margin-top:252px;margin-left:-489px;padding-top:10px;width:995px;left:50%}
.pager a,.pager span{padding:0 8px;color:#3545e1;margin:0 3px;font-weight:700}
.pager span,.pager a:hover{color:#9929ff;}
.data-tips{position:absolute;top:50%;margin-top:334px;font-size:16px;color:#ffffff;text-align:center;line-height: 20px;width:995px;margin-left:-505px;left:50%;text-shadow: 0 0 4px #073578;}
.lu{position: absolute;top: 50%;left: 50%;margin-left: -890px;margin-top: -277px;width: 538px;height: 661px;background: url(https://hw.99.com/uploads/wtop/xmas/img/lu.png) no-repeat center;z-index: -1;}
.detail{width: 406px;height:91px;line-height: 91px;font-size:22px;text-align: center;color:#031c4b;font-family: 'Merriweather',  sans-serif;  background:url(https://hw.99.com/uploads/wtop/xmas/img/detail.png) no-repeat center;display:block;margin:-159px auto 0;position: relative;z-index: 10;left: 90px;}
.detail:hover{background:url(https://hw.99.com/uploads/wtop/xmas/img/detail-on.png) no-repeat center;}
.hl-list{width:1237px;height: 759px; background:url(https://hw.99.com/uploads/wtop/xmas/img/gl.png) no-repeat center top;padding: 0 36px 0 77px;}
.hl-list li{position: relative;display: inline-block;width:308px;height:396px;overflow: hidden;}
.hl-list li:nth-child(1){transform: rotate(-4deg);margin: 166px 7px 0 41px;left: -42px;}
.hl-list li:nth-child(2){transform: rotate(1deg);margin-left: -3px;top: -40px;}
.hl-list li:nth-child(3){transform: rotate(5deg);margin-left: 55px;top: -68px;}
.hl-list h4{height:70px;line-height:25px;padding-top: 10px;font-weight:700;color: #041c48;font-size:20px;margin: 0 0 10px 0px;font-family: 'Merriweather',  sans-serif;}
.hl-list li:first-child h4{line-height: 20px;padding-top: 8px;}
.hl-list p{color:#041c48;line-height:25px;height: 312px;font-size:20px;width:267px;margin:0 auto;text-align:left;}

.hl-list p::-webkit-scrollbar{width:6px;height:6px}
.hl-list p::-webkit-scrollbar-button{display:none}
.hl-list p::-webkit-scrollbar-thumb{background-color:#2493e9;cursor:pointer}
.hl-list p::-webkit-scrollbar-corner{display:none}
.hl-list p::-webkit-resizer{display:none}

.tab-reward,.tab-creation{position: absolute;top: 50%;left: 50%;margin-left:213px;margin-top: -293px;width:285px;height: 121px;z-index: 20;}
.tab-reward a,.tab-creation a{position: relative;display:inline-block;width:178px;height:54px;line-height:68px;font-weight: bold; text-align:center;color:#073578;font-size:17px;background: url(https://hw.99.com/uploads/wtop/xmas/img/tab.png) no-repeat;}
.tab-reward a.on,.tab-reward a:hover,.tab-creation a.on,.tab-creation a:hover{background: url(https://hw.99.com/uploads/wtop/xmas/img/tab-on.png) no-repeat;color:#4327bd}
.tab-reward a:nth-child(2){left: 64px;top: 10px;}
.tab-content{position: absolute;top: 15px;left: 0;width: 100%;height: 350px;display: none;}
.tab-content.t1{display: block;}
.tab-content video{position: absolute;top: 50%;left: 50%;margin-left: -258px;margin-top: -285px; width: 100%;height: 100%;object-fit: cover;}
.tab-content .g2 video{margin-top: -215px;}
.tab-content.t1 video{margin-top: -277px;}
.tab-content.t3 video{margin-top: -205px;width: 88%;}

.name{position: absolute;top: 50%;left: 50%;margin-left: -585px;margin-top: -147px; width: 367px;height: 509px;color: #fff;object-fit: cover;z-index: 50;background: url(https://hw.99.com/uploads/wtop/xmas/img/rwbg.png) no-repeat;padding: 113px 26px 10px 76px;}
.name h3{font-size: 26px;height: 73px;line-height: 73px;margin-bottom: 10px;font-weight: bold;color: #073578; }
.name p{text-align: left;font-size: 18px;height: 156px;line-height: 30px;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;font-family: 'Roboto';}
.name strong{font-size: 26px;margin: -32px auto 20px ;width: 169px;display: block;font-family: 'Merriweather', sans-serif;}

.tab-garment{position: absolute;top:50%;left:50%;margin-left: -158px;margin-top: 203px;z-index: 50;width:159px;height:44px;color:#fff}
.tab-garment a{position: relative;background: none;display: inline-block;width:117px;height: 118px;font-weight: bold; padding: 0px;margin: 0;color: #fff;left: 0;line-height: 118px;font-size: 20px;background: url(https://hw.99.com/uploads/wtop/xmas/img/tab_gar.png) no-repeat;text-shadow: 2px 2px 4px #123c8c;}
.tab-garment a.on,.tab-garment a:hover{background: url(https://hw.99.com/uploads/wtop/xmas/img/tab_gar-on.png) no-repeat;color:#2d498e;filter: brightness(1);text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;}
.tab-garment a[ data-tab="g2"]{top:-10px;left:79px}
.cont-gar{display: none;}
.cont-gar.g1{display: block;}

.hdscroll{position:absolute;top: 50%;left: 50%;margin-left: -125px;margin-top: -166px;width:622px ;height:617px;padding: 25px;background: url(https://hw.99.com/uploads/wtop/xmas/img/gifbg.png) no-repeat;}
.hdcont{margin: 8px 0 0 21px;height: 552px;overflow: hidden;width: 552px;border-radius: 50%;}
.tempWrap{margin: 0 auto;z-index: 5;}
.hdcont ul{position: relative;z-index: 5;}
.hdcont li{width:552px;height: 552px;border-radius: 50%;overflow: hidden;}
.hdcont li img{width: 100%;}
.hdcont li.gifli img{width: 150%;margin-left: -26%;margin-top: -9%;}
.hdcont .left-btn,.hdcont .right-btn{width:52px;height:46px;overflow:hidden;position:absolute;left:1px;top:7px;bottom:0;z-index: 50;margin:auto;background:url(https://hw.99.com/uploads/wtop/xmas/img/left.png) no-repeat 0 0/100%;cursor:pointer;}
.hdcont .right-btn{left:auto;right:1px; background:url(https://hw.99.com/uploads/wtop/xmas/img/right.png) no-repeat 0 0/100%;}

.creation{position: absolute;top: 50%;left: 50%;margin-left: -207px;margin-top: -13px;width:237px;height: 202px;z-index: 20;}
.tab-creation{margin-left: -76px;margin-top: -356px;width: 177px;}
.tab-creation a:nth-child(2){left: -45px;top: 12px;}
.cre-content{position: absolute;top: 50%;left: 50%;margin-left: -265px;margin-top: -265px;width: 531px;height: 531px;display: none;}
.cre-content.t1{display: block;}
.cre-content .name{margin-top: -444px;margin-left: -616px;}
.cre-img{position: absolute;top: 50%;left: 50%;margin-left: -109px;margin-top: -241px;width: 866px;overflow: hidden;border-radius: 91% 100% 100% 50%;}
.t1 .cre-img{margin-top: -367px;}
.cre-img img{width: 100%;height: 100%;margin-top: -10px;margin-left: -157px;}
.t2 .cre-img {margin-top: -297px;}
.t2 .cre-img img{width:1000px;margin-left: -122px;}
.tip{position: absolute;top: 50%;left: 50%;margin-left: -624px;margin-top: 18px; width: 390px;height: 390px;transform: scale(0.85);object-fit: cover;z-index: 50;cursor: pointer;background: url(https://hw.99.com/uploads/wtop/xmas/img/tipbg.png) no-repeat 0 0/100%;}
.tip img{width: 76%;border-radius: 50%;margin: 47px 0;}
.page5 .note,.page6 .note{position: absolute;top: 50%;left: 50%;margin-left: 22px;margin-top: 275px;font-size: 18px; width: 500px;height: 45px;object-fit: cover;z-index: 50;color:#fff;text-shadow: 0 0 4px #073578;}
.page5 .note{margin-left: -63px;margin-top: 333px;}

.more{position: absolute;top: 50%;left: 50%;margin-left: -436px;margin-top: 247px;width:89px;height: 111px;line-height: 190px;cursor: pointer;}
.more span{position: absolute;top:0px;left:0;width:89px;height: 94px;background: url(https://hw.99.com/uploads/wtop/xmas/img/more.png) no-repeat 0 0/100%;animation: bounceAnimation 2s ease-in-out infinite;}
.more strong{font-size: 18px;color:#fff;text-shadow: 0 0 4px #073578;}

.pop{position:fixed;width:100%;height:100%;top:0;left:0;display:none;background:rgba(0,0,0,.8);z-index:-99;opacity:0}
.pop.active{display:block;z-index:99;opacity:1}
.pop h2.logo-tit{text-align: center;font-size: 40px;color: #fff;position:absolute;top:4%;left:26%;width: 50%;height: 80px;line-height: 80px;}
.pop .close,.tip_t a.close{position: absolute;top: 36px;right: 56px;font-size: 0px; width: 38px;height:39px;background: url(https://hw.99.com/uploads/wtop/xmas/img/close.png) no-repeat;}
.pop .close:hover,.tip_t a.close:hover{background-image: url(https://hw.99.com/uploads/wtop/xmas/img/close-on.png) ;}
.pop .close::after{position:absolute;top:0;left:0;width:100%;height:100%;font-size:36px}
.pop .pop-cont{background:url(https://hw.99.com/uploads/wtop/xmas/img/pop.png) no-repeat center;width:858px;height:468px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 55px 30px 35px}
.pop .pop-cont p{color:#391b8f;font-size:18px;text-align:left;line-height:30px;padding:0 20px}
.pop .spop .con{width: 90%;height: 420px;display: flex;justify-content: center;align-items: center; margin: 15px auto 20px;line-height: 280px;}
.pop .spop p{display:inline-block;vertical-align:middle;width:100%;line-height:44px;text-align:center;color:#fff;font-size:26px;font-weight:700;padding:0}
.pop .btn-box{position:absolute;width:100%;bottom:100px;left:0;text-align:center;font-size:0}
.pop .btn-box a{background:#607d8b;width:219px;height:60px;line-height:60px;display:inline-block;vertical-align:middle;margin:0 30px;font-size:25px;color:#fff;border-radius:20px}
.pop .tac{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:30px;margin-top:90px!important}
.go-footer{position:fixed;bottom:30px;right:30px;height:30px;line-height:30px;font-size:14px;color:#000;background:rgba(255,255,255,.75);z-index:60;padding:0 20px;border-radius:15px}
.go-footer.show i{transform:rotate(180deg)}
.go-footer i{display:inline-block;width:22px;height:22px;background:url(https://hw.99.com/uploads/wtop/xmas/img/icon-arrow.png) no-repeat;margin-left:5px;vertical-align:middle;transition:all .3s}
.footer{position:absolute;bottom:0;width:100%;padding:20px auto;font-size:12px;color:#fff;background:#000;z-index:50;transform:translateY(100%);transition:transform .2s linear}
.footer.show{transform:translateY(0)}
.footer a{color:#fff}
.nav .go-back{display:none}
.nav .go-back.show{display:inline-flex;justify-content: center;}

.pop-cont{color:azure}
.pop .video-pop{width:673px;height:652px;background:url(https://hw.99.com/uploads/wtop/xmas/img/pop-co.png) no-repeat center;padding:16px 28px 20px 31px;}
.pop .video-pop .video-bg{width:614px;height:6144px;}
.pop .video-pop .video-bg img{width:100%;height:auto;border-radius: 22px;}
#videoPop .close{top: 28px;right: 40px;}

@media screen and (min-height:1200px){
  .page>.cont,.slg1,.nav,.tit,.logo{transform: scale(1.3);}
  .slg1{margin-top: -260px;}
  .nav{margin-top: 290px;}
  .nav.nav1{right: 2%;}
  .tit{margin: 140px auto 0px;}
  .tit.tit1{margin: 162px auto 28px;}
  .tit.tit2{margin: 165px auto 0px;}
  .lang{margin: -31px 0 26px;}
}

@media (min-height:1050px) and (max-height:1200px){
  .page>.cont,.slg1,.nav,.tit,.logo{transform: scale(1.1);}
  .slg1{margin-top: -245px;}
  .nav{margin-top: 236px;}
  .nav.nav1{right: 1%;}
  .data-tips{margin-top: 346px;}
  .cont{margin-top: -301px;}
  .page4 .cont{margin-top: -340px;}
}
@media (min-height:890px) and (max-height:1050px){
  .data-tips{margin-top: 327px;}
  .tit{margin: 40px auto 0px;}
  .tit.tit1{margin: 20px auto -28px;}
  .page2 .p2-con{margin-top: -320px;}
  .page3 .p2-con{margin-top: -328px;}
}
@media (min-height:770px) and (max-height:890px){
  .page>.cont,.slg1,.nav,.tit,.logo{transform: scale(.85);}
  .tit{margin: 27px auto 0px;}
  .tit.tit1{margin: 13px auto -28px;}
  .tit.tit2{margin: 35px auto 0px;}
  .cont{margin-top: -312px;}
  .p2-con{margin-top: -322px;}
  .page3 .p2-con{margin-top: -336px;}
  .page4 .cont{margin-top: -334px;}
  .data-tips{margin-top: 328px;}
  .nav{margin-top: 124px;}
  .nav.nav1{right: -0%;}
}
@media screen and (max-height:770px){
  .page>.cont,.slg1,.nav,.tit,.logo{transform: scale(.8);}
  .tit{margin: 33px auto 0px;}
  .tit.tit1{margin: 13px auto -28px;}
  .tit.tit2{margin: 32px auto 0px;}
  .cont{margin-top: -318px;}
  .p2-con{margin-top: -324px;}
  .page3 .p2-con{margin-top: -336px;}
  .page4 .cont{margin-top: -338px;}
  .nav{margin-top: 113px;}
  .nav.nav1{right: -4%;}
  .data-tips{margin-top: 321px;}
  .login-content{right: 5px;top: 40px;}
  .cre-img{margin-left: -53px;margin-top: -277px;width: 706px;}

}

/* 定义弹跳动画 */
@keyframes bounceAnimation {
  0%, 100% {
    transform: translateY(-30px);
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); /* 上升时较快 */
  }
  50% {
    transform: translateY(-15px);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* 下降时较慢 */
  }
}

.topbar .topmenu{height:31px!important}
.topbar .topmenu .games{width:140px!important}
.topbar .topmenu .games>ul li{width:140px!important}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;z-index:1112}
.commonbox{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:99}
.commonbox.show{display:flex;align-items:center;justify-content:center}
.tipbox{position:relative;z-index:1113;color:#fff;background:url(https://hw.99.com/uploads/wtop/xmas/img/pop.png) no-repeat 0 0/100%;margin:0 auto;padding: 28px 20px;}
.box1{width: 645px;height: 369px;}
#accountlogin .box1{height: 382px;background-size: 100% 100%;}
.tip_t a.close{top: 4px;right: 15px;}
.tip_t{position:relative;z-index:2;height:60px;text-align:center}
.tip_t h2{color:#fff;line-height:26px;font-size:40px;text-align:center;padding-top:17px;font-family: Norican;}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:80%;margin:0 auto;padding:10px 0 5px 0;position:relative}
.tip_con.sp{width:96%}
.tip_con span{color:#391b8f}
.tip_con p{padding:7px 0;line-height:16px}
.tip_con div ul{padding:0 20px}
.tip_con div ul li{padding:7px 3px}
.tip_con div label{font-size:18px;text-transform:capitalize;width:100px;display:inline-block;text-align:right;padding-right:3px}
.tip_con div input.ipt,.tip_con div select.slt{width:295px;padding-left:2px;color:#fff;background: #111759;border:1px solid #a763da;height:35px;line-height:35px}
.tip_con div input.code{width:185px}
.tip_db{padding-bottom:10px;text-align:center}
.tip_db ul{margin:0 auto;width:500px}
.tip_db li{float:left;width:250px}

.accountmore{width:90%;margin:0 auto}
.tip_db p a{color:#fff;display:inline-block;width:50%}
.tip_db p a:hover{text-decoration:underline}
.tip_db a.btn_tip{display:block;width:238px;height:46px;line-height:46px;font-weight:700;margin:10px auto;font-family: 'Merriweather',  sans-serif; background:url(https://hw.99.com/uploads/wtop/xmas/img/btn.png) no-repeat;color:#073578;font-size:18px;}
.tip_db a.btn_tip:hover{background:url(https://hw.99.com/uploads/wtop/xmas/img/btn-on.png) no-repeat;color:#7865ff}

.sppage .slg1 {background: url(https://hw.99.com/uploads/wtop/xmas/img/sp/slg1.png) no-repeat;width: 1185px;    margin-top: -223px;margin-left: -475px;}
.sppage .tit.tit1{background: url(https://hw.99.com/uploads/wtop/xmas/img/sp/tit1.png) no-repeat center;}
.sppage .tit.tit2{background: url(https://hw.99.com/uploads/wtop/xmas/img/sp/tit2.png) no-repeat center;}
.sppage .tit.tit3{background: url(https://hw.99.com/uploads/wtop/xmas/img/sp/tit3.png) no-repeat center;}
.sppage .tit.tit4{background: url(https://hw.99.com/uploads/wtop/xmas/img/sp/tit4.png) no-repeat center;}
.sppage .hl-list p{line-height: 23px;}
.sppage .cre-content.t2 h3{line-height: 25px;padding-top: 10px;}
.sppage .hl-list h4{line-height: 20px;padding-top: 8px;}
.sppage .page5 .t1 .name h3{line-height: 27px;padding-top: 10px;}