/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
body,html{min-width: 12rem;}
/* basic */
.c:before,.c:after{content:"";display:tadble;}
.c:after{clear:both;}
.c{zoom:1;}
body{font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma,'\5b8b\4f53',"\9ED1\4F53",sans-serif;overflow-x: hidden;background: #0c090a;}
a {text-decoration:none;overflow:hidden;}
.wrap,body{min-width:12rem !important;overflow-x: hidden;}
/* .container{width:12rem;margin:0 auto;} */
.hide{display:block;width:0;height:0;overflow:hidden;}
.pr{position:relative;}
.pa{position:absolute;}
.db{display:block;text-indent:-999em;}
.fl{float:left;}
.fr{float:right;}

@font-face { font-family: 'zst'; src: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/zst.TTF); } 
@font-face { font-family: 'font1'; src: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/fzltth.TTF); } 
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; } 

.wrap{width: 19.2rem;height: 100vh;background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/bg.jpg) 0 0/100% no-repeat;position: relative;box-sizing: border-box;}
.container{width: 17.88rem;height: 8.78rem;position: absolute;left: 51%;top: 53%;transform: translate(-50%, -50%);}

.logo{width: 4.45rem; display: flex;align-items: center;justify-content: space-between; position: absolute;left: 0.24rem;top: 0.29rem;transform: scale(0.8);transform-origin: 0 0;}
.logo1{width: 1.96rem;height: 0.53rem;background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/logo.png) no-repeat;background-size: 100% 100%;}
.logo2{width: 2.05rem;height: 0.52rem;background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/wegame.png) no-repeat;background-size: 100% 100%;}

.login_right {position: absolute; right: 0.5rem; top: 0.4rem;z-index: 10;} 
.login-box {font-family: "zst"; font-size: 0.22rem; color: #fffcf4;}
.login-box a {color: #fff; position: relative; } 
.login-box .btn-login::before {content: ""; display: block; position: absolute; bottom: -0.03rem; left: 0; width: 100%; height: 0.02rem; background-color: #fff; } 
.txt-nickname { max-width: 3rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom; } 

.btn-rules{font-family: "zst"; font-size: 0.2rem; color: #0ff796;text-decoration: underline;position: absolute; right: 0.5rem; top: 0.86rem;z-index: 10;}
.head{position: relative;transform: scale(0.9);transform-origin: 0 100%;}
.head .title{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/title.png) no-repeat;background-size: 100% 100%;width: 11.26rem;height: 1.87rem;margin-left: -0.14rem;}
.text{font-family: "zst"; font-size: 0.26rem; color: #fff;}
.countdown{position: absolute;left: 5.54rem;top: 0.8rem;}
.record{text-decoration: underline;position: absolute;left: 5.54rem;top: 1.22rem;}
.cont{position: relative;width: 11.16rem;height: 7.1rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/box-bg.png) no-repeat;background-size: 100% 100%;transform: scale(0.95);
    transform-origin: 0 0;}
.txt{width: 10.7rem; height: 0.42rem; display: flex;justify-content: space-between;align-items: center;margin-left: 0.32rem;}
.txt p{font-family: "zst"; font-size: 0.2rem; color: #fff;}
.txt .reset{color: #0ff796;font-size: 0.18rem;margin-left: 0.2rem;cursor: pointer;}
.txt .icon{display: inline-block;width: 0.2rem;height: 0.18rem;background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/reset.png) no-repeat;background-size: 100% 100%;position: relative;top: 0.02rem;margin-right: 0.03rem;}

.card{width: 10.06rem;display: flex;flex-wrap: wrap;justify-content: space-between;margin-left: 0.49rem;margin-top: 0.28rem;}
.card li{width: 2.16rem;height: 2.91rem;margin-bottom: 0.32rem;position: relative;}
.card li:hover{box-shadow: -1px -5px 15px #edc469, 5px 5px 15px #edc469,
    inset 5px 5px 10px #f1bd41, inset -5px -5px 10px #f1bd41;border-radius: 8%;}
.role{width: 2.16rem;height: 2.97rem; transition: opacity 0.05s ease;}
.role-1{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/card1.png) no-repeat;background-size: 100% 100%;}
.role-2{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/card2.png) no-repeat;background-size: 100% 100%;}
.role-3{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/card3.png) no-repeat;background-size: 100% 100%;}
.role-4{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/card4.png) no-repeat;background-size: 100% 100%;}
.role-5{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/card5.png) no-repeat;background-size: 100% 100%;}
.role-6{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/card6.png) no-repeat;background-size: 100% 100%;}
.role-7{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/card7.png) no-repeat;background-size: 100% 100%;}
.role-8{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/card8.png) no-repeat;background-size: 100% 100%;}
.card  li .daoju{width: 2.16rem;height: 2.98rem;opacity: 0;transition: opacity 0.05s ease-in; position: absolute;top: 0;left: 0;display: none;}
/* .card  li:hover .role{display: none;}
.card  li:hover img{display: block;} */
.card  li .effect{width: 2.16rem;height: 2.97rem;position: absolute;top: 0;left: 0;transform: scale(1.26);transform-origin: center center;transition: opacity 0.05s ease;}
.card li .role,
.card li .effect,
.card li .daoju {
    transition: opacity 0.05s ease-in;
}

.task-box{width: 5.84rem;height: 1.78rem;background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/task.png) 0 0/100% no-repeat;position: relative;bottom: 2.15rem;left: 12rem;}
.task-box .nav_list{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.task-box .nav_list li{width: 2.92rem;height: 0.39rem;background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/nav.png) 0 0/100% no-repeat;font-size: 0.22rem;color: #ebe8e1;font-family: 'font1';text-align: center;line-height: 0.44rem;}
.task-box .nav_list li.on{background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/nav-on.png) 0 0/100% no-repeat;color: #ebe8e1;}
.task-box .tab_box{width: 100%;height: 1.39rem;}
.task-box .tab_box .tab{display: none;height: 1.39rem;}

.tab1 li{width: 5.42rem;height: 0.64rem;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;}
.tab1 p{font-family: 'zst';font-size: 0.16rem; color: #fff;line-height: 0.18rem;position: relative;top: 0.06rem;}
.tab1 p span{font-size: 0.14rem; color: #f8c46b;}
.btn-yq{width: 1.01rem;height: 0.24rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/btn.png) no-repeat;background-size: 100% 100%;font-family: 'font1';font-size: .12rem;color: #fff;line-height: 0.24rem;text-align: center;}

.tab2 li{width: 5.47rem;height: 0.59rem; display: flex;align-items: center;justify-content: space-between;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.jiang{position: relative;}
.jiang1{width: 0.59rem;height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/jiang1.png) no-repeat;background-size: 100% 100%;}
.jiang2{width: 0.59rem;height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/jiang2.png) no-repeat;background-size: 100% 100%;}
.jiang3{width: 0.59rem;height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/jiang3.png) no-repeat;background-size: 100% 100%;}
.jiang4{width: 0.59rem;height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/jiang4.png) no-repeat;background-size: 100% 100%;}
.jiang5{width: 0.59rem;height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/jiang5.png) no-repeat;background-size: 100% 100%;}
.jiang6{width: 0.59rem;height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/jiang6.png) no-repeat;background-size: 100% 100%;}
.jiang7{width: 0.59rem;height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/jiang7.png) no-repeat;background-size: 100% 100%;}
.jiang8{width: 0.59rem;height: 0.59rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/jiang8.png) no-repeat;background-size: 100% 100%;}

.name{width: 1.07rem;height: 0.16rem;background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/jiang-name.png) no-repeat;background-size: 100% 100%;font-family: 'zst';font-size: .12rem;color: #fff;text-align: center;line-height: 0.16rem;}
.name{position: absolute;top: -0.16rem;left: -0.8rem;}
.tab2 .jiang .name{display: none;}
.tab2 .jiang:hover .name{display: block;}

.detail-img{width: 4.93rem;height: 1.92rem;}
.detail-img{position: absolute;top: -2rem;left: -2rem;}
.tab2 .jiang .detail-img{display: none;}
.tab2 .jiang:hover .detail-img{display: block;}

/* 侧边挂件 */
.fixedbar{cursor: pointer; width: 1.41rem;height: 1.47rem; background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/fixedbar.png) no-repeat;background-size: 100% 100%;position: fixed;top: 61%;right: 3%;}
.fixedbar img{width: 1.91rem;height: 2.08rem;position: absolute;top: 25%;left: -2rem; transform: translateY(-50%);display: none;}
.fixedbar:hover img{display: block;}

/* 弹窗 */
.pop {display: none;position: fixed;z-index: 99;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pop1{width: 10.51rem;height: 5.66rem;background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/pop/pop1.png) no-repeat;background-size: 100% 100%;}
.close {display: block;width: 0.49rem;height: 0.49rem;background: url(//wegame.gtimg.com/tgp_act/release/wegame/df20260429/images/pop/close.png) no-repeat;background-size: 100% 100%;position: absolute;top: 0.08rem;right: -0.5rem;}
.pop1 .rule{margin-top: 0.44rem;box-sizing: border-box; padding-left: 0.36rem;padding-right: 0.3rem;width: 9.91rem;
    height: 5rem;
    overflow: hidden;
    overflow-y: scroll;}
.pop1 .rule p{font-family: 'zst';font-size: 0.2rem;color: #c4c4c4;text-align: justify;margin: 0.4rem 0;}
.pop1 .rule p:nth-of-type(1){margin-top: 0;margin-bottom: 0.4rem;}
.pop1 .rule p:nth-of-type(3){margin-top: 0.4rem;margin-bottom: 0}
.tabbox{width: 8.1rem;height: 3.8rem;}
.tabbox table{width: 8.1rem;table-layout: fixed;border-collapse: collapse;}
.tabbox table thead{width: 100%;height: 0.4rem;display: table; }
.tabbox table thead tr{width: 4.56rem;}
.tabbox table thead th{font-size: 0.22rem;background-color:rgba(54, 53, 52,0.7);color:#eaebeb;font-family: 'zst';font-size: 0.2rem;text-align: center;width: 50%;height: 0.4rem;box-sizing: border-box;border: 2px solid #4f4e4c;}
.tabbox table tbody{display: block;width: 8.1rem;height: 3.4rem;background-color:rgba(38, 37, 35,0.3);}
.tabbox table tbody tr{display: table; width:8.1rem; height: 0.4rem;table-layout: fixed; }
.tabbox table tbody tr td{width: 50%;height: 0.4rem;line-height: 0.4rem;font-size: 0.2rem;color: #fff;font-family: 'zst';text-align: center;box-sizing: border-box;white-space: nowrap;border: 2px solid #4f4e4c;border-top: none;}
.rule::-webkit-scrollbar-track-piece {
  background-color: #0a0908;
  /* width: 0.05rem; */
}
.rule::-webkit-scrollbar {
  width: 0.05rem;
}
.rule::-webkit-scrollbar-thumb {
  background-color: #6e675c;
  border-radius: 1.5rem;
}
::-webkit-scrollbar-track {
    background-color: #0a0908;
    border-radius: 1.5rem;
}

/* 遮罩层 */
.overlay{display: none;background-color: rgba(0, 0, 0,0.7);border-top: 1px solid rgb(0, 0, 0);position: absolute;height: 100%;z-index: 9; width: 100%;left: 0px;top: 0px;}