.avatar,.avatar1,.btn-get,.earth-icon,.ewm_border,.hok-logo,.jl-bg,.left,.left1,.mvp,.prop1,.prop2,.prop3,.right,.right1,.sprite-img,.top,.usernam111e{background-image:url(../images/sprite-img.png?2024_4_28_16_24_59);background-size:1377px 905px;background-repeat:no-repeat}
.avatar{background-position:-1301px -338px;width:68px;height:68px}
.avatar1{background-position:-1216px -338px;width:80px;height:80px}
.btn-get{background-position:0 -683px;width:703px;height:136px}
.earth-icon{background-position:-1315px -423px;width:31px;height:31px}
.ewm_border{background-position:-691px -491px;width:156px;height:151px}
.hok-logo{background-position:-1216px -423px;width:94px;height:31px}
.jl-bg{background-position:0 0;width:686px;height:678px}
.left{background-position:-1258px -491px;width:100px;height:17px}
.left1{background-position:-1135px -491px;width:118px;height:20px}
.mvp{background-position:-691px 0;width:686px;height:333px}
.prop1{background-position:-1041px -338px;width:170px;height:148px}
.prop2{background-position:-866px -338px;width:170px;height:148px}
.prop3{background-position:-691px -338px;width:170px;height:148px}
.right{background-position:-1135px -516px;width:100px;height:17px}
.right1{background-position:-1216px -459px;width:118px;height:20px}
.top{background-position:0 -824px;width:750px;height:81px}
.usernam111e{background-position:-852px -491px;width:278px;height:68px}
body,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
body,button,input,select,textarea{font-size:24px;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
img{vertical-align:middle;border:0;padding:0;margin:0}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0}
dl,ol,ul{list-style:none}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.g-wrap{-webkit-text-size-adjust:none;min-height:100vh;overflow:hidden;max-width:750px;width:750px;margin:auto;position:relative;background: url(../images/bg_not.jpg) top center repeat-y;}
.g-wrap a{-webkit-tap-highlight-color:transparent}
.top{margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative}
.top div{margin:0 45px}
.top a{display:block;margin:0 45px}
.top .nav_list{position:absolute;z-index:100;top:80px;right:-30px;border-radius:6px;background-color:#0e1d57;width:288px}
.top .nav_list ul{padding:10px 0}
.top .nav_list ul li{position:relative;padding:10px 30px;font-size:24px;font-family:FZLTTHJW;color:rgba(239,248,255,.502);font-weight:700}
.top .nav_list ul li.cur{position:relative;padding:10px 30px;background:#4c575d;font-size:24px;font-family:FrutigerLTPro;color:#f4efb8}
.top .nav_list ul li.cur::after{content:"";display:block;width:13px;height:13px;background:url(../images/curr.png) no-repeat;background-size:13px 13px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}
.header{margin-top:-2px;width:750px;height:576px;max-height:880px;background:url(https://res.sgameglobal.com/Global/Common/Picture/SkinSharePicN_V2/3016901.jpg) top center no-repeat;border:1px solid transparent}
.header .userinfo{margin:40px auto;width:700px;display:flex;justify-content:center;align-items:center;justify-content:space-between}
.header .userinfo .username{display:flex;justify-content:center;align-items:center;flex-direction:row}
.header .userinfo .username .avatar{object-fit:contain;overflow:hidden;display:flex;justify-content:center;align-items:center}
.header .userinfo .username .avatar img{border-radius:10px}
.header .userinfo .username .id{background:linear-gradient(to right,#3a4c87 40%,transparent);padding-left:20px;width:fit-content;height:55px;line-height:55px;font-size:24px;font-family:FZZZHONGJW;color:#fff}
.main{margin-top:-300px;background:url(../images/bg.png) top center repeat-y;position:relative;display:block;text-align:center;height:fit-content;padding-bottom: 20px;}
.main .title{position:relative;z-index:10;margin:0;font-size:55px;background:linear-gradient(to bottom,#fcffa3 20%,#fff);-webkit-background-clip:text;color:transparent;font-weight:700}
.main .title2,.main .title3,.main .title4{position:relative;z-index:10;margin:0 auto;display:flex;justify-content:center;align-items:center}
.main .title2 span,.main .title3 span,.main .title4 span{font-size:24px;font-family:FZZZHONGJW;color:#fff;letter-spacing:5px;margin:0 20px;}
.main .title3{margin: 45px auto 20px auto;}
.main .title4{margin: 65px auto 20px auto;}
.main .title3 span,.main .title4 span{background:linear-gradient(to bottom,#fcffa3 20%,#fff);-webkit-background-clip:text;color:transparent;font-weight:700;font-size:35px}
.main .mvp{position:relative;z-index:10;margin:20px auto;display:flex;justify-content:center;align-items:center;align-items:baseline;flex-wrap:wrap}
.main .mvp>div{width:49%;height:130px;display:flex;justify-content:center;align-items:center;align-items:start;flex-direction:column}
.main .mvp>div p{font-size:20px;color:rgba(255,255,255,.502);padding-left:5px}
.main .mvp>div span{font-size:40px;color:#fff}
.main .mvp>div:nth-child(even){align-items:flex-end}
.main .rewards{position:relative;z-index:10;margin:auto;display:flex;height:190px;justify-content:space-around}
.main .rewards>div .name{margin:150px 0 0 0px;color:#fff;line-height: 1;width: 170px;}
.main .jl-bg{margin:auto;border:1px solid transparent}
.main .jl-bg .list{margin:20px auto;height:635px;width:645px;border:1px solid transparent;}
.main .jl-bg .list ul li{width:610px;height:125px;border-bottom:1px solid #cbc7b2;display:flex;margin:auto;position:relative}
.main .jl-bg .list ul li .item1{width:50%;display:flex;align-items:center;justify-content:start}
.main .jl-bg .list ul li .item1 .avatar1{border-radius:5px;border:1px solid #a18041;object-fit:contain;overflow:hidden;display:flex;justify-content:center;align-items:center}
.main .jl-bg .list ul li .item1 .avatar1 img{width:95%;height:95%;border-radius:5px}
.main .jl-bg .list ul li .item1 .user-id{margin-left:20px;font-size:28px;color:#7f642b}
.main .jl-bg .list ul li .item1 .user-id>div{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 200px;text-align: left;}
/* .main .jl-bg .list ul li .item2{width:50%;font-size:20px;color:rgba(127,100,43,.8);text-align: right;line-height: 125px;} */
.main .jl-bg .list ul li .item2{width:50%;font-size:20px;color:rgba(127,100,43,.8);display: flex;justify-content: flex-end;align-items:center;}
.main .jl-bg .list ul li::after,.main .jl-bg .list ul li::before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background-color:transparent;border:1px solid #cbc7b2}
.main .jl-bg .list ul li::before{bottom:-4px;left:-6px}
.main .jl-bg .list ul li::after{bottom:-4px;right:-6px}
.main .btn-get{font-size:35px;color:#fff;display:flex;justify-content:center;align-items:center;margin:auto}
.main .tips{font-size:24px;color:#fff;margin:15px auto}
.main .ewm_border{margin:15px auto 0 auto;display:flex;justify-content:center;align-items:center}
.not-main{text-align:center;box-sizing: border-box;border: 1px solid transparent;}
.not-main .tips2{margin:500px auto 0 auto;font-size:55px;font-family:"Source Han Sans CN";color:#fff;}
.not-main .tips{font-size:24px;color:#fff;margin:40px auto 20px auto}
.not-main .ewm_border{margin:40px auto;display:flex;justify-content:center;align-items:center}
.window{width:750px;height:100vh;background-color:rgba(0,0,0,.7);position:fixed;top:0;z-index:998;text-align:center}
.window .title{text-align:center;font-size:36px;font-family:"Source Han Sans CN";color:#fff;font-weight:700;margin:410px auto 20px auto;width:650px;height:110px}
.window .title .arrow{display:inline-block}
.window p{position:absolute;top:690px;left:275px;right:0;margin:0 auto;display:flex;align-items:center;justify-content:center;width:200px;height:80px;line-height:1.1;font-size:22px}
[v-cloak]{display: none;}
/*!# sourceMappingURL=comm.css.map */