body{
	width: 100vw;
	margin: auto;
	overflow: auto;
	background: #f9f9f9;
	font-family: "Hiragino Sans GB","Microsoft YaHei","宋体",Arial,Tahoma,Helvetica,Geneva,sans-serif;
}
.not-show{
	display: none;
}

.df{display: flex;display: -webkit-flex;}
.no-wrap{flex-wrap: nowrap;-webkit-flex-wrap: nowrap;}
.do-wrap{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.df-jcsb{justify-content: space-between;
	-webkit-justify-content: space-between;}
.df-jcc{justify-content: center;
	-webkit-justify-content: center;}
.df-jcfe{justify-content: flex-end;
	-webkit-justify-content: flex-end;}
.df-jcfs{justify-content: flex-start;
	-webkit-justify-content: flex-start;}

.df-aic{align-items: center;
	-webkit-align-items: center;}
.df-aife{align-items: flex-end;
	-webkit-align-items: flex-end;}
.df-aifs{align-items: flex-start;
	-webkit-align-items: flex-start}

#head{
	width: 100vw;
	height: 15vw;
	z-index: 1200;
	background: url(../image/bg_1.png) no-repeat;
	background-size: 100% 100%;
	position: fixed;
}
#head hr{
	display: block;
	border: 0;
	border-top: 1px solid #333;
	margin: 0 auto 7px;
}
.head-bg{
	display: block;
	width: 50%;
	margin-left: 8px;
}
.head-down{
	display: block;
	position: absolute;
	width: 24vw;
	right: 16vw;
	top: 27%;
}
.head-exp{
	display: block;
	position: absolute;
	height: 5vw;
	right: 5vw;
	top: 5.2vw;
}
.closedownexp{
	display: none;
}
#main{
	position: relative;
	margin: 0 auto;
}

.banner{
	width: 96%;
	height: 100%;
	overflow: hidden;
}
.swiper-slide {
	text-align: center;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.block-title img{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.ios-callout{-webkit-touch-callout:default;touch-callout:default;pointer-events:auto;position: relative;z-index: 5;}
.modal-open{position: fixed;width: 100%;}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hidden{overflow: hidden;}
.swiper-slide img{width: 100%;}
.width100{width: 100%;}
.width60{width: 54%;}
.widthcenter60{width: 54%;margin:0 28%;}
.relative{position: relative;}
.underline{text-decoration:underline;}
.center{text-align: center;}
.justify{text-align: justify;}
.mgtp1{margin-top: -4vw !important;}
.mgtp2{margin-top: 5vw;}
.style1{font-size: 3.4vw;color: #3e3b47;}
.style2{font-size: 3.0vw;color: #898989;}
.style3{font-size: 2.5vw;color: #3e3b47;line-height: 5vw;}
.btns{margin-left: -10vw; padding-top: 19vw; font-size: medium; font-weight: bold;}
.btn-item{width: 100vw;margin: 0 6vw;}
.btn-line{width: 100vw;  height: 1px;  margin: -0.8vw 0 1vw;;  background-color: #c2c6e1;}
.banner-show{width: 100vw;margin-top:2vw;}
.banner-show2{width: 100vw;padding-top: 15vw;}
.block-title{width: 96vw;margin: 5vw 2vw 0 2vw;}
.block-more{position: absolute;right: 5vw;top: 0;width: 6vw;}
.block-content{position: relative;top: -8vw;left: 2vw;width: 92vw;}
.block-tip{height: 8vw;}
.tip-img{width: 10vw;} .tip-title{width: 64vw;padding:0 2vw;} .tip-time{width: 26vw;text-align: right;}
.block-btns{width: 72vw;margin-left: 10vw;height: 40vw;}
.block-btns img{width: 25vw;}
.block-tip2{height: 24vw;border-bottom: solid 1px #c2c6e1;}
.tip-img2{width: 26vw;height: 18vw;} .tip-title2{width: 62vw;height:5vw;} .tip-desc2{width: 62vw;height: 10vw;line-height: 5vw;} .tip-time2{width: 62vw;}

.news-btns{font-size: 4vw;  width: 24vw;  margin-left: 33vw;  margin-bottom: 3vw; color: rgba(0,0,0,0.6);}
.news-btns-active{color: #8ea9ff;line-height: 5vw;border-bottom: solid;}

.game-content{position: relative;top: -8vw;left: 0;width: 96vw;}
.game-item{width: 47.5vw;margin-bottom: 1vw;}  .game-item img{width: 100%;}

.goback{margin-left: 1vw; margin-bottom: 4vw;}
.goback img{width: 12vw;}

.detail-bg{width: 94vw;margin-left: 3vw;padding-top: 19vw;}
.detail-title{font-size: 5vw;color: #3e3b48;text-align:center;}
.detail-time{font-size: 3vw;color: #898989;text-align:center;}
.detail-content{margin: 3vw 0;width: 92%;margin-left: 4%;font-size: 3vw;line-height: 5vw;color: #898989;overflow-x: hidden;}
.detail-line{height:1px;margin: 1vw 0;background-color:#D5D5D5;}

.bottom{background:#302e44;font-size: 2.5vw;color: #c0c0c0 !important;}
.bottom-line{width: 100vw;  height: 1px;  margin: 4vw 0;  background-color: #56565f;}
.bottom-img{height: 3vw;}
.footmsg{padding-top: 4vw;padding-bottom: 6vw;}
.footmsg ul{text-align:center;}
.footmsg ul li{line-height:5vw;white-space:1px;}
.footmsg ul li a{color: #c0c0c0;text-decoration:none}

.app-info{
	display: block;
	/*width: 70%;
	margin-left: -8px;*/
	text-align: center;
}
.notice-img{
	display: block;
	width: 80%;
	margin-left: 12px;
}
 .app-game, .app-server, .app-recharge{
	display: none;
	/*width: 70%;
	margin-left: -8px;*/
	text-align: center;

}
.active-img{
	display: none;
	width: 80%;
	margin-left: 12px;
}

.inline {
	width: 2px;
	height: 30px;
	border-left: 1px solid #ccc;
}
.huodong {
	display: none;
}

.bg_mask, .bg_connectionmask{text-align:center;position: fixed;top:30vh;left: 23vw;width: 54vw;z-index: 999;display: none;}
.close_btn{position: absolute;right: -11vw;width: 10vw;margin-top: -5vw;}

.newnav {display: none;
	position: fixed;
	top: 15vw;
	left: 0;
	background: url("https://oss.nbgame.cn/images/official/home/img_tips_new.png") no-repeat;
	background-size:100% 100%;
	width: 100vw;
	height: 60vw;
	z-index: 1001;
}
.newnav div{
	height: 15vw;
}

.noticedetail-img {
	display: block;
	width: 90%;
	margin-left: 7px;
}
.activedetail-img {
	display: none;
	width: 90%;
	margin-left: 7px;
}

.huodongdetail {
	display: none;
}

.loadmoregonggao{
	margin: 0px auto 50px;
	text-align: center;
	font-size: 20px;
	color: #7d7d7d;
}

.matchpic table tr td{
	padding: 2px;
}

.gotojoin{
	position: absolute;
	width: 30vw;
	height: 9vw;
	top: 72vw;
	left: 35vw;
}

.gotocopy{
	position: absolute;
	width: 30vw;
	height: 9vw;
	top: 92vw;
	left: 35vw;
}

.down-chose
{
	width: 60%;
	margin: auto;
}