*{margin:0;padding:0;box-sizing:border-box}
a{text-decoration:none}
body{font-family:'Helvetica Neue',Arial,sans-serif;background-color:#1a0b08;color:#333}
.container{width:100%;background:url('../img/bj.png');background-size:cover;background-repeat:no-repeat;overflow:hidden}
.header{position:fixed;display:flex;justify-content:space-between;align-items:center;width:430px;top:0;height:60px;z-index:999;text-align:center;opacity:1;background:url('../img/bj.png')!important;background-size:cover;background-repeat:no-repeat}
.header img.logo{height:50px;width:auto;margin:5px auto}
.header .server{position:absolute;top:15px;right:15px;width:30px;height:30px;cursor:pointer}
.header .server img{width:100%}
.header .lang{position:absolute;top:15px;left:15px;width:30px;height:30px;cursor:pointer}
.header .lang img{width:100%}
.main-content{flex:1;z-index:1;margin-top:60px}
@media (min-width:431px){.container{max-width:430px;margin:0 auto;box-shadow:0 0 20px rgba(26,11,8,.9);position:relative;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
body{background-color:#222!important}
}
@media (max-width:430px){.container{width:100vw;max-width:none;margin:0;box-shadow:none}
.header{position:fixed;display:flex;justify-content:space-between;align-items:center;width:100vw;top:0;height:60px;background:url('../img/bj.png')!important;background-size:cover;background-repeat:no-repeat}
}
.hero-section{position:relative;width:100%;min-height:600px}
.hero-section div.btn{background:linear-gradient(180deg,#e3aa34,#ffffe0,#e3aa34);width:45%;padding:8px 0;border-radius:25px}
.hero-section div.btn div.icon{float:left;margin-left:12%;margin-right:8px;width:30px;height:30px}
.hero-section div.btn div.icon img{width:100%;height:100%}
.hero-section div.btn div.title-text{float:left;height:30px;line-height:30px;font-size:20px;font-weight:700;color:#000!important}
.hero-section div.row-color{height:48px;line-height:48px;width:90%;margin:10px auto;background-repeat:no-repeat;position:absolute;left:5%}
.hero-section div.row-color .icon{float:left;width:42px;height:42px;margin:4px}
.hero-section div.row-color .icon img{width:100%;height:100%}
.hero-section div.row-color .title-text{font-size:20px;font-weight:700}
.hero-section div.row-color .tobtn{position:absolute;right:6px;top:6px;color:#fff;font-size:18px;font-weight:700;height:36px;line-height:36px;border-radius:18px;padding:0 14px}
.hero-section1{width:100%;min-height:calc(100vh - 600px);padding-top:0;margin-top:-4px}
@media (max-width:400px){.hero-section1{padding-top:5%}
}
.desc-section{border:2px solid #a68b64;background-color:#1e1a0f;width:94%;margin:10px auto 30px;padding:15px;border-radius:10px}
.desc-section .title{font-size:16px;font-weight:700;text-align:center;height:28px;line-height:28px;color:#766d59}
.desc-section .title div{height:28px;line-height:28px;display:inline}
.footer{width:100%;height:64px;position:fixed;left:0;bottom:0;z-index:9;background:url('../img/foot.png')!important;background-repeat:no-repeat!important;background-size:90% 50px!important;background-position:center!important}
.page-kefu{position:fixed;z-index:999;top:100px}
.page-kefu img{width:60px}
@media (min-width:431px){.footer{max-width:430px;margin:0 auto;left:calc((100% - 430px)/ 2)}
.page-kefu{left:calc((100vw - 60px)/ 2 + 215px - 60px)}
}
@media (max-width:430px){.footer{width:100vw;background:url('../img/foot.png')!important;background-repeat:no-repeat!important;background-size:90% 50px!important;background-position:center!important}
.page-kefu{right:20px}
}
.title-text{background:linear-gradient(90deg,#e3aa34,#ffffe0,#e3aa34,#ffffe0);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:300% 300%;animation:gradientMove 3s ease infinite}
@keyframes gradientMove{0%,100%{background-position:0 50%}
50%{background-position:100% 50%}
}
#fullbg{background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:998;display:none}
#popup{background:#000;box-shadow:0 -4px 20px rgba(0,0,0,.15);position:fixed;left:0;width:100%;z-index:999;display:none;padding:20px;box-sizing:border-box;height:calc(100vh - 60px)}
.popup-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}
.popup-title{font-size:18px;font-weight:700;color:#fff;text-align:center;position:relative}
.popup-btn{position:absolute;left:25px;top:25px}
.popup-content{line-height:1.6;color:#4b5563;height:calc(100vh - 160px);overflow-y:auto}
@media (min-width:431px){#popup{max-width:430px;margin:0 auto;left:calc((100% - 430px)/ 2)}
}
@media (max-width:430px){#popup{width:100vw}
}
#popup1{background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.15);position:fixed;left:0;width:80%;z-index:999;display:none;padding:20px;box-sizing:border-box;height:180px;border-radius:10px;top:calc((100vh - 180px)/ 2)}
.popup1-content{line-height:1.6;color:#000;overflow-y:auto;font-weight:700}
@media (min-width:431px){#popup1{max-width:430px;margin:0 auto;left:calc((100% - 430px)/ 2)}
}
@media (max-width:430px){#popup1{width:80vw;left:calc((100% - 80vw)/ 2)}
.banner-container{height:200px}
}
.banner-container{position:relative;width:100%;height:310px;overflow:hidden}
.banner-wrapper{position:relative;width:100%;height:100%}
.banner-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}
.banner-wrapper img.active{opacity:1;position:relative}