@charset "UTF-8";
/*  2022 by tea */
html { overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size: 0.24rem; color: #333; background-color: #ffffff;;min-width: 320px;font-family: Helvetica,STHeiti,Droid Sans Fallback}
body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, cude, i { margin: 0; padding: 0; list-style: none; vertical-align: middle; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { outline: none; }
ol, ul, li { list-style: none; }
em, i { font-style: normal; vertical-align: top; }
img, input { border: none; outline: none; -webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
header, footer, section, aside, article, nav, dialog, figure { display: block; }
.cf:after { content: ''; display: block; height: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
::-webkit-scrollbar { display: none; }
::-webkit-input-placeholder, ::placeholder { color: #ccc; }
/* public */
.mgb60{margin-bottom: .30rem!important;}
.mgb40{margin-bottom: .40rem!important;}
.mgt60{margin-bottom: .60rem!important;}
.mgt40{margin-bottom: .40rem!important;}
.mgb30{margin-bottom: .3rem!important;}
.mgt30{margin-top: .3rem!important;}
.hide { display: none; }
.margin20{margin: 0 .2rem;}
/* icon */
.md-header .search .url2,.md-header .login a,.md-feedback a,.md-comment .comment-title p a,.md-comment .comment-title .comment-url,.comment-box .ft p i,.md-search .txt,.md-fixed p,.md-fixed i,.icon-hot, .icon-new, .icon-sf, .icon-xf, .icon-hd,.icon-sd, .icon-bsd{background: url('/images/2022/icon.png') no-repeat;background-size:1rem 28rem;}

/* header */
.md-header-fixed{height: 2rem;position: relative;overflow: hidden;}
.md-header {position: fixed;top: 0;left: 0;width: 100%;height: 0.6rem;padding: 0.2rem 0;background-color: #fff;overflow: hidden;z-index: 99;}
.md-header .logo { float: left; padding: 0.07rem 0 0.07rem 0.24rem; }
.md-header .logo img {width: 2.34rem;height: 0.44rem;display: block;}
.md-header .search {margin: 0 1.12rem 0 2.84rem;position: relative;}
.md-header .search .url1 { display: block; width: 100%; height: 0.6rem; line-height: 0.6rem; padding-left: 0.28rem; background-color: #f3f3f3; background-position: right -0.7rem; border-radius: 0.3rem; box-sizing: border-box; font-size: 0.26rem; color: #959595; }
.md-header .search .url2 {position: absolute;top: 0;right: 0;display: block;width: 0.7rem;height: 0.6rem;line-height: 5rem;overflow: hidden;cursor: pointer;background-position: .1rem .12rem;}
.md-header .login {position: absolute;top: 0.2rem;right: 0.24rem;width: 0.6rem;height: 0.6rem;}
.md-header .login a { display: block; width: 0.6rem; height: 0.6rem; background-position: 0 -.66rem; }
.md-header .login img { width: 0.54rem; height: 0.54rem; border: 0.02rem solid #fff; border-radius: 50%; }
.md-header .login .new-message { position: relative; }
.md-header .login .new-message span { position: absolute; top: 0; right: -0.06rem; display: block; padding: 0 0.06rem; height: 0.24rem; line-height: 0.24rem; font-size: 0.2rem; background: #f00; border-radius: 0.15rem; color: #fff; }

.md-con-fixed{height: .96rem;margin-bottom: 0.2rem}
.con-header { position: fixed; top: 0; left: 0; width: 100%; height: 0.96rem; line-height: 0.96rem; background: #fff; color: #333333; z-index: 99; }
.con-header .back, .con-header .back-home,.con-header .index-btn,.con-header .share,.con-header .fav-btn,.con-header .faved-btn,.con-header .cancel { position: absolute; display: block; color: #333333; }
.con-header .back { top: 0.06rem; left: 0; font-size: 0.4rem; line-height: 2rem; width: 0.2rem; height: 0.2rem; border-left: 0.04rem solid #b4b3b3; border-bottom: 0.04rem solid #b4b3b3; margin: 0.3rem 0 0.3rem 0.32rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); overflow: hidden; z-index: 5;}
.con-header em { display: block; height: 0.96rem; text-align: center; font-size: 0.32rem; font-weight: bold;}
.con-header .share { top: 0; right: 0; width: 0.76rem; height: 0.96rem; line-height: 3rem; background-position: 0 -20rem; overflow: hidden; }
.con-header .cancel { top: 0; right: 0; font-size: 0.28rem; width: 1.16rem; height: 0.96rem; line-height: 0.96rem; text-align: center; }
.con-header .back-home { top: 0.22rem; right: 0.2rem; width: 1.28rem; height: 0.44rem; line-height: 0.44rem; text-align: center; border: 1px #b4b3b3 solid; font-size: 0.26rem; border-radius: 0.1rem; }
.con-header .search-btn{width: .6rem;height: .6rem;right: .1rem;top: .2rem;background: url('/images/2022/icon.png') no-repeat;background-size:1rem 28rem ;background-position: .1rem .1rem;}
.con-header .fav-btn{background: url('/images/2022/icon.png') no-repeat;background-size:1rem 28rem ;background-position: .1rem -3.26rem;right: 0;top: 0;height: .96rem;width: .76rem;}
.con-header .faved-btn{background-position: .1rem -4.32rem;}


.con-header .index-btn{background:#e5faf2 url('/images/2023/header_fix_icon.png') no-repeat;background-size: .4rem 2.6rem;width: 1rem;height:.44rem;right:.3rem;top: .24rem;background-position: 0.1rem 0.04rem;box-sizing: border-box;border-radius: .22rem;padding-left: .42rem;font-size: .22rem;line-height: .44rem;color: #00cc7d;user-select: none;}

/* md-nav */
.md-nav {padding: 0 .2rem;position: fixed;top: 1rem;left: 0;width: 100%;height: 1rem;line-height: .8rem;overflow: hidden;background: #fff;box-sizing: border-box;z-index: 99;}
.md-nav a { float: left; width: 20%; text-align: center; font-size: 0.32rem; position: relative; }
.md-nav .cur { color: #333333; font-weight: bold;}
.md-nav .cur::after {position: absolute;bottom: 0rem;left: 50%;margin-left: -0.17rem;width: 0.34rem;height: 0.08rem;line-height: 0;font-size: 0;background: #00cc7d;border-radius: 0.04rem;content: "";}
.md-nav .new::before { position: absolute; top: 0.2rem; right: 0.3rem; width: 0.12rem; height: 0.12rem; background: #f00; border-radius: 50%; content: ""; }

/* loading */
.loadmore { /*height: 0.64rem;*/ line-height: 0.64rem;  text-align: center; margin: .4rem 0;color: #b4b3b3;background: #fff;}
.loadmore img{width: .5rem;height: .5rem;}
.loadmore p{text-align: center;color:#959595;font-size: 0.28rem;position: relative;height: 0.64rem;}
.loadmore p::before{display: block;position: absolute;top:0.32rem;left:50%;width: 5rem;margin-left: -2.5rem;height: 1px;background-image: linear-gradient(to right, #f1f1f1 0%, #d7d7d7 50%,#f1f1f1 100% );content: "";}
.loadmore p span{position: absolute;top:0;left:50%;margin-left:-1.2rem;display: block;width: 2.4rem;background: #fff;}
.loadmore a { display: block; width: 1.5rem; margin: 0 auto; font-size: 0.28rem; color: #999; position: relative; }
.loadmore a::after {display: block;position: absolute;top: 0.2rem;right: -.1rem;content: "";width: 0.14rem;height: 0.14rem;border-bottom: 0.02rem #999 solid;border-right: 0.02rem #999 solid;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.nomore{height: 1rem;line-height: 1rem;text-align: center;color:#959595;font-size: 0.28rem;position: relative}
.nomore span{position: absolute;top:0;left:50%;margin-left:-0.89rem;display: block;width: 1.78rem;background: #fff;}
.nomore::before{display: block;position: absolute;top: 0.5rem;left:50%;width: 5rem;margin-left: -2.5rem;height: 1px;background-image: linear-gradient(to right, #f1f1f1 0%, #d7d7d7 50%,#f1f1f1 100% );content: "";}
/* go-top */
.md-backtop{position: fixed;right: 0.3rem;bottom: 1.5rem;width: 0.88rem;height: 0.88rem;overflow: hidden;z-index: 20;display: none;}
.md-backtop a{display: block;width: 0.88rem;height: 0.88rem;line-height: 5rem;overflow: hidden;background: url('/images/2022/backtop.png') no-repeat;background-size:0.88rem 0.88rem}

/* icon */
.icon-hot, .icon-new, .icon-sf, .icon-xf, .icon-hd, .icon-sd, .icon-bsd { display: block; position: absolute; top: -0.05rem; left: -0.06rem; width: 0.66rem; height: 0.66rem; }
.icon-hot { background-position: 0 -12.38rem; }
.icon-new { background-position: 0 -13.08rem; }
.icon-sf { background-position: 0 -11.68rem; }
.icon-xf { background-position: 0 -13.78rem; }
.icon-hd { background-position: 0 -14.48rem; }
.icon-sd { background-position: 0 -15.26rem; }
.icon-bsd { background-position: 0 -15.98rem; }
 
/* md-list */
.md-list .list-head{font-weight: bold;font-size: .32rem;margin-bottom: .3rem;background-color: #fff;}
.md-list li {position: relative;margin: 0.06rem 0 0.3rem;background: #fff;height: 1.1rem;}
.md-list li a { display: block; position: relative;}
.md-list li img { float: left; width: 1.1rem; height: 1.1rem; border-radius: 0.24rem; }
.md-list li em, .md-list li span, .md-list li p { display: block; margin-left: 1.3rem; }
.md-list li em { display: inline-block; margin-left: 0.2rem; height: 1.1rem; line-height: 1.1rem; font-size: 0.36rem; padding-right: 1.5rem; margin-bottom: 0.06rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-list li span { height: 0.36rem; line-height: 0.36rem; color: #959595; font-size: 0.22rem; }
.md-list li p { height: 0.32rem; line-height: 0.32rem; padding-right: 1.5rem; color: #959595; font-size: 0.22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-list li i { top: -.06rem; left: -.06rem; }
.md-list li .btn {position: absolute;top: 0.27rem;right: 0;width: 1.28rem;height: 0.24rem;line-height: 0.24rem;padding: 0.16rem 0;text-align: center;border-radius: 0.1rem;border: 1px solid #00cc7d;color: #00cc7d;}
.md-list li .btn.off{color:#999999;border: 1px solid #999999;}
.md-list li .btn.coming{color:#999999;border: 1px solid #999999;}
.md-list .have-gift em { line-height: 0.4rem; display: inline-block; margin-left: 0.2rem; padding-right: 0.5rem;}
.md-list li p strong { color: #00cc7d; font-weight: normal; }

/* md-fixed */
.md-fixed {position: fixed;left: 0;width: 100%;height: 1.2rem;background: rgba(0, 0, 0, 0.4);z-index: 100;bottom: 0;}
.md-fixed a { display: block; height: 0.9rem; padding: 0.15rem 0.3rem 0.15rem 0.78rem; position: relative; }
.md-fixed img { float: left; width: 0.9rem; height: 0.9rem; }
.md-fixed i { display: block; position: absolute; top: 0.23rem; right: 0.2rem; width: 1.32rem; height: 0.74rem; line-height: 0.74rem; padding-left: 0.68rem; background-color: #00cc7d; border-radius: 0.1rem; color: #fff; font-size: 0.28rem; background-position: 0.18rem -16.85rem; overflow: hidden;}
.md-fixed em { display: block; height: 0.34rem; line-height: 0.34rem; padding-top: 0.08rem; font-size: 0.28rem; margin-left: 1.1rem; color: #fff; }
.md-fixed span { display: block; height: 0.5rem; line-height: 0.5rem; color: #ccc; font-size: 0.22rem; margin-left: 1.1rem; }
.md-fixed p {position: absolute;top: 0;left: 0;width: 0.68rem;height: 1.2rem;line-height: 0;font-size: 0;background-position: 0.3rem -17.75rem;}

.yunwan-fix.md-fixed i,.yunwan-fix.md-fixed p{background: url('/images/2022/new_mdfixed.png') no-repeat;background-size:.6rem 1.34rem ;}
.md-fixed.yunwan-fix a{padding:0.15rem 0.3rem 0.15rem 0.68rem ;}
.md-fixed.yunwan-fix i{padding: 0;width: 1.3rem;font-size: .3rem;padding-left: .52rem;box-sizing: border-box;background-position: .14rem -.72rem;background-color: #00cc7d;}
.md-fixed.yunwan-fix p{background-position: .18rem .44rem;}
.md-fixed.yunwan-fix em{font-weight: bold;font-size: .3rem;margin-left: 1rem;}
.md-fixed.yunwan-fix span{margin-left: 1rem;}


/* md-swiper */
.md-swiper{position: relative;height: 2.2rem;overflow: hidden;width: auto;margin-bottom: .3rem;border-radius: .2rem;}
.md-swiper .swiper-slide{width: 100%;display: block;height: 2.2rem;overflow: hidden;border-radius:.2rem ;position: relative;}
.md-swiper .swiper-slide img{width: 100%;height: 100%;display: block;}
.md-swiper .swiper-pagination-bullets{bottom: .1rem!important;text-align: right;padding: 0 .2rem;box-sizing: border-box;}
.md-swiper .swiper-pagination-bullet{width: .12rem;height: .12rem;background: #fff;opacity:0.7;}
.md-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;width: .2rem;border-radius: .07rem;transition: all .5s linear;opacity: 1;}

/*  */
.md-search {padding: 0.16rem .24rem 0 0.84rem;position: relative;}
.md-search form { padding-right: 0.84rem; }
.md-search .txt {display: block;width: 100%;height: 0.64rem;line-height: 0.64rem;padding-left: 0.62rem;font-size: 0.26rem;color: #333;background-position: .14rem .16rem;background-color: #f5f5f5;box-sizing: border-box;border-radius: 0.32rem;}
.md-search .btn {display: block;position: absolute;top: 0.16rem;right: .24rem;width: 0.64rem;height: 0.64rem;line-height: 0.64rem;text-align: center;color: #00cc7d;font-size: 0.3rem;background: none;border: none;}
.md-search .close {position: absolute;top: 0.16rem;right: 1.2rem;width: 0.64rem;height: 0.64rem;line-height: 0;font-size: 0;background: url('/images/2022/search_close.png') center center no-repeat;background-size: 0.36rem 0.36rem;display: none;}
.search-keyword { position: fixed; top:.96rem; left:0; background: #fff; border: 1px solid #ccc; z-index: 99;width: 100%; height:calc(100% - 0.96rem); padding: 0;box-sizing: border-box;border: none;overflow: hidden;}
.search-keyword ul{height: 100%;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling:touch;}
/* .search-keyword ul::-webkit-scrollbar{ width: 0.05rem;}
.search-keyword ul::-webkit-scrollbar-thumb{background-color: #D7DADB;border-radius: 3px;}
.search-keyword ul::-webkit-scrollbar-track{ border-radius: 3px; } */
.search-keyword ul::-webkit-scrollbar{ display:auto;}
.search-keyword li.search-classify{padding: .32rem 0;border-bottom: 1px solid #eee;}
.search-keyword li.search-classify a{padding: 0 .6rem;box-sizing: border-box;position: relative;}
.search-keyword li.search-item { height: 0.94rem; line-height: 0.94rem; font-size: .3rem;border-bottom: 1px solid #eee;}
.search-keyword li.search-item  a{ display: block; padding:0  0.6rem;position: relative;color: #666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.search-keyword .search-item p { height: 0.5rem; line-height: 0.5rem; text-align: center; }
.search-keyword .search-item p a { display: block; position: relative;}
.search-keyword .search-item a:hover { background: #F3F3F3; }
.search-keyword li.search-item span{display: inline-block;border: 1px solid #00cc7d;border-radius: .08rem;text-align: center;padding: 0 .1rem;height: .4rem;line-height: .42rem;color: #00cc7d;margin-right:.2rem ;font-size: .26rem;vertical-align: initial;}
.search-keyword li.search-item i{float: right;font-size: .28rem;color: #959595;}
.search-keyword li.search-item b{color: #00cc7d;font-weight: normal;}
#bpic { height: 0; overflow: hidden; }
#topm{display: none;}


/* 2023 0301*/
.overflow { width: 100%; position: absolute; overflow: hidden; height: 100%; }
.md-adddesktop{position: fixed;right: 0.3rem;bottom:1.5rem;width: 0.88rem;height: 0.88rem;overflow: hidden;z-index: 20;background: url('/images/2023/adddesktop.png') no-repeat center;background-size: 100%;}
.desktop-pop-wrap{position: fixed;left: 0;top: 0;bottom: 0;right: 0;height: 100%;width: 100%;z-index: 200;overflow: hidden;display: none;}
.desktop-pop{width:100%;min-height: 50%;max-height: 70%;overflow: auto;position: absolute;left: 0;bottom: 0;background-color: #fff;border-radius: .2rem .2rem 0 0;z-index: 2;padding: .3rem .26rem 0;box-sizing: border-box;color: #333;transform: translateY(100%);transition: 1s transform;}
.desktop-pop-wrap .desktop-pop.animatePop{transform: translateY(0%);}

.desktop-p-tit{font-size:.4rem;font-weight: bold ;text-align: center;}
.desktop-p-linktxt{text-align: center;color: #666666;font-size: .28rem;padding-top: .1rem;}
.desktop-p-stepbox{padding-top:.55rem;}
.desktop-p-stepbox p{font-size: .32rem;font-weight: bold;line-height: .38rem;}
.desktop-p-stepbox img{margin-top: .3rem;width: 100%;border: 1px solid #ccc;}
.desktop-mask{background:rgba(0, 0, 0, 0.6);position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
.desktop-pop-wrap .desktop-close{width: .4rem;height: .4rem;position: absolute;right: .2rem;top: .2rem;background: url('/images/2023/close.png') no-repeat center;background-size: .26rem .26rem;}
/* all-activity */
.activitylist-ul li{margin-bottom: .48rem;background-color: #fff;border-radius: .2rem;overflow: hidden;box-shadow: 0 2px 10px #ccc;}
.activitylist-ul li a{display: block;width: 100%;position: relative;}
.activitylist-ul li  img{width: 100%;display: block;height: 2.38rem;}
.activitylist-ul li .activity-info{overflow: hidden;padding:.18rem;display: flex;align-items: center;justify-content:space-between}
.activitylist-ul li .activity-info .activity-name-time{flex: 1;}
.activitylist-ul li .activity-info span{height: .48rem;line-height: .48rem;text-align: center;border:1px solid #00cc7d;border-radius: .1rem;width: 1.38rem;color: #00cc7d;margin-left: .44rem;}
.activitylist-ul li .activity-info .activity-name-time p{font-size:.28rem ;margin-bottom: .1rem;overflow:hidden; 
text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.activitylist-ul li .activity-info .activity-name-time em{color: #959595;}
.activitylist-ul li a:active{background-color: #f5f5f5;}
.activitylist-ul li i{height: .45rem;line-height: .48rem;text-align: center;color: #fff;position: absolute;left: 0;top: 0;border-radius: .2rem 0 .2rem 0;padding: 0 .2rem;background-color: #ffa504;}
.activitylist-ul li i.ing-tag{background-color: #00cc7d;}
.activitylist-ul li i.end-tag{background-color: #bdbdbd;}
.activitylist-ul li i em{background: url('/images/2023/ontiime_icon.png') no-repeat center;background-size: 100%;width: .26rem;height: .26rem;display: inline-block;vertical-align: text-top;margin-right: .04rem;}
/* 20230403 */

.md-list .have-djq em {line-height: 0.4rem;display: inline-block; margin-left: 0.2rem; padding-right: 0.5rem;}

/* 20230619 */
.null-gamelist{padding-top: 3rem;}
.null-gamelist span{display:block;width:3.6rem;line-height:0.6rem;padding-top:2.6rem;color: #aaa;font-size: 0.24rem;text-align: center;margin: 0 auto;background: url(/images/2023/null/null-search.png) center top no-repeat;background-size: 2.54rem 2.54rem}

/*202308*/
.md-header .login  .before a{background: url('/images/2023/new-default-avatar.png') no-repeat center;background-size: 100% 100%;background-position: 0 0!important;}

/* 20230911 */
.md-list li p sup,.md-list li span sup{padding-left: .24rem;color: #ffa504;margin-right: .18rem;vertical-align: baseline;font-size: .24rem;font-weight: bold;display: inline-block;height: .24rem;line-height: .24rem;}

.battle-con .battle-list li em{width:.77rem;height: .38rem;box-sizing: border-box;position: absolute;right: .11rem;top: .12rem;background: rgba(0, 0, 0, 0.5)url('/images/2023/all_score_icon.png') no-repeat;background-size: .18rem .78rem;background-position: .1rem -.52rem;color: #ffa504;border-radius: .1rem;padding:.07rem  0 .05rem .34rem;text-align: left;font-size: .24rem;font-weight: bold;line-height: .24rem;}