*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;zoom:1}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
article,footer,header,hgroup,menu,nav,section{display:block;clear:all}
html{font-family:"Roboto","Merienda",sans-serif;-ms-text-size-adjust:auto;-webkit-text-size-adjust:auto;height:100%}
body{margin:0;color:#fff;background-color:#f6f5e0;height:100%;-webkit-overflow-scrolling:touch}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
ol, ul, dl {list-style: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
a{background:0 0;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:active{outline:0}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input,select,textarea{outline:0}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
textarea{overflow:auto;resize:none}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
ol,ul{list-style:none outside none}
em,i{font-style:normal}
.img{display:flex;align-items:center;justify-content:center}
img{max-width:100%;max-height:100%}
.hide{display:none !important}
.btn{display:block;margin:0 auto;cursor:pointer;text-align:center}
.btn.brightness:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.btn.disabled{-webkit-filter:grayscale(1);filter:grayscale(1)}
.btn.disabled.brightness:hover{-webkit-filter:grayscale(1);filter:grayscale(1)}
.btns{text-align:center}
.btns .btn{margin:0;display:inline-block}
@-webkit-keyframes aniPopEle{from{opacity:0}
to{opacity:1}
}
@keyframes aniPopEle{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes aniPop{from{opacity:0;-webkit-transform:translate(-50%,-50%) scale(var(--popScale),0)}
to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(var(--popScale),var(--popScale))}
}
@keyframes aniPop{from{opacity:0;-webkit-transform:translate(-50%,-50%) scale(var(--popScale),0)}
to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(var(--popScale),var(--popScale))}
}
.slide1.active .main-title{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scale(1);transform:scale(1);opacity:1}
.slide1.active .f-nav{-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}
body,html{overflow:hidden;transition:all ease .4s;min-width:1400px}
:root{--popRuleScale:1;--popScale:1}
#main,body,html{height:100%;overflow:hidden;min-width:1200px;background:#000}
.contain{position:absolute;width:0;height:0;left:50%;top:50%;bottom:0}
.fullbg{position:absolute;left:50%;top:50%;margin:-540px 0 0 -960px;width:1920px;height:1080px}
.nav{position:absolute;top:110px;left:20px;bottom:0;display:flex;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;width:250px;height:592px;background:url(../img/nav-bg.png) no-repeat 14px 0;padding-left:0;transform:translateX(-100%);transition:all .3s;z-index:2;display: none;padding: 101px 0 0 0;}
.nav.show{display: block;transform:translateX(0)}
.nav a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;width:236px;height:83px;line-height:44px;font-size:26px;color:#f6eed7;margin:5px 0;background:url(../img/nav.png) no-repeat 3px 22px}
.nav a.on,.nav a:hover{background:url(../img/nav-on.png) no-repeat center/cover;width:236px;height:83px;color:#fde6bf}
.nav a:nth-child(2){top:38px;}
.nav a:nth-child(3){top:70px;}
.nav a:nth-child(4){top:86px;}
.nav a span{position:relative;z-index:5;font-family: Lora;}

.f-nav{position:absolute;bottom:20px;left:50%; width:1200px;height: 100px;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0}
.f-nav a{font-size:38px;width:378px;height:98px;line-height: 91px;color:#234143; display:inline-block;text-align:center;background:url(../img/btn1.png) no-repeat center;font-family: Lora;font-weight: 600;}
.f-nav a:hover{background:url(../img/btn1-on.png) no-repeat center;color:#5b2605; }

/* 登录区保留在原页面结构中，通过设计画布百分比定位避开 cover 模式的顶部裁切。 */
.login{position:absolute;z-index:5;top:11%;right:105px}
.btn-login{width:118px;height:41px;background:url(../img/login.png) no-repeat 0 0/100%;display:inline-block;text-align:center;line-height:41px;margin-left:10px;color:#704f2f;font-size:18px;text-shadow: none;}
.logined{position:absolute;display:flex;top:24%;right:105px;flex-direction:row;justify-content:center;align-items:center;z-index:5;font-size:18px;color:#fbfdd0;text-shadow:2px 2px 3px #131313;white-space:nowrap;}
/* 超长角色名使用省略号，避免挤压退出按钮或超出窗口。 */
.role-name{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.btn-login:hover{filter: brightness(1.2);}
.btn-login span{position:relative;z-index:5;font-family: Lora;}
.btn-login:hover span{font-weight:700;position:relative;z-index:5;color: #fff;background-image: -webkit-linear-gradient(90deg,#fff 25%,#fef2ba 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 7px 5px #ff4800);}

.go-footer{position:fixed;bottom:30px;right:30px;display:inline-block;height:30px;line-height:30px;font-size:14px;color:#000;background:rgba(255,255,255,.75);z-index:40;padding:0 20px;border-radius:15px}
.go-footer.open i{transform:rotate(180deg)}
.go-footer i{display:inline-block;width:22px;height:22px;background:url(../img/icon-arrow.png) no-repeat;margin-left:5px;vertical-align:middle;transition:all .3s}
.footer{position:fixed;bottom:0;left:0;width:100%;font-size:12px;color:#fff;background:#000;padding:10px 0;z-index:12;visibility:hidden;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:all .3s;transition:all .3s}
.footer.show{visibility:visible;-webkit-transform:translate(0,0);transform:translate(0,0)}
.footer a{color:#fff}
.swiper-container{position:relative;width:100%;height:100%;}
.swiper-container .swiper-slide,.swiper-container .swiper-wrapper{position:relative;width:100%;height:100%}
.swiper-container .swiper-slide-main .wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:1600px;height:1000px}
.swiper-container .swiper-slide-main .wrapper::before{content:"";position:absolute;pointer-events:none;opacity:0}
.swiper-container .swiper-slide-main.active{opacity:1!important;z-index:1;}
.wrapper{width:1400px;height:1000px;position:relative;margin:0 auto}
.user-info{position:absolute;display:flex;top:-8px;right:130px;flex-direction:row;justify-content:center;align-items:center;z-index:2}
.user-info.show{display:flex}
.user-info span{font-size:18px;background-image:-webkit-linear-gradient(90deg,#9cd8fb 10%,#e3f6ff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 1px 3px #0b0f2d)}
.user-info .btn-login{width:101px;height:34px;background:url(../img/btn-login.png) no-repeat center;display:inline-block;text-align:center;line-height:34px;margin-left:10px}
.slide1{background:url(../img/page-1.jpg) no-repeat center/cover}
.slide1 .logo{width: 200px;display: block;top: 150px;left: 150px;position: relative;}
.slide1 .slg{width:1049px;height:527px;background:url(../img/slg.png) no-repeat center;position:absolute;top:50%;left:50%;transform: translate(-551px, -165px);}


.tit{font-size:0;background:url(../img/tit-1.png) no-repeat center;width:100%;height:80px;margin-top:120px;position: relative; z-index: 5;}
.tit.t2{background:url(../img/tit-2.png) no-repeat center}
.tit.t3{background:url(../img/tit-3.png) no-repeat center}

.slide2{background:url(../img/page-2.jpg) no-repeat center/cover}
.slide2 .cont{width:1174px;height:639px;margin:115px auto 0;position:relative;padding:32px 45px 0}
.slide2 .cont::after{content:"";position:absolute;top:0;left:0px;width:1190px;height:828px;z-index:-1;background:url(../img/rank.png) no-repeat center;pointer-events:none}
.btn-rule{position:absolute;top:-18px;right:45px;font-size:30px;color:#ffffff;width: 231px;height: 58px;line-height: 58px;text-align: center; background: url(../img/rule.png) no-repeat center;font-family: Lora;}
.btn-rule:hover{filter: brightness(1.2);}
.hd{width: 740px;height: 50px;margin: 30px auto 10px;}
.hd a{display:inline-block;width:336px;height:49px;line-height: 49px;font-size: 30px;font-family: Lora;margin: 0 15px; text-align: center; position: relative;background:url(../img/rankTab.png) no-repeat center;color:#ffffff;}
.hd a.active,.hd a:hover{background:url(../img/rankTab-on.png) no-repeat center;}


.slide2 .item{width: 970px;margin: 0px auto;}
.slide2 .item thead{height:40px}
.slide2 .h-pop{display: none;align-items: center;justify-content: center; right: 50%;margin-right: -92px; position: absolute; bottom: 87px;z-index: 5;background: url(../img/pop-tips-m.png);background-size: 100% auto;width: 224px;min-height: 47px;text-align: center;font-weight: normal;padding: 8px 14px;font-size: 16px;word-break: break-all;}
.slide2 .h-pop:before, .slide2 .h-pop:after{content: ""; position: absolute; background: url(../img/pop-tips.png); background-size: 100% auto; width: 100%;left: 0;}
.slide2 .h-pop:before { bottom: 100%; height: 11px;}
.slide2 .h-pop:after {top: 100%; margin-top: -3px;height: 45px;background-position: center bottom;}
.slide2 table{width: 970px;text-align: center;margin: 10px 0;}
.slide2 table thead tr{background: #78b9a0;}
.slide2 table th{color:#fff;font-size:20px;height: 60px;border:1px solid #78b9a0;background:#78b9a0;font-family: Lora;}
.slide2 table tr{border:2px solid #78b9a0;}
.slide2 table td{color:#e6822b;font-size:18px;height:74px;background: #fff0c3;}
.slide2 table td p{font-size:20px}
.slide2 table td .num{display: inline-block;font-size: 18px;color: #fff;text-align: center;background: url(../img/num.png);width: 34px;height: 34px;line-height: 34px;}
.slide2 table td:first-child{width:80px}
.slide2 table .num1 td,.slide2 table .num2 td,.slide2 table .num3 td{color:#e6822b}
.slide2 table .box{background:url(../img/box.png) no-repeat center;width:65px;height:54px;display:block;margin:0 auto;position:relative;cursor:pointer}
.slide2 table .box .h-pop{left: -50px;}
.slide2 table .num1 .box{background:url(../img/1.png) no-repeat center;}
.slide2 table .num2 .box{background:url(../img/2.png) no-repeat center;}
.slide2 table .num3 .box{background:url(../img/3.png) no-repeat center;}
.slide2 table .jp-td{position:relative}
.slide2 table .jp-td:hover .h-pop{display:block;z-index:50}
.slide2 table .btn{background:url(../img/btn1.png);width:96px;height:39px;line-height:38px;text-align:center;color:#fff;font-size:16px;display:inline-block}
.slide2 table .btn:hover{transform:scale(1.1)}
.slide2 table .btn.gray{filter:grayscale(1)}
.slide2 table .btn.gray:hover{transform:scale(1)}
.slide2 .page{width:500px;float:right; height:27px;display:flex;align-items:center;justify-content:flex-end}
.slide2 .page a{color:#b28f6c;margin:0 20px;font-size: 19px;}
.slide2 .page span{color:#f0862a;display:block;text-decoration:underline;margin:0 20px;font-size: 19px;text-decoration: underline;}
.slide2 .page a:hover,.slide2 .page span:hover{color:#f0862a;}
.slide2 .update{font-size: 19px;color: #b0864b;margin-left: 6px;font-family: Lora;}

.slide2 .hide {display: none !important;}
.slide2 .btn {display: block; margin: 0 auto;cursor: pointer;text-align: center;}
.slide2 .my-family {text-align: center;font-family: Lora;width: 950px;margin: 30px auto 0;}
.slide2 .my-family .tit {background: url(../img/my.png);width: 183px;height: 88px;margin-left: 9px;font-size: 0;color: transparent;display: block; margin: 0 auto;}
.slide2 .my-family.ed .tit {margin: 0 0 0 2px;}
.slide2 .my-family .state {font-size: 18px;color: #b0864b;margin-top: -10px;}
.slide2 .my-family .state b {color: #ce774b;font-size: 35px;margin-right: 10px;}
.slide2 .my-family .btn-team {font-size: 18px;color: #fff;background: url(../img/btn-team.png);width:339px;height: 59px;line-height: 53px;margin-top: 2px;}
.slide2 .my-family.ed {padding: 10px 0 0;}
.slide2 .my-family .count {font-size: 18px;color: #9e7e7f;width: 183px;line-height: 130px;text-align: center;}
.slide2 .my-family .team {font-size: 0;margin-top: -87px;padding-left: 197px;text-align: left;}
.slide2 .my-family .team li {display: inline-block; vertical-align: top;position: relative; width: 150px;text-align: center;}
.slide2 .my-family .team i {display: none;background: url(../img/team.png);width: 45px;height: 32px;position: absolute;top: -27px;left: 50%;margin-left: -20px;}
.slide2 .my-family .team .leader i {display: block;}
.slide2 .my-family .team .head {margin: 0 auto;width: 55px;height: 55px;border: 1px solid #ce9b53;border-radius: 50%;overflow: hidden;background: #c6c4b7;}
.slide2 .my-family .team span {display: block;font-size: 18px;color: #9e7e7f;line-height: 22px;font-weight: 700;white-space: nowrap;}
.slide2 .my-family .team .server {color: #ad8759;}
.slide2 .my-family .team .wait {    cursor: pointer;}
.slide2 .my-family .team .wait .head {border: 0;background: url(../img/invite.png);width: 56px;height: 56px;}

.slide3{background:url(../img/page-3.jpg) no-repeat center/cover}

.slide4{background:url(../img/page-4.jpg) no-repeat center/cover}
.slide4 .wrapper{text-align: center;font-size: 0;padding: 315px 0 0 6px;width: 1025px !important;}
.slide4 .item {display: inline-block;vertical-align: top;color: #36705b;background: url(../img/detail.png) no-repeat -64px 0;width: 333px;height: 534px;padding: 53px 22px 0 18px;}
.slide4 dt {font-weight: bold;font-size: 22px;line-height: 19px;color: #1f8c64;background: url(../img/detail-h.png) no-repeat center;width: 210px;height: 49px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.slide4 dd {margin-top: 5px;font-size: 14px;height: 330px;overflow: auto;}
.slide4 .item p {text-align: center;line-height: 30px;font-size: 20px;}
.slide4 .btn-detail {background: url(../img/btn-detail.png) no-repeat;width: 391px;height: 91px;margin-top: -11px;font-family: "Lora"; font-size: 40px;color: #234143;line-height: 91px;}
.slide4 .btn-detail:hover{background: url(../img/btn-detail-on.png) no-repeat;color:#fde6bf}

.logo{position:absolute;top:110px;left:240px;z-index:5;width: 200px;}
.logo img{width: 100%;}
@media screen and (max-height:920px){.slide1 .logo{top:116px}
}


.pop{position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:99;transform: scale(1.2);}
.pop:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8}
.pop .close{position:absolute;background:url(../img/pop-close.png) no-repeat center;width:44px;height:44px;top:15px;right:-55px;-webkit-transition:all .2s;transition:all .2s}
.pop .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.pop .pop-main{position:absolute;left:50%;top:50%;margin-left: -312px;margin-top: -221px;background:url("../img/pop.png") no-repeat center/contain;width:625px;height:442px;padding:50px}
.pop.show{display:block}
.pop h3{text-align:center;background:url(../img/pop-title.png) no-repeat center;color:#ad8759;font-size:25px;line-height:30px;font-family: Lora, sans-serif;}
.pop .btn-sure{background:url(../img/pop-btn.png);font-size:18px;color:#6a4e0c;width:158px;height:48px;line-height:46px;font-weight:700;text-indent:8px;font-family: Lora, sans-serif;}
.pop.pop-big h3{text-align:center;background:url(../img/pop-title1.png) no-repeat center;color:#755034;font-size:23px;line-height:30px;font-family: 'Lora';}
.pop.pop-big .list{height:248px!important;overflow:hidden}
.pop.pop-big .item{width:501px;height:60px;margin:0 auto 2px;position:relative;padding:0 15px;display:flex;align-items:center;background:#d9b794;border-radius:30px}
.pop.pop-big .item .family{display:none;background:url(../img/fa.png);width:62px;height:62px;transform: scale(0.75);}
.pop.pop-big .item p{padding:0 0 0 10px;font-size:14px;color:#693a09;line-height:18px;width: 300px;}
.pop.pop-big .item.my-family .family{display:block}
.pop.pop-big .item.my-family p{line-height:14px}
.pop.pop-big .item .btns{position:absolute;top:50%;right:25px;height:42px;margin-top:-21px}
.pop.pop-big .search{font-size:0;text-align:center}
.pop.pop-big .search .btn-search,.pop.pop-big .search .input{display:inline-block;vertical-align:middle}
.pop.pop-big .search .input{background:#ae8050;width:350px;height:29px;position:relative;color:#fff;font-size:15px}
.pop.pop-big .search input{display:block;width:100%;height:100%;background:0 0;color:#fdede0;font-size:15px;text-align:center;border:none}
.pop.pop-big .search input:focus+.txt{display:none}
.pop.pop-big .search .txt{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;line-height:29px;}
.pop.pop-big .search .txt:after{content:'';display:inline-block;background:url(../search.png);width:15px;height:16px;vertical-align:middle}
.pop.pop-big .search .btn-search{text-indent:5px;color:#6a4e0c;font-size:15px;background:url(../img/btn-search.png);width:122px;height:43px;line-height:43px}
.pop.pop-big .search .btn-search:hover,.pop .btn-sure:hover{filter: brightness(1.2);}
.pop.pop-big .team-notice{font-size:15px;color:#6a4e0c;position:absolute;right:37px;top:55px;font-weight:700}
.pop.pop-big .team-notice:before{content:'';display:inline-block;vertical-align:middle;background:url(../img/team-notice.png);width:23px;height:23px;margin-right:5px}
.pop.pop-big .team-notice.red:after{position:absolute;width:7px;height:7px;background:#ff562e;content:'';border-radius:50%;left:0;top:0}
.pop.pop-big .btn-invite{font-weight:700;font-size:13px;color:#6a4e0c;width:167px;height:42px;line-height:42px;background:url(../img/btn-invite.png)}
.pop.pop-big .btn-create-team{background:url(../img/pop-btn-1.png) no-repeat;width:226px;height:42px;line-height:42px;color:#f9e4b5;font-size:17px;text-shadow:0 0 3px #df6e46}
.pop.pop-big .no-result p{font-size:12px;color:#7d4205;line-height:26px}
.pop.pop-big .no-result .big{padding-left:0;text-align:center;margin-bottom:20px;font-size:15px;font-weight:700}
.pop.pop-big .no-result .big:before{content:'';display:block;background:url(../img/noman.png);width:158px;height:125px;margin:0 auto;mix-blend-mode:darken}
.pop-team .item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start!important}
.pop-team .item .family{display:none;background:url(../img/fa1.png)!important;width:96px!important;height:23px!important}
.pop-team .result .list{height:278px}
.pop-team-notice .notice-list{height:295px;overflow-y:auto}
.pop-team-notice .notice-list::-webkit-scrollbar{width:7px;height:7px}
.pop-team-notice .notice-list::-webkit-scrollbar-track{background-color:#fff}
.pop-team-notice .notice-list::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ad8759}
.pop-team-notice .btns .btn{font-weight:700;font-size:13px;color:#6a4e0c;width:134px;height:42px;line-height:42px}
.pop-team-notice .btns .btn-yellow{background:url(../img/btn-yellow.png)}
.pop-team-notice .btns .btn-orange{background:url(../img/btn-orange.png)}
.pop-team-notice .empty-notice{padding-top:120px;text-align:center;color:#7d4205;font-size:16px}
.pop .btn.disabled{pointer-events:none;filter:grayscale(1);opacity:.65}
.pop-middle .pop-main{text-align:center;padding-top:60px!important}
.pop-middle p{font-size:13px;color:#693a09;line-height:24px}
.pop-middle .fz16{font-size:16px}
.pop-common .pop-main{position:absolute;left:50%;top:50%;margin-left: -239px;margin-top: -168px;background:url("../img/pop-comm.png") no-repeat center/contain;width:478px;height:337px;padding:50px}
.pop-common .content{height:200px;display:flex;color:#ad8759;font-size:16px;justify-content:center;flex-direction:column;line-height:24px;align-items:center}
.pop-common .content p{font-size: 18px;}
.pop-common .btns .btn{font-size:18px;color:#6a4e0c;width:158px;height:48px;line-height:46px;font-weight:700}
.pop-common .btns .btn+.btn{margin-left:40px}
.pop-common .btn-yellow{background:url(../img/btn-yellow1.png)}
.pop-common .btn-orange{background:url(../img/btn-orange1.png)}
.pop-message .content{padding-top:13px}
.pop-message .no-get{margin-top:25px;font-size:12px;line-height:14px}
.pop-message .radio{position:relative;width:10px;height:10px;display:inline-block;vertical-align:middle;margin-top:-2px}
.pop-message .radio input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}
.pop-message .radio i{display:block;width:100%;height:100%;border-radius:50%;border:1px solid #82624c;position:relative}
.pop-message .radio input:checked+i:before{content:'';position:absolute;width:6px;height:6px;background:#82624c;border-radius:100%;top:1px;left:1px}
.pop-create .btns .btn-yellow{text-indent:0;letter-spacing:0}
.pop-sure .content{align-items:start;}
.pop-nostart .btns .btn{width:195px;background:url(https://img6.99.com/zf/activity/2026/08/tree26/img/pop-btn2.png);letter-spacing:0;text-indent:0}
.pop-rule .content{margin-top:10px;padding:0 20px;color:#ad8759;font-size:13px;line-height:26px;height:310px;overflow:auto;text-align:justify}
.pop-rule .content::-webkit-scrollbar{width:7px;height:7px}
.pop-rule .content::-webkit-scrollbar-track{background-color:#fff}
.pop-rule .content::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ad8759}
.pop-rule .content p{line-height: 20px;margin-bottom: 10px;}
.pop-rule .content p span{color:red}
.pop-rule .content table{width: 100%;margin-bottom: 10px;}
.pop-rule .content table td,.pop-rule .content table th{border: 1px solid #e3c39a;padding: 5px 10px;font-size: 16px;line-height: 18px;}
.pop-rule .table{margin:10px auto}
.pop-rule .table td:first-child,.pop-rule .table th:first-child{border-right:1px solid #e3c39a}
.pop .pop-main-jd{position:fixed;left:50%;top:50%;z-index:13;background:url("https://img6.99.com/zf/activity/2026/08/tree26/img/pop.png") no-repeat center/contain;width:625px;height:442px;padding:50px;transform:translate(-50%,-50%);text-align:center;color:#ad8759;transform-origin:center}
.pop .pop-main-jd.pop-big .pop-cont{font-size:18px;width:100%;height:388px}
.pop .pop-t{position:relative;z-index:5;min-height:50px}
.pop .pop-title{position:relative;letter-spacing:5px;color:#ad8759;font-size:22px;font-weight:700}
.pop .contact{margin-top:10px;margin-left:20px}
.pop .contact li{float:left;margin-bottom:10px;text-align:center}
.pop .contact li>span{float:left;width:350px;height:35px;background:#fff;border:1px solid #ad8759;-webkit-border-radius:17px;border-radius:17px;overflow:hidden;line-height:35px;box-shadow:inset 0 0 8px rgba(76,84,158,.3)}
.pop .contact .yzm-txt{font-size:18px;line-height:39px;margin-left:155px;color:#ad8759}
.pop .contact .yzm-txt a{font-size:16px;margin:0;margin-right:3px;margin-left:-3px}
.pop .contact .jd-txt{display:inline-block;vertical-align:middle;font-size:18px;line-height:39px;margin-left:5px;color:#ad8759}
.pop .contact .jd-txt a{width:24px;height:24px;display:inline-block;vertical-align:middle}
.pop .contact label{float:left;width:7em;margin-right:10px;font-size:20px;line-height:35px;text-align:right}
.pop .contact input,.pop .contact select,.pop .contact textarea{display:block;width:340px;height:35px;padding:0 10px;background:0 0;border:none;font-size:20px;line-height:35px}
.pop .contact textarea{resize:none}
.pop .contact input{width:270px}
.pop .contact textarea{height:60px;line-height:1.5}
.pop .contact .jd-name span{width:180px}
.pop .contact .jd-name input{width:160px}
.pop .contact .jd-name img,.pop .contact .v-code img{float:left;height:35px;margin-left:10px}
.pop .contact .jd-name .jd-tips,.pop .contact .v-code .jd-tips{position:relative}
.pop .btn-view-jd:hover i,.pop .contact .jd-name .jd-tips:hover i,.pop .contact .v-code .jd-tips:hover i{display:block}
.pop .contact .li-text span{height:60px}
.pop .contact .li-text p{float:left;padding:10px 0 0 180px;font-size:18px;line-height:1.2}
.pop .pop-cont{position:relative;font-size:20px;text-align:center}
.pop .pop-cont .msg{height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:700;color:#ad8759}
.pop .pop-cont .msg p{display:inline-block;vertical-align:middle;line-height:2;padding:0 55px}
.pop .pop-cont .msg p span{color:red}
.pop .pop-cont .step{border:solid 1px #ad8759;background:#fcf5de;border-radius:10px;padding:10px 15px;text-align:center;font-size:16px;width:100%;margin:0 auto}
.pop .pop-cont .down{background:url(https://img6.99.com/zf/activity/2026/08/tree26/img/down.png);width:31px;height:28px;display:block;margin:10px auto}
.pop .pop-cont h6{text-align:center;font-weight:700;margin-bottom:25px}
.pop .pop-ser-cont{padding:40px}
.pop .pop-btn{display:inline-block;vertical-align:top;background:url(https://img6.99.com/zf/activity/2026/08/tree26/img/pop-btn-jd.png) no-repeat center/cover;width:156px;height:39px;margin:0 10px;font-size:18px;line-height:40px;transition:all .5s;color:#fef7dd}
.pop .pop-btn.pop-btn-1{background:url(https://img6.99.com/zf/activity/2026/08/tree26/img/pop-btn-jd-1.png) no-repeat center/cover;color:#693a09}
.pop .pop-btn:hover{transform:scale(1.1)}
.pop .pop-table .pop-cont{height:280px;overflow-y:scroll}
.pop .pop-table .pop-cont::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}
.pop .pop-table .pop-cont::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ad8759}
.pop .pop-main .page{position:relative;width:100%;font-size:12px;margin-top:10px;text-align: center;}
.pop .pop-main .page li{display:inline-block}
.pop .pop-main .page a,.pop .pop-main .page span{padding:0 6px;color:#ad8759;margin:0 3px}
.pop .pop-main .page span{color:#ffa82b}
.pop .set-table{position:relative;font-size:18px;border:1px solid #fff;transform:translateX(-50%);left:50%;width:450px;color:#ad8759}
.pop .set-table thead{border-bottom:0;font-size:20px;color:#ad8759}
.pop .set-table td,.pop .set-table th{border:1px solid #fff;background:rgba(249,234,197,.8);height:40px}
.pop .set-table td .pop-btn{transform:scale(.8)}
.pop .pop-address .pop-cont .tip-txt{text-align:left}

.topbar .topmenu{height:31px!important}
.topbar .topmenu .games{width:140px!important}
.topbar .topmenu .games>ul li{width:140px!important}
.commonbox{display:none;position:fixed;left:0;top:0!important;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.7)}
.commonbox.show{display:block!important}
.tipbox{position:fixed;left:50%;top:50%;z-index:13;background:url(../img/pop.png) no-repeat center top;width:674px;height:384px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#354588}
.box1{width:605px;height:369px}
#accountlogin .box1,.login_form_class .box1{height:382px;background-size:100% 100%;padding-top:50px}
.tip_t a.close{right:-57px;top:-58px;position:absolute;background:url(../img/pop-close.png) no-repeat;width:44px;height:44px;-webkit-transition:all .2s;transition:all .2s;font-size: 0;}
.tip_t a.close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.tip_t{position:relative;z-index:2;height:47px;text-align:center}
.tip_t h2{text-align:center;background:url(../img/pop-title1.png) no-repeat center;color:#755034;font-size:23px;line-height:30px;font-family: 'Lora';transform: scale(1.3);}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:63%;margin:0 auto;padding:10px 0 5px 0;position:relative}
.tip_con.sp{width:96%}
.tip_con span{color:#7d4205}
.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;color:#7d4205}
.tip_con div input.ipt,.tip_con div select.slt{width:230px;padding-left:2px;color:#611e19;background:#fff;border:1px solid #ddc992;height:35px;line-height:35px}
.tip_con div input.code{width:120px}
.tip_db{padding-bottom:10px;text-align:center}
.tip_db ul{margin:10px auto;width:385px}
.tip_db li{float:left;width:190px}
.tip_db a.btn_tip{display:inline-block;background: url(../img/pop-btn-1.png) no-repeat 0 0/100% 100%;width: 160px;height: 38px;line-height: 38px;color: #f9e4b5;font-size: 18px;text-shadow: 0 0 3px #df6e46;}
.tip_db a.btn_tip:hover{text-decoration:none;filter: brightness(1.2)}
#accountlogin .tip_db .accountmore a{color:#7d4205;width:180px;display:inline-block}
#accountlogin .tip_db .accountmore a:hover{color:#b15a33}