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}
#fullbg,#main,body,html{height:100%;overflow:hidden;width:100%;background:#fff;position: relative;}
.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/love2026/img/login.png) no-repeat center center; color:#fff;text-shadow: 0 0 3px #8097f5, 0 0 3px #8097f5, 0 0 3px #8097f5, 0 0 3px #8097f5, 0 0 3px #8097f5; 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{background:url(https://hw.99.com/uploads/wtop/love2026/img/page-con.jpg) no-repeat center bottom/cover}
.page.page1{background:url(https://hw.99.com/uploads/wtop/love2026/img/page-first.jpg) no-repeat center center/cover}
.page.page2{background:url(https://hw.99.com/uploads/wtop/love2026/img/page2.jpg) no-repeat center center/cover}
.page.page3{background:url(https://hw.99.com/uploads/wtop/love2026/img/page3.jpg) no-repeat center center/cover}
.page.page4{background:url(https://hw.99.com/uploads/wtop/love2026/img/page4.jpg) no-repeat center center/cover}
.page.page5{background:url(https://hw.99.com/uploads/wtop/love2026/img/page5.jpg) no-repeat center center/cover}
.page.page6{background:url(https://hw.99.com/uploads/wtop/love2026/img/page6.jpg) no-repeat center center/cover}
.page.page7{background:url(https://hw.99.com/uploads/wtop/love2026/img/page7.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:228px;pointer-events:none;z-index:2;margin-right:-495px;right:50%;width:1055px;text-align: center;background: url(https://hw.99.com/uploads/wtop/love2026/img/nav-bg.png) no-repeat;}
.nav a{position: relative; pointer-events:initial;transition:all ease .3s;display: inline-block; width: 137px;height:130px;line-height:130px; text-align: center; background: url(https://hw.99.com/uploads/wtop/love2026/img/nav2.png) no-repeat;margin: 10px 3px ;font-family: Lora;}
.nav a span{display: block; font-size: 28px;color:#3a3f9a;text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;}
.nav a:hover,.nav a.active{filter: brightness(1.2);-webkit-filter: brightness(1.2);}
.nav a.n1,.nav a.n2,.nav a.n3,.nav a.n6{line-height: 35px;padding-top: 30px;height: 100px;}
.nav a.n1,.nav a.n3{top:-24px}
.nav a.n2{top:-34px}
.nav a.n4{top:-14px}
.nav a.n5{top:-4px}
.nav a.n6{top:-14px}
.nav.nav1{ width:135px;height:505px;background: url(https://hw.99.com/uploads/wtop/love2026/img/navbg.png) no-repeat 9px 0; top:50%;right:1%;margin:-290px 0 0 0;padding: 90px 5px 0 0;text-align: center;}
.nav.nav1 a{width: 63px;height:58px;line-height: 58px;font-weight: bold; font-size: 17px;font-family: 'roboto',  sans-serif; margin-bottom: 2px;color:#274c7e;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;}
.nav.nav1 a span{color:#274c7e;text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;font-size: 17px;}

.nav.nav1 a.n1,.nav.nav1 a.n2,.nav.nav1 a.n3,.nav.nav1 a.n6{line-height: 17px;padding-top: 17px;height: 44px;}
.nav.nav1 a.n1{top:0;left:5px;background: url(https://hw.99.com/uploads/wtop/love2026/img/nav1-r.png) no-repeat center center;}
.nav.nav1 a.n2{top:-7px;left:20px;background: url(https://hw.99.com/uploads/wtop/love2026/img/nav1-l.png) no-repeat center center;}
.nav.nav1 a.n3{top:-13px;left:6px;background: url(https://hw.99.com/uploads/wtop/love2026/img/nav1-r.png) no-repeat center center;}
.nav.nav1 a.n4{top:-17px;left:20px;background: url(https://hw.99.com/uploads/wtop/love2026/img/nav1-l.png) no-repeat center center;}
.nav.nav1 a.n5{top:-19px;left:10px;background: url(https://hw.99.com/uploads/wtop/love2026/img/nav1-r.png) no-repeat center center;}
.nav.nav1 a.n6{top:-14px;left:20px;background: url(https://hw.99.com/uploads/wtop/love2026/img/nav1-l.png) no-repeat center center;}
.nav.nav1 a.go-back{top:-14px;left:23px;background: url(https://hw.99.com/uploads/wtop/love2026/img/nav1-home.png) no-repeat center center;width: 64px;height: 57px;}
.nav.nav1 a:hover,.nav.nav1 a.active{background:url(https://hw.99.com/uploads/wtop/love2026/img/nav1-on.png) no-repeat center;filter: brightness(1);-webkit-filter: brightness(1);}
.nav.nav1 a:hover span,.nav.nav1 a.active span{ display: block;color:#a552fb;text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;font-size: 18px;}
.nav.nav1 a.go-back:hover {background:url(https://hw.99.com/uploads/wtop/love2026/img/nav1-home.png) no-repeat center;filter: brightness(1.2);-webkit-filter: brightness(1.2);}

.lang{position: relative; display:flex;align-items:center;justify-content:center;margin:0px 0 26px;z-index: 10;}
.lang a{display:flex;align-items:center;justify-content:center;background:url(https://hw.99.com/uploads/wtop/love2026/img/langtb.png) no-repeat center;text-align: center;width:150px;height:39px;color:#2d0588;font-size:18px;margin:0 30px}
.lang a.on,.lang a:hover{background:url(https://hw.99.com/uploads/wtop/love2026/img/langtb-on.png) no-repeat center}
.lang a.on strong,.lang a:hover strong{color:#8d41ff;}

.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:-375px;margin-left:-430px; width:922px;height:568px;background:url(https://hw.99.com/uploads/wtop/love2026/img/en/slg1.png) no-repeat;z-index:5;}
.slg.slg1{animation:zoomInDown 1s linear both;}

.page1 video{position: absolute; top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;-o-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;}
.p2-con{background:url(https://hw.99.com/uploads/wtop/love2026/img/p2-con.png) no-repeat center;width:1310px;height:674px;position:absolute;top:50%;left:50%;margin-left:-670px;margin-top:-330px;font-family: 'roboto', sans-serif;}
.p2-con .con{position: absolute;top: 50%;left: 50%;width: 1093px;height: 490px;margin-top: -285px;margin-left: -515px;}


.tit{font-size:0;margin:40px auto 0px;width: 965px;height: 130px;}
.tit.tit1{background: url(https://hw.99.com/uploads/wtop/love2026/img/en/tit1.png) no-repeat center;margin: 14px auto -29px;}
.tit.tit2{background: url(https://hw.99.com/uploads/wtop/love2026/img/en/tit2.png) no-repeat center;margin: 48px auto 0px;}
.tit.tit3{background: url(https://hw.99.com/uploads/wtop/love2026/img/en/tit3.png) no-repeat center;}
.tit.tit4{background: url(https://hw.99.com/uploads/wtop/love2026/img/en/tit4.png) no-repeat center;}
.tit.tit5{background: url(https://hw.99.com/uploads/wtop/love2026/img/en/tit5.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;background: url(https://hw.99.com/uploads/wtop/love2026/img/tb-bg.png) center 63px no-repeat;}
.set-table thead tr{background-color: unset;}
.set-table td{line-height:48.5px;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;font-size: 18px;}
.set-table th{font-size:20px;line-height:60px;padding: 1px 0 5px;font-weight:600;color: #ffffff;}
.set-table .my{background:#607d8b}
.set-table .my td{color:#fff4c3}
/* .set-table .num1 {background: url(https://hw.99.com/uploads/wtop/love2026/img/tr-1.png);}
.set-table .num2 {background: url(https://hw.99.com/uploads/wtop/love2026/img/tr-2.png);}
.set-table .num3 {background: url(https://hw.99.com/uploads/wtop/love2026/img/tr-3.png);} */
.set-table .num1 td:first-child{background:url(https://hw.99.com/uploads/wtop/love2026/img/1.png) no-repeat center;font-size:0;}
.set-table .num2 td:first-child{background:url(https://hw.99.com/uploads/wtop/love2026/img/2.png) no-repeat center;font-size:0;}
.set-table .num3 td:first-child{background:url(https://hw.99.com/uploads/wtop/love2026/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/love2026/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:307px;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;}

.team.invite{display: none;}
.team.complete{display: block;}
.team .jf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top: -20px;}
.team .jf.jf2{margin-top:-195px}
.team .jf div{background:url(https://hw.99.com/uploads/wtop/love2026/img/zjf.png);width:350px;height:150px;padding-top: 90px; color:#2b339d;font-size:22px;font-weight:700;line-height:47px;}
.team .jf div p{font-size: 40px;font-family: 'Dancing Script',  sans-serif;}
.team .jf ul{width: 368px;height: 168px;}
.team .jf ul.role1{background: url(https://hw.99.com/uploads/wtop/love2026/img/jf1.png) no-repeat;}
.team .jf ul.role2{background: url(https://hw.99.com/uploads/wtop/love2026/img/jf2.png) no-repeat;}
.team .jf ul li{width:250px;height:46px;color: #2b339d;font-size:28px;font-weight: bold;font-family: 'Dancing Script',  sans-serif;margin: 35px 0 0 50px;line-height:46px;text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;}
.team .jf ul li.s{width:250px;height:30px;font-size:18px;line-height: 35px;padding-left: 47px;margin: 0;text-align: center;}
.team .jf ul.role2 li.role-name{margin: 35px 0 0 70px;}
.team .jf ul.role2 li.s{padding-left: 67px;}


.team .yq-con{background:url(https://hw.99.com/uploads/wtop/love2026/img/teambg.png) no-repeat center;height:505px;width:100%;margin-top: -88px;overflow:hidden;padding: 103px 64px 0 113px; margin: -125px 0 0 -107px;}
.team .tab{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top: -20px;position: relative;z-index: 10;}
.team .tab a{width: 282px;height: 88px;font-size: 38px;line-height: 100px;font-weight: 700;margin: 0 58px;text-align: center;font-family: 'Dancing Script',  sans-serif;}
.team .tab a:first-child{background:url(https://hw.99.com/uploads/wtop/love2026/img/tab-find-on.png) no-repeat center;color:#2d0588}
.team .tab a:first-child.on{background:url(https://hw.99.com/uploads/wtop/love2026/img/tab-find-on.png) no-repeat center;color:#880586}
.team .tab a:last-child{background:url(https://hw.99.com/uploads/wtop/love2026/img/tab-accept.png) no-repeat center;color:#2d0588}
.team .tab a:last-child.on{background:url(https://hw.99.com/uploads/wtop/love2026/img/tab-accept-on.png) no-repeat center;color:#5a07c1}
.search-con{margin: 20px 0 10px;}
.search-con input{background:#fefeff;width:635px;height:43px;border-radius:2px;color:#212a5b;padding:0 10px;font-size:20px;vertical-align: middle;}
.team a.btn{background:url(https://hw.99.com/uploads/wtop/love2026/img/search.png);    margin-left: 10px;display: inline-block;width: 200px; height: 40px;line-height: 40px; color: #5b3e5c;font-size: 20px;vertical-align: middle;}
.team .list{padding:0 38px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.team .list li{width: 982px;height: 110px;background:url(https://hw.99.com/uploads/wtop/love2026/img/invite-bg.png) no-repeat;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#2d0588;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:20px 0;font-size: 20px;}
.team .list li span{width:340px;text-align:left;padding-left:20px}
.team .list li span p,.team .list li span h6{width:330px;max-width:330px;zoom:1;*display:inline;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;font-size: 20px;}
.team .list .btn{background: url(https://hw.99.com/uploads/wtop/love2026/img/invite.png) no-repeat;color:#fff;width: 215px;height: 76px;line-height: 76px;}
.team .list .btn:hover{background: url(https://hw.99.com/uploads/wtop/love2026/img/invite-on.png) no-repeat;}
.team .list .btn.claimed{background: url(https://hw.99.com/uploads/wtop/love2026/img/invite-claimed.png) no-repeat;}
.team .list .btn.btn-reject-invite{margin-top: -27px;}

.team.complete .jf{ background: url(https://hw.99.com/uploads/wtop/love2026/img/completebg.png) no-repeat 0 0/100%;margin: -283px 0 0 -156px;width: 1440px;height: 1062px;}
.team.complete .jf div{position: relative;background: url(https://hw.99.com/uploads/wtop/love2026/img/complete-jf.png) no-repeat center;width: 427px;height: 146px;padding: 120px 0 20px;margin: 119px 0 0 0;}
.team.complete .jf ul.role{margin-top: 167px;}
.team.complete .refresh{position: absolute;top:-87px;right: -107px;width:24px;height: 24px;background: url(https://hw.99.com/uploads/wtop/love2026/img/refresh.png) no-repeat center center;}

.page5 .cont{ width: 800px;height: 580px;margin-left: -171px;margin-top: -258px;}
.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;}
.detail{width: 190px;height:71px;line-height: 82px;font-size:22px;text-align: center;color:#2d0588;font-family: 'Merriweather',  sans-serif;  background:url(https://hw.99.com/uploads/wtop/love2026/img/detail.png) no-repeat 0 0/100%;display:block;margin:-91px auto 0;position: relative;z-index: 10;left: -15px;}
.detail:hover{background:url(https://hw.99.com/uploads/wtop/love2026/img/detail-on.png) no-repeat 0 0/100%;color:#5a07c1}
.hl-list{width:800px;height: 570px;position: relative;}
.hl-list li{position: relative;display: inline-block;width:535px;height:154px;background: url(https://hw.99.com/uploads/wtop/love2026/img/guide.png) no-repeat 0 0 /100%}
.hl-list li:nth-child(2){left: -152px;}
.hl-list li:nth-child(3){left: 10px;}
.hl-list h4{height:40px;line-height:25px;padding-top: 46px;font-weight:normal;color: #f3ffff;font-size:30px;margin: 0 0 5px 0px;font-family: 'Merriweather',  sans-serif;text-shadow: 0 0 5px #9872e9,0 0 5px #9872e9,0 0 5px #9872e9,0 0 5px #9872e9,0 0 5px #9872e9;}
.hl-list p{color:#041c48;line-height:25px;height: 312px;font-size:20px;width:500px;margin:0 auto;text-align: center;}

.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}

.page6 .cont{width: 1240px;margin-left: -608px;}
.tab-content{position: absolute;top: 15px;left: 0;width: 100%;height: 350px;display: none;}
.tab-content.t1{display: block;}
.name{position: absolute;top: 50%;left: 50%;margin-left: -585px;margin-top: -147px; width: 367px;height: 225px;color: #fff;object-fit: cover;z-index: 50;background: url(https://hw.99.com/uploads/wtop/love2026/img/rwbg.png) no-repeat;padding: 14px 26px 10px 76px;}
.name h3{font-size: 26px;height: 53px;line-height: 73px;font-weight: normal;font-family: 'Merriweather', sans-serif;  color: #5241c8;background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #5241c8;-webkit-text-stroke: 3px transparent;  }
.name p{text-align: right;font-size: 18px;height:80px;padding-right: 50px;line-height: 22px;display: flex;justify-content: center;align-items:flex-end;flex-direction: column;font-family: 'Roboto';color: #d2e9f3;}
.name strong{font-size: 26px;margin: 0 auto  ;width: 326px;display: block;font-family: 'Merriweather', sans-serif;text-align: right;color: #8dc5fa;}
.tab-garment{position: absolute;top:10%;left:10%;z-index: 50;width:159px;height:44px;color:#fff}
.tab-garment a{position: relative;background: none;display: inline-block;width:94px;height: 96px;line-height: 96px;font-weight: bold;font-family: 'Merriweather', sans-serif; padding: 0px;margin: 0;left: 0;font-size: 20px;background: url(https://hw.99.com/uploads/wtop/love2026/img/tab_gar.png) no-repeat;}
.tab-garment a.on,.tab-garment a:hover{background: url(https://hw.99.com/uploads/wtop/love2026/img/tab_gar-on.png) no-repeat;filter: brightness(1);-webkit-filter: brightness(1);}
.tab-garment a[ data-tab="g2"]{top: -24px;left: -80px}
.tab-garment a span{display: block;color: #2b339d;background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #2b339d;-webkit-text-stroke: 3px transparent;}

.wg-content.t2 .tab-garment{top: 43%;left: 99%;}
.wg-content.t2 .tab-garment a[ data-tab="g2"]{top: 10px;left: 0;}
.cont-gar{position: relative;display: inline-block;background: url(https://hw.99.com/uploads/wtop/love2026/img/rewardbg.png) no-repeat;width: 411px;height: 565px;vertical-align: middle;}
.cont-gar::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://hw.99.com/uploads/wtop/love2026/img/rewardbg.png) no-repeat;z-index: 1;pointer-events: none;}
.cont-gar-item{display: none;}
.cont-gar-item.g1{display: block;}
.cont-gar .img-box{width: 343px;height: 326px;background: #000;overflow: hidden;position: relative;z-index: 0;margin: 0 0 0 26px;}
.cont-gar h3{width: 337px;font-size: 26px;height: 70px;line-height: 100px;font-family: 'Merriweather', sans-serif;color: #fffaff;margin: 0 0 0 28px;position: relative;z-index: 2; }
.cont-gar .img-box img{width: 500px;margin: -8px 0 0 -94px;position: relative;z-index: 2;}
.cont-gar p{color:#003978;font-size: 22px;line-height: 30px;padding-top: 15px;position: relative;z-index: 2;}
.cont-gar p.title{font-size: 23px;padding-top: 0;font-family: 'Merriweather',  sans-serif;color: #002361;background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #002361;-webkit-text-stroke: 3px transparent;}
.cont-gar.g2 .img-box img{margin: -8px 0 0 -74px;}
.cont-gar.g3 .img-box img{margin: -147px 0 0 -115px;width: 600px;}

.cont-box{position:absolute;width:100%;height:100%;top:0;left:0;}
.cont-box.page7-1{position: relative;background: url(https://hw.99.com/uploads/wtop/love2026/img/page7-1.jpg) no-repeat center center/cover;}
.cont-box.page7-2{position: relative;background: url(https://hw.99.com/uploads/wtop/love2026/img/page7-2.jpg) no-repeat center center/cover;}
.cont-box.page7-3{position: relative;background: url(https://hw.99.com/uploads/wtop/love2026/img/page7-3.jpg) no-repeat center center/cover;}
.cont-box.page7-4{position: relative;background: url(https://hw.99.com/uploads/wtop/love2026/img/page7-4.jpg) no-repeat center center/cover;}
.creation{position: absolute;top: 50%;left: 50%;margin-left: -207px;margin-top: -13px;width:237px;height: 202px;z-index: 20;}
.tab-creation{position: absolute;top: 50%;left: 50%;margin-left: 365px;margin-top: -213px;width: 177px;height: 494px;z-index: 20;}
.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;}
.tab-creation a.on,.tab-creation a:hover{color:#4327bd}
.tab-creation a:nth-child(1){width: 184px;height: 316px;background: url(https://hw.99.com/uploads/wtop/love2026/img/wg1.png);}
.tab-creation a:nth-child(1):hover,.tab-creation a:nth-child(1).on{background: url(https://hw.99.com/uploads/wtop/love2026/img/wg1-on.png);filter: brightness(1);-webkit-filter: brightness(1);}
.tab-creation a:nth-child(2){left: 71px;top: -123px;width: 174px;height: 178px;background: url(https://hw.99.com/uploads/wtop/love2026/img/wg2.png);}
.tab-creation a:nth-child(2):hover,.tab-creation a:nth-child(2).on{background: url(https://hw.99.com/uploads/wtop/love2026/img/wg2-on.png);filter: brightness(1);-webkit-filter: brightness(1);}
.tab-creation a:nth-child(3){left: 0px;top: -161px;width: 147px;height: 254px;background: url(https://hw.99.com/uploads/wtop/love2026/img/wg3.png);}
.tab-creation a:nth-child(3):hover,.tab-creation a:nth-child(3).on{background: url(https://hw.99.com/uploads/wtop/love2026/img/wg3-on.png);filter: brightness(1);-webkit-filter: brightness(1);}
.tab-creation a span{display: block;font-size: 18px;line-height: 20px;color:#fff;font-family: 'Merriweather', sans-serif;padding: 3px;
  color: #fff;background-color: #35568e;-webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 3px transparent;}
.tab-creation a:hover span{background-color: #726ff4;-webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 3px transparent;}
.tab-creation a:nth-child(1) span{margin: 37px 0 0 -20px;}
.tab-creation a:nth-child(2) span{margin: 20px 0 0 81px;}
.tab-creation a:nth-child(3) span{margin: 18px 0 0 -17px;}
.wg-content{position: absolute;top: 50%;left: 50%;margin-left: -265px;margin-top: -265px;width: 531px;height: 531px;display: none;}
.wg-content.t1{display: block;}
.wg-item{display: none;}
.wg-item.g1{display: block;}
.wg-content .name{margin-top: -334px;margin-left: -73px;}
.cre-img{position: absolute;top: 50%;left: 50%;margin-left: -290px;margin-top: -77px;width: 671px;height: 376px; overflow: hidden;background: url(https://hw.99.com/uploads/wtop/love2026/img/wgbg.png) no-repeat;}
.cre-img .img-box{width: 553px;height: 323px;margin: 27px 0 0 61px;background: #000; overflow: hidden;cursor: pointer;}
.wg-content.t1 .cre-img img{width: 750px;margin: -133px 0 0 -92px;}
.wg-content.t2 .cre-img img{width: 850px;margin: -52px 0 0 -162px;}
.wg-content.t3 .cre-img img{width: 950px;margin: -72px 0 0 -193px;}

.page6 .note,.page7 .note{position: absolute;top: 50%;left: 50%;margin-left: -196px;margin-top: 300px;font-size: 18px; width: 500px;height: 45px;object-fit: cover;z-index: 50;color:#fff;text-shadow: 0 0 4px #073578;}
.page6 .note{margin-left: 106px;margin-top: 266px;}

.more{position: absolute;top: 50%;left: 50%;margin-left: -66px;margin-top: 275px;width:89px;height: 111px;line-height: 190px;cursor: pointer;}
.more span{position: absolute;top:5px;left:0;width:89px;height: 94px;background: url(https://hw.99.com/uploads/wtop/love2026/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;font-family: 'Merriweather',  sans-serif;font-weight: normal;}

.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:-20px;right:49px;font-size: 0px; width: 38px;height:39px;background: url(https://hw.99.com/uploads/wtop/love2026/img/close.png) no-repeat;}
.pop .close:hover,.tip_t a.close:hover{filter: brightness(1.2);-webkit-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/love2026/img/pop.png) no-repeat center;width:625px;height:470px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:21px 86px 30px 95px}
.pop .pop-cont p{color:#fff;font-size:18px;text-align:left;line-height:30px;padding:0 20px}
.pop .spop .con{width: 95%;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}
.pop .team-pop.pop-cont{background:url(https://hw.99.com/uploads/wtop/love2026/img/pop-team.png) no-repeat 0 0/100%;width:750px;height:390px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:21px 53px 30px 54px}
.pop .team-pop.pop-cont .con{margin: 40px 10px 20px;}
.pop .team-pop.pop-cont .close{right: 10px;}
.pop .team-pop.pop-cont p{text-align: center;font-size: 20px;}
.pop .team-pop ul{width: 350px;margin: 20px auto; }
.pop .team-pop ul li{font-size: 18px;line-height: 30px;}
.pop .team-pop ul li span{font-size: 20px;}
.pop .team-pop div{text-align: center;}
.pop .team-pop div a{display:inline-block;width:230px;height:53px;line-height:53px;font-weight:700;margin:10px 30px;font-family: 'Merriweather',  sans-serif; background:url(https://hw.99.com/uploads/wtop/love2026/img/btn.png) no-repeat 0 0/100% 100%;color:#073578;font-size:16px;text-align: center;vertical-align: middle;}
.pop .team-pop div a:hover{filter: brightness(1.2);-webkit-filter: brightness(1.2);}

.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/love2026/img/icon-arrow.png) no-repeat;margin-left:5px;vertical-align:middle;transition:all .3s}
.footer{position:absolute;bottom:28px;width:100%;padding:10px 0 !important;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:763px;height:559px;background:url(https://hw.99.com/uploads/wtop/love2026/img/pop-co.png) no-repeat 0 0;padding:46px 79px 20px 82px;}
.pop .video-pop .video-bg{width:764px;height:507px;background: #000;overflow: hidden;}
.pop .video-pop .video-bg img{width:100%;height:auto;}
#videoPop .close{top: -21px;right: 22px;}

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

@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,.page>.cont-box>.cont,.slg1,.nav,.tit,.logo{transform: scale(.8);}
  .tit{margin: -24px auto 0px;}
  .tit.tit1{margin: -34px auto -28px;}
  .tit.tit2{margin: -15px 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: -1%;}
  .data-tips{margin-top: 321px;}
  .login-content{right: 5px;top: 40px;}
  .wg-content{margin-top: -237px;transform: scale(.9);}
  .cre-img{margin-left: -286px;margin-top: -76px;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 .games{width:115px!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/love2026/img/pop-co.png) no-repeat 0 0/100%;margin:0 auto;padding: 28px 20px;}
.box1{width: 645px;height: 406px;}
#accountlogin .box1{height: 382px;background-size: 100% 100%;}
.tip_t a.close{top: -55px;right: -5px;}
.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:150px}
.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}
.login_form_class .tip_t{height: 85px;}
.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:199px;height:53px;line-height:53px;font-weight:700;margin:10px auto;font-family: 'Merriweather',  sans-serif; background:url(https://hw.99.com/uploads/wtop/love2026/img/btn.png) no-repeat;color:#073578;font-size:18px;}
.tip_db a.btn_tip:hover{filter: brightness(1.2);-webkit-filter: brightness(1.2);}

.sppage .slg1 {background: url(https://hw.99.com/uploads/wtop/love2026/img/sp/slg1.png) no-repeat;}
.sppage .tit.tit1{background: url(https://hw.99.com/uploads/wtop/love2026/img/sp/tit1.png) no-repeat center;}
.sppage .tit.tit2{background: url(https://hw.99.com/uploads/wtop/love2026/img/sp/tit2.png) no-repeat center;}
.sppage .tit.tit3{background: url(https://hw.99.com/uploads/wtop/love2026/img/sp/tit3.png) no-repeat center;}
.sppage .tit.tit4{background: url(https://hw.99.com/uploads/wtop/love2026/img/sp/tit4.png) no-repeat center;}
.sppage .tit.tit5{background: url(https://hw.99.com/uploads/wtop/love2026/img/sp/tit5.png) no-repeat center;}
.sppage .team .tab a{font-size: 30px;}
.sppage .hl-list li{background: url(https://hw.99.com/uploads/wtop/love2026/img/sp/guide.png) no-repeat 0 0/100%}
.sppage .hl-list h4{line-height: 15px;}
.sppage .hl-list p{line-height: 20px;width: 440px;}
.sppage .cont-gar p.title{font-size: 20px;}
.sppage .page7 .note{margin-left: -268px;width: 653px;}
.sppage .page6 .note{width: 635px;margin-left: -2px;font-size: 16px;}
.sppage .wg-content h3{font-size: 23px;}
.sppage .wg-item.g2 h3{font-size: 21px;}