.m_body{ max-width: 750px; height: 100%; position: relative;}
.header { width: 7.5rem; height: 1.02rem; background: #000000; position: fixed; top: 0; left: 50%; margin-left: -3.75rem; z-index: 100; }
.header .icon_logo { width: .72rem; height: .72rem; background: url(/skin/default/images/slcb_icon.png) 0 0 / 100% 100% no-repeat; top: .15rem; left: .1rem; text-indent: -999em; }
.header .roguelike { top: .14rem; left: .9rem; font-size: .2rem; line-height: .36rem; color: #b4abb6; }
.header .roguelike b { font-weight: normal;}
.header .btn{width:1.78rem; height:.68rem; position: absolute; background: url(/skin/default/images/new.png) no-repeat;background-size:6.01rem  4.6rem;top: .16rem;text-indent: -999em;}
.header .btn_gw { background-position: -2.98rem -3.69rem;right: 2.1rem;}
.header .btn_yy { background-position: -3.16rem -2.6rem;right:.2rem;}

.map_1_top{ margin: 0 .3rem; border-bottom: 2px solid #514c56;}
.map_1_top ul{ padding-top: .34rem;}
.map_1_top ul li{ float: left; width: 33.333333%; }
.map_1_top ul li:last-child{ width: 16%; text-align: right;}
.map_1_top ul li a{ color: #726b74; font-size: .28rem; height: .7rem; line-height: .7rem; display: inline-block;}
.map_1_top ul li.active a{ color: #fff; border-bottom: .06rem solid #8c09b7; }

.swiper-container-msg{ margin: 0 .3rem;}
.swiper-container-msg ul{}
.swiper-container-msg ul li{ height: .72rem; line-height: .72rem; border-bottom: 1px dashed #322b38; }
.swiper-container-msg ul li a{ color: #726b74; width: 100%; display: block; font-size: .28rem;}
.swiper-container-msg ul li p{ width: 6rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float: left;}
.swiper-container-msg ul li i{ float: right;}
.swiper-container-msg ul li:last-child{ }
.swiper-container-msg .swiper-slide{ overflow: hidden;}

.footer {
  padding: 0.3rem;
  font-size: 0.18rem;
  line-height: 0.3rem;
  text-align: center;
  color: #b1b1b1;
  background-color: #000;
}
.footer a {
  color: #b1b1b1;
}

.video-mask,
.mask{ width: 100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; z-index: 1000;}

.video{max-width: 7.5rem;max-height: 8rem;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9999;}
#video{max-width: 7.5rem;max-height: 8rem;}
.video_p{
	width: 100%;
	height: .49rem;
	line-height:.49rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	color: #ffffff;
	background: rgba(16,12,17,.6);
	font-size:.18rem;
	bottom: 0;
	left: 0;
}
.video_btn{
	width:1.01rem;
	left: 50%;
    top:.3rem;
    margin-left: -.5rem;
}