@charset "utf-8";
.header{
	width:100%;
	height:0.5rem;
	background:#21232F;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding:.05rem .15rem;
	box-sizing: border-box;
	position: fixed;
	z-index: 99;
	top:0;
	left:0;
}
.header-left{
	width:2.2rem;
	height:.5rem;
	display:flex;
	flex-direction: row;
	align-items: center;
}
.header-right{
	width:.15rem;
	height:.13rem;
	background:url(../images/tapmeau.png) no-repeat;
	backgrund-size:100% 100%;
}
.header-close{
	width:.19rem;
	height:.18rem;
	background:url(../images/rightclose.png) no-repeat;
	backgrund-size:100% 100%;
}

.logos{
	width:0.4rem;
	height:0.4rem;
}
.gamename{
	font-size:.13rem;
	color:#FFFFFF;
	margin-left:.08rem;
}
.downtop{
	width:.71rem;
	height:.25rem;
	text-align: center;
	line-height: .25rem;
	font-size:.14rem;
	color:#FFFFFF;
	border-radius: 4px;
	background-color: #008FE2;
	margin-left:.11rem;
}
.mainback{
	width:100%;
	height:5.53rem;
	background:url(../images/back1.png) no-repeat;
	background-size:100% 100%;
	position: relative;
}
.vplayer{
	width:.8rem;
	height:.8rem;
	background:url(../images/player.png) no-repeat;
	background-size:100% 100%;
	position: absolute;
	bottom:.91rem;
	left:50%;
	margin-left:-0.4rem;
}
.downbox{
	width:100%;
	height:.8rem;
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	position: absolute;
	bottom: .26rem;
}
.iosdown{
	width:1.6rem;
	height:.4rem;
	background:url(../images/yyios.png) no-repeat;
	background-size:100% 100%;
}
.andrdown{
	width:1.6rem;
	height:.4rem;
	background:url(../images/yyand.png) no-repeat;
	background-size:100% 100%;
}
.swipbox{
	width:100%;
	height:1.67rem;
}
.swipbox .swiper-slide img{
	width:100%;
	height:1.67rem;
}
.newszxtitle{
	width:100%;
	height:.52rem;
	padding-left:.15rem;
	background:#FFFFFF;
	box-sizing: border-box;
	font-size:18px;
	color:#333333;
	font-weight: bold;
	line-height: .52rem;
}
.newstap{
	width:100%;
	height:0.34rem;
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	background:#F4F4F4;
}
.newstap a{
	width:.38rem;
	height:.34rem;
	text-align: center;
	line-height: .34rem;
	font-size:14px;
	color:#666666;
}
.newstap a.active{
	color:#008FE2;
	border-bottom:1px solid #008FE2;
}
.newslist{
	width:100%;
	height:3rem;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.newlistcon{
	height:2.4rem;
	width:100%;
}
.newlistcon .swiper-slide{
	height:2.4rem;
	width:100% !important;
	padding: .15rem .15rem 0rem .15rem;
	box-sizing: border-box;
	display:flex;
	flex-direction: column;
}
.newlist-li{
	width:100%;
	height:.3rem;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.biaoqian{
	width:.4rem;
	height:.16rem;
	font-size:.12rem;
	color:#FFFFFF;
	text-align: center;
	line-height: .14rem;
	border-radius: .12rem;
}
.biaoqian.zx{
	background:#008FE2;
}
.biaoqian.xw{
	background:#FF9000;
}
.biaoqian.hd{
	background:#75C81B;
}
.biaoqian.lb{
	background:#FE5858;
}
.biaoqian.gl{
	background:#C937E7;
}
.biaoqian.gg{
	background:#008FE2;
}
.newtitcon{
	width:2.5rem;
	height:.3rem;
	line-height: .3rem;
	font-size:.14rem;
	color:#555555;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.newstime{
	font-size:.12rem;
	color:#999999;
	line-height: .3rem;
}
.newsmore{
	width:3.45rem;
	height:.36rem;
	border:1px solid #008FE2;
	text-align: center;
	line-height: .36rem;
	font-size:12px;
	color:#008FE2;
	background:#FFFFFF;
}
.advertbox{
	width:100%;
	height:1.65rem;
	padding:.15rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	background:#F4F4F4;
}
.advertbox img{
	width:1.67rem;
	height:.63rem;
	margin-right: .05rem;
}
.bigswipbox{
	width:100%;
	height:5.53rem;
}
.bigswipbox .swiper-slide img{
	width:100%;
	height:5.53rem;
}
	
	.bigswipbox .swiper-pagination-bullet{
		width: .18rem !important;
		height: .18rem !important;
		border-radius: 50% !important;
		border:1px solid #FFFFFF !important;
		display: inline-block;
		background: rgba(29,31,39,0.5) !important;
		font-size:12px !important;
		text-align: center !important;
		line-height: .18rem !important;
		color:#FFFFFF !important;
		opacity:1 !important;
		margin-right: .08rem;
	}
	.bigswipbox .swiper-pagination-bullet-active{
		width: .18rem !important;
		height: .18rem !important;
		border-radius: 50% !important;
		border:1px solid #FFFFFF !important;
		display: inline-block;
		background:#008FE2 !important;
		font-size:12px !important;
		text-align: center !important;
		line-height: .18rem !important;
		color:#FFFFFF !important;
		opacity:1 !important;
	}

.gfinfos{
	width:100%;
	height:4.42rem;
	padding:.15rem;
	box-sizing: border-box;
	background:#FFFFFF;
}
.gfinfos .infocont{
	width:3.45rem;
	height:4.12rem;
	background:#F4F4F4;
	display:flex;
	flex-direction: column;
	align-items: center;
	padding:.15rem .31rem;
	box-sizing: border-box;
}
.gfeweim{
	width:2rem;
	height:2rem;
}
.ewmatxt{
	width:100%;
	height:.45rem;
	line-height: .45rem;
	text-align: center;
	font-size:.15rem;
	color:#666666;
}
.infobutton{
	width:2.83rem;
	height:.75rem;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-top:1px solid #B0B8C8;
}
.buttonleft{
	width:50%;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.btxtl{
	font-size:.18rem;
	color:#333333;
	font-weight: bold;
}
.bumber{
	font-size:.14rem;
	color:#666666;
}
.buttonright{
	width:.8rem;
	height:.3rem;
	background:#008FE2;
	border-radius: 6px;
	text-align: center;
	line-height: .3rem;
	font-size:.15rem;
	color:#FFFFFF;
}
.footer{
	width:100%;
	height:1.11rem;
	padding:.12rem .15rem .19rem;
	box-sizing: border-box;
	background:#191D28;
}
.line-fot{
	width:100%;
	font-size: .12rem;
	color:#676F74;
	line-height: .22rem;
}
.line-fot img{
	display: inline-block;
	width:.2rem;
	height:.2rem;
}

/*菜单选择*/
.meauboxtask{
	position: fixed;
	width:100%;
	height:100%;
	top:.5rem;
	left:0;
	background:rgba(255,255,255,0.9);
	z-index: 9999;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.meauboxtask div{
	width:1.2rem;
	height:.6rem;
	text-align: center;
	line-height: .6rem;
	color:#333333;
	font-size:.15rem;
	border-bottom:1px solid #D9D9D9;
}
/* 预约弹窗 */
.yyswapbox{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.6);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: fixed;
	top:0;
	left:0;
	z-index: 9999;
}
.yyboxmask{
	width:100%;
	height:3.1rem;
	background:#FFFFFF;
	position: relative;
}
.yyboxclose{
	width:.5rem;
	height:.5rem;
	background:url(../images/yyclose.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top:0;
}
.yyinfobox{
	position: absolute;
	top:.65rem;
	left:0;
	display:flex;
	flex-direction: column;
	width: 100%;
}
.iphonesline{
	width:100%;
	height:.8rem;
	display:flex;
	flex-direction: column;
}
.inputsdiv{
	width:100%;
	display:flex;
	flex-direction: row;
	align-items: center;
	height:.4rem;
}
.inpname{
	width:.75rem;
	height:.4rem;
	text-align: center;
	line-height: .4rem;
	color:#333333;
	font-size:.15rem;
}
.iphonenum{
	width:1.75rem;
	height:.4rem;
	padding:.09rem;
	box-sizing: border-box;
	border:1px solid #000000;
	font-size:.15rem;
	color:#999999;
}
.hqyzmbtn{
	width:1rem;
	height:.4rem;
	background:#008FE2;
	font-size:.14rem;
	color:#FFFFFF;
	border-radius: 4px;
	margin-left: .1rem;
	text-align: center;
	line-height: .4rem;
}
.tishil{
	width:100%;
	height:.3rem;
	display:flex;
	flex-direction: row;
	align-items: center;
}
.empname{
	width:.75rem;
	height:.3rem;
}
.tishitxtiphone{
	width:1.75rem;
	height:.3rem;
	line-height: .3rem;
	padding-left:.12re;
	font-size:.13rem;
	color:#E81C1A;
}
.botllyy{
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height:.45rem;
	margin-top:.18rem;
}
.yybuttomblue{
	width:3.45rem;
	height:.45rem;
	line-height: .45rem;
	text-align: center;
	font-size:.16rem;
	color:#FFFFFF;
	background:#008FE2;
	border-radius: 4px;
}
.success{
	width:100%;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.success img{
	width:.9rem;
	height:.9rem;
	margin-top:.8rem;
}
.success span{
	width:.9rem;
	text-align: center;
	line-height:.25rem;
	font-size:.18rem;
	color:#333333;
	margin-top:.2rem;
}


/*视频*/
#vbox{position:fixed;top:0;left:0;z-index:200;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.9); }
#vbox video {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 50%;
    height: 360px;
    margin-top: -180px;
}