@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; font-style: normal;}
body, a, input { font-size: 0.24rem; color:#333; font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体";} /*font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体"; color:#333; font-size:12px; */

a{text-decoration:none;color: #333;}
a:focus{color: #333;}

img {border: 0; display:inline-block; max-width: 100%;}

.clear{ clear:both; display:block; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}

.flexBox{display: -webkit-flex; /* Safari */  display: flex;}
.flex-none{  flex:none;}
.flex-auto{ flex:auto;}

.text-hidden {
	display: -webkit-box;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.viewport{max-width: 7.5rem;  margin: 0 auto; background: #00055B;}
/***************************************************************************************************/
.topBox{width: 7.5rem; padding:0.2rem 0.3rem;  box-sizing: border-box;align-items: center;
justify-content: space-between;color: #fff;background: #131250; box-shadow: 0px 2px 16px 0px rgba(1, 0, 36, 0.5); 
position: fixed;top: 0;left:50%; z-index: 2; transform: translateX(-50%);}
.topBox .med-icon {width:1.44rem;}
.topBox .med-icon img {width: 1.14rem;height: 1.14rem;border-radius: 0.1rem;}
.topBox .med-center h3 {font-size:0.36rem;font-weight: bold; margin-bottom:0.06rem;}
.topBox .med-button {margin-left:0.2rem;}
.topBox .med-button a { width: 2.36rem; height: 0.89rem; background:url(../images/button-top.png) no-repeat center; background-size: 2.36rem 0.89rem; display: inline-block;
 color:rgba(255,255,255,0);}
 
/*-----头图-----*/
 .banner{ width: 100%; height: 9.5rem; background:url(../images/banner.png) no-repeat center; background-size:auto 9.5rem; position: relative;}
 	/*滚动广告*/
	.rollBox{ width:100%; height: 0.8rem; position:relative;  position: absolute; bottom:23%; left:0; z-index: 1; 
background:url(../images/roll.png) no-repeat center; background-size:5.6rem 0.8rem; justify-content: center; align-items: center;}
 	ul.line{ height:0.6rem; line-height:0.6rem; overflow: hidden; text-align: center;}  
    ul.line li{ height:0.6rem;line-height:0.6rem;list-style:none; color: #fff;}  
 	ul.line li span{ display: inline-block; margin: 0 0 0 0.06rem;}
 
  	/*end 滚动广告*/
 .download01{ position: absolute; left: 0; bottom:5%;}	
 .download02{ margin: 0.5rem 0;}
 .download{ width: 100%; text-align: center;}	
 .download a { width: 3.12rem; height: 1.06rem; background:url(../images/button-top.png) no-repeat center; background-size:3.12rem 1.06rem; display: inline-block;
  color:rgba(255,255,255,0);}
 .btn-fixed{ position: fixed; left: 0; bottom:0.2rem;}
/*-----end 头图-----*/	
.title{ width: 100%; height: 0.74rem; line-height: 0.74rem; text-align: center; font-size: 0.42rem; margin-top: 0.3rem; color: #FFEBA3; font-weight: bold;}
.title01{ background:url(../images/title01.png) no-repeat center; background-size:auto 0.74rem;}
.title02{ background:url(../images/title02.png) no-repeat center; background-size:auto 0.74rem; position:relative;}
.little-title{ font-size: 0.28rem; color: #fff; text-align: center;}

	/*装饰*/
.zs01{ width:1.1rem;height:1.78rem; background:url(../images/zs01.png) no-repeat center; background-size:1.1rem 1.78rem; position: absolute; left: 0; top: 0.9rem; z-index: -1;}
.zs02{ width:1.36rem;height:1.78rem; background:url(../images/zs02.png) no-repeat center; background-size:1.36rem 1.78rem; position: absolute; right: 0; top: -3.5rem; z-index: -1;}
/*--------领先全网BT游戏盒 登录送好礼---------*/
.imgBox01{ flex-flow:row wrap;  justify-content:space-evenly; margin: 0.3rem auto 0.7rem auto;}
.imgBox01>div{ width: 1.54rem; height: 2.63rem; background:url(../images/bg-01.png) no-repeat center; background-size:1.54rem 2.63rem;
font-size: 0.28rem; font-weight: bold; color: #FAF66D; text-align: center; margin-top: 0.3rem;} 
.imgBox01>div img{ width: 1rem; margin:0.28rem auto;}

/*--------玩游戏“装备”得到位--------*/
.p1{ margin-top: 0.3rem;}
.p2{ margin-top: 0.5rem; position: relative;}

.imgBox02{ flex-flow:row wrap;  justify-content:space-evenly; margin: 0.3rem auto 0.6rem auto;}
.imgBox02>div{ width:3.13rem; height: 3.64rem; background:url(../images/bg-02.png) no-repeat center; background-size:3.13rem 3.64rem;
 text-align: center; margin-top: 0.4rem;} 
.imgBox02>div img{ width: 1rem; margin:0.4rem auto 0 auto;}
.imgBox02 h3{font-size: 0.34rem; font-weight: bold; color: #fff; } 
.imgBox02 p{font-size: 0.24rem; margin: 0.2rem 0 0 0; line-height: 0.4rem; color: #D5CBFF;}
 
 /*--------x人已加入--------*/
.gameBox{ width:6.96rem; height: 3.25rem; background:url(../images/bg-03.png) no-repeat center; background-size:6.96rem 3.25rem; margin: 0 auto; justify-content: center; align-items: center;}
.gameBox .med-icon {width:1.38rem; margin:0 0.4rem;}
.gameBox .med-icon img {width: 1.38rem;height: 1.38rem; border-radius:50%; 
border: 4px solid #6A94EC;}
.gameBox .med-center{ margin-right: 0.5rem;}
.gameBox .med-center h3 {font-size:0.34rem;font-weight: bold; color: #F9F95F;
background: linear-gradient(90deg, #5345C4 0%, #211f7b 100%); margin-bottom: 0.2rem; letter-spacing:3px;}
.gameBox .med-center p{ font-size: 0.26rem;  color: #fff; line-height: 0.42rem;}
 /*--------资质信息--------*/
 .footer{ text-align: center; color: #fff; font-size: 0.24rem; line-height: 0.45rem; padding: 0 0 0.3rem 0;}
 .footer a{ color:#fff;}