/* html{font-size:100px;} */
:root {
    --scale:1
}
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5,dl,dt,dd{margin:0;padding:0}
a,img,input {border:none; outline: none;-webkit-tap-highlight-color: transparent;}
em {font-style: normal;}
body{font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; box-sizing: border-box;
 /* padding:
    constant(safe-area-inset-top)
    constant(safe-area-inset-right)
    constant(safe-area-inset-bottom)
    constant(safe-area-inset-left); /* 兼容 iOS < 11.2 */
 /* padding:
    env(safe-area-inset-top)
    env(safe-area-inset-right)
    env(safe-area-inset-bottom)
    env(safe-area-inset-left); /* 兼容 iOS >= 11.2 */
}
a {text-decoration:none;}
ul,li{list-style: none}
@font-face {
font-family: "font_en";
src: url(fonts/RefrigeratorDeluxe.ttf);
}
body {background:#101010;font-family: "font_en",-apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; color: #2e2e2e;}
/* .spr,.video-list li::after,.demo-popup h3::before,.filter>h5,.filter li.selected,.ranking-nav li.current {background: url(//game.gtimg.cn/images/aqtw/act/a20230427patroller/spr.png) no-repeat 0 0/7rem 6.3rem;} */

body{width: 100%; height: 100vh; overflow: hidden; overflow-y: auto;}    
    .wrap {background: url(../img/bg.jpg) no-repeat 50% 0/cover;}
    .wrap {
        width: 100%;
        height: 14.4rem;
        position: relative;
      }
       .short-screen .wrap {
        width: 25.60rem;
        height: 14.40rem;
        left: calc((100vw - 25.60rem)/2);
        top: calc((100* var(--vh) - 14.40rem) / 2);
      }
      .far-screen .wrap {
        width: calc(var(--vh) * 100 * 2560 / 1440);
        left: calc((100vw - var(--vh) * 100 * 2560 / 1440) / 2);
      } 
      .far-screen .index {width: 100%;}
    .btn1,.btn3,.btn4,.btn-none {display: flex; width: 3.42rem; height: 0.82rem; background:url(../img/btn1.png) no-repeat 0 0/100%; justify-content: center; align-items: center; font-size: 0.32rem; color: #000; font-weight: bold; margin: 0 auto; box-sizing: border-box; padding: 0 0 0.1rem; line-height: 1;}
    .btn1::before {display: inline-block; content: ''; width: 0.29rem; height: 0.35rem; background: url(../img/icon2.png) no-repeat 0 0/100%; margin-right: 0.1rem;}
    .btn-none {opacity: 0; pointer-events: none; margin: 0;}
    .btn2 {display: flex; width: 1.44rem; height: 0.43rem; background: url(../img/btn2.png) no-repeat 0 0/1.44rem auto,url(../img/btn2_hover.png) no-repeat 0 0/1.44rem auto; align-items: center; justify-content: center; font-size: 0.18rem; color: #000000;}
    .btn2:hover {background: url(../img/btn2_hover.png) no-repeat 0 0/1.44rem auto; color: #ffffff;}

    .btn3,.btn4 {width: 2.75rem; height: 0.67rem; background:url(../img/btn3.png) no-repeat 0 0/100%;font-size: 0.28rem; color: #000; padding:0 0.1rem 0.03rem; text-align: center; line-height: 1;}
    .btn3 {color: #fff;}
    .btn4 {filter: grayscale(1);}

    header {display: flex;justify-content: space-between; box-sizing: border-box; padding: 0.22rem 0.56rem 0 0.35rem; position: absolute; top: 0; left: 0; width: 100%;z-index: 100;}
    header>h1 {padding-top: 0.05rem;}
    header>h1 a {display: block; width: 1.89rem; height: 0.64rem; overflow: hidden; text-indent: -9999rem; background: url(../img/logo.png) no-repeat 0 0/contain;}
    .top-nav {display: flex; align-items: center;}
    .top-nav .btn2 {margin: 0 0 0 0.25rem; line-height: 1; text-align: center;}
    .login {color: #e9edef; font-size: 0.24rem;}
    .login p { height: 0.43rem; display: flex; align-items: center; text-align: center; box-sizing: border-box; padding: 0 0.2rem;}
    .login p span {display: inline-block; white-space: nowrap; max-width: 8em; text-overflow: ellipsis; overflow: hidden; margin-right: 0.2em; text-align: left;}
    .login a{color: #ff7037; padding: 0 0 0 0.1rem; display: inline-block;}
    ._langNav_ {min-width: initial; font-size: 0.24rem;}

    .index {width: 25.6rem; height: 14.4rem; background:#12181b url(../img/index_bg.jpg) no-repeat 50% 0/cover; position: absolute; z-index: 20; overflow: hidden; transform: translateX(-50%) scale(calc(var(--scale))); transform-origin: 50% 0; left: 50%; top: 0;}
    .cover {position: absolute; top: 0; left: 50%; width: 25.6rem; height: 14.4rem; transform: translateX(-50%); pointer-events: none; z-index: -1;}
    .cover video {width: 25.6rem; height: 14.4rem; object-fit: cover;}
    .bdc {width: 2.84rem; height: 1.22rem; margin: 1.95rem auto 0; position: relative;}
    .bdc a {text-indent: -9999rem; width: 100%; height: 100%; overflow: hidden; display: block;}
    .bdc>div {display: none;}
    .bdc:hover>div {position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 5.11rem; height: 1.78rem; background: url(../img/intro_bg.png) no-repeat 0 0/100%; font-size: 0.16rem; color: #757575; line-height: 1.2; padding: 0 0.18rem; box-sizing: border-box; display: block;}
    .bdc h3 {height: 0.45rem; line-height: 0.45rem; text-indent: 0.15rem; font-size: 0.18rem; color: #fbfbfb;}
    .index-tips {width: 12.08rem; background: rgba(0, 0, 0, 0.35) url(../img/trim.png) no-repeat 50% 0.04rem/98% auto; font-size: 0.3rem; color: #ffffff; line-height: 1.5; position: relative; padding: 0.1rem 0.27rem; text-align: center; margin: 3.8rem auto 0;}
    .index-tips::before,.index-tips::after {position: absolute; top: 0; right: 0; border: 0.02rem solid #bcbfc0; width: 0.06rem; height: 100%; box-sizing: border-box; content: '';}
    .index-tips::before{border-right: none; left: 0;}
    .index-tips::after {border-left: none;}
    .patroller-btn,.upon-tips {display: none;}
    .upon-login .patroller-btn {margin: 0.4rem auto 0; display: flex;}
    .upon-login .upon-tips {display: block;}
    .upon-login .pre-tips,.upon-login .index-btns {display: none;}
    .index-btns {display: flex; width: 12.74rem; margin: 1.18rem auto 0; justify-content: space-between;}

    .progress {height: 0.28rem; width: 12.98rem; position: relative; margin: 1.1rem auto 0.05rem; display: none;}
    .progress::before {height: 0.28rem; width: 12.98rem; background:url(../img/progress.png) repeat-x 0 0/2.17rem 0.28rem; content: ''; display: block; filter: grayscale(1);}
    .progress div {height: 0.28rem; width: 0; background:url(../img/progress.png) repeat-x 0 0/2.17rem 0.28rem; position: absolute; top: 0; max-width: 100%;}
    .progress div p {color: #9b9b9b; font-size: 0.16rem; position: absolute; top: 0; right: 0; transform: translate(50%,-130%); background:url(../img/gift_bg.png) no-repeat 0 0/2.08rem auto; height: 0.3rem; line-height: 0.3rem; border-bottom: 0.03rem solid #ca4d31; padding: 0 0.06rem; white-space: nowrap;}
    .progress p span:nth-of-type(1) {margin-left: 0.18rem; color: #9b9b9b;}
    .progress p span:nth-of-type(2) {color: #ca4d31;}
    .progress p::after {content: ''; display: block;border-left: 0.05rem solid transparent; border-right: 0.05rem solid transparent; border-top: 0.08rem solid #ca4d31;width: 0; height: 0; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,98%)}

    .grade-gift {width: 12.98rem; display: none; margin: 0 auto;}
    .grade-gift li {width: 2.12rem; margin-right: 0.05rem; filter: grayscale(1);}
    .grade-gift li:nth-last-of-type(1) {margin-right: 0;}
    .grade-gift h4 {min-height: 0.39rem; width: 2.08rem; border: 0.01rem solid #383a3b;display: flex; align-items: center; justify-content: space-between; color: #535657; background:rgba(0, 0, 0, 0.7) url(../img/gift_bg.png) no-repeat 0 0/100% auto;}
    .grade-gift h4>strong {display: flex; align-items: center; position: relative;font-weight: normal;}
    .grade-gift h4>strong::before {width: 0; height: 0; border-top: 0.05rem solid transparent; border-bottom: 0.05rem solid transparent; border-left: 0.08rem solid #535657; content: ''; display: block; margin: 0 0.05rem;}
    .grade-gift h4>span {font-size: 0.14rem; padding: 0.1rem 0.1rem 0 0;}
    .grade-gift li>div {width:2.08rem;background:url(../img/gift_bg.png) no-repeat 0 0/100% auto; border: 0.01rem solid #4f5152; position: relative; margin-top: 0.05rem;}
    .grade-gift li>div img {width:2.08rem;height: 1.37rem; display: block; object-fit: contain; box-sizing: border-box; padding: 0.3rem;}
    .grade-gift li>div span {display: flex; min-height: 0.32rem; width: 100%; line-height: 1.1; align-items: center; justify-content: center; text-align: center; background: #363636; color: #ccc; font-size: 0.16rem; box-sizing: border-box; padding: 0.05rem;}
    .grade-gift li>div::before,.grade-gift li>div::after {content: ''; border: 0.01rem solid #21272a; position: absolute; transform: translate(-50%,-50%);top: 50%; left: 50%; }
    .grade-gift li>div::before {width: 90%; height: 100%; border-width: 0.01rem 0;}
    .grade-gift li>div::after {width: 100%; height: 90%; border-width: 0 0.01rem;}

    .grade-gift li.open {filter: initial;}
    .grade-gift li.open h4 {color: #ca4d31; border-color: #7c3323;}
    .grade-gift li.open h4>strong::before {border-left: 0.08rem solid #ca4d31;}
    .grade-gift li.open>div {border-color: #ca4d31;}
    .grade-gift li.open>div span {color: #ca4d31; background: #444444;}

    .grade-gift li.open>div::before,.grade-gift li.open>div::after {transform: initial; width: 100%; height: 0.04rem; overflow: hidden; border-color: #ca4d31; border-width: 0 0.04rem; box-sizing: border-box; left: 0; }
    .grade-gift li.open>div::before {top: 0;}
    .grade-gift li.open>div::after {bottom: 0; top: initial;}

    .upon-login .grade-gift,.upon-login .progress{display: flex;}


    .main {width: 17.58rem; height: 9.98rem; background: url(../img/main_bg.png) no-repeat 0 0/100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;}
    .nav {height:1.42rem;position: relative;display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; gap: 0.22rem; padding-left: 0.28rem;}
    

    .nav li {width: 2.32rem; height: 0.89rem; font-size: 0.26rem; display: flex; justify-content: center; align-items: center; color: #404245; font-weight: bold; cursor: pointer; box-sizing: border-box; border: 1px solid #9b9b9b; position: relative; user-select: none;}
    .nav li::before,.nav li::after {content: ''; position: absolute; width: 0.12rem; height: 0.89rem; bottom: -1px;border: 1px solid #bebebe;box-sizing: border-box; pointer-events: none;}
    .nav li.current {color: #ca4d31;}
    .nav li::before {left: -1px;border-right: none; }
    .nav li::after {right: -1px;border-left: none; }
    .nav li.current::after,.nav li.current::before {border-color: #ca4d31;}
    .red-dot {position: relative;}
    .red-dot::before {content: '.'!important; color: #f00!important; text-indent: 2.1rem; line-height: 0.5; font-weight: bold; font-size: 0.4rem;}
    .content {width:17.58rem;height: 8.55rem; box-sizing: border-box;}
    .box {display:none; position: relative;}
    /* .main {width:18.4rem;height: 9.25rem!important;border: 0.02rem solid rgba(255,255,255,0.2); box-sizing: border-box; background:url(//game.gtimg.cn/images/aqtw/act/a20230427patroller/test.jpg) no-repeat 0 0/18.4rem 9.25rem;} */
    .forbidden * {display: none!important;}
    .forbidden-tips {display: none;}
    .forbidden .forbidden-tips {width: 17.02rem; height: 8.05rem; background: url(../img/disable_bg.png) no-repeat 0/100%; position:  absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; display: flex!important; justify-content: center; align-items: center; color: #fff; font-size: 0.24rem;}
    /* 我的 */
    .mine {display: block;}
    .user {display: flex; justify-content: space-between;}
    .user-info {width: 7.66rem; box-sizing: border-box; padding:0.74rem 0 0; color: #676767;}
    .avatar {width: 1.57rem; height: 1.57rem;border: 0.02rem solid rgba(255,255,255,0.2); margin: 0 auto;}
    .avatar img {display: block; width: 1.57rem; height: 1.57rem;}
    .username {text-align: center; font-size: 0.46rem; font-weight: bold; padding: 0.2rem 0 0; line-height: 1.2; color: #d2dbd3;}
    .userid {text-align: center; font-size: 0.3rem; line-height: 0.46rem; color: #8b8b8b;}
    .honor {display: flex; justify-content: center; align-items: center; margin:0.2rem 0 0.1rem;}
    .honor>span {display: flex; min-width: 2rem; padding:0 0.05rem; height: 0.5rem; justify-content: center; align-items: center; background: rgba(0,0,0,0.4); font-size: 0.3rem; color: #d2dbd3; border: 0.01rem solid #272727; box-sizing: border-box;}
    .help-btn {position: relative; width: 0.5rem; height: 0.5rem; background:rgba(0,0,0,0.4) url(../img/icon1.png) no-repeat 50% 50%/0.07rem 0.31rem; border: 0.01rem solid #272727; margin-left: 0.1rem; cursor: pointer; box-sizing: border-box;}
    .grade-popup {min-width: 8rem; background:rgba(0,0,0,0.9); position: absolute; left: 0; top: 50%; transform: translate(0.44rem,-50%); z-index: 999; display: none; cursor: initial; border: 0.03rem solid #222323; border-width: 0.03rem 0; padding: 0 0.15rem;}
    .help-btn:hover .grade-popup {display: block;}
    .help-btn:hover::after {position: absolute; content: ''; height: 3rem; width: 150%; left: 0; top: 50%;transform: translateY(-50%); }
    .grade-popup h3{font-size: 0.18rem; color: #fbfbfb; height: 0.56rem; display: flex; align-items: center;}
    .grade-popup h3::before{display: inline-block; width: 0.04rem; height: 0.17rem; background: #ca4d31; content: ''; margin: 0 0.25rem 0 0;}
    .grade-popup table {border-collapse:collapse; font-size: 0.18rem; width: 100%;  margin: 0 auto;}
    .grade-popup thead {background: rgba(76,76,76,0.3);border:0.02rem solid rgba(100,100,100,0.24); border-width: 0.02rem 0;}
    .grade-popup thead th {position: relative; padding: 0 0.08rem 0 0.06rem; text-align: center; color: #9b9b9b; font-size: 0.16rem; height: 0.49rem; line-height: 1.2; white-space: nowrap;}
    .grade-popup thead th::after {content: ''; display:block; width: 0.01rem; height: 0.1rem; overflow: hidden; background: #646464; position: absolute; right: 0; top: 50%; transform: translate(0,-50%);}
    .grade-popup thead th:last-child::after{display: none;}
    .grade-popup tbody tr {border-bottom:0.02rem solid rgba(100,100,100,0.24); position: relative;}
    .grade-popup tbody tr::after {width: 100%; box-sizing: border-box; content: ''; height: 0.03rem; overflow: hidden; border:1px solid rgba(123, 123, 123, 0.3); border-width: 0 0.5rem; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0.02rem);}
    .grade-popup tbody tr:last-child {border: none;}
    .grade-popup tbody tr:last-child::after {content: initial;}
    .grade-popup table img {display: block; height: 0.5rem; margin: 0 auto 0.1rem; object-fit: contain;}
    .grade-popup table span {display: block; font-size: 0.14rem; padding: 0 0.2rem; text-align: center;}
    .grade-popup table td {text-align: center; align-items: center;vertical-align: middle; padding: 0.1rem 0; line-height: 1.2;}
    .grade-popup tbody tr td:first-child {white-space: nowrap;}
    .grade-popup tbody tr td:last-child,.grade-popup thead tr th:last-child  {width: 2rem;}

    .grade {display: flex; flex-wrap: wrap; justify-content: center; font-size: 0.28rem; margin: 0 auto 1.7rem;}
    .grade strong {font-weight: initial;}
    


    .user-data {flex: auto; height: 8.54rem;}
    .statistics { display: flex; flex-wrap: wrap; position: relative;  box-sizing: border-box; height: 100%; padding-right: 0.02rem;}
    .statistics>li {width: 50%; box-sizing: border-box; display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; line-height: 1.5; height: 2.42rem;border-left: 0.02rem solid #424649;border-bottom: 0.02rem solid #424649;}
    .statistics>li>strong{font-size: 0.46rem; color: #ca4d31;}
    .statistics>li>span{font-size: 0.3rem; color: #d2dbd3; font-weight: normal;}
    .statistics>li:nth-child(5) {border-bottom: none; height: 3.7rem;}
    .statistics>li.record { height: 3.7rem; position: relative; display: block; border-bottom: none;}
    .record h4 {height: 0.56rem; line-height: 0.56rem;font-size: 0.3rem; font-weight: normal; text-align: center; color: #000000; background: rgba(235,235,235,0.4); width: 100%;}
    .record ul {max-height: 2.65rem; overflow-y: auto; margin: 0.44rem 0.05rem 0 0;}
    .record ul li {font-size: 0.18rem; color: #7d7d7d;display: flex; height: 0.43rem; justify-content: space-between; align-items: center;}
    .record ul li:first-child{position: absolute; width: 100%; height: 0.44rem; top: 0.56rem; left: 50%; transform: translate(-50%,0);background: rgba(117,117,117,0.2); font-size: 0.2rem; padding-right: 0.05rem; box-sizing: border-box; font-weight: bold;}
    .record ul li:first-child::after {display: block;width:50%; height: 0.21rem; border-right: 0.02rem solid #757575; content: ''; position: absolute;}
    .record ul li span {display: inline-block; text-align: center; width: 50%;}
    .record ul::-webkit-scrollbar { 
        width: 0.05rem; /* 设置纵轴(y轴)轴滚动条 */ 
        height: 0.05rem; /* 设置横轴(x轴)轴滚动条 */ 
    } 
    .record ul::-webkit-scrollbar-thumb { 
        border-radius: 0.1rem; 
        box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2); 
        background: #5d6064; 
    } 
    .record ul::-webkit-scrollbar-track { 
        border-radius: 0; 
        box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2); 
        background: #373a3e; 
    }
    /* .record ul li span:nth-child(1) {display: inline-block; flex:0 0 50%;} */


    .demo h4 {height: 1.27rem; display: flex; align-items: center; font-size: 0.4rem; color: #c5c5c5;}
    .demo-btn {position: absolute; right: 0.4rem; top: 0.4rem;}
    .demo h4::before {content: ''; display: block; width: 0.1rem; height: 0.6rem; background: #ef8752;margin: 0 0.13rem -0.04rem 0.4rem;}
    .demo-content {width: 100%; margin: 0.1rem auto 0;height: 7.8rem; overflow: auto; padding: 0 0.8rem; box-sizing: border-box; font-size: 0.26rem; color: #c2c2c2;}
    .demo-content::before {display: block;content: ''; position: absolute; width: 17.6rem; height: 0.02rem; overflow: hidden; background:rgba(255,255,255,0.13); border:0.1rem solid rgba(255,255,255,0.5); border-width: 0 0.1rem; top: 1.27rem; left: 50%; box-sizing: border-box; transform: translate(-50%,0);}
    .demo-content p {line-height: 0.48rem; text-indent: 2em;}
    .demo-content p:first-child {text-indent: 0; padding-top: 0.3rem;}

    .video-list {position: relative;}
    .video-list ul{display: flex; flex-wrap: wrap; padding: 0.3rem 0.8rem; min-height: 9.12rem; justify-content: space-between;}
    .video-list ul li{width: 5.38rem; height: 4.3rem; position: relative; margin-bottom: 0.26rem;}
    .video-list li img{width: 5.38rem; height: 4.29rem; display: block;border-bottom: 0.02rem solid rgba(255,255,255,0.3);}
    .video-list li::before {position: absolute; display: block; bottom: 0; left: 0; content: ''; width: 5.38rem; height: 0.93rem; background: rgba(0,0,0,0.5); z-index: 3; pointer-events: none;}
    .video-list li::after {position: absolute; display: block; top: 50%; left: 50%; content: ''; width: 1.53rem; height: 1.53rem; background-position: 0 -4.67rem; z-index: 3; transform: scale(0.8) translate(-50%,-70%); transform-origin: 0 0; pointer-events: none;}
    .video-list li a {position: relative; display: block;width: 5.38rem; height: 4.3rem;}
    .video-list li a::after,.video-list li a::before {content: ''; position: absolute; width: 0.2rem; height: 0.02rem; overflow: hidden; background: rgba(255,255,255,0.2); top: 4.29rem; left: 0;}
    .video-list li a::after {left: initial; right: 0;}
    .video-list a strong {position: absolute; bottom: 0;z-index: 4; font-size: 0.3rem; color: #c2c2c2;white-space: nowrap; max-width: 10em; text-overflow: ellipsis; overflow: hidden; display: inline-block; line-height: 0.93rem; padding: 0 0.15rem;}
    .video-list a strong:last-child{position: absolute; bottom: 0; right:0;z-index: 4; font-size: 0.22rem; color: #767677;}
    .prev-btn,.next-btn {display: block; width: 0.94rem; height: 1.13rem; margin: -0.56rem 0; background-position: -5.9rem -0.02rem; position: absolute; right: -0.2rem; top: 50%; overflow: hidden; text-indent: -9999rem;}
    .prev-btn {transform: rotate(-180deg); right: initial; left: -0.25rem;}
    .disabled {/*pointer-events: none;*/ opacity: 0.24;}

    .video {display: flex; justify-content: space-between;}
    .info-team {width: 4.55rem; height: 8.75rem; padding: 0.52rem 0.52rem 0; box-sizing: border-box; color: #c2c2c2;}
    .info-team .user-info { width: 3.5rem; height: 1.33rem; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; padding: 0;}
    .info-team .avatar {width: 1.33rem; height: 1.33rem; margin: 0 0.15rem 0 0; border: 0.02rem solid #1a1a1a; }
    .info-team .avatar img {width: 100%; height: 100%; margin: 0;border: none;}
    .info-team .username {font-size:0.28rem;line-height:1.2; text-align: left; padding: 0;white-space: nowrap; width: 1.9rem; text-overflow: ellipsis; overflow: hidden; color: #d2dbd3;}
    .info-team .userid {line-height: 1.2; text-align: left; font-size: 0.22rem;white-space: nowrap; width: 1.9rem; text-overflow: ellipsis; overflow: hidden;}
    .user-status {display: flex; min-width: 1.9rem; height: 0.42rem; justify-content: space-between; align-items: center;}
    .user-status span {display: inline-flex; height: 0.4rem; align-items: center; padding: 0 0.1rem; border: 1px solid #7a7b7b; background:rgba(0, 0, 0, 1); font-size: 0.2rem; line-height: 1;}
    .user-status strong {font-size: 0.4rem; color: #ca4d31; padding-left: 0.05rem;}

    .data-box {background:rgba(125,125,125,0.16);border: 0.02rem solid rgba(255,255,255,0.1); margin: 0.2rem auto 0; padding-top: 0.06rem; box-sizing: border-box;}
    .data-box h4 {width:2.9rem; background:rgba(0,0,0,0.24); margin: 0 auto; font-size: 0.3rem; height: 0.6rem; line-height: 1.2;}
    .data-box p {font-size: 0.46rem; color: #e36c33; text-align: center; font-weight: bold; line-height: 0.8rem;}

    .tips-title {position: relative;margin:0.45rem auto 0;border-top: 1px solid rgba(255,255,255,0.2); padding: 0.36rem 0 0.45rem; font-size: 0.24rem; display: flex; color: #b7bfb9;}
    .tips-title::before {content: ''; width: 0.03rem; height: 0.21rem; display: inline-block; background: #ca4d31; margin: 0.1rem 0.15rem 0 0;}
    .tips-title::after {content: ''; position: absolute; width: 100%; height: 0.02rem; box-sizing: border-box; overflow: hidden; border-left:0.2rem solid rgba(255,255,255,0.2);border-right:0.2rem solid rgba(255,255,255,0.2); top: -1px; left: 0;}

    .tips-content {width:115%;height: 4.5rem; overflow-y: scroll; font-size: 0.24rem; color: #d2dbd3;padding-right: 15%; box-sizing: border-box;}
    .scrollbar::-webkit-scrollbar,.taks-list ul::-webkit-scrollbar {
        width: 0.03rem;
        height: 0.1rem;
        padding: 0.1rem; box-sizing: border-box;
    } 
    .scrollbar::-webkit-scrollbar-thumb,.taks-list ul::-webkit-scrollbar-thumb { 
        margin: 0 0.05rem;
        background: #5d6064; 
    }
    .scrollbar::-webkit-scrollbar-track,.taks-list ul::-webkit-scrollbar-track { 
        border-radius: 0; 
        box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2); 
        background: #35383c; 
    }
    .tips-content p{padding: 0.05rem 0;}

    .play-box {width: 13rem; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .nobar .plugin_ctrl_txp_bottom .txp_progress_bar_container {pointer-events: none!important;}/*禁止拖动视频进度*/
    .txp_btn_playrate,.txp_ctrl_client_launcher,.txp_barrage_client_launcher,.txp_player_client_launcher {display: none!important; pointer-events: none!important;}
    .mplayer-header {display: none;}
    .player {width: 11.47rem!important; height: 6.45rem!important;  border:1px solid rgba(255,255,255,0.2);}
    .watermark {width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; z-index: 10;transform: translate(-50%,-50%); user-select: none; opacity: 0.2; pointer-events: none; display: flex; flex-wrap: wrap; gap: 0; justify-content: space-between;}
    .watermark>span {padding: 0.9rem; white-space: nowrap; transform: rotate(-30deg); display: block; font-size: 0.24rem; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.7), 1px -1px 0 rgba(0, 0, 0, 0.7), -1px  1px 0 rgba(0, 0, 0, 0.7),  1px  1px 0 rgba(0, 0, 0, 0.7); color: white;}

    .player img,.player a{width: 100%; height: 100%; display: block;}
    ._mod_thumbplayer_container_ .video-img {opacity: 0;}
    .player a {position: relative;}
    .player a::before,.player a::after {position: absolute; display: block; top: 50%; left: 50%; content: ''; width: 1.53rem; height: 1.53rem; transform: scale(1) translate(-50%,-50%); transform-origin: 0 0;}
    .player a::before {width: 0.9rem; height: 0.9rem; border-radius: 50%; background: #ca4d31; background-clip: content-box; border: 0.1rem solid rgba(202, 77, 49, 0.5);}
    .player a::after {width: 0; height: 0; border-top: 0.22rem solid transparent; border-bottom: 0.22rem solid transparent; border-left: 0.33rem solid #FFF; content: ''; margin-left: 0.05rem;}
    .demo .player {margin: 0.2rem auto;position: relative;/*width: 16.2rem; height: 8.9rem;*/}

    .operation {display: flex; align-items: center; justify-content: space-between; width: 12rem; margin: 0.3rem auto 0;}
    .operation .btn1,.operation .btn2 {margin: 0;}
    .exit_btn1,.exit_popup-window {display: block;z-index:999; width: 1.89rem; height: 0.6rem;background-position: -3.85rem -0.97rem; overflow: hidden; text-indent: -9999rem; position: absolute; top: 0.36rem; right: 0.58rem;}

    .exit_btn2 {width: 2.3rem; height: 0.89rem; font-size: 0.26rem; display: none; justify-content: center; align-items: center; color: #bebebe; font-weight: bold; cursor: pointer; box-sizing: border-box; border: 1px solid #464a4d; position: absolute; top: -1.15rem; right: 0.28rem; line-height: 1;}
    .exit_btn2::before {content: ''; display: block; width: 0.28rem; height: 0.24rem; background: url(../img/icon3.png) no-repeat 0/100%;}
    .exit_btn2::after {content: ''; position: absolute; width: 90%; height: 0.89rem; bottom: -1px; left: 50%;border-top: 1px solid #282c2f;border-bottom: 1px solid #282c2f; box-sizing: border-box; transform: translateX(-50%); pointer-events: none;}

    .drill .data-box p,.patrol .data-box p{line-height: 1.9rem;}
    .drill-data {line-height: 1.2; font-size: 0.22rem;}
    .drill-data strong {color: #ca4d31;}

    .task {display: flex; justify-content: space-between; padding: 0.3rem 0.46rem;}
    .taks-list {width: 8.5rem; box-sizing: border-box; color: #c2c2c2;}
    .taks-list h4 {height: 1.27rem;display: flex; align-items: center; font-size: 0.42rem; color: #d2dbd3;}
    .taks-list h4::before {content: ''; display: block; width: 0.03rem; height: 0.38rem; background: #ef8752;margin: 0 0.18rem 0 0.22rem;}
    .taks-list ul {padding: 0 0.2rem; max-height: 6.33rem; overflow: hidden; overflow-y: auto; box-sizing: border-box;}

    .taks-list li {width: 7.69rem; min-height: 1rem;background:rgba(117,117,117,0.2); margin: 0.2rem auto 0; display: flex; position: relative; padding: 0.07rem; box-sizing: border-box; align-items: center; user-select: none;}
    /* .taks-list li::before {position: absolute; content: ''; left: 0; top: 0; margin: 0.07rem; border: 0.02rem solid rgba(255,255,255,0.1);  width: 8rem; height: 1.36rem; box-sizing: border-box; z-index: 0; pointer-events: none;} */
    .taks-list li:nth-child(1){margin-top: 0;}
    .taks-info {width: 3.4rem; display: flex; flex-direction: column; box-sizing: border-box; padding: 0.05rem 0.2rem; position: relative;}
    .taks-info p {font-size: 0.24rem; line-height: 1.2; min-height: 0.7rem;}
    .taks-info span {font-size: 0.18rem; line-height: 1.1;}
    .task-progress {width: 1.8rem; height: 3px; background: #1a1919; border: 1px solid #1a1919; margin-top: 0.02rem;}
    .task-progress div {width: 0; height: 3px; background: #e36c33;}
    /* .finish div {background: #585858;} */
    .taks-gift {display: flex; justify-content: center; align-items: center; width: 2.7rem; flex-direction: column; box-sizing: border-box; padding: 0.05rem 0.2rem;}
    .taks-gift>span {display: block; text-align: center; line-height: 1.2; padding-top: 0.05rem;}

    .taks-list li img {display: block; width: 0.89rem;}
    .taks-btn1,.taks-btn2,.taks-finish {display: block; width: 1.3rem; height: 0.53rem; line-height: 0.53rem; text-align: center; color: #adadad; font-size: 0.2rem; margin: 0 auto; position: relative; z-index: 2; border:1px solid;}
    .taks-btn1 {background:#ca4d31; color: #e0ddd0; border-color: #a26456;}
    .taks-btn2 {background: rgba(0, 0, 0, 0.5); color: #e0ddd0;border-color: #48494a;}
    .taks-finish {background: #7a7b7b;border-color: #7a7b7b; color: #353535; pointer-events: none;}


    .notice .content {display: flex; padding: 0 0.4rem;}
    .notice-nav {width: 2.58rem; height: 7.42rem; padding: 0.28rem 0 0;}
    .notice-nav li {width: 1.98rem; height: 2.48rem; box-sizing: border-box; color: #ca4d31; font-size: 0.28rem; display: flex; justify-content: center; flex-direction: column; align-items: center;background-color: rgba(0,0,0,0.5); border: 1px solid rgba(155, 155, 155, 0.2); cursor: pointer; margin-top:-1px; filter: grayscale(1);}
    .notice-nav li img {display: block; width: 0.72rem; height: 0.89rem; object-fit: contain;}
    .notice-nav li span {display: block; line-height: 1.2; text-align: center; padding: 0.1rem 0.1rem;}
    .notice-nav li.current {filter: initial; background-color: rgba(163,66,50,0.3); position: relative; z-index: 10;}
    .notice-nav li.current::before,.notice-nav li.current::after {content: ''; position: absolute; top: -1px; right: -1px; border: 1px solid #a34232; display: block; width:0.06rem; height: 2.48rem; box-sizing: border-box;}
    .notice-nav li.current::before {border-width: 1px 0 1px 1px; left: -1px;}
    .notice-nav li.current::after {border-width: 1px 1px 1px 0;}

    .notice-main {display: none; width: 14rem; padding-top: 0.27rem;}
    .notice-main h4 {height: 0.77rem; width: 13.7rem; display: flex; align-items: center; font-size: 0.4rem; color: #9b9b9b;  position: relative;background: rgba(117,117,117,0.2);}
    .notice-main h4::before {content: ''; display: block; width: 0.04rem; height: 0.36rem; background: #ef8752;margin: 0 0.13rem -0.04rem 0.05rem;}
    
    .notice-main h4::after{display: block;content: ''; position: absolute; width: 100%; height: 0.02rem; overflow: hidden; background:rgba(255,255,255,0.13); border:1px solid rgba(255,255,255,0.5); border-width: 0 0.55rem; bottom:0; left: 50%; box-sizing: border-box; transform: translate(-50%,0);}
    /* .notice-main::after {display: block;content: '';width: 100%; height: 0.02rem; overflow: hidden; background:rgba(255,255,255,0.13); border:0.1rem solid rgba(255,255,255,0.5); border-width: 0 0.1rem; box-sizing: border-box;} */
    .notice-content {height: 6.55rem; margin: 0.1rem auto; overflow: auto; position: relative; font-size: 0.28rem; color: #c2c2c2; }

    /* .punish {padding: 0;} */
    .notice-content h5 {padding: 0.2rem 0 0; font-size: 0.28rem;}
    .notice-content p {padding: 0.2rem 0 0 0.2rem; position: relative; width: 13.7rem; box-sizing: border-box;}
    .faq {padding-left: 0}
    .faq p:nth-child(2n) {padding: 0 0 0.2rem 0.2rem;}
    .faq p:nth-child(2n-1) {font-weight: bold;}
    .faq p:nth-child(2n):after{display: block;content: ''; position: absolute; width: 100%; height: 0.02rem; overflow: hidden; background:rgba(255,255,255,0.13); border:0.1rem solid rgba(255,255,255,0.5); border-width: 0 0.1rem; bottom:0; left: 50%; box-sizing: border-box; transform: translate(-50%,0);}

    .punish-content {padding: 0.98rem 0 0; position: relative;}

    .punish-content ul {height: 6.45rem; overflow: hidden; overflow-y: auto; padding-right: 0.2rem;}

    .punish-content ul li {font-size: 0.28rem; color: #7d7d7d;display: flex; width: 13.7rem; height: 0.8rem; justify-content: space-between; align-items: center; box-sizing: border-box; background: rgba(0,0,0,0.5); margin: 0.04rem 0 0;border: 1px solid rgba(101,103,105,0.2);}
    .punish-content ul li:first-child{position: absolute; height: 0.9rem; top: 0; left: 0; background: rgba(117,117,117,0.2); font-size: 0.4rem; color: #c2c2c2; margin: 0;}
    .punish-content ul li:first-child span{color: #c2c2c2!important;}

    .punish-content ul li span {display: flex; height: 100%; align-items: center; justify-content: center; text-align: center; flex:0 0 50%; border-right: 1px solid rgba(101,103,105,0.2);}
    .punish-content ul li span:nth-child(2) {flex:1; border: none; color: #ca4d31;}
    .punish-tips {height: 0.91rem; line-height: 0.66rem; text-align: center; font-size: 0.2rem; color:#7a7b7b; text-align: right; padding-right: 0.25rem;}
    .punish::after {display: none;}

    .publicity-tab {padding: 1.25rem 0 0 0.3rem; display: flex; justify-content: space-between; height: 10.3rem;}
    .publicity {width: 8.9rem; color: #c2c2c2; font-size: 0.3rem; background: rgba(0,0,0,0.2) url(//game.gtimg.cn/images/aqtw/act/a20230427patroller/texture1.png) no-repeat 50% 8.35rem/8.34rem 0.29rem; border: 0.02rem solid rgba(255,255,255,0.2); position: relative;}
    .publicity h4 {height: 1.27rem; display: flex; align-items: center; font-size: 0.4rem;}
    .publicity h4::before {content: ''; display: block; width: 0.04rem; height: 0.36rem; background: #ef8752;margin: 0 0.13rem -0.04rem 0.4rem;}
    .publicity-content {width: 8.36rem; margin: 0 auto;height: 6.8rem; overflow: auto; position: relative;}
    .publicity-content * {font-size: inherit!important;}
    .publicity-content img {max-width: 95%; height: auto!important;}
    .publicity::after,.publicity::before {display: block;content: ''; position: absolute; width: 8.36rem; height: 0.02rem; overflow: hidden; background:rgba(255,255,255,0.13); border:0.1rem solid rgba(255,255,255,0.5); border-width: 0 0.1rem; top: 1.24rem; left: 50%; box-sizing: border-box; transform: translate(-50%,0);}
    .publicity::after {top: initial; position: initial; transform: translate(0,0); margin: 0 auto;}




/* 弹窗 */
.pop_mask_mf { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.7; z-index: 998; display: none;}
.popup {width: 9.31rem; min-height: 2.6rem; background:url(../img/pixel.png) repeat 0 0/3px 3px,url(../img/popup_bg.png) no-repeat 50% -0.62rem/9.31rem 0.75rem; background-color: #191919; margin: 0 auto 0.55rem; padding: .1rem 0.1rem 0.3rem; box-sizing: border-box;  position: fixed; display: none; top: 50%; left: 50%;z-index: 9999; transform: scale(1) translate(-50%, -50%); color: #878787;}
.close-btn {display: block;width: 0.5rem; height: 0.53rem; overflow: hidden; text-indent: -9999rem; position: absolute; top: 0; right: -0.6rem; background:url(../img/popup_bg.png) no-repeat -8.77rem 0/9.31rem 0.75rem;}
.popup::after {content: ''; position: absolute;width: 9.22rem; bottom: 0.04rem; left: 50%; transform: translateX(-50%); box-sizing: border-box; height: 0.04rem; overflow: hidden; border-left: 0.04rem solid #3d3d3d; border-right: 0.04rem solid #3d3d3d;} 

/* .popup {display: block; transform: translate(0,0); margin: 0.5rem auto; left: 20%;position: initial;}
body {overflow: initial;height: initial;} */
.popup h3 {font-size: 0.24rem; color: #878787; text-indent: 0;height: 0.8rem; display: flex; align-items: center; position: relative;}
.popup h3::before {content: ''; display: block; width: 0.22rem; height: 0.22rem; background:url(../img/popup_bg.png) no-repeat -0.15rem -0.08rem/9.31rem 0.75rem; margin: 0 0.1rem;}
.popup h3::after {content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width:100%; height: 0.02rem; background:url(../img/popup_bg.png) no-repeat 50% -0.59rem/9.31rem 0.75rem;}

.hide-title h3{text-indent: -9999rem; height: 0;}
.popup-content {min-height: 3.5rem; display: flex; align-items: center;flex-direction: column; justify-content: center; font-size: 0.24rem; text-align: center;}
.common .popup-content {padding: 0 0.8rem;}
.popup-content strong {color: #ef8752;}
.bs {font-size: 0.52rem; font-weight: bold; color: #ef8752;}
.common-text {font-size: 0.32rem; font-weight: bold; color: #ef8752;}
.popup .agreement {padding: 0; border: none; justify-content: center; margin: 0.2rem auto; display: flex;}
.popup .agreement label { margin-right: 0.1rem;}
.popup .agreement input:checked+label::after {top: -0.08rem;}
.popup .agreement a {display: inline; width: initial;}
.popup .agreement p {line-height: 1;}

.patrol-popup {color: #c2c2c2; font-size: 0.24rem;}

.patrol-popup h4 {padding: 0.3rem 0.4rem 0; font-weight: normal;}
.tag-box {display: flex; flex-wrap: wrap; padding: 0.1rem 0.4rem;}
.tag-box li{margin: 0.1rem 0 0 0.1rem; padding: 0 0.2rem; height: 0.6rem; position: relative; color: #ef8752; line-height: 0.6rem; text-align: center; filter: grayscale(100%); background: url(../img/tag_bg.png) no-repeat 0 0/100% 100%; border-left: 1px solid #301f1b; border-right: 1px solid #301f1b; cursor: pointer;}
.tag-box li.current {filter: grayscale(0%);}
.tag-box li::after {position: absolute; content: ''; width: 100%; height: 1px; left: 50%; transform: translate(-50%,0); top: 0; border-left: 0.02rem solid #ef8752; border-right: 0.02rem solid #ef8752; pointer-events: none;}
.tag {width: 2.62rem; height: 0.6rem; position: relative; color: #ef8752; line-height: 0.6rem; text-align: center; margin: 0.15rem 0;}
.tag::after {position: absolute; content: ''; width: 1.6rem; height: 0.06rem; left: 50%; transform: translate(-50%,0); bottom: 0.04rem; background: #ef8752;}
.popup-checkbox {width: 8.46rem; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content:left;}
.popup-checkbox li {min-width: 50%; box-sizing: border-box; padding: 0.1rem 0 0.1rem 0.1rem;  display: flex; align-items: center; user-select: none;}
/* .popup-checkbox li:nth-child(3n) {flex: 1;}
.popup-checkbox li:nth-last-child(-n+2){border:none;} */

.popup-checkbox input[type="checkbox"] {display: block; width: 0.28rem; height: 0.28rem; background: url(../img/slt.png) no-repeat 0 0/0.28rem 0.56rem; appearance: none; border: none; outline: none; margin-right: 0.1rem;flex: 0 0 0.3rem;}
.popup-checkbox input[type="checkbox"]:checked {background-position: 0 bottom;}
.illegal-description {width: 8.46rem; margin: 0 auto;  border: 0.02rem solid #414343; border-radius: 0; background: none;box-sizing: border-box; font-size: 0.24rem; height: 1.28rem; outline: none; color: #c2c2c2; display: block;font-family: 'font_en';}
.popup-btn-box {display: flex; justify-content: space-between; padding: 0.2rem 0.30rem 0.1rem;}

.popup-checkbox2 {flex-direction: column;}
.popup-checkbox2 li {width: initial; height: initial; border: none;}
.popup-checkbox2 li:last-child {padding-bottom: 0.2rem;}

.patrol-result {padding: 0.3rem 0.6rem 0;}
.patrol-result:nth-child(2n) {padding-bottom: 0.6rem;}
.patrol-result p span {color: #eeeeee;}
.patrol-result p strong {color: #ef8752; font-weight: normal;}

.fail .popup-content { align-items: flex-start; box-sizing: border-box; padding: 0 1rem;}
.fail .popup-content h4,.fail .popup-content p {text-align: left;}


/* .popup h3.intro-title{text-indent: 0; height: 0.7rem; font-size: 0.3rem; color: #c2c2c2; text-align: center;border-bottom: 0.02rem solid #414343;} */
.intro .popup-content{text-align: left; padding: 0.3rem 0.6rem;align-items:flex-start; font-size: 0.24rem;}
.intro .popup-content p:nth-child(3) {margin-top: 0.3rem;}
.intro2 .popup-content {height: 4.5rem; overflow: auto; margin-bottom: 0.2rem; display: block; text-align: initial;}
.intro2 p {padding:0.1rem 0.6rem;font-size: 0.24rem;}
.intro2 p strong {color: #ef8752; font-weight: normal;}
.intro2 p:nth-of-type(1) {padding-top: 0.2rem;}

.demo-popup {color: #c2c2c2; font-size: 0.24rem;}
.demo-popup h3 {font-size: 0.3rem; color: #c2c2c2; text-indent: 0;height: 0.8rem; display: flex; align-items: center; border-bottom: 0.02rem solid #414343;}
.demo-popup h3::before {content: ''; display: block; width: 0.3rem; height: 0.3rem; background-position: -5.95rem -1.16rem; margin:0 0.1rem;}

.txp-watermark {display: none;}
/* .txp_progress_bar_container{} */
.txp_info_icon {pointer-events: none; display: none;}
.toast-for-result,.video-tips {position: absolute; top: 50%; left: 50%; padding: 0 0.2rem; min-width: 6.42rem; height: 0.93rem; font-size: 0.28rem; display: flex; justify-content: center; align-items: center; transform: translate(-50%,-50%); color: #d2dbd3; white-space:nowrap; z-index: 99999; background: url(../img/main_bg.png) no-repeat 50% 50%/17.58rem 9.98rem; border: 1px solid #7b7c7c;}
.toast-for-result {position: fixed;}

.popup-window {position: fixed; width: 100%; height: 100%; left:0; top:0; z-index: 999; display: none;}
.exit_popup-window {top: initial; bottom: 0.3rem; right: initial; position: fixed;}

.login-popup ul,.share-btn {display: flex; justify-content: space-between;padding: 0.8rem 2rem;}
.icon-wx,.icon-qq,.icon-qz,.icon-pyq {display: block;  width: 1.9rem; line-height: 0.8rem; text-align: center; color: #878787; white-space: nowrap; font-size: 0.28rem;}
.icon-wx::before,.icon-qq::before,.icon-qz::before,.icon-pyq::before{content: ''; display: block; width: 1.77rem; height: 1.67rem; box-sizing: border-box; margin: 0 auto; filter: grayscale(1) brightness(2);}
.icon-wx::before {background:url(../img/wx.png) no-repeat 50% 50%/contain;}
.icon-qq::before {background:url(../img/qq.png) no-repeat 50% 50%/contain;}
.icon-pyq::before {background:url(../img/pyq.png) no-repeat 50% 50%/contain;}
.icon-qz::before {background:url(../img/qz.png) no-repeat 50% 50%/contain;}
.copy-url {width: 7rem; height: 0.7rem; margin: 0.2rem auto 0; display: flex; align-items: center; text-align: center; font-size: 0.24rem; color: #989693; border: 0.01rem solid #878787; background: rgba(0, 0, 0, 0.2); outline: none;}

.bind-item {display: flex; justify-content: center; align-items: center; width: 6.2rem; margin: 0 auto; padding: 0.3rem 0 0;color: #b1aea8;}
.bind-item strong{display: block; width: 1.57rem; height: 0.6rem; font-size: 0.24rem; line-height: 0.6rem;  text-align: center; white-space: nowrap; background: rgba(0, 0, 0, 0.5); border: 1px solid #414343; border-right: 0;}
.bind-item span {display: flex;align-items:center;position: relative;width: 4.52rem; height: 0.6rem;line-height: 0.6rem;font-size: 0.24rem;border: 1px solid #414343; border-left: 0;padding:0 0 0 0.2rem; color: #fff;}
.bind-item span label {display: inline-flex; width: 1.5rem; height: 100%; align-items: center; color: #fff;}
.bind-item span label input {margin-right: 0.1rem;}

/* .footer,.footer_copyright #ot-sdk-btn.ot-sdk-show-settings, .footer_copyright #ot-sdk-btn.ot-sdk-show-settings:hover {font-size: 0.24rem;} */

.ZH-HANT .patroller-btn {margin-top: 0.85rem;}
.ZH-HANT .popup-checkbox li {min-width: 33.3%;}

.JA .str34.btn1 {font-size: 0.26rem;}
.JA .str111.btn3 {font-size: 0.26rem;}
.JA .toast-for-result,.JA .video-tips {font-size: 0.2rem;}

.EN .popup-checkbox li {min-width: 33.3%;}

.TH .exit_btn2 {width: 3rem;}
.TH .btn3.str111,.TH .btn3.str112 {line-height: 1.1; text-align: center; padding-left: 0.1rem; padding-right: 0.1rem;}

.DE .notice-nav span.str77 {font-size: 0.26rem;}