@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap');
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
dl,ol,ul{list-style:none}
img{border:0}
table{border-spacing:0;border-collapse:collapse}
input,select,textarea{font:12px "Noto Serif TC",simsun,tahoma;outline:0}
a{text-decoration:none;color:#2f2f2f;outline:0}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700}
.clearfix:after{display:block;height:0;font-size:0;visibility:hidden;clear:both;content:''}
.clearfix{zoom:1}
.clear{clear:both}
.hidden{line-height:99999px;overflow:hidden}
.relative{position:relative}
.fl{float:left}
.fr{float:right}
.fz14{font-size:14px}
.mt20{margin-top:20px}
*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}
body{color:#462f8c;font:16px/1.5 "Noto Serif TC";font-weight: bold;}
.hide {display: none !important; }
.show {display: block !important;z-index: 9999; }
body,html{position:relative;width:100%;height:100%;}

/* .wrapper{position:relative;width:900px;height:650px;margin:0 auto;overflow:hidden;background:url(../images/bg.jpg) no-repeat} */
#app{position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1920px;
    min-width: 1002px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/bg.jpg?20240111) no-repeat center top #aad6ef;}
    .wrapper{position: relative;
        width: 1400px;
        margin: 0 auto;}    
.wrapper h2{position:absolute;top:74px;left:272px;z-index:0;width:770px;height:214px;overflow:hidden;background:url(../images/slo-en.png) no-repeat center center;line-height:999}
.wrapper h3{position:absolute;top:80px;left:0;width:100%;color:#462f8c;background-image:-webkit-linear-gradient(90deg,#8435be 20%,#462f8c 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-filter:drop-shadow(0 0 5px #fffee8);font-style:italic;font-family:STZhongsong;font-weight:700;font-size:25px;text-align:center;line-height:60px}
.wrapper h3 strong{font-size:40px}
.wrapper h2.en{background-image: url(../images/slo-en.png);}
.wrapper h2.cn{background-image: url(../images/slo-cn.png); }
.wrapper h2.pt{background-image: url(../images/slo-pt.png); }
.logo{position:absolute;top:65px;left:50px;z-index:50;width:240px}
.logo img{display:block;width:100%}
.update-time{font-size:20px;color: #162c34;padding-top: 307px;text-align: right;width: 1160px; margin:0 auto; }
.update-time strong{width:210px;display: inline-block;text-align: right; vertical-align: middle;}
.update-time span{display: inline-block; width:235px;text-align: left;height:30px;padding:0 5px;background:#162c34; border:1px solid #90997f;color:#e0fcff;outline:0;font-size:20px; vertical-align: middle;}
.lang { position: absolute; right: 140px;top:265px; height: 30px;width: 121px; font-size: 20px;   }
.lang a { display: block; background: #162c34; height:30px; line-height:25px; width: 60px;float: left; text-align: center; color:#aac7cd; }
.lang a.on, .lang a:hover { background: #f9e89b;color: #144b60; }
.lang a:last-child{border-left: none;}
.lang a:first-child{border-right: none;}
.lang select { background:#162c34; color:#f9e89b; font-size:18px; line-height:30px; }

.btn-mod{position:absolute;top:280px;left:85px;z-index:5}
.btn-mod a{display:inline-block;vertical-align:top;width:265px;height:70px;background:url(../images/rule.png) no-repeat;font-size:18px;line-height:56px;text-align:center; padding-right: 20px;}
.btn-mod a:hover{ filter:brightness(1.2); }
.btn-mod a strong{display: block;width: 277px;height: 70px;text-align: center;font-size: 26px;line-height: 76px;font-weight: bold;
    color: #faf1ad; padding-right:40px }

.egg{ display: none; position: absolute;bottom:-74px;left:-60px;width:234px;height:250px; background: url(../images/egg.png) no-repeat;z-index: 100;}
.info{position: absolute;top:1005px;left:50%;margin-left: -375px;line-height: 23px; width:750px;text-align: center;color:#fef3b7;font-size: 18px;font-weight: bold;}
.rank-mod{position:relative;z-index:6;width:1400px;height:682px;margin:-10px auto 57px;padding: 38px 140px 66px 140px;background:url(../images/rank-bg.png) no-repeat;pointer-events:none; box-sizing: border-box;}
.rank-mod table{position:relative;width:100%;color:#9b2112;font-size:23px;text-align:center;line-height:45px}
.rank-mod table th{color:#ffed76;font-size:27px;line-height:64px}
.rank-mod table td img{display:block;margin:0 auto}
.rank-mod table tbody .tr-1 td:first-child{background: url(../images/num-01.png) no-repeat center center;font-size: 0;}
.rank-mod table tbody .tr-2 td:first-child{background: url(../images/num-02.png) no-repeat center center;font-size: 0;}
.rank-mod table tbody .tr-3 td:first-child{background: url(../images/num-03.png) no-repeat center center;font-size: 0;} 
.rank-mod table tbody tr td{border:1px solid #e3cdb5}
.rank-mod table tbody tr.mine{background:#343aa5;background:rgba(52,58,165,.7)}
.page{position:absolute;left:0;bottom:77px;z-index:5;pointer-events:auto;width:100%;text-align:center;font-size:20px}
.page li{display:inline-block;padding:0 2px;color:#983c2f;vertical-align:top;text-align:center;line-height:22px}
.page li a{display:inline-block;color:#983c2f}
.page a{display:inline-block;color:#983c2f;padding:0 10px;}
.page .page_cur,.page a:hover{color:#cd9447;font-weight:700}
.pop-box{display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%}
.mask{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;opacity:.5}
.pop{position:fixed;left:50%;top:53%;z-index:13;background:url(../images/pop-bg.png) no-repeat;width:978px;height:713px;padding:40px 108px 0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center; }
.pop-t{position:relative;z-index:5;min-height:125px}
.pop-close{position:absolute;right:30px;top:20px;z-index:2;width:33px;height:33px;color:#34566d;font-weight:700;font-size:35px;-webkit-transition:all .5s;transition:all .5s}
.pop-close:hover{color: #266793;}
.pop-cont{position:relative;padding:10px 30px;color:#34566d;font-size:25px;text-align:center}
.pop-cont .msg{height:260px;line-height:260px}
.pop-cont .msg p{display:inline-block;vertical-align:middle;line-height:1.5}
.pop-cont h4{color:#fff595;background-image:-webkit-linear-gradient(90deg,#fff595 20%,#fff 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;text-align:left;line-height:1}
.pop-cont .page{position:relative;padding:20px 0 0;bottom:0}
.pop-title{padding:40px 0 0}
.pop-title h3{width:240px; margin:0 auto;font-size:45px}
.pop-title .tit-rules{color:#34566d;text-transform: uppercase;}
.pop-btn{display:inline-block;background:url(../images/btn2.png) no-repeat; width:285px; height:62px;margin:10px 30px 0;font-weight:700;font-size:22px;line-height:43px; }
.pop-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.pop-btn strong{display: block;width: 100%; text-align: center;font-size: 24px;line-height: 62px;font-weight: bold;
    color: #faf1ad; }
.pop-btn-02{background:url(../images/sprite.png) -2px -38px no-repeat;letter-spacing:10px;text-indent:10px}
.rules-mod{position:relative;width:100%;height:350px;padding:0 20px;overflow:hidden;text-align:left; font-size: 18px;}
.rules-mod h5{padding-top:20px;font-size:20px}
.rules-mod ol{padding-left:20px}
.rules-mod ol li{list-style-type:decimal}
.rules-mod .p-c{text-align:center}
.rules-mod .set-table{margin:5px auto}
.table-mod{position:relative;margin:20px auto 0;border:1px solid #9692b2;border-radius:10px;overflow:hidden}
.set-table{position:relative;width:100%;background:rgba(189,70,22,.45);color:#3e0d06;font-size:14px;text-align:center;line-height:45px}
.set-table th{background:rgba(137,41,38,.45);color:#fff595;font-size:20px;font-weight:400}
.set-table td,.set-table th{border:1px solid #8a2926}
.set-table td a{color:#c2bfa7}
.set-table td a:hover{text-decoration:underline}
.set-table td a.ed{color:#ccc;cursor:default}
.set-table td a.ed:hover{text-decoration:none}
.pop-rank{width:890px;height:317px;background:url(../images/pop-bg.png) center/cover no-repeat}
.pop-rank .pop-close{right:0;top:-65px}
.pop-rank .tit-rank{width:316px;background:url(../images/tit-rank.png) no-repeat}
.rank-tips{padding-top:20px;color:#fff593;font-size:16px;text-shadow:0 5px 10px rgba(4,6,94,.5),1px 5px 10px rgba(4,6,94,.5)}

.tab-rank a{background-position:-40px -55px}
.tab-rank a.on,.tab-rank a:hover{background-position:-40px -118px}
.tab-rank a,.tab-rank a.on,.tab-rank a:hover{background-image:url(../images/style_z.png)}