@charset "UTF-8";
/* 20170809 by sy */
html { overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font-size: 0.24rem; color: #333; background: #f5f5f5; }

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; }

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, scrollbar { display: none; }

::-webkit-input-placeholder, placeholder { color: #ccc; }

/* public */
.pdt24 { padding-top: 0.24rem; }

.mgt14 { margin-top: 0.14rem; }

.mgb14 { margin-bottom: 0.14rem; }

.hide { display: none; }

.md-header .search a, .md-header .login .before a, .icon-hot, .icon-new, .icon-sf, .icon-xf, .icon-hd, .md-list .have-gift em, .md-fixed i, .md-fixed p, .md-search .txt, .con-header .share, .md-comment .comment-title a, .md-comment .comment-title .comment-url, .md-comment .comment-list .operation a, .comment-box .ft p i, .module .hd .up, .module .hd .down { background: url(/images/new/icon.png) no-repeat; background-size: 0.78rem 28rem; }

.md-category a { background: url(/images/new/category1.png) no-repeat; background-size: 0.78rem 25.98rem; }

.module { background: #fff; }

.module .hd { height: 0.3rem; padding: 0.24rem; overflow: hidden; }

.module .hd .title { float: left; height: 0.3rem; line-height: 0.3rem; padding-left: 0.32rem; position: relative; font-size: 0.28rem; }

.module .hd .title1 { float: left; height: 0.3rem; line-height: 0.3rem; position: relative; padding-left: 0.26rem; font-size: 0.28rem; }

.module .hd .title::before { position: absolute; top: 0.03rem; left: 0; content: ""; width: 0.08rem; height: 0.24rem; line-height: 0; font-size: 0; border-radius: 0.04rem; background: #3d94ee; }

.module .hd .more { float: right; height: 0.3rem; line-height: 0.32rem; color: #959595; font-size: 0.26rem; position: relative; }

.module .hd .more:after { display: none; width: 0.36rem; height: 0.3rem; position: absolute; top: 0; right: 0; content: ""; background: url(/images/new/arrow1.png) center right no-repeat; background-size: 0.12rem 0.22rem; }

.module .hd .up, .module .hd .down { float: right; width: 0.24rem; height: 0.24rem; line-height: 2rem; margin-top: 0.03rem; overflow: hidden; background: url(/images/new/updown.png) no-repeat; background-size: 0.22rem 0.5rem; }

.module .hd .down { background-position: 0 -0.28rem; }

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

.icon-new { background-position: 0 -8.38rem; }

.icon-sf { background-position: 0 -6.98rem; }

.icon-xf { background-position: 0 -9.08rem; }

.icon-hd { background-position: 0 -9.78rem; }

.icon-sd { background: url(/images/new/icon-sd.png) no-repeat; background-size: 100% 100%; }

.icon-bsd { background: url(/images/new/icon-bsd.png) no-repeat; background-size: 100% 100%; }

.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.22rem; right: 0; 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); }

.lookmore, .nomore { display: block; width: 100%; height: 0.9rem; line-height: 0.9rem; color: #999; text-align: center; position: relative; }

.lookmore::after { position: absolute; top: 0; width: 0.3rem; height: 0.9rem; content: ""; left: 50%; margin-left: -1.2rem; background: url(/images/new/load.gif) center center no-repeat; background-size: 0.28rem 0.28rem; }

.nomore::after { display: none; }

.md-header-fixed { height: 1.94rem; position: relative; overflow: hidden; }

.md-con-fixed { height: 1.1rem; }

/* md-header */
.md-header { position: fixed; top: 0; left: 0; width: 100%; height: 0.6rem; padding: 0.25rem 0; overflow: hidden; background: #3d94ee; 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; }

.md-header .search { margin: 0 1.12rem 0 2.88rem; position: relative; }

.md-header .search .url1 { display: block; width: 100%; height: 0.6rem; line-height: 0.6rem; padding-left: 0.28rem; background-color: #fff; background-position: right -0.7rem; border-radius: 0.3rem; box-sizing: border-box; font-size: 0.26rem; color: #95bfea; }

.md-header .search .url2 { position: absolute; top: 0; right: 0; display: block; width: 0.7rem; height: 0.6rem; line-height: 5rem; cursor: pointer; }

.md-header .login { position: absolute; top: 0.25rem; right: 0.24rem; width: 0.6rem; height: 0.6rem; }

.md-header .login a { display: block; width: 0.6rem; height: 0.6rem; background-position: 0 0; }

.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-nav */
.md-nav { position: fixed; top: 1.1rem; left: 0; width: 100%; height: 0.84rem; line-height: 0.84rem; overflow: hidden; background: #fff; z-index: 99; }

.md-nav a { float: left; width: 20%; text-align: center; font-size: 0.32rem; position: relative; }

.md-nav .cur { color: #3d94ee; }

.md-nav .cur::after { position: absolute; bottom: 0.04rem; left: 50%; margin-left: -0.17rem; width: 0.34rem; height: 0.08rem; line-height: 0; font-size: 0; background: #3d94ee; 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: ""; }

/* md-list */
.md-list li { padding: 0.2rem 0.24rem; position: relative; margin-bottom: 0.14rem; background: #fff; }

.md-list .list-head {height: 0.53rem;line-height: 0.39rem;padding: 0 0.2rem;font-size: 0.3rem;color: #333333}

.md-list .list-head img{height: 0.39rem;vertical-align: top}

.md-list li a { display: block; }

.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: 0.14rem; left: 0.18rem; }

.md-list li .btn { position: absolute; top: 0.46rem; right: 0.24rem; width: 1.26rem; 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 .btn1 { position: absolute; top: 0.46rem; right: 0.24rem; width: 1.3rem; height: 0.6rem; line-height: 0.6rem; text-align: center; border-radius: 0.1rem; color: #fff; background: #00cc7d; }

.md-list li .enter { position: absolute; top: 0.46rem; right: 0.24rem; width: 1.26rem; height: 0.56rem; line-height: 0.56rem; text-align: center; border-radius: 0.1rem; border: 1px solid #00cc7d; color: #00cc7d; }

.md-list .have-gift em { line-height: 0.4rem; display: inline-block; margin-left: 0.2rem; padding-right: 0.5rem; background: url(/images/new/gift.png) right 0.04rem no-repeat; background-size: 0.26rem 0.26rem; }

.md-list li p strong { color: #00cc7d; font-weight: normal; }

/* md-game */
.md-game .hd .more { color: #fff; }

.md-game .hd .more::after { border-color: #fff; }

.md-game .bd .box { height: 3.72rem; overflow: hidden; padding-bottom: 0.05rem; }

.md-game .bd ul { padding: 0 0.25rem; }

.md-game .bd li { float: left; width: 25%; text-align: center; }

.md-game .bd img { width: 1.24rem; height: 1.24rem; border-radius: 0.16rem; }

.md-game .bd em { display: block; height: 0.56rem; line-height: 0.56rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.03rem; }

.md-game .bd .btn { display: block; width: 1.24rem; height: 0.46rem; line-height: 0.46rem; margin: 0 auto; border: 1px solid #fff; color: #fff; border-radius: 0.25rem; }

.md-game .switch { height: 0.7rem; line-height: 0.7rem; border-top: 1px #e3e3e3 solid; }

.md-game .switch a { display: block; width: 0.84rem; margin: 0 auto; color: #555; font-size: 0.26rem; position: relative; }

.md-game .switch a::after { display: block; position: absolute; top: 0.2rem; right: 0; content: ""; width: 0.14rem; height: 0.14rem; border-bottom: 1px #555 solid; border-right: 1px #555 solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.md-game .up .box { height: auto; }

.md-game .up .switch a::after { top: 0.28rem; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

.md-game .bd .icon { display: block; position: relative; width: 1.24rem; margin: 0 auto; padding-top: 0.05rem; }

.md-game .bd .bdbox { height: auto; overflow: hidden; }

.md-game .bd i { top: 0; }

/* footer */
footer .ft { padding: 0.28rem 0 0.16rem 0; text-align: center; }

footer .ft img { width: 2.34rem; height: 0.44rem; margin-bottom: 0.18rem; }

footer .ft p { line-height: 0.42rem; font-size: 0.22rem; color: #bbbbbb; }

/* 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 -14.12rem; }

.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.78rem; height: 1.2rem; line-height: 0; font-size: 0; background-position: 0.3rem -15.04rem; }

/* content header */
.con-header { position: fixed; top: 0; left: 0; width: 100%; height: 0.96rem; line-height: 0.96rem; background: #3d94ee; color: #fff; z-index: 99; }

.con-header a { position: absolute; display: block; color: #fff; }

.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 #fff; border-bottom: 0.04rem solid #fff; margin: 0.3rem 0 0.3rem 0.32rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); overflow: hidden; }

.con-header em { display: block; height: 0.96rem; text-align: center; font-size: 0.32rem; }

.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.24rem; right: 0.3rem; width: 1.28rem; height: 0.44rem; line-height: 0.44rem; text-align: center; border: 1px #fff solid; font-size: 0.26rem; border-radius: 0.1rem; }

/* md-search */
.md-search { padding: 0.16rem 0.54rem; position: relative; box-shadow: 0 0.02rem 0.04rem #eee; }

.md-search form { padding-right: 0.84rem; }

.md-search .txt { display: block; width: 100%; height: 0.64rem; line-height: 0.64rem; padding-left: 0.72rem; font-size: 0.26rem; color: #333; background-position: 0.2rem -18.54rem; background-color: #f5f5f5; box-sizing: border-box; border-radius: 0.32rem; }

.md-search .btn { display: block; position: absolute; top: 0.16rem; right: 0.54rem; width: 0.64rem; height: 0.64rem; line-height: 0.64rem; text-align: center; color: #999; font-size: 0.32rem; background: none; border: none; }

.md-search .close { display: block; position: absolute; top: 0.16rem; right: 1.4rem; width: 0.64rem; height: 0.64rem; line-height: 0; font-size: 0; background: url(/images/new/close.png) center center no-repeat; background-size: 0.2rem 0.2rem; }

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

.search-keyword p { height: 0.5rem; line-height: 0.5rem; text-align: center; }

.search-keyword p a { display: block; }

.search-keyword a:hover { background: #F3F3F3; }

/* md-sort */
.md-sort { overflow: hidden; }

.md-sort .hd { height: 0.6rem; padding: 0; margin: 0.24rem; background: #fff; border-radius: 0.1rem; }

.md-sort .hd a { float: left; width: 33.33333%; height: 0.6rem; line-height: 0.6rem; font-size: 0.26rem; text-align: center; color: #555; }

.md-sort .hd .cur { background: #3d94ee; color: #fff; }

.md-sort .hd a:first-child { border-radius: 0.1rem 0 0 0.1rem; }

.md-sort .hd a:last-child { border-radius: 0 0.1rem 0.1rem 0; }

/* md-slider */
.md-slider { margin: 0 0.14rem 0.14rem 0.14rem; position: relative; overflow: hidden; }

.md-slider ul { width: 100%; overflow: hidden; }

.md-slider .sd-pic li { float: left; }

.md-slider .sd-pic img { width: 100%; border-radius: 0.04rem; }

.md-slider .sd-nav { position: absolute; left: 50%; margin-left: -0.44rem; bottom: 0.14rem; }

.md-slider .sd-nav span { float: left; width: 0.12rem; height: 0.12rem; line-height: 0; font-size: 0; background: #fff; border-radius: 50%; margin: 0 0.05rem; }

.md-slider .sd-nav .cur { background: #45b0e4; }

/* md-category*/
.md-category { padding: 0.14rem 0 0 0; overflow: hidden; }

.md-category a { float: left; width: 25%; height: 0.52rem; line-height: 0.52rem; padding-top: 0.78rem; text-align: center; font-size: 0.26rem; }

.md-category .webgame { background-position: center 0; }

.md-category .gril { background-position: center -1.4rem; }

.md-category .gift { background-position: center -2.8rem; }

.md-category .all { background-position: center -4.2rem; }

.md-category .kp { background-position: center -5.6rem; }

.md-category .cs { background-position: center -7rem; }

.md-category .tcs { background-position: center -8.4rem; }

.md-category .zz { background-position: center -9.8rem; }

.md-category .hcr { background-position: center -11.2rem; }

.md-category .mx { background-position: center -12.6rem; }

.md-category .sj { background-position: center -14rem; }

.md-category .mj { background-position: center -15.4rem; }

.md-category .xx { background-position: center -16.8rem; }

.md-category .yz { background-position: center -18.2rem; }

.md-category .ty { background-position: center -19.6rem; }

.md-category .qp { background-position: center -21rem; }

.md-category .gx { background-position: center -22.4rem; }

.md-category .cl { background-position: center -23.8rem; }

.md-category .activity { background-position: center -25.2rem; }

 /* md-comment  */
 .md-comment .comment-title{padding: 0 0.3rem}
 .md-comment .comment-title p{height: 0.8rem;line-height: 0.8rem;overflow: hidden}
 .md-comment .comment-title p span{float: left;height:0.3rem;line-height:0.3rem;padding:0.25rem 0;font-size: 0.29rem;}
 .md-comment .comment-title p em{display: inline-block;color: #959595;padding-left: 0.14rem;font-size: 0.24rem;vertical-align: initial;}
 .md-comment .comment-title p i{color: #f00}
 .md-comment .comment-title p a{float:right;color: #959595;height: 0.24rem;line-height: 0.28rem;padding:0.28rem 0 0.28rem 0.48rem;background-position: 0 -12.07rem;vertical-align: baseline;}
 .md-comment .comment-title .comment-url{padding:0.1rem 0.1rem 0 0.62rem;height:1.08rem;line-height: 0.42rem;border-radius: 0.04rem;border:1px #ccc solid;box-sizing: border-box;color: #959595;background-position: 0.14rem -24.2rem;}
 .md-comment .comment-null{padding:0.5rem 0 0 0;}
 .md-comment .comment-null p{height:0.6rem;line-height: 0.6rem;;padding:2.54rem 0 1rem 0;background: url(/images/new/null-comment.png) top center no-repeat;background-size:2.54rem 2.54rem;color: #aaa;text-align: center}
 .md-comment .comment-null p a{color: #3d94ee;padding:0 0.06rem;display: inline-block;vertical-align: top}
 .md-comment .comment-list li{padding:0.2rem 0.3rem;border-bottom: 1px #e3e3e3 solid}
 .md-comment .comment-list .avatar img{width: 0.58rem;height: 0.58rem;border-radius: 50%;border:1px #eaeaea solid}
 .md-comment .comment-list .info{margin-left: 0.78rem;}
 .md-comment .comment-list .base{height:0.5rem;line-height: 0.5rem}
 .md-comment .comment-list .user{color: #3d94ee;line-height: 0.54rem}
 .md-comment .comment-list .jing{width: 0.26rem;height: 0.26rem;line-height: 2rem;overflow:hidden;margin:0.14rem 0 0 0.12rem;background: url(/images/new/jing.png) no-repeat;background-size: 0.25rem 0.25rem}
 .md-comment .comment-list .star{height:0.3rem;line-height: 0.3rem;margin-top:0.1rem;background: url(/images/new/star.png) no-repeat;background-size: 1.8rem 0.73rem}
 .md-comment .comment-list .star1{width:0.36rem}
 .md-comment .comment-list .star2{width:0.72rem}
 .md-comment .comment-list .star3{width:1.08rem}
 .md-comment .comment-list .star4{width:1.44rem}
 .md-comment .comment-list .star5{width:1.8rem}
 .md-comment .comment-list .con{padding-top:0.06rem;line-height:0.4rem;font-size: 0.26rem}
 .md-comment .comment-list .org{display:block;color: #ff811c;font-size: 0.22rem}
 .md-comment .comment-list .reply{padding:0.12rem 0.2rem 0.2rem 0.2rem;margin-top:0.2rem;background: #f5f5f5;border-radius: 0.1rem;position: relative}
 .md-comment .comment-list .reply::after{position: absolute;content: "";top:-0.28rem;left:0.36rem;width:0;height: 0;border:0.15rem solid transparent;border-bottom:0.15rem #f5f5f5 solid}
 .md-comment .comment-list .reply p{line-height: 0.5rem}
 .md-comment .comment-list .reply p span{color: #959595;vertical-align: top}
 .md-comment .comment-list .replaymore{display:block;width:5.3rem;height:0.64rem;line-height: 0.64rem;margin:0.16rem auto 0.1rem;border-radius: 0.06rem;border:1px #ccc solid;background: #fff;color: #555;font-size: 0.26rem;text-align: center}
 .md-comment .comment-list .operation{height:0.36rem;line-height:0.36rem;margin-top:0.3rem;color: #959595;font-size: 0.22rem}
 .md-comment .comment-list .operation a{color: #959595;padding-left: 0.46rem;line-height: 0.38rem}
 .md-comment .comment-list .operation .btn-rep{margin-right: 0.4rem}
 .md-comment .comment-list .operation .btn-zan{margin-right: 0.4rem;background:url(/images/new/zan.png) left center no-repeat;background-size: 0.3rem 0.3rem}
 .md-comment .comment-list .operation .zaned{background-position: 0 -23.34rem;color:#ff9f3d;background:url(/images/new/zaned.png) left center no-repeat;background-size: 0.3rem 0.3rem}
 .md-comment .comment-list .operation .btn-rep{background-position: 0 -23.74rem;background:url(/images/new/comment.png) left center no-repeat;background-size: 0.3rem 0.3rem}
 /* comment-box */
 .comment-box{position:fixed;top:0;left:0;display:none;width: 100%;height: 100%;background: #fff;z-index: 101;overflow: hidden}
 .comment-box .hd{height: 0.96rem;line-height: 0.96rem;background: #3d94ee;position: relative}
 .comment-box .hd a{display: block;position:absolute;top:0;height:0.96rem;color: #fff;font-size: 0.3rem}
 .comment-box .hd em{display:block;width:100%;height:0.96rem;text-align: center;font-size: 0.32rem;color: #fff}
 .comment-box .hd .cancel{left:0.34rem;}
 .comment-box .hd .release{right:0.34rem;color:#fff}
 .comment-box .hd .unrelease{right:0.34rem;color:#999}
 .comment-box .bd{padding:0.2rem 0.3rem;border-bottom: 1px #e3e3e3 solid}
 .comment-box .bd textarea{width: 6.9rem;height: 4rem;line-height:0.5rem;border:none;resize: none;outline:none;font-size: 0.28rem;padding:0;margin:0;}
 .comment-box .ft{padding: 0.3rem;height:0.48rem;line-height:0.48rem;overflow: hidden}
 .comment-box .ft .face{float:left;width: 0.48rem;height: 0.48rem;line-height: 4rem;overflow: hidden;background:url(/images/new/face.png) no-repeat;background-size: 0.44rem 0.44rem}
 .comment-box .ft span{float: right;height:0.48rem;color: #959595;height: 0.48rem}
 .comment-box .ft p{float: right;}
 .comment-box .ft p i{float:left;width:0.44rem;height:0.4rem;background-position:0 -20.96rem;margin:0.02rem 0.16rem 0 0}
 .comment-box .ft p .on{background-position: 0 -21.96rem}
 .comment-face{position: absolute;top: 6.44rem;left: 0;width: 100%;overflow: hidden;border-bottom: 1px solid #ccc;display:none}
 .comment-face ul{margin-left: -1px;overflow: hidden;}
 .comment-face li{float:left;width: 20%;text-align: center}
 .comment-face li a{display:block;padding:0.08rem 0;border-top: 1px solid #ccc;border-left: 1px solid #ccc;box-sizing: border-box}
 .md-backtop{position: fixed;right: 0.3rem;bottom: 1.5rem;width: 0.54rem;height: 0.54rem;overflow: hidden;z-index: 1000;}
 .md-backtop a{display: block;width: 0.54rem;height: 0.54rem;line-height: 5rem;overflow: hidden;background: url(/images/new/backtop.png) no-repeat;background-size:0.54rem 0.54rem}
 
/* 20171227 add */
.shade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; }

.popup { width: 5rem; padding: 0.2rem; border-radius: 0.05rem; background-color: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #999; z-index: 999; }

.pop-close { display: block; position: absolute; top: 0.06rem; right: 0.06rem; cursor: pointer; width: 0.6rem; height: 0.6rem; background: url(/images/new/close.png) center center no-repeat; background-size: 0.24rem 0.24rem; line-height: 5rem; overflow: hidden; }

.pop-tit { display: block; height: 0.6rem; line-height: 0.6rem; font-size: 0.3rem; text-align: center; }

.pop-code { width: 4rem; height: 0.6rem; color: #3d94ee; line-height: 0.6rem; border-radius: 0.05rem; display: block; margin: 0.1rem auto 0; text-align: center; border: none; background: #f5f5f5; }

.pop-copy { margin: 0.2rem auto 0; width: 3rem; height: 0.6rem; line-height: 0.6rem; border-radius: 0.05rem; display: block; text-align: center; /* font-size: 0.2rem; */ box-shadow: 0 0 0 1px #3d94ee; color: #3d94ee; cursor: pointer; }

.pop-tip { display: block; text-align: center; color: #9fa1a0; /* font-size: 0.2rem; */ line-height: 0.6rem; margin-top: 0.2rem; }

.pop-con { display: block; text-align: center; color: #9fa1a0; font-size: 0.2rem; line-height: 0.26rem; margin: 0.3rem 0 0.2rem 0; }

.pop-line { border-bottom: 1px #ccc solid; }

.pop-btn { padding: 0.2rem 0 0 0; text-align: center; }

.pop-btn a { display: inline-block; margin: 0 0.04rem; width: 1.2rem; height: 0.4rem; line-height: 0.4rem; text-align: center; border-radius: 0.1rem; color: #999; border: 1px #ccc solid; background: #fff; }

.pop-btn .pop-cancel { border-color: #3d94ee; background: #3d94ee; color: #fff; }

/* 20180109 add */
footer .tip { padding: 0.12rem 0; line-height: 0.42rem; border-top: 1px #e3e3e3 solid; text-align: center; font-size: 0.22rem; color: #bbbbbb; }

footer .tip a { color: #bbb; vertical-align: top; }

footer .tip i { display: inline-block; margin-right: 8.5px; width: 13px; height: 13px; background: url(https://fs.img4399.com/ma~330_20180102184423_5a4b62871b765.png?t=1514889863) no-repeat; background-size: 100% auto; vertical-align: middle; }

#bpic { height: 0; overflow: hidden; }

.slide { width: 100%; overflow: hidden; position: relative; }

.slidesjs-navigation { display: none; }

.slidesjs-container { z-index: 3; }

.slidesjs-container img { width: 100%; }

.slidesjs-pagination { position: absolute; right: 10px; bottom: 8px; z-index: 5; }

.slidesjs-pagination li { float: left; height: 10px; margin: 0 4px; }

.slidesjs-pagination a { display: block; width: 10px; height: 10px; overflow: hidden; line-height: 99px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; background-clip: padding-box; }

.slidesjs-pagination .active { width: 20px; background: #48B8FF; }

/* 20180530 add */
.md-swiper { width: 100%; overflow: hidden; margin-bottom: 0.14rem; }

.swiper-container { width: 80%; padding: 0 10%; overflow: auto; }

.swiper-slide .swiper-box { -moz-transition: transform 1s; -ms-transition: transform 1s; -webkit-transition: transform 1s; transition: transform 1s; -moz-transform: scale(0.96, 0.9); -ms-transform: scale(0.96, 0.9); -webkit-transform: scale(0.96, 0.9); transform: scale(0.96, 0.9); }

.swiper-slide-active .swiper-box, .swiper-slide-duplicate-active .swiper-box { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

.swiper-slide a { display: block; border-radius: 0.1rem; }

.swiper-slide img { width: 100%; border-radius: 0.1rem; display: block; margin: 0 auto; }

.swiper-one img { width: 100%; }

#topm { display: none; }

/* 20190104 */
.dialog { display: none; position: fixed; top: 50%; left: 50%; width: 5rem; border-radius: 0.1rem; background: #fff; padding: 0.3rem 0.3rem 0.5rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 999; }

.dia-close { position: absolute; top: 0.1rem; right: 0.1rem; width: 0.36rem; height: 0.36rem; cursor: pointer; background: url(http://h.4399.com/images/new/close.png) center center no-repeat; background-size: 0.25rem 0.25rem; }

.dia-tit { line-height: 0.46rem; font-size: 0.28rem; font-weight: bold; color: #49494b; text-align: center; }

.dia-con { margin-top: 0.2rem; }

.dia-con p { height: 0.6rem; line-height: 0.6rem; border-bottom: 1px solid #e3e3e3; overflow: hidden; color: #49494b; }

.dia-con p span { float: left; }

.dia-con p input { width: 4rem; float: right; text-align: right; height: 0.6rem; line-height: 0.6rem; font-size: 0.24rem; border: none; padding-right: 0.15rem; color: #49494b; }

.dia-btn { margin-top: 0.3rem; text-align: center; }

.dia-btn a { display: inline-block; width: 1.6rem; height: 0.5rem; line-height: 0.52rem; text-align: center; border-radius: 0.1rem; border: 1px #3d94ee solid; background: #3d94ee; color: #fff; margin: 0 0.3rem; }

.dia-btn .dia-btn-cannel { border: 1px #e3e3e3 solid; background: #fff; color: #49494b; }

.dia-list { padding: 0.2rem 0; max-height: 5rem; overflow-y: auto; }

.dia-list li { height: 0.6rem; line-height: 0.6rem; overflow: hidden; border-bottom: 1px solid #e3e3e3; color: #49494b; position: relative; }

.dia-list li::before { content: ""; position: absolute; top: 50%; right: 0; margin-top: -0.1rem; width: 0.2rem; height: 0.2rem; border: 1px #e3e3e3 solid; overflow: hidden; border-radius: 50%; }

.dia-list .on::before { border-color: #3d94ee; }

.dia-list .on::after { content: ""; position: absolute; top: 50%; right: 0.05rem; margin-top: -0.04rem; width: 0.12rem; height: 0.12rem; background: #3d94ee; overflow: hidden; border-radius: 50%; }

.dia-tip { line-height: 0.5rem; padding: 0.1rem; text-align: center; }

.dia-loading { width: 1rem; height: 1rem; background: none; padding: 0; }

.dia-loading img { width: 1rem; height: 1rem; text-align: center; }

#topm{display:none;}

.dialog-tip{line-height: 0.36rem;padding:0.32rem 0.3rem 0.5rem 0.3rem;border-bottom: 1px #e3e3e3 solid;font-size: 0.3rem}

.dialog-text{line-height: 0.45rem;color: #333333;font-size: 0.26rem;padding:0.3rem 0 0.4rem;}

.dialog-img{padding: 0.1rem 0 0;text-align: center}

.dialog-img img{width: 1.68rem;}

.dialog-close{width: 0.46rem;height: 0.46rem;display: block;top: 0.15rem;right: 0.15rem;position: absolute;z-index: 1;background: url(/images/new/dia-close.png) no-repeat;background-size: 100% 100%;}

.dialog-btn{padding:0.2rem 0 0 0;text-align: center}

.dialog-btn a{display: inline-block;margin:0 0.14rem;width:2rem;height:0.78rem;line-height: 0.78rem;text-align: center;border-radius: 0.04rem;font-size: 0.3rem;}

.dialog-btn .dialog-no{border:1px #e3e3e3 solid;color:#999}

.dialog-btn .dialog-yes{border:1px #00cc7d solid;color: #fff;background: #00cc7d}

.answer,.answer body,.answer .waper{background: #fff;height:100%;}

.answer-con{overflow: auto;width: 100%;height: 100%;}

.answer-con iframe{width: 100%;height: 100%;}

.norm .bd,.norm .bd iframe{padding:0;width:100%;height: 100%;}


/*20191015对战游戏*/
.battle-list { padding: 0 0 0.1rem; text-align: center; }

.battle-list ul { width: 7.26rem; margin: 0 auto; }

.battle-list li { width: 2.3rem; height: 3.4rem; margin: 0.1rem 0.06rem; float: left; border-radius: 0.1rem; overflow: hidden; position: relative; }

.battle-list li .loadbg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; display: block; background: url(/images/new/b-default.png) center center no-repeat #fff; background-size: 100% auto; }

.battle-list li img { width: 100%; }

.battle-list li .bot { position: absolute; left: 0.2rem; right: 0.2rem; bottom: 0.15rem; z-index: 2; color: #fff; text-align: left; }

.battle-list li .bot .tit { font-size: 0.24rem; line-height: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.battle-list li .bot .num { height: 0.35rem; line-height: 0.35rem; overflow: hidden; opacity: 0.6;font-size: 0.22rem;}

.battle-list li .bot .num i { width: 0.3rem; height: 0.35rem; display: inline-block; vertical-align: top; background: url(/images/new/b-hot.png) left center no-repeat; background-size: 0.2rem auto; }

.battle-list li .bot .num span { display: inline-block; vertical-align: top; }

/*20191015视频大图*/

.md-make-fixed{height:auto;}

.md-make-fixed .con-header{background:rgba(61,148,238,0);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}

.md-make-fixed .con-header em{display: none}

.md-make-fixed .con-header .back-base{width: 0.5rem;height: 0.5rem;overflow: hidden;line-height: 999px;border-radius: 100%; background: url(/images/new/back-base.png) center center no-repeat;background-color: rgba(0, 0, 0, 0.35); background-size: auto 0.32rem;display: block;left: 0.2rem;top: 50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}

.md-scroll-fixed .con-header{background:rgba(61,148,238,1);}

.md-scroll-fixed .con-header em{display: block;}

.md-make-fixed.md-scroll-fixed .con-header .back-base{background-color: rgba(0, 0, 0, 0);}

.multimedia .bigpic{height: 4rem;overflow: hidden;}

.multimedia .bigpic img{width: 100%;height: 4rem;}

.multimedia .video{height: 4rem;position: relative;overflow: hidden;background:rgba(61,148,238,1);transition: opacity 0.3s linear;-webkit-transition: opacity 0.3s linear;}

.multimedia .video video{width: 100%;height: 4rem;object-fit: fill;}

.multimedia .video-js .vjs-big-play-button{display: none}

.multimedia .play{ width:0.86rem;height: 0.86rem;display: block;background: url(/images/new/playico.png) no-repeat;background-size: contain;position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 10;}

.multimedia .post{width: 100%;height: 100%;position: absolute; top: 0;left: 0;z-index: 9;}

.multimedia .post img{width: 100%;height: 100%;object-fit: fill}

/*20200114新增*/
.topSwiper{margin-bottom: 0;background: #fff;}

.topSwiper .swiper-slide{padding: 0.2rem 0;}

.topSwiper .swiper-slide img{box-shadow: 0 0.07rem 0.1rem rgba(0, 0, 0, 0.3);opacity: 0.5;}

.topSwiper .swiper-slide-active img{opacity: 1;}

.one{padding: 0 0.14rem;box-sizing: border-box;}

.one .swiper-container { width: 100%;padding: 0}

.one .swiper-slide .swiper-box{ -webkit-transform: scale(1)}

.one .swiper-slide img{opacity: 1;}