
#fenye{
background: #f4f2f2;
    padding-bottom: 40px;
	text-align:center;}


	.page_info{
background: #f4f2f2;
    padding-bottom: 40px;
	text-align:center;}

	#fenye1 {
		margin:auto;
		display:inline-block;
		height:40px;
}

#fenye1 li{
    margin: 0 5px;}
	/* 右边可以单击的时候开始*/
	.shang{ height:30px;background: #757577;	float:left;float:left;	display:block;width:60px;  color: #23527c;font-size:14px;
line-height:30px;}

.shang a{
	text-decoration:none;
	display:block;color: #fff;

cursor:pointer;
	width:100%; box-sizing:border-box;

	height:100%;
	}
.shang a:hover{
color:#757577;background: #fff;}
/* 右边可以单击的时候结束*/


/* 右边不能单击的时候开始*/
	.shang1{ height:30px;float:left;float:left;	display:block;width:60px;  color: #23527c;font-size:14px;
line-height:30px;}

.shang1 a{
	text-decoration:none;
	display:block;color: #fff;
	background-color:#757577;

cursor: not-allowed;
	width:100%; box-sizing:border-box;

	height:100%;
	}
.shang1 a:hover{
	background-color:#fff;
	color:#757577;
}

/* 右边不能单击的时候结束*/



	/* 右边可以单击的时候开始*/
	.next{ height:30px;float:left;float:left;	display:block;width:60px;  color: #23527c;font-size:14px;
line-height:30px;}

.next a{
	text-decoration:none;
	display:block;color: #fff;background: #757577;

cursor:pointer;
	width:100%; box-sizing:border-box;

	height:100%;
	}
.next a:hover{
color:#757577;background: #fff;	}
/* 右边可以单击的时候结束*/


/* 右边不能单击的时候开始*/
	.next1{ height:30px;	float:left;float:left;	display:block;width:60px;  color: #23527c;font-size:14px;
line-height:30px;}

.next1 a{
	text-decoration:none;
	display:block;color: #fff;background: #757577;

cursor: not-allowed;
	width:100%; box-sizing:border-box;

	height:100%;
	}
.next1 a:hover{
color:#757577;background: #fff;	}

/* 右边不能单击的时候结束*/



	.j{
		 height:30px;float:left;float:left;	display:block;width:30px;
line-height:30px;}


.j a{
	text-decoration:none;
	display:block;color:#fff;
	width:100%; box-sizing:border-box;

	height:100%;
	}
.j a:hover{
	border:none;}

	.disabled{
background: #757577;
    color: #fff;}


.disabled a:hover{
color:#757577;
	background: #fff;


	text-decoration:none;
}





	.dianji{background: #fff;height:30px;	float:left;float:left;	display:block;width:30px;
line-height:30px;

	color:#757577;}
	.dianji a{
	text-decoration:none;
	display:block;
	width:100%; box-sizing:border-box;

	height:100%;
	}
			 			.dianji a:link{
color:#757577;
	text-decoration:none;
}
.dianji a:visited{
 color:#757577;
	text-decoration:none;
}
.dianji a:hover{
	 color:#757577;

	text-decoration:none;
}



/* 分页代码结束*/
.pdTB_40{
    padding:40px 0;
}
.w_1040{
    max-width:1040px;
    width:100%;
    margin:0 auto;
}
.w_1135{
    max-width:1135px;
    width:100%;
    margin:0 auto;
}
.minH_400{
    min-height: 400px;
}
.boxShadow{
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    background:#fff;
    padding:35px;
}


#top{
    height:75px;
    line-height: 75px;
    position: relative;
}
#top #pcNav a{
    float:left;
    font-size: 20px;
}
#top #pcNav span{
    float: left;
    margin:35px 60px 34px;
    width:6px;
    height:6px;
    border-radius: 50%;
    background:#444;

}
.fixedTop{
    width:100%;
    position: fixed !important;
    top:0;
    left:0;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    z-index: 50;
    background:#fff;
}
#navHide{
    width:100%;
    position: absolute;
    top:60px;
    background:rgba(255,255,255,.8);
    z-index: 4;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
#navHide a{
    display: block;
    height:40px;
    line-height: 40px;
    padding:0 20px;
    border-top:1px solid rgba(85,12,156,.2);
    position: relative;
}

#showNav{
    display: none;
    position: absolute;
    top:50%;
    right: 20px;
    transform: translateY(-50%);
}
#showNav i {
     display: block;
     width: 35px;
     height: 4px;
     margin: 6px 0;
     background:rgba(85,12,156,.5);
 }




.bigTitle{
    background:#2b2f32;
    height:125px;
}
.bigTitle h1{
    color:#fff;
    font-size: 36px;
    line-height: 125px;
}
.sameBg{
    background:#f4f2f2;
    padding:40px 0;
}
#page{
    background:#f4f2f2;
    padding-bottom:40px;
}
#page li{
    display: inline-block;
    margin:0 5px;
}
#page a{
    display: block;
    background:#757577;
    color:#fff;
    padding:5px 10px;
}
#page a:hover,#page a.active{
    background:#fff;
    color:#757577;
}
.dotBefore{
    padding-left:25px;
}
.dotBefore li{
    position: relative;
}
.dotBefore li:before{
    content:'';
    position: absolute;
    top:2px;
    left:-25px;
    width:16px;
    height:16px;
    border-radius: 50%;
    background:#550c9c;
}


#pcNav .hoverShow{
    color:#fff;
    position: absolute;
    top: 58px;
    right: 137px;
    background-color:#550c9c;
    transition: all linear 0.3s;
    z-index: 2;
}
#pcNav #conservT .hoverShow{
    padding:5px;
    opacity: 0;
    transform: scale(0);
    transform-origin: top;
}
#pcNav #conservT p{
    height:35px;
    line-height: 35px;
    text-align: center;
}
#pcNav #conservT:hover .hoverShow{
    opacity: 1;
    transform: scale(1);
}
#navHide .hoverShow{
    color:#fff;
    position: absolute;
    top: 27px;
    left: 7px;
    background-color:#550c9c;
    transition: all linear 0.3s;
    z-index: 2;
}
#navHide #conservH .hoverShow{
    padding:5px;
    opacity: 0;
    transform: scale(0);
    transform-origin: top;
}
#navHide #conservH p{
    height:35px;
    line-height: 35px;
    text-align: center;
}


.hoverShow-class{
    opacity: 1!important;
    transform: scale(1)!important;
}

#rightFixed li.service .hoverShow{
    padding:5px;
    opacity: 0;
    transform: scale(0);
    transform-origin: right top;
}
#rightFixed li.service p{
    height:35px;
    line-height: 35px;
}
#rightFixed li.service:hover .hoverShow{
    opacity: 1;
    transform: scale(1);
}

#rightFixed .tel{
    background-image: url(../img/tel.svg);
}
#rightFixed .service{
     background-image: url(../img/service.svg);
}
#rightFixed .service a{
    display: block;
    height:100%;
}
#rightFixed .ewm{
    background-image: url(../img/ewm.svg);
}
#rightFixed #toTop{
    background-image: url(../img/top.svg);
}

#search{
    border-bottom: 1px solid #e6e3e3;
    margin-bottom: 20px;
    position: relative;
    padding-left:50px;
}
#search:before {
    content: url(../img/search.svg);
    margin-right: 35px;
    position: absolute;
    top: 16px;
    left:15px;
}
#search input{
    width:100%;
    height:50px;
    line-height: 50px;
    border: none;
    outline: none;
    font-size: 16px;
}
input[placeholder]{
    /*color:#444 !important;*/
    font-family: "微软雅黑";
}
/*********页面滑动*********/
.scrollTop{
    position: relative;
}

/***********swiper*************/
.swiper-pagination-switch{
    margin:0 10px;
		cursor: pointer;
}
#carousel .swiper-pagination-switch{
		display: inline-block;
    width:16px;
    height:16px;
    opacity: 1;
    border-radius: 8px;
    background:rgba(255,255,255,.5);
    transition: all linear 0.3s;
}
#carousel .swiper-active-switch{
    background:#d2d2db;
    width:36px;
}
.swiper-button-prev,.swiper-button-next{
		cursor:pointer;
		z-index: 1500;
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
    text-align: center;
    background:#0a020f;
    width:40px;
    height:95px;
    line-height: 95px;
    color:rgba(255,255,255,.6);
    font-size: 30px;
    transform: translateY(-50%);
}
.swiper-button-prev{
	left:10px;
}
.swiper-button-next{
	right:10px;
}
.swiper-button-prev img{
  position: relative;
  left:4px;
}
.swiper-button-next img{
  position: relative;
  right:4px;
}
.swiper-button-prev:hover,.swiper-button-next:hover{
    background:#550c9c;
}
#carousel .swiper-pagination{
		width:100%;
		text-align: center;
		position: absolute;
    bottom:30px;
		z-index:1200;
}
.announcement .swiper-pagination{
		width:100%;
		position: absolute;
    text-align: left;
    padding-left:20px;
		bottom:15px;
}
.announcement .swiper-pagination-switch{
		display:inline-block;
    width:11px;
    height:11px;
		border-radius: 50%;
    opacity: 1;
    background:#c1c0cd;
    position: relative;
}
.announcement .swiper-active-switch:before{
    content:'';
    position: absolute;
    top:2px;
    left: 2px;
    width:7px;
    height:7px;
    border-radius: 50%;
    background:#7947b3;
}
.swiper-pagination-bullet{
		display:inline-block;
		zoom:1;
		*display:inline;
}
/************index****************/



.listTitle{
    margin-bottom:35px;
}
.listTitle h3{
    font-size: 27px;
}
.listTitle a{
     font-size: 15px;
    color:#222;
 }
.listTitle a:hover{
	color:#550c9c;
}

.announcement>div>.left{
    max-width:500px;
    width:100%;
}
.announcement .carouselMain{
    float: left;
    width:100%;
    height:350px;
    background:center center no-repeat;
    background-size:cover;
}
.announcement .announcementMain{
    max-width:500px;
    width:100%;
}
.announcement .smallTitle{
    line-height: 26px;
    border-bottom:3px solid #8f8f8f;
    padding-bottom:5px;
    padding-top:10px;
    margin-bottom:2px;
}
.announcement .smallTitle h3{
    font-size: 20px;
}
.announcementList{
    border-top:1px solid #8f8f8f;
}
.announcementList li{
    height:43px;
    line-height: 43px;
    overflow: hidden;
    padding:0 5px;
    position: relative;
    border-bottom:1px dashed #8f8f8f;
}
.announcementList li a{
	display:block;
	margin-right:100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.announcementList li a:before{
    content:'';
    display: inline-block;
    width:8px;
    height:8px;
    border-radius: 50%;
    background:#550c9c;
    position: relative;
    top:-1px;
    margin-right:10px;
}
.announcementList li span{
    font-size: 13px;
    color:#222;
    position: absolute;
    right:0;
    top:0;

}
.allGame{
    background:#f7f7f7;
}
.problemsMain{
    margin-bottom:70px;
}
.problemsMain a{
    float: left;
    height:140px;
    line-height: 140px;
    width:30%;
    background:#ededed;
    font-size: 26px;
    color:#222;
}
.problemsMain a:hover{
    background:#550c9c;
    color:#fff !important;
}
.problemsMain a:hover path{
    fill:#fff;
}
.problemsMain a:nth-child(2){
    margin:0 5%;
}
.problemsMain svg{
    position: relative;
    top:10px;
}



/***********充值***********/



.payMain .payWay{
    display:flex;
    align-items:center;
    background:#fff;
    padding:30px 15px;
    margin-bottom:25px;
}
.payMain .payWay .payIcon{
    width:220px;
    margin-right:60px;
}
.payWay .payIcon a{
    display: inline-block;
    width:165px;
    height:42px;
    font-size: 18px;
    line-height: 41px;
    border-radius: 21px;
    background:#550c9c;
    color:#fff;
}
.payWay .payIcon a:hover{
    color:#fff !important;
    background:#2b2f32;
}
.payWay .payPrompt{
    width:800px;
    font-size: 15px;
}
.payWay .payPrompt li{
    margin:12px 0;
    line-height: 24px;
}
.payWay .payPrompt li:before{
    top:4px;
}
.payWay .noButton{
    padding-top:42px;
}



#payModal{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  z-index: 2000;
}
.payForm{
  max-width:520px;
  width:100%;
  min-height:390px;
  height:auto;
  background:#fff;
  line-height: 26px;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
  border-radius: 3px;
}
.payForm #close{
  width:25px;
  height:25px;
  border-radius:50%;
  line-height: 22px;
  cursor: pointer;
  user-select:none;
  background:#bbbbbb;
  color:#fff;
  position: absolute;
  top:10px;
  right:10px;
  font-size: 20px;
}
#close:hover{
  background:#550c9c;
}
.payForm form{
  position: absolute;
  padding:20px;
  max-width:440px;
  width:100%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
}
.formTop h2{
  font-size: 24px;
  color:#111;
  margin-bottom:25px;
}
.payForm .textRight{
    width:80px;
    color:#111;
    margin-bottom:10px;
}
.payForm .textCenter{
  color:#a0a0a0;
}
.payForm  .gameId{
  line-height: 35px;
}
.payForm  input{
  max-width:260px;
  width:100%;
  height:35px;
  font-size: 15px;
  border:1px solid #a0a0a0;
  border-radius: 2px;
  outline: none;
  padding:0 15px;
  color:#550c9c;
}
.payForm .chooseList p{
  float: left;
  cursor: pointer;
  user-select:none;
  margin-right:5px;
  margin-bottom:5px;
  width:70px;
  height:27px;
  border:1px solid #a0a0a0;
}
.chooseList p.choosed{
  border-color:#550c9c;
  color:#550c9c;
  position: relative;
}
.chooseList p.choosed:after{
  content:'';
  width:0;
  height:0;
  position: absolute;
  bottom:0;
  right:0;
  border-left:15px solid transparent;
  border-bottom:15px solid #550c9c;
}
.chooseList p.choosed:before{
  content:url(../img/choosed.svg);
  width:11px;
  position: absolute;
  right:0;
  bottom:-8px;
  transform: scale(0.8);
  z-index: 2010;
}
.payForm .promptMsg{
  clear:both;
  padding-top:5px;
}
.payForm .promptMsg b{
  color:#d30000;
}
.payForm form> .clearFloat{
  margin-bottom:5px;
}
.payButton .submit{
  display: inline-block;
  width:100px;
  height:30px;
  line-height: 29px;
  border-radius: 3px;
  background:#550c9c;
  color:#fff;
  cursor: pointer;
  user-select:none;
}
.payButton .submit:hover{
  background:#2b2f32;
}
/*************封号查询**************/
.queryMain .allUser{
    background:#fff;
}
.allUser .userListTop,.allUser .userList li{
    min-height:38px;
    background:#550c9c;
    line-height: 38px;
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 19px;
}
.allUser .userListTop span,.allUser .userList li span{
    float: left;
    width:33%;
}
.allUser .userListTop span:nth-child(2),.allUser .userList li span:nth-child(2){
    width:34%;
}
.allUser .userList li{
    font-weight: normal;
    font-size: 15px;
    background:#fff;
    color:#111;
}
.allUser .userList li:nth-child(2n){
    background:#eaeaea;
}



/*************封号查询**************/
.queryMain .allUser{
    background:#fff;
}
.allUser .userListTop,.allUser .userList li{
    min-height:38px;
    background:#550c9c;
    line-height: 38px;
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 19px;
}
.allUser .userListTop span,.allUser .userList li span{
    float: left;
    width:33%;
}
.allUser .userListTop span:nth-child(2),.allUser .userList li span:nth-child(2){
    width:34%;
}
.allUser .userList li{
    font-weight: normal;
    font-size: 15px;
    background:#fff;
    color:#111;
}
.allUser .userList li:nth-child(2n){
    background:#eaeaea;
}


/*********常见问题**********/
.problemMain{
    background:#f4f2f2;
    padding:40px 0;
}
.problemList{
    padding:30px;
    font-size: 15px;
}
.problemList li{
    margin-bottom:30px;
}
.problemList h3{
    font-size: 16px;
    color:#222;
    margin-bottom:10px;
}

/**********公告*************/
.announcement_main .boxShadow{
    padding:10px 35px;
}
.announcement_main li{
    font-size: 13px;
    height:60px;
    line-height: 60px;
    border-bottom:1px dashed #8f8f8f;
}
.announcement_main li a{
	 display:block;
	 overflow: hidden;
	 white-space: nowrap;
	 text-overflow: ellipsis;
}
.announcement_main li:last-child{
    border-bottom:0;
}
.announcement_main li:before{
    top:22px;
}

/*公告内页*/
.an_detailsMain{
    font-size: 16px;
}
.an_detailsMain .detailsTitle h2{
    font-size: 20px;
    margin-bottom:20px;
}
.an_detailsMain .detailsTitle{
    font-size: 15px;
	margin-bottom:40px;

}

#readOthers{
    background:#f4f2f2;
    padding-bottom:40px;
}
#readOthers .left p{
    margin:10px 0;
    font-size: 15px;
}
#readOthers .right{
    margin-top:20px;
}
#readOthers .right a{
    text-decoration: underline;
}

.detailsText {
	line-height:30px;
}
.detailsText img{
	max-width:100%;
	height:auto
}
