@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}
html,body{
	/*touch-action: none;
   -ms-touch-action: none;
   -webkit-touch-callout:none;*/
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
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: .60rem!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/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 0.12rem 0 2.84rem;position: relative;}

.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 -0.64rem;}


.md-con-fixed{height: .96rem;}
.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 a { 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: url('/images/2022/backindex_icon.png') no-repeat;background-size: .56rem 1.86rem;width: .76rem;height:.96rem;right: 0;top: 0;background-position: 0.1rem .25rem;}
/* 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: 25%; 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;}
.loadmore img{width: .5rem;height: .5rem;}
.loadmore p{text-align: center;color:#959595;font-size: 0.28rem;position: relative;height: .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 { height: 0.64rem; line-height: 0.64rem; background: #fff; text-align: center; }
.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/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: 0.36rem; line-height: 0.36rem; font-size: 0.28rem; 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:#B1BDC5;border: 1px solid #B1BDC5;}
.md-list .have-gift em { line-height: 0.4rem; display: inline-block; margin-left: 0.2rem; padding-right: 0.5rem; background: url('/images/2022/gift.png') right 0.04rem no-repeat; background-size: 0.26rem 0.26rem; }
.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: absolute; top: 0.8rem; left: 0.8rem; right: 1.6rem; background: #fff; border: 1px solid #ccc; z-index: 99; }
.search-keyword li { height: 0.7rem; line-height: 0.7rem; }
.search-keyword li a { display: block; padding-left: 0.2rem; border-bottom: 1px solid #f6eeee; position: relative;}
.search-keyword p { height: 0.5rem; line-height: 0.5rem; text-align: center; }
.search-keyword p a { display: block; position: relative;}
.search-keyword a:hover { background: #F3F3F3; }

#bpic { height: 0; overflow: hidden; }
#topm{display: none;}