@charset "utf-8";
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
  color:#999;
}
input::-moz-placeholder,
textarea::-webkit-input-placeholder{   /* Mozilla Firefox 19+ */
  color:#999;
}
input:-moz-placeholder,
textarea::-webkit-input-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#999;
}
input:-ms-input-placeholder,
textarea::-webkit-input-placeholder{  /* Internet Explorer 10-11 */ 
  color:#999;
}
/* 自助服务 */
.selfService_main{
  overflow: hidden;
}
.service_main .main_left{
  float: left;
  width: 890px;
  background: #fff;
}
.service_main .main_left .self_service_list{
  height: 792px;
  padding: 50px 80px;
}
.self_service_list .title {
	font-size: 16px;
	font-weight:bold;
	color: #333333;
	height:45px;
	border-bottom: 1px solid #dfdfdf;
}
.service_main .main_right {
  float: right;
  width: 290px;
}
.service_main .main_right .main_common_problems{
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
  padding-bottom: 10px;
}
.main_right .main_common_problems .title{
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 20px;
  font-size: 18px;
  color: #666;
  margin: 20px 20px 0;
}
.main_right .main_common_problems li{
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  padding: 0 0 0 48px;

}
.main_right .main_common_problems li.active{
  background: #0099FF;
  margin: 0;
  color: #fff;
}
.main_right .main_common_problems li.active a{
  color: #fff;
}
.main_right .main_common_problems li.active i.problem_account{
  background: url(../images/problem_account_h.png) no-repeat center;
  background-size: cover;
}
.main_right .main_common_problems li.active i.problem_recharge{
  background: url(../images/problem_recharge_h.png) no-repeat center;
  background-size: cover;
}
.main_right .main_common_problems li.active i.problem_upload{
  background: url(../images/up_h.png) no-repeat center;
  background-size: cover;
}
.main_right .main_common_problems li.active i.problem_download{
  background: url(../images/down_h.png) no-repeat center;
  background-size: cover;
}
.main_right .main_common_problems li.active i.problem_else{
  background: url(../images/faq_h.png) no-repeat center;
  background-size: cover;
}
.main_common_problems li i,
.main_common_problems li a{
  display: inline-block;
  vertical-align: middle;
}
.main_common_problems .game_list{
  padding: 4px 0 10px;
}
.main_common_problems .game_list a{
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding-left: 92px;
  color: #666;
}
.main_common_problems .game_list a.current{
  color: #0099FF;
}
.main_common_problems .game_list a:hover{
  color: #0099FF;
}
.main_common_problems li i.problem_account{
  width: 17px;
  height: 20px;
  background: url(../images/problem_account.png) no-repeat center;
  background-size: cover;
  margin-right: 20px;
  margin-left: 6px;
}
.main_common_problems li i.problem_recharge{
  width: 20px;
  height: 20px;
  background: url(../images/problem_recharge.png) no-repeat center;
  background-size: cover;
  margin-right: 17px;
  margin-left: 5px;
}
.main_common_problems li i.problem_upload{
  width: 22px;
  height: 22px;
  background: url(../images/upload.png) no-repeat center;
  background-size: cover;
  margin-right: 16px;
  margin-left: 4px;
}
.main_common_problems li i.problem_download{
  width: 20px;
  height: 20px;
  background: url(../images/down.png) no-repeat center;
  background-size: cover;
  margin-right: 17px;
  margin-left: 6px;
}
.main_right .main_common_problems li i.problem_else{
	width: 26px;
  height: 26px;
  background: url(../images/faq.png) no-repeat center;
  background-size: cover;
    margin-right: 16px;
  margin-left: 4px;
}
.main_common_problems li>a{
  font-size: 16px;
  color: #666;
}
.main_common_problems li>a:hover{
  color: #0099ff;
}
.main_common_problems li.active>a:hover{
  color: #fff;
}
.main_common_problems li .problem_faq{
  margin-top: 20px;
  padding-left: 18px;
}
.main_common_problems li .problem_faq a{
  display: block;
  font-size: 14px;
  color: #666666;
  line-height: 36px;
}
.main_common_problems li .problem_faq a:hover{
  color: #0099FF;
}
.service_main .main_right .main_common_contact{
  background: #fff;
  padding: 20px 20px 0;
  overflow: hidden;
}
.main_right .main_common_contact .title{
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 20px;
  font-size: 18px;
  color: #666;
}
.main_common_contact li{
  margin: 22px 0;
  font-size: 14px;
  color: #333;
}
.main_common_contact li .message{
  margin-bottom: 6px;
}
.main_common_contact li  p{
  color: #666;
}
.main_common_contact li  a{
  display: block;
  font-size: 14px;
  color: #666;
}
.main_common_contact li img{
  display: block;
  margin: 14px auto 0;
  width: 220px;
  height: 207px;
}
.main_common_contact li a:hover{
  color: #ffffff;
}
.service_main .main_left ._service_list{
min-height:700px;
  padding: 50px 80px;
}
._service_list .title {
	font-size: 16px;
	font-weight:bold;
	color: #333333;
	height:45px;
	border-bottom: 1px solid #dfdfdf;
}
.query_table {
  margin: 60px auto 0;
}
.query_table table{
  width: 100%;
  border: 1px solid #DCDFE6;
}
.query_table table input[type='checkbox']{
  position: relative;
  width: 14px;
  height: 14px;
  line-height: 14px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.query_table table input[type='checkbox']::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 1px solid #999;
}
.query_table table input[type='checkbox']:checked::before{
  content: "";
  position: absolute;
  top: 0;left: 0;
  width:100%;
  background: url("../images/icon_hook.png") no-repeat center;
  background-size: cover;
  border: 1px solid #0099FF;
  color:#fff;
  font-size: 12px;
}
.query_table table thead th{
  padding: 15px 0;
  font-size: 14px;
  color: #333333;
  text-align: center;
  font-weight: 500;
  border-bottom: 1px solid #DCDFE6;
  border-right:1px solid #DCDFE6;
}
.query_table table thead th:nth-of-type(1){
  /*width: 100px;*/
}
.query_table table thead th:nth-of-type(2){
  width: 250px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.query_table table thead th:nth-of-type(3){
  width: 70px;
}
.query_table table thead th:nth-of-type(4){
  width: 140px;
}
.query_table table thead th:nth-of-type(5){
  width: 140px;
}
.query_table table tbody td{
  padding: 15px 0;
  padding-left:20px;
  font-size: 14px;
  color: #666;
  text-align: left;
  border-right:1px solid #DCDFE6;
  border-bottom: 1px solid #DCDFE6;
}
.query_table table tbody td a{
  display: block;
  /*width: 360px;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.query_table table tbody td a:hover{
  color: #0099FF;
}
.query_table table tbody td:nth-of-type(2){
  /*width: 360px;*/
  height: 50px;
  text-align: center;
}
.query_table table tbody td span.not_solved{
  color: #F56C6C;
}
.query_table .box-con-tit h2 {
	text-align: center;
	color: #333;
	font: normal 18px/20px '\5FAE\8F6F\96C5\9ED1';
	height: 44px;
}
.query_table .box-con {
	font-size: 14px;
	line-height: 29px;
	color: #666;
	text-indent: 2em;
}
.page_box {
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: right;
}
.page_box a{
  font-size: 12px;
  padding: 0 6px;
  color: #151515;
}
.page_box a:hover,
.page_box a.current{
  color: #0099FF;
}
.page_box a.page_click{
  color: #333;
}
.page_box a.page_noclick{
  color: #999;
}
.page_box .page_jump{
  display: inline-block;
  margin-left: 10px;
  color: #151515;
  font-size: 12px;
}
.page_box .page_jump input{
  height: 23px;
  width: 48px;
  text-align: center;
  border: 1px solid #DCDFE6;
  font-size: 12px;
  color: #999999;
}
.page_box ul {
  overflow: hidden;
}
.page_box ul li{
  float: left;
}
.page_box ul li .page_dqye{
  color: #0099FF;
  cursor: pointer;
}

.query_table .query_button{
	display: flex;
	align-items: center;
	justify-content: center;
  margin-top: 40px;
}
.query_table .query_button .delete-btn{
  background: #008EFF;
  color: #fff;
  margin-right: 30px;
}
.query_table .query_button .delete-btn:hover{
  background: #3badf9;
  border-color: #3badf9;
}

/* 常见问题 start */
.faq_content{
  min-height: 914px;
  padding: 20px 40px 60px;
}
.questions{
	margin:30px 0;
}
.questions li{
	line-height: 30px;
}
.faq_content h4{
	padding: 10px 0;
	color: #333;
	margin: 0;
}
.answer p{
	color: #555;
}
.faq_content p a,.questions li a,.answer p a{
	color: #008EFF;
}
.faq_content p a:hover,.questions li a:hover,.answer p a:hover{
	text-decoration: underline;
}
.faq_content img{
  display: block;
  margin:15px auto;
  max-width: 700px;
}
.faq_content p{
  line-height: 34px;
  color:#333;
  font-size:14px;
}
.faq_content p strong{
  font-family: MicrosoftYaHei;
  font-size: 16px;
  color: #333333;
  font-weight: 600;
}
#downloadQ4 img{
	display: inline;
	margin: 0;
}
.news_content{
  min-height: 792px;
  padding: 60px 45px 60px;
}
.news_content .news_title{
  text-align: center;
  font-size: 18px;
  color: #333333;
  padding-bottom: 40px;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 30px;
}
.news_content .news_info span{
  display: block;
  font-size: 16px;
  color: #333333;
  margin-top: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}
.news_content .news_info p{
  font-size: 14px;
  color: #666666;
  line-height: 28px;
}
.news_content .news_info p.indent,.answer p.indent{
	text-indent: 2em;
}
.news_content .news_info p a{
  font-size: 12px;
  color: #0099FF;
  line-height: 24px;
}
.yuanzelist{
	margin-left: 4em;
	font-size: 14px;
	line-height: 30px;
}
.yuanzelist li{
	list-style: disc;
	color: #666;
}
.table{
	border: 1px #EAECEA solid;
	color: #666;
	line-height: 34px;
	font-size: 14px;
}
.row{
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
}
.row div{
	width: 50%;
}
.row div+div{
	border-left: 1px #EAECEF solid;
}
.table-header{
	color: #008EFF;
	background-color: #fbfbfb;
}
.row+.row{
	border-top: 1px solid #EAECEF;
}
/* 常见问题 end */
/*kefulist*/
.kefulist>div{
	display: flex;
	align-items: center;
}
.kefulist>div+div{
	margin: 10px 0;
}
.kefulist>div span{
	color: #666;
}
.kefulist>div a{
	display: flex;
	align-items: center;
	line-height: 20px;
	border:1px solid #0099ff;
	justify-content: center;
	padding: 3px 15px;
	color:#e5e5e5;
	border-radius: 15px;
}
.kefulist>div a img{
	width: 17px;
	height: 17px;
	margin: 0;
	margin-right: 5px;
}
/*fankui-type*/
.fankui-type{
    width: 540px;
    height: 50px;
    margin: 0 auto;
    display: flex;
}
.fankui-type div{
    width: 246px;
    height: 32px;
    font-size: 16px;
    line-height: 30px;
    color: #008EFF;
    border: 1px solid #008EFF;
    margin: 0 10px;
    text-align: center;
    cursor: pointer;
}
.fankui-type div.on {
    background-color: #008EFF;
    color: #f6f7fb;
}
.fankui-info{
	color: #aaa;
	display: block;
	margin-bottom: 30px;
	text-align: center;
	font-size: 14px;
}
.feedback {position: relative;margin-top: 30px;}
.feedback .fk-tips{height:46px;background:#fff;}
.feedback .errortip {width: 376px;padding:5px;text-align: center;color: #d85711;font-size: 14px;border: 1px solid #fea15d;background: #fff7e3;}
.feedback .feedback-inner {zoom: 1;overflow: hidden; width: 100%;height: 100%;}
.feedback .feedback-inner label{color:#999;}
.feedback .feedback-inner .tit{height: 32px;line-height:32px;font-size:14px;color:#000;}
.feedback .feedback-inner em{color:#f00;position: absolute;margin: 0 5px;font-size: 18px;}
.feedback .feedback-inner .fb-con{width:650px;}
.feedback .feedback-inner .fb-con .txt { padding: 8px;margin-bottom: 40px;overflow: auto; width: 621px; height: 126px;border: 1px solid #e5e5e5;font-size: 14px;color: #666;}
.feedback .feedback-inner .fb-img {overflow: hidden;width: 667px;height: 175px;}
.feedback .feedback-inner .fb-img .tb{color:#f00;}
.feedback .feedback-inner .fb-img .upimg {position:relative;}
.feedback .feedback-inner .fb-img .upimg .imgerrortip {position: absolute;left: 0;top: 22px;width: 156px;height: 22px;line-height: 22px;text-align: center;color: #666;font-size: 12px;background: url(../images/t-pk.png) no-repeat;}
.feedback .feedback-inner .fb-img .upimg .screenimg { margin-top: 6px;margin-bottom:16px;border: 1px solid #f7d9a9;height: 88px;width:221px;display:inline-block;}
.feedback .feedback-inner .fb-img .upimg .lookimg {width: 107px;height: 86px;box-sizing: border-box; float: left; margin-right: 2px;position: relative;}
.feedback .feedback-inner .fb-img .upimg .lookimg img{width:100%;height:100%;}
.feedback .feedback-inner .fb-img .upimg .lookimg_delBtn {position: absolute;bottom: 0px;left: 0px;width: 100%; height: 22px;text-align: center;line-height: 22px;background-color: #eee;opacity: 0.8;color: #303330;font-size: 16px;font-family: 微软雅黑;display: none;cursor: pointer; }
.feedback .feedback-inner .fb-img .upimg .lookimg_delBtn:hover {opacity: 1;}
.feedback .feedback-inner .fb-img .upimg .lookimg_progress {position: absolute;bottom: 0px;left: 0px; width: 100%;height: 20px; background-color: #e0e0e0;box-sizing: border-box;display: none;text-align: center;line-height: 20px;font-size: 14px;}
.feedback .feedback-inner .fb-img .upimg .lookimg_progress div {position: absolute;left: 0px;top: 0px;height: 100%; width: 0px;background-color: #ff6700;}
.feedback .feedback-inner .fb-img .upimg .imgfile {display: none;}
.feedback .feedback-inner .fb-img .upimg .fb-up{display:inline-block;width:290px;margin:16px 22px;color:#999;font-size:12px;}
.feedback .feedback-inner .fb-img .upimg .fb-up .pick{width: 80px;height: 30px;text-align: center;line-height: 30px;float:left;background-color: #0297d4;color: #fff;cursor:pointer;font-size:14px; }
.feedback .feedback-inner .fb-img .upimg .fb-up #btn_ImgUpStart {width: 80px;height: 30px;float:left;margin-left:20px;color:#333;}
.feedback .feedback-inner .fb-contact {width:600px}
.feedback .feedback-inner .fb-contact .number {padding: 0 10px;width: 500px;height: 36px;color: #666;font-size: 14px;border: 1px solid #e5e5e5;}
.feedback .feedback-inner .btn-wrap {zoom: 1;overflow: hidden;position: relative; padding-top: 35px;margin-left:10px;}
.feedback .feedback-inner .btn-wrap .errortip { position: absolute;left: 0px;top: 5px;height: 22px;text-align: center;color: #333;font-size: 12px;border-radius:2px;border:1px solid #fea15d;background:#fff7e3;padding-left:5px;padding-top: 2px;}
.feedback .feedback-inner .btn {float: left;margin-right: 22px;width: 101px;height: 35px;line-height: 35px;color: #fff;text-align: center;font-size: 16px;font-family: "\5fae\8f6f\96c5\9ed1";border: 0; background: url(../images/feed-back-title.png) 0 -72px no-repeat;}
.feedback .feedback-inner .btn:hover {background-position: -114px -72px; }
.feedback .success { display: none; text-align: center;margin: 0 auto; margin-top: 140px;width: 390px;}
.feedback .success .tip {margin-top: 30px;color: #666;font-size: 14px;}
.feedback .success .tip a {color: #046ea0;}
.feedback .success .tip a:hover { color: #f00; text-decoration: underline; }
.content{width: 650px;margin-top:45px;}
.apply-form {width: 680px;font-size: 16px;color: #666;margin-left: 30px;}
.apply-form>div{display: flex;margin-top: 28px;line-height: 36px;}
.apply-form li {list-style: none;}
.apply-form .label-div{width:100px;text-align: right;margin-right: 20px;}
.apply-form label{position: relative;}
.apply-form label.required:before{content: " "; width: 5px;height: 5px;font-size: 0;background-color: #ea4025;-webkit-border-radius: 50%; -moz-border-radius: 50%;border-radius: 50%;position: absolute;top: 8px;left: -10px;}
.apply-form input,.apply-form textarea{width:450px;padding: 0 8px;line-height: 36px;border: 1px solid #dedede;border-radius: 3px;}
.apply-form input{height: 36px;}
.apply-form textarea{line-height: 24px;height: 72px;}
.apply-form button{width:229px;line-height:30px;background-color: #ED8937;color:#fff;border: 1px #ED8937 solid;	box-shadow: 1px 2px 5px #999;margin-bottom: 20px;font-size:14px;}
.apply-form button:hover{background-color: #F5ac4d;color:#fff;border: 1px #F5ac4d solid;	}
.apply-form em.invalid{color:#ea4025;font-size: 14px;margin-left: 10px;}
.apply-form input.invalid{border: 1px solid #ea4025;box-shadow: 0 0 6px #ed4040;}
.apply-form .tip-s {margin-top: 10px;color: #999;font-size: 12px;}
#sSelector{margin-left: 120px;cursor: pointer;}
.school-container{display:none;width:366px;position: absolute;top: 38px;left: 120px;border:1px solid #dedede;background-color: #fff;}
.school-container ul{max-height: 300px;overflow-y: auto;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 5px;}
.school-container ul li{width: 165px; margin: 0 !important; list-style: none;color: #888; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;float: none;text-align: left;cursor: pointer;padding-left:3px;}
.school-container ul li:hover{background: rgb(120, 148, 212);color: #fff;}
#sSelector::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333;line-height: 24px;}
#sSelector:-moz-placeholder { /* Firefox 18- */ color: #333;line-height: 24px;opacity:1;}
#sSelector::-moz-placeholder { /* Firefox 19+ */  color: #333;line-height: 24px;opacity:1;}
#sSelector:-ms-input-placeholder { /* IE 10+ */ color: #333;line-height: 24px;}
#sSelector::-ms-input-placeholder { /* edge */ color: #333;line-height: 24px;}
#sSelector::placeholder{color:#333;line-height: 24px;}
.tis-concent {width: 600px;height:300px;font-size: 16px;color: #666;margin-left: 50px;}
.tis-concent>div{display: block;line-height: 50px;}
.tis-concent .success {text-align: center;margin:80px 0;}
.tis-concent .success .tis-tit{font-weight:bold;font-size:18px;color:green;height:70px;margin-top:10px;}
.tis-concent .success .tis-con{text-align: left;padding-left: 147px;font-weight: bold;}
.tis-concent .success .tis-cons{text-align: left;padding-left: 147px;font-weight: bold;}
.tis-concent .success .tips {color: #666;font-size: 14px;font-weight: 500;font-weight: bold;}
.tis-concent .success .tip {margin-top: 5px;color: #666;font-size: 12px;font-weight: 500;}
.tis-concent .success .tip a {color: #046ea0;}
.tis-concent .success .tip a:hover { color: #f00; text-decoration: underline; }
.v_list {margin: 35px 0;}
.v_list a {padding: 6px 29px;margin: 0 10px;font-size: 14px;color: #555;background-color: #f4f4f4;border-radius: 4px;}
.v_list a:hover {color: #fff;background-color: #0094ff;}
.v_list a.sel {color: #fff;background-color: #0094ff;}