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}
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;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:195px; top:60px; 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: 116px; height: 38px; line-height: 38px; background:url(https://hw.99.com/uploads/wtop/puppetry/img/login.png) no-repeat center center; color:#f9e49f; text-align:center; font-size:20px; padding-left: 5px;}
.user-info { position: relative;z-index: 2;text-align: right; width:315px;height: 36px; line-height: 36px; padding: 0 5px; font-size:16px; color:#f9e49f; margin: 0px 0 0 -10px;text-shadow: 0 1px 10px #080712; }

.sect{width:1177px;margin:0 auto;position:relative;height:100%;z-index:3}
.page-con{background:url(https://hw.99.com/uploads/wtop/puppetry/img/page-con.jpg) no-repeat bottom center/cover}
.page-con.page6{background:url(https://hw.99.com/uploads/wtop/puppetry/img/page-last.jpg) no-repeat bottom center/cover}
.list{display:flex;justify-items:center;justify-content:center;flex-direction:row}

.nav{position:absolute;top:50%;margin-top:220px;pointer-events:none;z-index:2;margin-right:-520px;right:50%;width:670px;text-align: center;}
.nav a{position: relative; pointer-events:initial;transition:all ease .3s;display: inline-block; width: 210px;height:89px;line-height: 132px; font-size: 30px;color:#4c29dc;text-align: center; background: url(https://hw.99.com/uploads/wtop/puppetry/img/nav2.png) no-repeat;margin: 0 5px ;font-family: Aladin;}
.nav a:hover,.nav a.active{background: url(https://hw.99.com/uploads/wtop/puppetry/img/nav2-on.png);}
.nav a:hover span,.nav a.active span{display: block; color: #ffffff;background-color: #4c29dc;-webkit-background-clip: text;-webkit-text-fill-color: #ffffff;-webkit-text-stroke: 4px transparent;}
.nav a.n5{transform: rotate(-11deg); top: -1px;height:49px;line-height: 49px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/nav.png);}
.nav a.n5:hover,.nav a.n5.avtive{background: url(https://hw.99.com/uploads/wtop/puppetry/img/nav-on.png);}
.nav a.n5::after{content:'';position:absolute;top:0;right: 50%;margin-right: -33px;width:67px;height:61px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/pumpkin.png) no-repeat center;z-index: 10;animation: bounceAnimation 2s ease-in-out infinite;}
/* 定义弹跳动画 */
@keyframes bounceAnimation {
  0%, 100% {
    transform: translateY(-52px);
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); /* 上升时较快 */
  }
  50% {
    transform: translateY(-40px);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* 下降时较慢 */
  }
}

.nav.nav1{ width:188px;height:607px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/navbg.png) no-repeat; top:50%;right:50%;margin-top:-257px;margin-right:-700px;padding-top: 148px;text-align: center;}
.nav.nav1::before{content:'';position:absolute;top:0px;right:0px;width:380px;height:430px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/shan2.png) no-repeat center;animation: containedFloat 20s ease-in-out infinite;z-index: 10;pointer-events: none;}
.nav.nav1::after{content:'';position:absolute;top:27px;right:24px;width:152px;height:107px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/shan.png) no-repeat center;animation: twinkle 2s ease-in-out infinite;}
.nav.nav1 a{background:url(https://hw.99.com/uploads/wtop/puppetry/img/nav1.png) no-repeat center;width: 140px;height:63px;line-height: 72px;font-weight: bold; font-size: 20px;font-family: 'Griffy', cursive, Arial, 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/puppetry/img/nav1-on.png) no-repeat center;color:#5432ff}
.nav.nav1 a:hover span,.nav.nav1 a.active span{color:#5432ff;background-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: #5432ff;-webkit-text-stroke: 4px transparent;}
.nav.nav1 a.n1 span,.nav.nav1 a.n2 span,.nav.nav1 a.n5 span{display: block;width: 100px;margin: 0 auto;line-height: 18px;padding-top: 16px;}
.nav.nav1 a.n5{transform: rotate(0deg); top: 0px;}
.nav.nav1 a::after{display: none;}
@keyframes twinkle {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}
@keyframes containedFloat {
  0% {
      transform: translate(70px, -150px);
  }
  16% {
      transform: translate(120px, -100px) ;
      
  }
  32% {
      transform: translate(170px, -140px);
  }
48% {
      transform: translate(170px, -80px) ;
      
  }
  64% {
    transform: translate(130px, -90px);
}
 80% {
  transform: translate(90px, -80px);
}
  100% {
      transform: translate(70px, -150px);
  }

}

.lang {position: absolute;top: 60px;right: 50px;width: 140px;background: #5244a8;  display:flex; align-items:center; justify-content:center; margin-left:10px;  border:2px solid #fffead; border-radius:5px;z-index: 10;  }
.lang:before { display: block; content: ""; width: 22px; height: 30px; background: url(https://hw.99.com/uploads/wtop/puppetry/img/lang.png) no-repeat center center #5244a8 ; padding:0 4px; }
.lang span{position: relative; display:inline-block;*display:inline;*zoom:1;width: 124px;margin-left: -27px;font-size: 20px;color:#fbe072;padding-left: 35px;}
.lang span::after {position: absolute; display: block; content: ""; right: 5px;top: 50%;margin-top: -2px;width: 11px;height: 6px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/v.png) no-repeat;}
.lang ul { width:100%; position: absolute; display: none; left: -2px; top: 32px;  background: rgba(82,68,168,0.75);border: 2px solid #fffead; }
.lang:hover ul { display: block; }
.lang ul li a{display:inline-block;*display:inline;*zoom:1;width:100%;height:100%;margin: 0;font-size: 18px;background: none ;line-height:32px;font-weight: normal;color:#fbe072;text-align: center;}
.lang ul li a:hover{background: rgba(140,106,213,0.75);}

.lang-table{display:flex;align-items:center;justify-content:center;margin:-94px 0 32px}
.lang-table a{display:flex;align-items:center;justify-content:center;background:url(https://hw.99.com/uploads/wtop/puppetry/img/langtb.png) no-repeat center;width:160px;height:60px;color:#3847c5;font-size:18px;margin:0 30px}
.lang-table a.on,.lang-table a:hover{background:url(https://hw.99.com/uploads/wtop/puppetry/img/langtb-on.png) no-repeat center}
.lang-table a.on strong,.lang-table 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;display: none;}
.slg1{position:absolute;left:50%;top:50%;margin-top:-180px;margin-left:-280px; width:912px;height:440px;background:url(https://hw.99.com/uploads/wtop/puppetry/img/en/slg1.png) no-repeat;z-index:5;}
.slg.slg1{animation:zoomInDown 1s linear both}


.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:-266px;text-align:center;font-size:18px}
.p2-con{background:url(https://hw.99.com/uploads/wtop/puppetry/img/p2-con.png) no-repeat center;width:1147px;height:682px;position:absolute;top:50%;left:50%;margin-left:-573px;margin-top:-301px}
.p2-con .cont{height:490px;margin-top:-300px}
.dang{position:absolute;top:230px;left:-26px;width:1162px;height:413px;background:url(https://hw.99.com/uploads/wtop/puppetry/img/gl-d.png) no-repeat center;z-index: 10;}
.page4 .cont{margin-left: -600px;}

.tit{font-size:0;margin:80px auto 20px;width: 965px;height: 110px;}
.tit.tit1{background: url(https://hw.99.com/uploads/wtop/puppetry/img/en/tit1.png) no-repeat center;}
.tit.tit2{background: url(https://hw.99.com/uploads/wtop/puppetry/img/en/tit2.png) no-repeat center;}
.tit.tit3{background: url(https://hw.99.com/uploads/wtop/puppetry/img/en/tit3.png) no-repeat center;}
.tit.tit4{background: url(https://hw.99.com/uploads/wtop/puppetry/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:#fff;font-size:20px}
.set-table td{line-height:46px;border-bottom:1px dashed rgba(69,79,154,0.5);border-right:1px dashed rgba(69,79,154,0.5);color:#02092e;min-width:90px;position:relative;font-size: 16px;}
.set-table td:last-child{border-left:0;border-right: 0;}
.set-table td p{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto}
.set-table th{font-size:26px;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: #d28efd;border-bottom: 2px solid #f3f2fe;}
.set-table .num2 {background-color: #b2a0ff;border-bottom: 2px solid #f3f2fe;}
.set-table .num3 {background-color: #aee0f9;border-bottom: 2px solid #f3f2fe;}
.set-table .num1 td:first-child{background:url(https://hw.99.com/uploads/wtop/puppetry/img/1.png) no-repeat center;font-size:0;}
.set-table .num2 td:first-child{background:url(https://hw.99.com/uploads/wtop/puppetry/img/2.png) no-repeat center;font-size:0;}
.set-table .num3 td:first-child{background:url(https://hw.99.com/uploads/wtop/puppetry/img/3.png) no-repeat center;font-size:0;}
.set-table .num1 td,.set-table .num2 td,.set-table .num3 td{border-bottom: 0;}

.set-table .h-pop{display:none}
.set-table .box{background:url(https://hw.99.com/uploads/wtop/puppetry/img/box.png) no-repeat center;width:37px;height:42px;display:block;margin:0 auto;position:relative}
.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:235px;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;}
.detail{width: 400px;background:url(https://hw.99.com/uploads/wtop/puppetry/img/en/detail.png) no-repeat center;font-size:0;display:block;margin:-184px auto 0;height:45px;position: relative;z-index: 10;}
.detail:hover{background:url(https://hw.99.com/uploads/wtop/puppetry/img/en/detail-on.png) no-repeat center;}
.hl-list{width:1137px;height: 736px; background:url(https://hw.99.com/uploads/wtop/puppetry/img/gl.png) no-repeat center top;}
.hl-list li{display: inline-block;width:317px;height:522px;margin:0 10px;padding:0 30px 0 14px;overflow: hidden;}
.hl-list li:nth-child(1){transform: rotate(-7deg);margin: 35px 0 0 41px;}
.hl-list li:nth-child(2){transform: rotate(0deg);margin-left: 30px;}
.hl-list li:nth-child(3){transform: rotate(9deg);margin: 47px 0 0 18px;}
.hl-list h4{height:50px;line-height:47px;font-weight:700;color: #332eb9;font-size:24px;margin: 45px 0 25px 0; padding-top:5px;}
.hl-list li:nth-child(1) h4{margin:49px 0 25px -24px;}
.hl-list li:nth-child(2) h4{margin-top: 67px;}
.hl-list p{color:#4c34ca;line-height:30px;height: 312px;font-size:20px;width:260px;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:237px;height: 202px;z-index: 20;}
.tab-reward a,.tab-creation a{position: relative;display:inline-block;width:165px;height:90px;line-height:109px;font-weight: bold; text-align:center;color:#2628d9;font-size:18px;background: url(https://hw.99.com/uploads/wtop/puppetry/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/puppetry/img/tab-on.png) no-repeat;color:#c91dd4}
.tab-reward a:nth-child(2){left: 64px;line-height: 15px;padding-top: 41px;}
.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: 415px;height: 509px;color: #fff;object-fit: cover;z-index: 50;background: url(https://hw.99.com/uploads/wtop/puppetry/img/rwbg.png) no-repeat;padding: 36px 26px 10px 76px;}
.name h3{font-size: 30px;line-height: 50px;padding-left: 5px;margin-bottom: 18px;font-family: 'Griffy', cursive, Arial, sans-serif;font-weight: bold; background-image: -webkit-linear-gradient(90deg, #7a62da 30%, #3a2dbd 10%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.name p{text-align: left;font-size: 22px;height: 185px;line-height: 30px;padding: 25px 20px}
.name p:last-child{line-height: 24px;}
.name strong{font-size: 26px;text-shadow: 0 0 10px #5300ff;margin: 0 auto ;width: 169px;display: block;}

.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:104px;height: 83px; padding: 0;margin: 0;color: #fff;left: 0;line-height: 83px;font-size: 18px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/tab_gar.png) no-repeat;}
.tab-garment a.on,.tab-garment a:hover{background: url(https://hw.99.com/uploads/wtop/puppetry/img/tab_gar-on.png) no-repeat;color:#c91dd4;filter: brightness(1);}
.tab-garment a[ data-tab="g2"]{top:-18px;left:70px}
.cont-gar{display: none;}
.cont-gar.g1{display: block;}

.hdscroll{position:absolute;top: 50%;left: 50%;margin-left: -125px;margin-top: -166px;width:597px ;height:610px;padding: 25px;}
.hdcont{margin: 8px 0 0 -2px;height: 510px;overflow: hidden;width: 530px;border-radius: 50%;}
.tempWrap{margin: 0 auto;z-index: 5;}
.hdcont ul{position: relative;z-index: 5;}
.hdcont::before{content: '';position: absolute;top: -13px;left: 0;width:597px;height: 610px;background:url(https://hw.99.com/uploads/wtop/puppetry/img/gifbg.png) no-repeat;z-index: 10;}
.hdcont::after{content: '';position: absolute;top: 16px;left: 27px;width:530px;height: 530px;background:#000;border-radius: 50%;z-index: 1;}
.hdcont li{width:522px;height: 522px;border-radius: 50%;overflow: hidden;}
.hdcont li img{width: 100%;}
.hdcont li.gifli img{width: 130%;margin-left: -15%;}
.hdcont .left-btn,.hdcont .right-btn{width:80px;height:90px;overflow:hidden;position:absolute;left:45px;top:-66px;bottom:0;z-index: 50;margin:auto;background:url(https://hw.99.com/uploads/wtop/puppetry/img/left.png) no-repeat 0 0/100%;cursor:pointer;}
.hdcont .right-btn{left:auto;right:62px; background:url(https://hw.99.com/uploads/wtop/puppetry/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: -152px;margin-top: -400px;width: 100px;}
.tab-creation a:nth-child(2){left: -45px;top: -4px;}
.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: -428px;margin-left: -671px;}
.cre-img{position: absolute;top: 50%;left: 50%;margin-left: -109px;margin-top: -387px;width: 866px;overflow: hidden;border-radius: 50%;}
.cre-img img{width: 100%;height: 100%;margin-top: -10px;margin-left: -157px;}
.t2 .cre-img img{width:800px}
.tip{position: absolute;top: 50%;left: 50%;margin-left: -352px;margin-top: -15px; width: 390px;height: 390px;object-fit: cover;z-index: 50;cursor: pointer;background: url(https://hw.99.com/uploads/wtop/puppetry/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: 465px;height: 45px;object-fit: cover;z-index: 50;color:#fbfbfb;text-shadow: 0 0 5px rgba(107, 68, 241, 0.8),0 0 10px rgba(107, 68, 241, 0.8), 0 0 15px rgba(107, 68, 241, 0.8),0 0 20px rgba(107, 68, 241, 0.6), 0 0 30px rgba(107, 68, 241, 0.4);}
.page5 .note{margin-left: -63px;margin-top: 312px;}

.butterfly{position:fixed;display:none;top:50%;left:50%;margin-top:143px;margin-left:-787px;width:150px;height:150px;z-index:1}
#butterfly3{margin-left:-736px;width:158px;margin-top:304px;transform:rotate(-5deg) scale(.6);background:url(https://hw.99.com/uploads/wtop/puppetry/img/butterfly/1.png) no-repeat 0 0/100%}
.butterfly.butterfly1{display: block;}
.more{position: absolute;top: 50%;left: 50%;margin-left: -436px;margin-top: 247px;width:169px;height: 74px;line-height: 152px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/more.png) no-repeat 0 0/100%;cursor: pointer;}
.more span{position: absolute;top:89px;left:50%;margin-left: -12px;width:24px;height: 19px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/bottom.png) no-repeat 0 0/100%;animation: bounceAnimation 2s ease-in-out infinite;}
.more strong{background-image: -webkit-linear-gradient(90deg, #cddbff 0%, #e8f0ff 50%, #fff 100%);
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 1px 3px #3c6aff);font-size: 18px;}

.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: 26px;right: 56px;padding-left: 4px;font-size: 0px; width: 31px;height:31px;background: url(https://hw.99.com/uploads/wtop/puppetry/img/close.png) no-repeat;}
.pop .close:hover,.tip_t a.close:hover{filter: brightness(1.2);}
.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/puppetry/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:402px;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:40px;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/puppetry/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;}

.data-tips{position:absolute;top:50%;margin-top:368px;font-size:16px;color:#ffffff;text-align:center;line-height: 20px;width:995px;margin-left:-505px;left:50%;
  text-shadow: 0 0 5px #3f20ff, 0 0 10px #3f20ff, 0 0 15px #3f20ff;}
.pop-cont{color:azure}
.pop .video-pop{width:673px;height:652px;background:url(https://hw.99.com/uploads/wtop/puppetry/img/pop-co.png) no-repeat center;padding:31px 84px 30px 13px;}
.pop .video-pop .video-bg{width:564px;height:594px;}
.pop .video-pop .video-bg img{width:576px;height:auto;border-radius: 32px;}
#videoPop .close{top: 41px;right: 93px;}

@media screen and (min-height:970px){
  .topbar{position: absolute !important;top:0}
}
@media screen and (max-height:970px){
  .topbar{position: absolute !important;top:0}
  .p2-con{margin-top: -305px;transform: scale(.9);}
  .data-tips{margin-top: 333px;}
}
@media screen and (max-height:940px){
  .p2-con{margin-top: -270px;transform: scale(.9);}
  .page3 .p2-con{margin-top: -300px;}
}
@media screen and (max-height:870px){.nav.nav1{margin-right:-665px}
.logo{margin-top:-40px}
.tit{transform:scale(.7);margin-top:40px}
.p2-con{margin-top: -324px;transform: scale(.9);}
.data-tips{margin-top: 333px;}
}

.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/puppetry/img/pop.png) no-repeat 0 0/100%;margin:0 auto;padding: 28px 20px;}
.box1{width: 580px;height: 339px;}
#accountlogin .box1{height: 350px;background-size: 100% 100%;}
.tip_t a.close{top: -6px;right: 15px;}
.tip_t{position:relative;z-index:2;height:50px;text-align:center}
.tip_t h2{color:#fff;line-height:26px;font-size:30px;text-align:center;padding-top:17px;direction:rtl}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:68%;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: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:200px;padding-left:2px;color:#000;border:1px solid #666;height:30px;line-height:30px}
.tip_con div input.code{width:120px}
.tip_db{padding-bottom:10px;text-align:center}
.tip_db ul{margin:0 auto;width:380px}
.tip_db li{float:left;width:190px}

.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:170px;height:42px;line-height:42px;font-weight:700;margin:10px auto;background:url(https://hw.99.com/uploads/wtop/puppetry/img/btn.png) no-repeat;color:#4c29dc;font-size:18px;}
.tip_db a.btn_tip:hover{background:url(https://hw.99.com/uploads/wtop/puppetry/img/btn-on.png) no-repeat;color:#b513fb}
.login_form_class .code_img img{width:80px;height:40px;margin-left: 2px;}

.sppage .tit.tit1{background: url(https://hw.99.com/uploads/wtop/puppetry/img/sp/tit1.png) no-repeat center;}
.sppage .tit.tit2{background: url(https://hw.99.com/uploads/wtop/puppetry/img/sp/tit2.png) no-repeat center;}
.sppage .tit.tit3{background: url(https://hw.99.com/uploads/wtop/puppetry/img/sp/tit3.png) no-repeat center;}
.sppage .tit.tit4{background: url(https://hw.99.com/uploads/wtop/puppetry/img/sp/tit4.png) no-repeat center;}
.sppage .detail{background: url(https://hw.99.com/uploads/wtop/puppetry/img/sp/detail.png) no-repeat center;width:296px}
.sppage .detail:hover{background:url(https://hw.99.com/uploads/wtop/puppetry/img/sp/detail-on.png) no-repeat center;}
.sppage .tab-garment a{font-size: 16px;}
.sppage .hl-list p{line-height: 28px;}