/* .header{
	position:fixed;
	top:0px;
	left:0px;
} */

body{
	background-color: #fff !important;
}

.indexpage {
	background-color: #fff;
}
.userbox{
    width:240px;
    height:282px;
    /*background-color:#d5d5d5;*/
    padding:24px 31px 10px;
}
.newzhanghao{
    width:143px;
    height:31px;
    position: absolute;
    bottom:0px;
    left:70px;
}
.userbox li{
    float:left;
    font-size:14px;
    height:27px;
    margin:0 27px;
    display:inline;
    cursor:pointer;
}
/*.active{*/
/*    height:25px;*/
/*    border-bottom:3px solid #3fb2e8;*/
/*    font-weight:700;*/
/*    text-align: center;*/
/*}*/
.userbox-top{
    height:30px;
    border-bottom:1px solid #bfbfbf;
}

.login_username img{
    width:20px;
    height:20px;
    float:left;
    margin-right:5px;
    margin-top:5px;
}
.login_password img{
    width:20px;
    height:20px;
    float:left;
    margin-right:5px;
    margin-top:5px;
}
.denglu input{
    float:left;
    width:190px;
    height:31px;
    line-height:31px;
    border:0px;
    color:#9e9e9e;
    margin-top:2px;
    /*margin-left:34px;*/
    padding-left:5px;
    outline-style: none;
}

#zhanghao{
    border-bottom:1px solid #9e9e9e;
}
.autodenglu{
    width:240px;
    height:32px;
    margin-top:8px;
}

label{
    width:48px;
    height:32px;
    font-size:12px;
}
.denglubtn{
    width:240px;
    height:40px;
    color:#fff;
    background-color: #ffab15;
    text-align: center;
    line-height:40px;
    font-size:16px;
}
.layui-carousel-arrow {
	font-size: 28px !important;
}



.carousel {
	position: relative;
	background: #e2e2e2
}

.layui-carousel {
	background-color: #e2e2e2;
}

.layui-carousel-arrow.prev_btn {
	border-top-left-radius: 0px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 7px;
}

.layui-carousel-arrow.next_btn {
	border-top-left-radius: 7px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 0;
}

.layui-carousel-arrow:hover {
	background: rgba(1,143,255,0.45)!important
}

.carousel .layui-carousel-ind ul {
	background: none
}

.layui-carousel-ind li.layui-this {
	background-color: #FF6000
}

.layui-carousel-ind li {
	background: rgba(255,255,255,0.65);
	width: 12px;
	height: 12px;
	margin: 0 4px;
}

.layui-carousel-arrow {
	left: 10px!important;
	width: 51px!important;
	height: 51px!important;
	background-color: rgba(34,34,34,.45);
	border-radius: 50% !important;
}

.layui-carousel-arrow[lay-type=add] {
	right:10px!important
}

.game-box {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.game-box-con {
	position: absolute;
	width: 419px;
	height: 100%;
	z-index: 999;
	top: -479px;
	left: 0;
	background: #000;
	color: #fff;
}
.game-box-con-code{
	width:124px;
	height:113px;
	background: url(../images/game_codebg.png)no-repeat;
	text-align:center;
	vertical-align:middle;
	margin-left:9px;
}
.game-box-con-code img{
	width:103px;
	margin:2px 0 0 7px;


}
.game-icon {
	width: 105px;
	height: 105px;
	border-radius:8px;
}

.game-name {
	font-size: 40px;
	font-weight: bold;
	margin:17px 0 12px;
	line-height: 52px;
}

.game-describe {
	font-size: 14px;
	font-weight: bold;
	width: 419px;
	padding-top: 10px;
	border-top: 1px solid rgba(255,255,255,0.5);
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}

.game-btn {
	display: block;
	width: 120px;
	height: 40px;
	background-color: #FF6000;
	border-radius: 5px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	margin-top: 34px;
	font-size:16px;
}
.layui-carousel-ind{
	top:-115px;
}
.game-btn:hover {
	color: #fff;
}

.game-code {
	width: 120px;
	height: 109px;
	background: url(../images/game_codebg.png)no-repeat;
	background-size: 100% 100%;
	margin-left: 12px;
}

.game-code img {
	width: 103px;
	height: 103px;
	margin: 3px 0 0 14px;
}
/* 推荐手游 */
.recommend-sy {
	/*height: 430px;*/
	width:1240px;
	height:427px;
	position:relative;
	/* background-image: linear-gradient(#d3d3d3 20%, #fff 21%); */
	background-color: #fff;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	margin:-181px auto 0px;
	border:1px solid #d5d5d5;
	box-shadow: 0px 0px 20px #d5d5d5;
}
.recommend-sy .layui-container,
.hot-con .layui-container,
.newest .layui-container,
.layui-container {width:1493px!important;padding: 0 20px !important;}
.game{
    width:1860px;
    height:1000px;
    margin:0 auto;
    position: relative;
}
.gametuijian{
    width:817px;
    height:400px;
    position: absolute;
    left:396px;
    top:20px;
}
#tuijian{
    display:block;
    width:106px;
    height:30px;
    font-size:24px;
    color:#3c3c3c;
    font-weight:bold;
    line-height: 30px;
    text-align: center;
    margin:0px 0px 20px 20px;
    padding-left:20px;
    padding-top:2px;
}
#tuijian:before{
    content:"";
    display:inline-block;
    width:0px;
    height:25px;
    padding-right:5px;
    margin-right:5px;
    background-color: #FF6000;
    vertical-align: middle;
}
#gonggao{
    display: block;
    width: 100%;
    height: 25px;
    font-size: 24px;
    color: #3c3c3c;
    font-weight: bold;
    line-height: 30px;
    text-align: left;
    /* margin: 0px 0px 20px 20px; */
    /* position: absolute; */
    /* top: 18px; */
    margin-left: 20px;
}
#gonggao:before{
    content: "";
    display: inline-block;
    width: 0px;
    height: 25px;
    padding-right: 5px;
    margin-right: 0px;
    background-color: #FF6000;
    vertical-align: middle;
}
.gonggao-title{
	width: 412px;
    height: 35px;
    padding-top: 18px;
}
.moregonggao{
	font-size: 16px;
	color:#FF6000;
	margin-right:30px;
	float:right;
}
.moregonggao a{
	color:#FF6000;
}
/*.recommend-sy ul {*/
/*	height: 375px;*/
/*	width:817px;*/
	/*height:1000px;*/
/*	margin-left:35px;*/

/*}*/
#h5game,#sygame,#pcgame{
	height: 375px;
	width:817px;
	/*height:1000px;*/
	margin-left:35px;

}

.bannerBox {
	position: absolute;
    left: 0;
    top: -100%;
    bottom:0;
    right:0;
    /*background-color:red;*/
    background: rgba(34, 34, 34, .6);
	width: 100%;
	height: 100%;
	z-index:999;
	/*display: none;*/

}
.banner-recommendBox {
	width: 100%;
	height: 100%;
}
.banner-recommendBox .recommendBox-item img {
	width: 138px;
	height: 138px;
	margin: 18px;
	border: 2px solid #FF6000;
    border-radius: 4px;
}
.recommendBox-item {
	width: 174px;
    height: 174px;
    /*border: 1px solid rgba(1, 137, 255, .5);*/
    margin: auto;
	/*margin-top: 30px;*/
	border-radius: 4px;
}
.itemText {
	text-align: center;
	margin-top: 20px;
	color: #E6E6E6;
}
.recommendBtn {
	display: flex;
    margin-top: 65px;
    margin-left:20px;
	text-align: center;
	font-size: 13px;
	/*justify-content: space-evenly;*/
}
.goToPlay {
	width: 116px;
    height: 30px;
    background: #FFB22B;
    border-radius: 5px;
    /* margin-right: 14px; */
	line-height: 30px;
	margin-left:45px;
}
.goToPlay a {
	color: #fff;
}
.otherColor {
	background: #FF6000;
}
.recommendBtn .goToPlay img {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-left: 6px;
}
.recommendBtn .androidDown img {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.androidDown {
	width: 116px;
    height: 30px;
    background: #00C066;
    border-radius: 5px;
	line-height: 30px;
	margin-left:2px;
}
.androidDown a {
	color: #fff;
}
.appleDown {
	background: #FF6000;
}
.grayDown {
	background-color: #E1E1E1!important;
}


.recommend-sy-con {
	width: 237px;
	height: 300px;
	border-radius: 5px;
	/*margin: -79px 30px 0 0;*/
    margin: 20px 30px 0 0;
	position: relative;
	overflow: hidden;
}
#recommend-menu{
	width: 300px;
	position:absolute;
	/*height:auto;*/
	height:37px;
	left:168px;
	top:0px;
	margin-left:20px;
}
.recommend-menu-con{
	width: 90px;
    height: 36px;
	line-height:36px;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px 0px 0px 5px;
    color:#FF6000;
	/*font-style:italic;*/
	/*right: -30px;*/
    position: relative;
	font-size:14px;
	text-align:center;
	float:left;
	cursor:pointer;


}
.recommend-menu.media_02 .recommend-menu-con {
	position: absolute;
	right: 0;
	top: 0;
}

.recommend-menu.media_02 .media_02_1{
	top: 0;
}
.recommend-menu.media_02 .media_02_2 {
	top: 36px;
}
.recommend-menu.media_02 .media_02_3 {
	top: 72px;
}
.hot .hot-menu .con_01{
	left: 0px !important;
}
.hot .hot-menu .con_02{
	left: 150px !important;
}
.hot .hot-menu .con_03{
	left: 300px !important;
}
.hot .hot-menu .hot-menu-con{
	position: absolute;
	left: 0px ;
	top: 20px;
}
.new-server .newtab_menu .new_1{
	/*left:0px !important;*/
	/*border-radius: 5px 0 0 5px !important;*/
	}
.new-server .newtab_menu .new_2{
	/*left:113px !important;*/
	/*border-radius: 0 0 0 0 !important;*/
	}
.new-server .newtab_menu  .new_3{
	/*left:226px !important;*/
	/*border-radius: 0 5px 5px 0 !important;*/
}

.new_num_1{
	width: 100% !important;
	border-radius: 5px !important;
}

.new_num_2{
	width: 50% !important;
}
.new_num_2.new_1 {
	left: 0 !important;
	border-radius: 5px 0 0 5px !important;
}
.new_num_2.new_2 {
	left: 50% !important;
	border-radius: 0 5px 5px 0 !important;
}

.new_num_3{
	width: 33.333333% !important;
}
.new_num_3.new_1 {
	left: 0;
	border-radius: 5px 0 0 5px !important;
}
.new_num_3.new_2 {
	left: 33.3333333% !important;
	border-radius: 0;
}
.new_num_3.new_3 {
	left: 66.6666666% !important;
	border-radius: 0 5px 5px 0 !important;
}

.new-server .newtab_menu .newtab_menu_con{
	/* position: absolute; */
	/*left: 0px ;*/
	}
.recommend-menu-active{
	width: 90px;
    height: 36px;
    background: #FF6000;
    box-shadow: 0px 2px 6px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px 0px 0px 5px;
	font-style:normal;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	right: 0;
    position: relative;

}

.recommend-menu-all{
	display:none;
}
.recommend-menu-active .recommend-menu-all{
	display:block;
}
.recommend-menu-active .recommend-menu-part{
	display:none;
}
.recommend-con{
	display:none;
	width:817px;
}
.recommend-sy-con:last-child {
	margin-right: 0;
}

.recommend-sy-con img {
	width:100%;
	height: 100%;
}

.recommend-sy-gamebox {
	width: 209px;
	height: 32px;
	background: rgba(34,34,34,1);
	opacity: 0.8;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	color: #fff;
	padding: 14px;

	font-size: 12px;
}

.recommend-sy-btnbox {
	display: none;
	width: 278px;
	height: 55px;
	background: url(../images/btnbox_bg.png)no-repeat;
	background-size: 100% 100%;
	margin-left: -1px;
	line-height: 70px;
	font-size: 16px;
	color: #fff;
	z-index: 99;
    position: relative;
	border-radius: 5px;
	margin-top:-12px;

}
.recommend-sy-line{
	font-size:12px;
}
.recommend-sy-btn {
	display: block;
	color: #fff;
	width: 49%;
	height: 43px;
}
.recommend-sy-gamebox-name{
	font-size:16px;
	font-weight:bold;
	margin-top:-3px;
	max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.recommend-sy-gamebox-mark {
	padding-top: 4px;
}
.recommend-sy-btn:hover {
	color: #fff;

}

.recommend-sy-con .recommend-sy-btn img {
	height: 17px;
	width: auto;
	margin: -5px 10px 0 27px;
}

/*.recommend-sy-con:hover {*/
/*	margin-top: -121px;*/
/*	border-radius:5px;*/
/*}*/

.recommend-sy-con:hover	.recommend-sy-btnbox {
	display: block;
	margin-top: -13px;
}
.recommend-sy-con:hover	.bannerBox {
	display: block;
	/*transform: rotate(7deg);*/
    transform: translateY(100%);
    transition-duration: .3s;
    transition-timing-function: linear;
}
.recommend-sy-con:hover .recommend-sy-gamebox {
	display: none;
	/*background: none;*/
	/*z-index: 0;*/
	/*bottom: 58px;*/
}

.recommend-sy-more {
	display: block;
	width: 120px;
	height: 30px;
	border: 1px  solid #FF6000;
	border-radius: 5px;
	/*margin: -47px auto 10px;*/
	line-height: 30px;
	/*background: url(../images/icon_more.png) no-repeat #fff;*/
	background-position: 53px 9px;
	text-indent: 12px;
	position:absolute;
	top:0px;
	right:10px;
}

/*.recommend-sy-more:hover {*/
/*	color: #fff;*/
/*	background: url(../images/icon_mores.png) no-repeat #028FFF;*/
/*	background-position: 53px 9px;*/
/*}*/
/* 热门手游/h5 */
.hot {
	width: 100%;
	height: auto;
	background: url(../images/hot_bag.png) no-repeat;
	margin: -55px 0 0 0;
	padding-bottom:40px;
	background-size: 100% 100%;
	/*display:none;*/
}
.hot .recommend-sy-more{
	margin: 40px auto 0;
}
.hot-menu {
	text-align: center;
	padding: 40px 0;
}

.hot-menu-con {
	display: inline-block;
	margin: 0 32px;
	color: #999;
	font-size: 24px;
	position:relative;
	/*left: 0;*/
}
.hot-menu-con-active{
	color:#222;
	border-bottom:3px solid #FF6000;
}

.hot-regame {
	float:left;
	width: 17rem;
	height: 5rem;
	/* position: relative; */
	margin: 0 21px 0 0;
	background-color: #fff;
}
.hot-regame-link{
	width:100%;
	height:100%;
	border-radius: 5px;
}

.hot-regame:last-child {
	margin: 0;
}

.hot-regame-img {
	float:left;
	width: 5rem;
	height: 5rem;
	border-radius: 5px;
}

.hot-regame-box {
	position: absolute;
	top: 166px;
	left: 11px;
	color: #333;
	text-align: left;
}

.hot-regame-name {
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.2);
	max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hot-regame-type {
	font-size: 14px;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	margin: 7px 0 5px;
}
.hot-regame-describe {
	width: 250px;
	font-size: 12px;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.hot-regame-icon {
	position: absolute;
	top: 186px;
	right: 13px;
	width: 71px;
	height: 71px;
	border-radius: 15px;
}

.hot-regame-code {
	position: absolute;
	top: 156px;
	right: 13px;
	width: 104px;
	height: 104px;
	background: url(../images/hot_regamecode_bg.png) no-repeat;
	background-size: 100% 100%;
	display:none;
}


.showNew-regame {
	display: none;
	position: absolute;
    top: 0px;
	right: 1px;
	background: rgba(0, 0, 0, .6);
	width: 100%;
	border-radius: 5px;
}
.newBox {
	height: 270px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.imageBox {
	width: 136px;
    height: 136px;
    border: 1px solid rgba(1, 137, 255, 1);
	padding: 10px;
	border-radius: 4px;
}
.imageBox img {
	border: 2px solid #FF6000;
	border-radius: 4px;
	width: 131px;
    height: 131px;
}
.boxContent {
	margin-right: 41px;
	/*margin-left: 16px;*/
	font-size: 14px;
	height: 158px;
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
	margin-top: 24px;
}
.phoneText {
	font-size: 12px;
    font-family: 'PingFang SC';
    font-weight: 400;
    text-align: center;
	margin-top: 24px;
	color: #E6E6E6
}

.textContent {
	width: 116px;
    height: 30px;
    background: #FFB22B;
    border-radius: 5px;
    margin-bottom: 22px;
    text-align: center;
	line-height: 30px;
}
.textContent a {
	color: #fff;
	padding-left: 4px;
}
.downText {
	width: 116px;
    height: 30px;
    background: #FF6000;
    border-radius: 5px;
    text-align: center;
	line-height: 30px;

}
.downText a {
	color: #fff;
}
.downText a:hover {
	color: #fff;
}
.androidText {
	width: 116px;
    height: 30px;
    background: #00C066;
    border-radius: 5px;
    margin-bottom: 22px;
    text-align: center;
	line-height: 30px;
}
.androidText a {
	color: #fff;
}
.androidText a:hover {
	color: #fff;
}
.appleText {
	background: #FF6000;
}
.appleText a {
	color: #fff;
}

.rightIcon {
	width: 14px;
	height: 14px;
	padding-left: 10px;
}
.downLoadIcon {
	width: 14px;
	height: 14px;
	padding-left: 5px;
}

.hot-regame:hover .hot-regame-icon{
	display:none;
}
.hot-regame:hover .showNew-regame {
	display:block;
}
.hot-regame:hover .hot-regame-code{
	display:block;
}
.hot-regame-code img {
	width: 94px;
	margin: 7px 0 0 2px;
}
.hot-con{
	display:none;
}

.hot-regame-item {
	width: 287px;
	height: 100px;
	background: rgba(255,255,255,1);
	border-radius: 5px;
	margin: 25px 17px 0 0;
	text-align: left;
	position: relative;
}

.hot-regame-item:nth-child(4n) {
	margin: 25px 0 0 0;
}
.hot-regame-item-link{
	display: block;
    width: 75px;
    height: 75px;
    border-radius: 15px;
	margin: 13px 17px 0 19px;
	float:left;
}
.hot-regame-item-gameicon {
	display: block;
	width: 75px;
	height: 75px;
	border-radius: 15px;

}

.hot-regame-item-name {
	color: #222;
	font-size: 18px;
	font-weight: bold;
	margin: 18px 0 2px 0;
	max-width: 175px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hot-regame-item-type {
	color: #999;
	font-size: 14px;
	margin-bottom: 4px;
}

.hot-regame-item-buttons {
	display: none;
	text-align: center;
	line-height: 21px;
}

.hot-regame-item-btnagin {
	display: block;
	width: 66px;
	height: 21px;
	background: #FF6000;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
}

.hot-regame-item-btnagin:hover,.hot-regame-item-btngift:hover {
	color: #fff;
}


.hot-regame-item-btngift {
	display: block;
	width: 66px;
	height: 21px;
	background: rgba(255,162,0,1);
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	margin-left: 10px;
}

.hot-regame-item:hover .hot-regame-item-edition {
	display: block;
}

/* .hot-regame-item:hover .hot-regame-item-buttons {
	display: block;
} */
.hot-regame-mantle{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: none;
}
/* .hot-regame:hover .hot-regame-mantle {
	display: block;
} */

/* 全部游戏 */
.totalgames{
	width: 56%;
    height: 916px;
    margin-right: 20px;
    padding: 20px 11px;
    /* margin: 0 auto; */
    background-color: #fff;
	border:1px solid #d5d5d5;
	box-shadow: 0px 0px 20px #d5d5d5;
}
.totalgames .moregames,.moreactives{
	float:right;
	font-size: 16px;
	color:#FF6000;
	margin-right:20px;
}
.moregames a{
	color:#FF6000;
}
.games{
	width:102%;
	height:93.5%;
	margin-top:30px;
	/* padding:10px; */
}
.game_item{
	width:170px;
	height:85px;
	margin:10px 18px  0;
}
.item-info{
	width:80px;
	height:80px;
	margin-left:10px;
}
.item-icon{
	width:80px;
	height:80px;
	border-radius:50px;
	display:block;
	/* margin:0 14px 22px 14px; */
}
.item-icon img{
	width:100%;
}
.item-title{
	width:76px;
	height:24px;
	font-size: 16px;
    color: #1b1b1b;
    line-height: 24px;
    margin: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.item-type{
	color: #999999;
    line-height: 14px;
}

.item-download{
	display: block;
    width: 64px;
    height: 25px;
    background: #FF6000;
    border-radius: 13px;
    margin-top: 4px;
    color: #ffffff;
    line-height: 25px;
    text-align: center;
}
.item-download a{
	color:#fff;
}

.totalgames-right{
	width:40%;
	height:975px;
	overflow: hidden;
}
/* 最新开服 */
.newest{

	height:auto;
	overflow:hidden;
	margin:40px 0 0 0;
}
.new_open {
	width: 61.5%;
    height: 448px;
    /* float: left; */
    background-color: #fff;
    padding: 20px 11px;
	border:1px solid #d5d5d5;
	box-shadow: 0px 0px 20px #d5d5d5;
}

.bluediv {
	width: 3px;
	height: 22px;
	background-color: #FF6000;
	float: left;
	margin-top: 2px;
}

.new_open_title {
	margin-left: 11px;
	line-height:24px;
	font-size: 24px;
	font-weight: bold
}
.new-server{
	width: 349px;
	margin-top: 6px;
	padding-top: 10px;
	height: 410px;
	background: #ffffff;
}
.new-open-server {
	display:none;
	box-sizing: border-box;
	/* padding-top: 10px */
}
.new-open-show{
	display:block;
}
.newtab_menu{
	width: 92.5%;
    text-align: center;
    border-radius: 5px;
    /* margin: 7px auto; */
    margin-left: 31px;
}
.newtab_menu_con{
	display: block;
    width: 24.3%;
    height: 27px;
    line-height: 27px;
    border: 1px solid #FF6000;
    margin-left: 10px;
    border-radius: 15px;

}
.newtab_menu_active{
	background:#FF6000;
	color:#fff;
}
/* .newtab_menu_con:nth-child(2){
	border-radius:0;
	border-right: none;
} */
/* .newtab_menu_con:last-child{
	border-radius:0 5px 5px 0;
	border-right: 1px solid #FF6000;
} */

.tab-menu {
	width: 10%;
    height: 100%;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    float: left;

}

.tab-menu-con {
	display: inline-block;
    border-radius: 2px;
    background: #fff;
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    text-align: center;
    cursor: pointer;
    float: left;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    border-radius: 15px;
}
.tab-menu-con span{
	height: 100%;
    width: 50%;
    display: inline-block;
    font-size: 15px;
    line-height: 19px;
    margin: 23px 0px;
}

.tab-menu-active {
	background-color:#FF6000;
	color: #fff
}
/* 游戏活动 */
.gameactive{
	width: 61.5%;
    height: 405px;
    background-color: #fff;
    margin-top: 20px;
    padding: 20px 11px;
	border:1px solid #d5d5d5;
	box-shadow: 0px 0px 20px #d5d5d5;
}
.gameactive-content,.game-introduction-content{
	width:100%;
	height: 93%;
	margin-top:10px;
	 
}
.moreactives{
	float:right;
	font-size: 16px;
	color:#FF6000;
}
.moreactives a{
	color:#FF6000;
}


.hot_gift_title {
	margin-left: 11px;
	line-height: 24px;
	font-size:24px;
	font-weight: bold
}

.moregifts{
	float:right;
	font-size: 16px;
	color:#FF6000;
	margin-right: 10px;
}
.moregifts a{
	color:#FF6000;
}
.open_more {
	font-size: 12px!important;
	color: #999!important;
	font-weight: 400!important;
	margin-left: 192px
}

.hot_more {
	font-size: 12px!important;
	color: #999!important;
	font-weight: 400!important;
	float: right;
	margin-right: 23px
}

.new_open_padding div div {
	background-color: #fff
}

.layui-carousel>[carousel-item]:before {
	content: ''!important
}

.new_open_con {
	background-color: #fff;
	margin-top: 2px;
	width: 100%;
	border-radius: 5px;
	display: none;
	max-height: 580px;
    overflow: hidden;
}

.new_open_con .layui-carousel-ind {
	top: -59px;
}

.new_open_fw .layui-carousel-ind li.layui-this {
	background-color: #FF6000
}
.layui-carousel>[carousel-item] {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.layui-carousel>[carousel-item]:before {
	position: absolute;
	content: '\e63d';
	left: 50%;
	top: 50%;
	width: 100px;
	line-height: 20px;
	margin: -10px 0 0 -50px;
	text-align: center;
	color: #c2c2c2;
	font-family: layui-icon!important;
	font-size: 30px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.layui-carousel>[carousel-item]>* {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	transition-duration: .3s;
	-webkit-transition-duration: .3s
}


.zhanweidivs {
	width: 25px;
	height: 30px;
	opacity: 0;
	position: relative;
	top: -15px
}

.new_open_fw .layui-carousel-ind li {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #e9e9e9
}

.layui-carousel>[carousel-item]>* {
	background-color: #fff!important
}

.new_open_fw .layui-carousel-ind ul {
	background-color: #fff!important
}

.no_open_text {
	font-size: 12px;
	text-align: center;
	padding-top: 48%
}

.no_hot_game_text {
	text-align: center;
	font-size: 18px;
	padding-top: 160px;
	color: #999999;
}

.no_bag_text {
	text-align: center;
	font-size: 18px;
	padding-top: 180px;
	color: #999999;
}

.mianfei_zhuce {
	cursor: pointer
}

.new_opem_table tr {
	height: 34.5px;
	cursor: pointer
}

.new_opem_table tr:hover {
	background: #F0F2F7;
}

.layui-carousel[lay-indicator=outside] .layui-carousel-ind {
	top: 0px;
}
.new_opem_table{
	width:100%;
	margin:0 auto;
}
.new_open_table_first_tr {
	font-size: 13px;
	height: 27.5px!important;
}

.new_open_table_first_tr td {
	padding-top: 6px;


}

.new_open_table_other_tr {
	font-size: 12px
}

.new_open_table_other_tr .open-date a {
	color: #B1B0B0
}

.new_open_table_other_tr:hover {
	color: #FF6000
}

.new_open_table_other_tr:hover a p,.new_open_table_other_tr:hover a {
	color: #FF6000
}

.new_opem_table td {
	border: 0;
	text-align:center;
}

.new_open_table_first_td {
/*width:105px;*/
  padding-left:15px;
}

.new_open_table_first_td p {
	width: 71px;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #222222
}

.new_open_table_two_td {
	width: 97px;
	text-align: left;
}

.new_open_table_two_td p,.open-date p {
	width: 90px;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.new_open_table_two_td.con {
	color: #FF6000
}

.new_open_table_two_td.con a {
	color: #FF6000
}

.hot_game_con {
	margin-top: 17px;
	margin-left: 330px;
	background-color: #fff;
	width: 868px;
	height: 368px;
	border-radius: 5px;
	overflow: hidden;
	position: relative
}

.hot_game_con .occupy1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 17.5px;
	background: #ffffff;
}

.hot_game_con .occupy2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 16.5px;
	height: 100%;
	background: #ffffff;
}

.hot_game_con .occupy3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 16.5px;
	height: 100%;
	background: #ffffff;
}

.no_qufu_text {
	text-align: center;
	margin-top: 160px;
	font-size: 18px;
	color: #999;
}
/* 游戏攻略 */
.game-introduction{
	width: 24.5%;
    height: 405px;
    margin-top: 5px;
    margin-left: 1.5%;
    padding: 20px 11px;
    background-color: #fff;
	border:1px solid #d5d5d5;
	box-shadow: 0px 0px 20px #d5d5d5;
}
.moregame-introduction{
	font-size:16px;
	color:#FF6000;
	float:right;
}
.moregame-introduction a{
	color:#FF6000;
}
.hot_gift{
	width: 56%;
    margin-top: 5px;
    background-color: #fff;
    padding: 20px 11px;
	border:1px solid #d5d5d5;
	box-shadow: 0px 0px 20px #d5d5d5;
	/* margin-left:18px; */
}
.hot_gift_con{
	width:100%;
    height:373px;
    background:#fff;
    border-radius:3px;
	margin-top:10px;
	/* margin:10px 0 60px -22px; */

}
.gift_item{
	width:203px;
	margin:10px  0  0;
}
.gift_item_icon{
	width:61px;
	height:61px;
	border-radius:15px;
	display:block;
	margin:0 14px 22px 14px;
}
.gift_item_name{
	color:#222;
	font-size:16px;
	font-weight:bold;
	max-width:110px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gift_item_text{
	color:#666;
	font-size:12px;
	margin:4px 0;
	width:110px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.gift_item_surplus{
	color:#666;
	font-size:12px;
}
.gift_item_surplus span{
	color:#FF6000;
	font-size:12px;
}
.gift_item_receive{
	display:none;
	width:62px;
    height:18px;
    font-size:12px;
    font-weight:500;
    color:#fff;
    line-height:18px;
	background:#FF6000;
	border-radius:5px;
	text-align:center

}
.receive_bag_disabled {
    background: #E1E1E1;
}
.gift_item_receive:hover{
	  color:#fff;
}
.gift_item:hover .gift_item_surplus{
	display:none;
}
.gift_item:hover .gift_item_receive{
	display:block;
}
.top2notice{
	width:600px;
	height:345px;
	margin-bottom:40px;
}
.top2notice-con{
	display:none;
	width:600px;
    height:295px;
    border-radius:5px 0px 0px 0px;
}
.top2notice-con img{
	width:100%;
	height:100%;
	border-radius:5px 0px 0px 0px;
}
.top2notice-text{
	width:100%;
	height:49px;
	border-bottom:1px solid #E2E2E2;
}
.top2notice-title{
	width:50%;
	line-height:49px;
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.top2notice-title:hover{
	color:#FF6000;
}
.top2notice-active{
	color:#FF6000;
	border-bottom:1px solid #FF6000;
}
.notice{
	width:600px;
    height:345px;
    background:rgba(240,242,247,1);
    border-radius:0px 5px 5px 0px;
	position:relative;

}
.notice_more{
	position:absolute;
	right:0;
	top:0;
	border-radius: 0 5px 0 0;
	width: 50px;
	height: 50px;
}
.notice_more_icon{
	width: 100%;
	height: 100%;
}
.notice_menu{
	width:535px;
	height:26px;
	padding-bottom:7px;
    margin:18px  auto 0;
	border-bottom:1px solid #E2E2E2;

}
.notice_menu_con{
	width:36px;
	margin-right:20px;
	color:#666;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	padding-bottom: 7px;
}
.notice_menu_active{
	color:#FF6000;
	border-bottom:2px solid #FF6000;
}
.notice_con{
	display:none;
}
.frist_title{
	display:block;
	width:374px;
    font-size:22px;
    font-weight:800;
    color:#FF6000;
	margin:18px auto 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.notice_title{
	display:block;
	width:535px;
	margin:21px auto 0;
	font-size:14px;
	color:#222;
	height:18px;
}
.notice_figure{
	display: block;
    width: 9px;
    height: 9px;
    background:url(../images/figure.png);
    background-size:100% 100%;
	margin:6px;

}
.notice_text{
	width:352px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	color:#222;
}
.notice_time{
	font-size:14px;
	color:#666;
}
.notice_title:hover .notice_text{
	color:#FF6000;
}
.receive_bag_modal {
	display: none;
	width: 100%;
	height: 191px;
	z-index: 999
}

.receive_bag_modal_header {
	width: 100%;
	height: 42px;
	border-radius: 5px 5px 0 0;
	background-color: #e2e2e2;
	font-size: 17px!important;
	text-align: center
}

.receive_bag_modal_header span {
	text-align: center;
	width: 101px;
	height: 18px;
	font-weight: 400;
	color: rgba(34,34,34,1);
	position: relative;
	top: 8px
}

.close_receive_bag_modal img {
	position: relative;
	left: 90px;
	cursor: pointer
}

.receive_bag_modal_firstline {
	width: 285px;
	height: 14px;
	color: #FF6000;
	background: rgba(226,226,226,1);
	border-radius: 5px;
	padding: 8px 9px 10px 9px;
	margin-top: 20px;
	margin-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.receive_bag_modal_firstline span {
	color: #FF6000
}

.receive_bag_modal_secondline {
	font-size: 12px;
	font-weight: 400;
	color: rgba(153,153,153,1);
	line-height: 41px;
	text-align: center;
	width: 100%;
	height: 40px
}

.receive_bag_modal_thirdline {
	width: 80px;
	height: 30px;
	font-size: 14px;
	background: #FF6000;
	border-radius: 2px;
	position: relative;
	left: 115px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	box-shadow: none!important;
	border: none!important
}

.receive_bag_modal_firstline input {
	width: 220px;
	border: 0;
	background-color: #e2e2e2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FF6000
}

.js_tab_show {
	display: block;
    float: left;
    width: 90%;
	height:100%;
}

.js_tab_hide{
    display:none;
}
.hot-regame-item:hover .newHot-regame {
	display: block;
}

.newHot-regame {
	display: none;
	position: absolute;
    top: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
    width: 287px;
    height: 100px;
	border-radius: 5px;
}
.hotRegameBox {
	height: 100%;
	display: flex;
	justify-content: space-evenly
}
.hotImageBox {
	width: 80px;
    height: 80px;
    border-radius: 4px;
    margin-top: 8px;
}
.hotImageBox img {
	border: 2px solid #FF6000;
	border-radius: 4px;
    width: 71px;
    height: 71px;
    margin: 2px;
}
.hotBoxContent {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100px;
}

.hotText {
	width: 96px;
    height: 24px;
    background: #FFB22B;
    border-radius: 5px;
	margin: 0 0 12px 0;
    text-align: center;
	line-height: 24px;
	color: #fff;
}
.hotText a {
	color: #fff;
	font-size: 12px;
	padding-left: 14px;
}
.downHotText {
	width: 96px;
    height: 24px;
	background: #FF6000;
    border-radius: 5px;
	margin: 0 0 12px 0;
    text-align: center;
	line-height: 24px;
	color: #fff;
}
.downHotText a {
	color: #fff;
	font-size: 12px;
}
.HotdownLoadIcon {
	width: 14px;
	height: 14px;
	padding-left: 3px;
}

.hotAndriodText {
	width: 96px;
    height: 24px;
    background: #00C066;
    border-radius: 5px;
	margin: 0 0 12px 0;
    text-align: center;
	line-height: 24px;
	color: #fff;
}
.hotAndriodText a {
	color: #fff;
	font-size: 12px;
}
.hotAppleText {
	background: #FF6000;
}
.levelInfo_modal {
	display: none;
	width: 296px;
    height: 320px;
    background: #FFFFFF;
	box-shadow: 0px 0px 20px 0px rgba(86, 157, 236, 0.2);
	border-radius: 5px;
    position: absolute;
    top: -768px;
    right: -111px;
	z-index:999999;
}
/* .levelInfo_modal::after {
	display:block;
	position:absolute;
	bottom:-2px;
	left:43%;
	content:"";
	width:56px;
    height:4px;
    background:#FF6000;
    border-radius:2px;
	margin-left:-2px;
} */
.removeModal {
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
    left: 267px;
    top: 17px;
    cursor: pointer;
	background-image: url('../images/signin_ico_close.png');
	background-size: 100% 100%;
}
.avatarContainer{
	display: flex;
	align-items: center;
	margin: 31px 0 0 19px;
}
.avatarImg {
	width: 72px;
	height: 73px;
	border-radius: 50%;
	box-shadow: 2px 2px 6px 5px rgb(126 167 249 / 30%);
}
.avatarImg img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.rightInfoAccount{
	margin-left: 13px;
}
.account-title {
	font-size: 16px;
	font-weight: bold;
	color: #222222;
}
.removeAccount {
	color: #999999;
	font-size: 12px;
	margin-left: 12px;
	cursor: pointer;
}
.couponNumber{
	font-size: 12px;
	color: #999999;
	line-height: 30px;
}
.rechargeCouponBtn{
	display: block;
	width: 50px;
	height: 20px;
	background: #FFA200;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}
.rechargeCouponBtn:hover {
	color: #FFFFFF;
}
.hidekuang{
	display:none;
	width:151px;
	height: 40px;
	position: absolute;
	top:-805px;
	right:-41px;
	/* border:1px solid red; */
	z-index:9898989;
}
.progressLevelBox{
	margin: 13px 0 0 21px;
	cursor: pointer;
	position: relative;
}
.levelIocn {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('../images/icon-huiyuan.png');
	background-size: 100% 100%;
	vertical-align: middle;
}
.levelVipNum {
	font-size: 13px;
	font-weight: bold;
	color: #75440E;
	margin: 0 7px 0 5px;
}
.progressLineLevel{
	display: inline-block;
	width: 197px;
	height: 5px;
	background: #FFF5E1;
	border-radius: 3px;
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: 3px;
	position: relative;
}
.progressColorLine{
	display: inline-block;
	height: 4px;
	position: absolute;
	top: 1px;
	background: #FCD28A
}
.botttomRecommend {
	margin: 18px 0 0 22px;
}
.playCurrently{
	font-size: 13px;
}
.playCurrently::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 14px;
	background: #FF6000;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 2px;
}
.playGameNameGroup{
	height: 136px;
	overflow: auto;
}
.gameName-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 13px;
	margin-top: 10px;
}
.itemNameShow{
	width: 62%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.textCenterShow{
	width: 30%;
	text-align: right;
	padding-right: 20px;
}
.grayStartGame{
	color: #999;
}
.gameName-item:hover a {
	color: #FF6000;
}
.checkLevelModal {
	display: none;
	width: 180px;
	height: 60px;
	background: #FFFFFF;
	border: 1px solid #FFA200;
	box-shadow: 0px 0px 20px 0px rgba(86, 157, 236, 0.2);
	border-radius: 5px;
	position: absolute;
    left: 40px;
}
.showLevelGrade {
	text-align: center;
	margin-top: 10px;
}
.tipUpGradeNum{
	text-align: center;
	color: #999;
	font-size: 13px;
	margin-top: 9px;
}
.defferentLevelColor {
	color: #75440E;
}
.grayTextSmall {
	color: #999;
	font-size: 12px;
}
.progressLevelBox:hover .checkLevelModal {
	display: block;
}
/**
 * 修改浏览器的滚动条
 */
 ::-webkit-scrollbar-track-piece {
	border-radius: 4px;
  }

  ::-webkit-scrollbar-track-piece:hover {
	background-color: rgba(120, 130, 140, 0.33);
	border-left: 1px solid rgba(120, 130, 140, 0.33);
	border-radius: 4px;
  }

  ::-webkit-scrollbar {
	width: 7px;
	height: 8px;
	border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb {
	background-color: rgba(120, 130, 140, 0.23);
	background-clip: padding-box;
	border: 1px solid rgba(120, 130, 140, 0.23);
	min-height: 28px;
	border-radius: 4px;
  }

  ::-webkit-scrollbar-thumb:hover {
	border: 1px solid rgba(120, 130, 140, 0.23);
	background-color: rgba(120, 130, 140, 0.23);
  }


  /* 游戏排行榜开始 */
  .games-ranking{
	  width: 837px;
	  height: 443px;
	  /* height: auto; */
	  /* padding:0px 20px 34px 30px; */
	  display:flex;
	  justify-content: space-between;
	  margin-top: 20px;
	  box-shadow:0px 0px 10px #d5d5d5;
	  border:1px solid #d5d5d5;
  }
  .games-ranking span{
	  display:block;
  }
  .ranking-left,.ranking-mid,.ranking-right{
	  width:35%;
	  height: 100%;
	  padding:20px 11px;
  }
  .ranking-title,.custormer-title{
	  font-size: 24px;
	  color:#333;
	  width:100%;
	  height:24px;
	  line-height: 24px;
	  font-weight: bold;
	  text-align: left;
	  padding-left:10px;
  }
  .rk{
	  float: left;
	  width:18px;
	  height: 18px;
	  line-height: 18px;
	  font-size: 12px;
	  text-align: center;
	  color:#fff;
	  border-radius: 50%;
	  margin-top: 10px;
	  background-color: #FFA200;
  }
  .games-ranking ul li:nth-of-type(n+4) .rk{
	background-color: #939393;
  }
  .info{
	  width: 236px;
	  height:30px;
	  /* overflow: hidden; */
	  float:right;
  }
  .games-ranking ul{
	  width:100%;
	  margin-top:10px;
  }
  .games-ranking ul li{
	  width:100%;
	  height:30px;
  }
  .games-ranking img{
	  display:none;
  }
  .games-ranking .type{
	display:none;
  }
  .games-ranking .btn{
	  display:none
  }
  .games-ranking ul li.on img{
	  display:block !important;
	  width: 62px;
	  height: 62px;
	  float: left;
	  border-radius: 20px;
	  margin-left: 10px;
	  margin-top:10px;
  }
  .info-dec{
	  width: 146px;
	  height: 39px;
	  text-align:left;
	  margin-left:5px;
	  margin-top:10px;
  }
  .info-dec .title{
	width: 146px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #575757;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /* .sy-ranking .type,.h5-ranking .type,.yy-ranking .type{
	  display:none
  }
  .sy-ranking .btn,.h5-ranking .btn,.h5-ranking .btn{
	  display:none
  } */
  .sy-ranking li.on,.h5-ranking li.on,.yy-ranking li.on{
	  height:72px;
  }
  .sy-ranking li.on .info-dec .type,.yy-ranking li.on .info-dec .type,.h5-ranking li.on .info-dec .type{
	  	display:block !important;
		width: 100%;	
		height: 20px;
		line-height:20px;
	}
	.sy-ranking li.on .info-dec .btn,.h5-ranking li.on .info-dec .btn,.yy-ranking li.on .info-dec .btn{
		display:block !important;
		width: 60px;	
		height: 20px;
		font-size: 12px;
		line-height: 20px;
		text-align: center;
		border:1px solid #d5d5d5;
		background-color: #fff;
	}
	.sy-ranking li.on .info-dec,.h5-ranking li.on .info-dec,.yy-ranking li.on .info-dec{
		 float:right;
	}
  .ranking-more a{
	  display:inline-block;
	  width:100%;
	  height:10px;
	  margin-left:10px;
	  margin-top:10px;
	  line-height: 10px;
	  text-align: left;
  }
  .ranking-more a:hover{
	color:#ff6000 !important;
  }
  
  /* 游戏排行榜结束 */
  /* 首页客服中心开始 */
  .custormer-center{
	  width:24.5%;
	  height:402px;
	  margin-top: 20px;
	  margin-left: 20px;
	  padding:20px 11px;
	  border:1px solid #d5d5d5;
	  box-shadow: 0px 0px 10px #d5d5d5;
  }
  .custormer-center ul{
	  margin-top:20px;
  }
  .custormer-center li{
	float: left;
    width: 44%;
    height: 40px;
    margin: 0 auto;
    padding-left: 20px;
    margin-bottom: 10px;
    line-height: 40px;
    border-radius: 30px;
    background-color: #f5f5f5;
  }
  .custormer-center li a:hover{
	color:#ff6000 !important;
  }
  /* 首页客服中心结束 */
  /* 打开弹出层开始*/
  .tanchu_container{
	  /* display:none; */
	  width: 100%;
	  min-width:1200px;
	  height: 260px;
	  background: url(../images/jfGame_app_float.png);
	  background-size: cover;
	  background-position-x: center;
	  position: fixed;
	  bottom:0px;
	  left:0px;
	  z-index: 9999;
  }
  .tanchu_erweima{
	  width: 1200px;
	  height: 198px;
	  margin:0 auto;
	  padding:0 15px;	
      position: relative;
  }
  .tanchu_erweima img{
	width: 145px;
    height: 145px;
    position: absolute;
    bottom: 40px;
    right: 161px;
  }
  .tanchu_close{
	width: 30px;
    height: 30px;
    position: absolute;
    bottom: 99px;
    right: 388px;
  }
  .tanchu_close img{
	  width: 100%;
	  cursor:pointer;
  }
  .fadeInUp{
	  animation-name:fadeInUp;
  }
  .animated{
	animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @keyframes fadeInUp{
	  0%{
		  opacity: 0;
		  transform: translate3d(0,100%,0);
	  }
	  100%{
		opacity: 1;
		transform: none;
	  }
  }

  /* 打开弹出层结束 */