@charset "utf-8";
html{min-height:100%;position: relative;
	/*padding-bottom: 165px;*/
	box-sizing: border-box;}
body{font:12px tahoma,'\5b8b\4f53',sans-serif;font-family:"Microsoft YaHei";font-size:14px;background:#f6f6f6;}
*{margin:0;padding:0}
ul li{list-style:none}
li{list-style:none}
img{border:none}
a{color:#333;text-decoration:none;cursor:pointer}
em{font-style:normal}
input{outline:0}
a:hover{color:#00b3ff}
.clearfix,.comment_box dl,.new_content_box{zoom:1}
.clearfix:after,.comment_box dl:after,.new_content_box:after{clear:both;height:0;font-size:0;visibility:hidden;display:block;content:" "}
.default_img,img,.pic_box{background:url(../../../images/default_img.png) no-repeat center center!important;background-size:auto 90%!important;}
.default_img img{background:transparent}

.transparent_bg,.no_result img{background:transparent!important}
.mb0{margin-bottom:0!important}
.mt8{margin-top:8px}
.mt_15{margin-top:15px}
.mb_15{margin-bottom:15px}
.f_l{float:left}
.f_r{float:right}

.red{color:#ff0000}
.main_btn{border:1px solid #00b3ff;color:#00b3ff;transition: all .3s;}
.main_btn:hover{
	background: linear-gradient(to right,#00b3ff,#5ecefe);
	color:#fff;
	transition: all .3s;
}
.main_bg_btn{background:linear-gradient(to right,#00b3ff,#5ecefe);color:#fff;}

/*颜色*/
/*bg*/
.main_bg,
.gift-list-box li .receive-box .receive-butn,
.sub_nav p a.on,
.sub_nav p a:hover,
.yx_list .kk .bnt:hover,
.yx_list .kk .bnt.on,
.pagination>li.active>a,
.pagination>li.active>a:hover,
.pagination>li>a:hover,
.pager>li>a:hover,
.pagination>li>a:focus,
.pager>li>a:focus,
.pagination>li.disabled>a:hover,
.news_catagory a.active,
.news_catagory a:hover,
.mul_lx .mul_xz,
.mr_kckf .hd ul li.active,
.news_catagory a.active,
.news_catagory a:hover,
.hot_fahao li.hover .p4 a,
.big_searchbtn,
.result_tab li.active a,
.result_tab li a:active,
.maint_r1 dl dd .info .bnt:hover,
.game_center li .p3 a:hover ,
.tab_btn_box .item:hover,.tab_btn_box .item.act{
	background-color: #00b3ff !important
}

/*color*/
.color_main,

.main_color,
.nav a:hover,
.nav a.on,
.nav2 a.on,
.left_menu li.hover a,
.left_menu li a:hover,
.global_tit .more:hover,
.yx_list .kk .bnt,
.pagination>li>a,
.pager>li>a,
.yx_list .kk .info h5 a:hover,
.title p,
.yx_list .kk .info h5 a:hover,
.list_intro a,
.oas,
.wzlb_title,
.yxhd_list .hover .spn_title,
.hot_fahao li .p2 p a:hover,
.hot_fahao li .p2 span a:hover,
.kfkc_title ul li a:hover,
.hot_word a:hover,
.result_tab li a:hover,
.result_tab li a:active,
.recommend_list li .p2 a:hover,
.global_list ul li a:hover span,
.maint_r1 dl dd .info .bnt,
.game_center li .p3 a {
	color: #00b3ff !important
}

/*border-color*/
.linktit,
#foot,
.yx_list .kk .bnt,
.news_catagory a.active,
.news_catagory a:hover,
.hot_fahao li.hover .p4 a,
.kfkc_title ul li.active,
.result_tab li.active a,
.result_tab li a:active,
.maint_r1 dl dd .info .bnt,
.game_center li .p3 a {
	border-color: #00b3ff !important
}

.color_white,
.yx_list .kk .bnt:hover,
.yx_list .kk .bnt.on,
.pagination>li.active>a,
.pagination>li.active>a:hover,
.pagination>li>a:hover,
.pager>li>a:hover,
.pagination>li>a:focus,
.pager>li>a:focus,
.pagination>li.disabled>a:hover,
.news_catagory a.active,
.news_catagory a:hover,
.mr_kckf .hd ul li.active,

.hot_fahao li.hover .p4 a,
.result_tab li.active a,
.maint_r1 dl dd .info .bnt:hover,
.gift-list-box li .receive-box .receive-butn a,
.sub_nav p a:hover,
.game_center li .p3 a:hover,
.mul_lx a:hover,
.mycredit_new_bottom_conli_btn a:hover,
.tab_btn_box .item:hover,.tab_btn_box .item.act{
	color: #fff !important
}

.bg_white {background: #fff;}

.footer .menu {color: #ccc}
.swiper-button-next:after, .swiper-button-prev:after{
	font-weight: bolder;
	background:rgba(0,0,0,.5);
	padding: 20px;
	    border-radius: 4px;
}
.icon_zq{
  display: inline-block;
  background:url(../images/jy.png) no-repeat center top;
  background-size:100%;
  color:#fff;
  font-style:normal;
  white-space: nowrap;
}
.big_zhekou {
    background: url(../images/zhekou.png) no-repeat left center;
    background-size: 100%;
	color: #fff;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 5px;
	margin-left: 10px;
	vertical-align: middle;
	font-style: normal;
}
/*布局*/
.new_content_box {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.new_main_box {
	width: 846px;
}

.new_side_box {
	width: 340px
}
/*table布局*/
.h-table{display: table;}
.h-table-cell{display: table-cell;}
.h-table-cell .block{width:100%;overflow:hidden;}
/*header*/
.head {
	width: 100%;
	height: auto
}

.top_bar {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #323232
}

.top_box {
	width: 1000px;
	height: 35px;
	margin: 0 auto;
	color: #fff
}

.top_box_l {
	float: left
}

.top_box_l dl dt {
	float: left;
	width: 72px;
	padding: 0 7px 0 7px;
	margin-right: 25px;
	position: relative;
	z-index: 101
}

.hover_area {
	display: inline-block;
	position: relative;
}

.usr_ifon_box {
	position: absolute;
	z-index: 100;
	background: #fff;
	width: 420px;
	margin-left: -166px;
	left: -133px;
	top: 41px;
	visibility: hidden;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
}
.usr_ifon_box a:hover{
	color:#fff!important
}
.usr_ifon_box p {
	float: none;
	line-height: 24px;
}

.usr_ifon_box a {
	line-height: 24px;
}

.head_top .content .usr_ifon_box a {
	line-height: 24px;
	color: #333;
	height: auto
}



.usr_ifon_box .nav-login-top {
	background: url(../images/my_banner.png) no-repeat center top;
	background-size: 100%;
	overflow: hidden;
	position: relative;
}
.usr_ifon_box .nav-login-top .a_register{
	position: absolute;
	right:10px;
	top:10px;
	font-size:18px;
	color:#fff;
}
.usr_ifon_box .nav-login-top .user_name{
	font-size:18px;
}
.usr_ifon_box .nav-login-top .avatar_box {
	display: block;
	padding: 13px;
	background: url(../images/avatar_border.png) no-repeat center;
	background-size: 100%;
	width: 75px;
	margin: 20px auto 5px;
	text-align: center;
}

.usr_ifon_box .nav-login-top .avatar_box img {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	vertical-align: middle;
}
.usr_ifon_box .nav-login-top .table_box{
	width:100%;
	margin: 10px 0 18px;
	font-size:0;
}
.usr_ifon_box .nav-login-top .table_box .big{
	font-size: 17px;
}
.usr_ifon_box .nav-login-top .table_box .user_infon_item{
	display: inline-block;
	width:33.333%;
	text-align: center;
	border-right:1px solid #fff;
	line-height: 24px;
	font-size:14px;
	color:#fff;
	box-sizing:border-box;
}
.usr_ifon_box .nav-login-top .table_box .user_infon_item:last-child{
	border-right:none
}
.usr_ifon_box .nav-login-top .f_box .f_item{
	float:left;
	width:25%;
	color:#333;
	text-align:center;
	line-height:20px;
}
.usr_ifon_box .nav-login-top .f_box .f_item img{
	width:30px;
}
.usr_ifon_box .nav-login-top .usr_ifon_txt {
	text-align: center;
	clear: inherit;
	padding-right: 0;
	overflow: hidden;
}

.usr_ifon_box .nav-login-top .usr_ifon_txt a {
	display: inline-block;
	margin-right: 5px;
	color:#fff;
}

.usr_ifon_box .nav-login-top .usr_ifon_txt .vip_info {
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #f79300
}

.usr_ifon_box .nav-login-bottom .sub_t {
	padding: 9px 18px;
	font-size: 14px;
	color: #c5955d;
	line-height: 24px;
	display: block
}

.usr_ifon_box .userFunList {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px
}

.usr_ifon_box .userFunList li a {
	display: inline-block;
	margin: 0
}

.usr_ifon_box .userFunList li {
	float: left;
	width: 25%;
	text-align: center;
	line-height: 24px;
	font-size: 12px
}

.usr_ifon_box .userFunList li img {
	width: 55px;
	vertical-align: bottom;
	border-radius: 50%
}

.usr_ifon_box .userFunList li p {
	font-size: 14px;
	margin-top: 5px
}

.old_play .old_play_list {
	text-align: center;
	line-height: 20px
}

.old_play .old_play_list .swiper-slide .p2 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.old_play img {
	width: 60px;
	height: 60px
}

.micro-userInfo-card {
	overflow: hidden;
	width: 100%;
	padding: 0 4px 12px
}

.micro-userInfo-card .micro-card {
	float: left;
	width: 169px;
	height: 44px;
	margin-left: 14px;
	padding: 6px 8px;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 2px 6px 0 rgba(146, 219, 83, .4)
}

.micro-userInfo-card .micro-card:hover {
	transform: scale(1.05, 1.05)
}

.micro-userInfo-card .p1 {
	font-size: 14px;
	line-height: 20px
}

.micro-userInfo-card .p2 {
	font-size: 12px;
	color: #999;
	white-space: nowrap;
	line-height: 20px;
	margin-top: 4px
}

.micro-userInfo-card .micro-card-vip .p1 {
	color: #caa36e
}

.micro-userInfo-card .micro-card-qb .p1 {
	color: #00c13b
}

.micro-userInfo-card .btn {
	display: inline-block;
	float: right;
	height: 18px;
	line-height: 18px !important;
	border-radius: 20px;
	padding: 0 6px;
	text-align: center;
	font-size: 12px
}

.micro-userInfo-card .micro-card-qb .p1 .btn {
	border: 1px solid #00c13b;
	color: #00c13b
}

.micro-userInfo-card .micro-card-vip .p1 .btn {
	border: 1px solid #caa36e;
	color: #caa36e
}

.bottombar {
	display: none !important
}

.hide {
	display: none !important
}

.block {
	display: block !important
}

.head {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
}

.header {
	width: 100%;
	clear: both;
	background: #fff;
	padding: 8px 0;
}

.header_main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.header .logo {
	float: left;
	width: 13.634%;
}

.header .logo img {
	height: 45.92px;
}

.header_r {
	float: right;
	width: 18.46%;
	overflow: hidden;
	background: #dcdbdb;
	border-radius: 4px;
	margin-top: 10px
}

.header_main .search {
	margin-top: 0
}

.search {
	width: 100%;
	margin-top: 25px;
	overflow: hidden
}

.search .text {
	line-height: 34px;
	float: left;
	color: #757575;
	font-size: 14px;
	background: transparent;
	border: none;
	outline: none;
	width: 80%;
	padding: 0 10px;
	box-sizing: border-box;
}

.search .text::-webkit-input-placeholder {
	/*Webkit browsers*/
	color: #757575;
}

.search .text::-moz-placeholder {
	/*Mozilla Firefox 4 to 8*/
	color: #757575;
}

.search .text::moz-placeholder {
	/*Mozilla Firefox 19+*/
	color: #757575;
}

.search .text::-ms-input-placeholder {
	/*Internet Explorer 10+*/
	color: #757575;
}

.search .button {
	width: 20%;
	height: 34px;
	background: url(../images/icon_search.png) no-repeat center center;
	background-size: 20px 20px;
	border: none;
	outline: 0;
	float: left;
	cursor: pointer
}

.hot_word {
	width: 402px;
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	color: #333;
	overflow: hidden
}

.hot_word a {
	color: #333;
	margin: 0 3px
}

.hot_word a:hover {
	color: #3385ff
}

.top_head p {
	float: left
}

.top_head span {
	float: right;
	position: relative
}

.logo_right span a:hover,
.nav-tab1:hover a,
.nav-tab1:hover i,
.top_head a:hover {
	color: #ff6200
}

.top_head .message-btn {
	position: relative;
	display: inline-block;
	color: #646464
}

.top_head {
	width: 100%;
	float: left;
	background: #fff;
	line-height: 40px;
	height: 42px;
	border-bottom: 1px solid #efefef;
	color: #e3e3e3;
	z-index: 999999999;
	position: relative
}

.top_head a {
	color: #646464;
	margin: 0 10px
}

.top_head .user_name {
	display: inline-block;
	max-width: 100px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle
}

.general {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	/* z-index: 10 */
}

.general .nav-tab {
	position: absolute;
	top: 0;
	color: #646464
}

.general .nav-tab i {
	margin-right: 5px
}

.nav-tab2 {
	left: 83px
}

.nav-tab3 {
	left: 185px
}

.general .nav-tab1 {
	cursor: pointer
}

.general .nav-tab p {
	color: #ddd
}

.general .nav-tab1 p {
	position: absolute;
	left: 62px;
	top: -1px
}

.general .nav-tab2 p {
	position: absolute;
	left: 81px;
	top: -2px
}

.general .nav-tab2:hover .app-erweima {
	display: block
}

.general .nav-tab:hover a,
.general .nav-tab:hover i,
.general .nav-tab:hover span {
	color: #ff6000
}

.general .nav-tab2 .app-erweima {
	display: none;
	position: absolute;
	top: 42px;
	left: -30px;
	width: 125px;
	height: 130px;
	background: #fff;
	box-shadow: 0 5px 20px 0 rgba(191, 181, 181, .7)
}

.general .nav-tab2 .app-erweima img {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 4px;
	left: 11px
}

.general .nav-tab2 .app-erweima span {
	position: absolute;
	bottom: -5px;
	left: 7px;
	font-size: 12px
}

.nav-tab2 span {
	cursor: pointer
}

.general .nav-tab3 p {
	position: absolute;
	left: 80px;
	top: -1px
}

/*title*/
.global_tit {
	font-size: 16px;
	color: #333;
	font-weight: 700;
	padding: 13px 20px;
	height: 27px;
	line-height: 27px;
	overflow: hidden
}
.global_tit .smallLabel{color:#ff5050;font-size:12px;font-weight: 400;margin-left:10px;}
.global_tit .more {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #666;
	float: right;
	background: url(../images/more_ico.png) no-repeat right center;
	padding-right: 10px
}

.global_tit .more:hover {
	color: #3385ff
}

/*nav*/
.nav_box {
	height: 50px;
	width: 61.6666%;
	overflow: hidden;
	float: left
}

.nav {
	height: 50px;
	line-height: 50px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.nav a {
	display: inline-block;
	height: 50px;
	padding: 0;
	text-align: center;
	color: #646464;
	font-size: 16px;
	float: left;
	padding: 0 20px
}

/* foot */
#foot {
	width: 100%;
	background: #272727;
	border-bottom: 1px solid #303f4f;
	border-top: 2px solid #049dff;
	padding: 15px 0 15px 0;
	margin-top: 20px;
	clear: both;
	overflow: hidden;
	position: relative;
	bottom:0;
}

.footer {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.footer .menu {
	margin-top: 10px;
	width: 1200px;
	/* color:#297fb8; */
}

.footer .menu .code_foot {
	float: left;
	text-align: center;
	font-size: 12px;
}

.footer .menu .code_foot .code_box {
	width: 80px;
	height: 80px;
	overflow: hidden;
	display: block;
	margin: auto;
	margin-bottom: 5px;
}

.footer .menu_r {
	float: right;
	width: 880px;
	text-align: right;
}

.footer .menu_r ul {
	margin: 15px 0 10px 0;
}

.footer a {
	color: #ccc;
}

.footer .menu_r ul a {
	color: #fff;
}

.footer .menu_r ul a:hover {
	color: #ff6200;
}

.footer .menu_r ul span {
	padding: 0 5px 0 10px;
	color: ##737373;
	display: inline-block;
}

.footer .menu_r p {
	line-height: 25px;
}

.footer .menu_r p a {
	color: ##737373;
}

#foot.fixed {
	position: fixed;
	left: 0px;
	bottom: 0px;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop));
}


#main {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.maint {
	width: 1200px;
	height: auto;
	margin-top: 15px;
	overflow: hidden
}

.maint_l {
	float: left;
	/* width: 891px; */
	height: auto;
	overflow: hidden
}

.maint_r {
	float: right;
	/* width: 289px; */
	overflow: hidden
}

.maint_r1 {
	width: 289px;
	height: 341px;
	background: #fff;
	overflow: hidden
}

.maint_r1 dl dt {
	width: 249px;
	float: left;
	padding-bottom: 0;
	overflow: hidden
}

.maint_r1 dl dd {
	float: left;
	height: 105px;
	width: 249px;
	padding: 20px 0;
	border-bottom: 1px dashed #e9e9e9;
	margin-left: 20px;
	overflow: hidden
}

.maint_r1 dl dd .pic {
	width: 105px;
	height: 105px;
	float: left;
	position: relative
}

.maint_r1 dl dd .pic img {
	width: 105px;
	height: 105px
}

.maint_r1 dl dd .info {
	float: left;
	margin-left: 20px;
	width: 120px;
	overflow: hidden
}

.maint_r1 dl dd .info h5 {
	font-size: 18px;
	font-weight: 700;
	height: 28px;
	line-height: 30px;
	overflow: hidden
}

.maint_r1 dl dd .info h5 a {
	color: #666
}

.maint_r1 dl dd .info .dx {
	color: #999;
	height: 22px;
	line-height: 22px;
	margin-bottom: 3px;
	overflow: hidden
}

.maint_r1 dl dd .info .bnt {
	display: inline-block;
	width: 75px;
	height: 24px;
	border: 1px solid #fe6553;
	color: #fe6553;
	line-height: 23px;
	text-align: center;
	font-size: 14px;
	overflow: hidden
}

.maint_r1 dl dd .info .bnt:hover {
	width: 77px;
	height: 26px;
	line-height: 25px;
	border: none;
	color: #fff;
	background: #fe6553
}

.maint_r1 dl dd .info .stars {
	float: none;
	margin: 5px 0
}

/*页面引导*/
.location {
	height: 30px;
	line-height: 30px;
	color: #666;
	font-size: 14px;
	padding-left: 5px;
	margin: 9px 0 5px 0;
	overflow: hidden;
}

.location span {
	margin: 0 5px;
}

.location a {
	color: #666;
}

/*详情头部*/
.new-game-detail-t-bar{
	position: relative;
	padding:20px 264px 20px 180px;
	background:#fff;
}
.new-game-detail-t-bar .l_box{
	position:absolute;
	left:30px;
	top:35px;
}
.new-game-detail-t-bar .c_box{
	border-right: 1px dashed #ccc;
}
.new-game-detail-t-bar .r_box{
	position:absolute;
	right: 65px;
	top: 16px;
}
.new-game-detail-t-bar .game-logo{
	width:120px;
	height:120px;
	border-radius:16px;
	overflow: hidden;
}
.new-game-detail-t-bar .game-logo .g-logo{
	width:100%;
}
.new-game-detail-t-bar .code_box{
	width:150px;
	height:150px;
	position: relative;
}
.new-game-detail-t-bar .code_box .qrcode{
	width:100%;
}
.new-game-detail-t-bar .code_box .ilogo{
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.new-game-detail-t-bar .game_name{
	font-size:20px;
    color:#333;
	padding-bottom:10px;
	
}
.new-game-detail-t-bar .game_name .name{
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
	max-width:60%;
}
.new-game-detail-t-bar .game_name .big_zhekou{
	font-size: 14px;
	    padding-left: 11px;
	    padding-right: 10px;
}
.new-game-detail-t-bar .label_box{
	overflow: hidden;
	line-height:22px;
	color:#666
}
.new-game-detail-t-bar .label_box .item{
	float:left;
	width:50%;
	margin-bottom:5px;
}
.new-game-detail-t-bar .btn_box {
	padding-top:10px
}
.new-game-detail-t-bar .btn_box .btn{
	float:left;
	/* background-image: url(../images/appg_xzbg.png);
	background-repeat: no-repeat;
	background-size: auto 368px; */
	width: 165px;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
	font-weight: bold;
	float: left;
	margin: 5px 10px 5px 0;
	color: #fff;
	overflow: hidden;
	border-radius:4px;
	background:linear-gradient(to right,#00b3ff,#5ecefe);
	text-align: center;
}
.new-game-detail-t-bar .btn_box .btn:hover{
	opacity: .8;
	color:#fff!important;
}

.new-game-detail-t-bar .btn_box .btn_qq{
	background: linear-gradient(to right,#eb7f00,#f3b061);
}

/*游戏资讯 礼包中心 分类器*/
.news_catagory {
	background: #fff none repeat scroll 0 0;
	color: #333;
	font-size: 14px;
	line-height: 32px;
	padding: 15px;
	width: 100%;
	margin-bottom: 14px;
	box-sizing: border-box
}

.news_catagory td {
	padding: 5px 0;
}

.news_catagory .td1 {
	text-align: right;
	width: 10%;
}

.news_catagory .td1 p {
	margin-top: 10px;
}

.news_catagory .td2 {
	width: 92%;
}

.news_catagory a {
	border: 1px solid #ece7e8;
	color: #989898;
	display: inline;
	float: left;
	font-size: 14px;
	line-height: 32px;
	margin: 10px 10px 0;
	text-align: center;
	width: 78px;
}

.news_catagory a.active,
.news_catagory a:hover {
	background: #41c8cc none repeat scroll 0 0;
	border: 1px solid #41c8cc;
	color: #fff;
	text-decoration: none;
}

/*分页器*/
.pagination {
	border-radius: 4px;
	display: inline-block;
	margin: 20px 0;
	padding-left: 0;
}

.pagination>li {
	display: inline;
}

.pagination>li>a,
.pager>li>a,
.pagination>li>span,
.pager>li>span {
	border-width: 1px;
	border-radius: 0 !important
}

.pagination>li>a,
.pager>li>a {
	color: #41c8cc;
	background-color: #fafafa;
	margin: 0 -1px 0 0;
	border-color: #e0e8eb;
	padding: 6px 12px;
	position: relative;
	float: left;
}

.pagination>li>a:hover,
.pager>li>a:hover,
.pagination>li>a:focus,
.pager>li>a:focus,
.pagination>li.disabled>a:hover {
	background-color: #41c8cc;
	color: #fff;
}

.pagination>li.disabled>a,
.pager>li.disabled>a,
.pager>li.disabled>a:hover {
	background-color: #f9f9f9;
	border-color: #d9d9d9
}

.pagination>li.active>a,
.pagination>li.active>a:hover {
	background-color: #41c8cc;
	border-color: #41c8cc;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}


.newdown {
	background: #e6e6e6 url(../images/newdown_bj.png) no-repeat;
	width: 250px;
	margin: 12px auto;
	padding-top: 20px;
	background-size: 250px auto
}

.newdown .ewmbox {
	padding: 15px;
	width: 110px;
	height: 110px;
	background: #fff;
	margin-top: 2px;
	margin: 0 auto;
	position: relative
}

.newdown .ewmbox img {
	width: 100%;
	height: 100%;
	display: block;
}

.newdown .ewmbox .ilogo {
	position: absolute;
	top: 64px;
	left: 60px;
	width: 20px;
	height: 20px
}

.ksaz span {
	display: block;
	width: 200px;
	height: 33px;
	margin: 12px auto 0 auto;
	background: url(../images/ksaz.png) no-repeat
}

.newdown .show_l2 {
	padding: 8px 20px 0 20px;
	border: none
}

.newdown ul li {
	float: left;
	width: 100%;
	margin: 0;
	border-radius: 5px;
	height: 45px
}

.newdown .show_l2 ul li+li {
	margin-top: 10px
}

.newdown .show_l2 ul li.az {
	background: #5fbb5b
}

.show_l2 ul li .icon {
	margin: 9px 20px 0;
	background: url(../images/yxk_bg.png) no-repeat;
	float: left;
	overflow: hidden
}

.newdown .show_l2 ul li .icon {
	margin: 10px 8px 0 30px;
	width: 25px;
	height: 25px
}

.newdown .show_l2 ul li .icon.az {
	background-position: -22px -736px
}

.newdown .show_l2 ul li .icon.ios {
	background-position: 1px -735px
}

.newdown .show_l2 ul li .icon.pc,
.newdown .show_l2 ul li .icon.xp {
	background-position: -47px -737px
}

.newdown .show_l2 ul li .tit {
	line-height: 45px;
	font-size: 14px !important;
	float: left;
	color: #fff
}

.newdown .show_l2 ul li.az {
	background: #5fbb5b
}

.newdown .show_l2 ul li.az:hover {
	background: #49b244
}

.newdown .show_l2 ul li.ios {
	background: #454545
}

.newdown .show_l2 ul li.ios:hover {
	background: #3b3b3b
}

.newdown .show_l2 ul li.pc {
	background: #6089ff
}

.newdown .show_l2 ul li.pc:hover {
	background: #4575ff
}

.newdown .show_l2 ul li .kuang {
	display: inline-block !important;
}

.down_bt {
	height: 6px;
	background: #fff url(../images/yxk_bg.png) no-repeat -81px -740px;
	margin-top: 18px;
}



/*侧边栏*/
@media screen and (max-width:1400px) {
	.right-side {
		display: block;
		position: fixed;
		width: 82px;
		right: -54px;
		top: 50%;
		margin-top: 100px;
		background-color: #fff;
		z-index:9999;
	}

	.right-side .wx-erweima {
		padding-top: 3px;
		width: 138px;
		height: 150px;
		z-index: 9999;
		display: none;
		position: absolute;
		top: -19px;
		left: -138px;
		background: url(../images/right_side_erweima_bg.png) no-repeat;
		border-radius: 4px;
	}

	.right-side .wx-erweima p:nth-of-type(1) {
		position: absolute;
		top: 0;
		left: 35px;
		color: white;
		font-size: 12px;
	}

	.right-side .wx-erweima p:nth-of-type(2) {
		margin-top: 17px;
		margin-bottom: 9px;
		color: white;
		font-size: 12px;
		text-align: center;
	}

	.right-side .wx-erweima img {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		margin-left: 26px;
		display: block;
		border-radius: 4px;
	}

	.right-side .wb-erweima {
		padding-top: 3px;
		width: 138px;
		height: 130px;
		z-index: 9999;
		display: none;
		position: absolute;
		top: -19px;
		left: -138px;
		background: url(../images/right_side_erweima_bg.png) no-repeat;
		border-radius: 4px;

	}

	.right-side .wb-erweima img {
		width: 115px;
		height: 115px;
		margin: 0 auto;
		display: block;
		margin-left: 8px;
		margin-top: 6px;
		border-radius: 4px;

	}

	.right-side a {
		position: relative;
		text-decoration: none;
		display: block;
		border-bottom: 1px solid #f4f4f4;
		height: 31px;
		text-align: left;
		padding-left: 5px;
		line-height: 31px;
	}

	.right-side a>span {
		/*display: none;*/
		color: #737373;
		display: block;
		width: 103px;
		height: 32px;
		line-height: 32px;
		color: #737373;
		text-align: center;
		background: url(../images/right_side_layer.png)no-repeat 0 0/100% 100%;
		position: absolute;
		left: 30px;
		/* left: 30px; */
		border-radius: 6px;
		top: 6px;
	}

	.right-side a:nth-of-type(1):hover i,
	.right-side a:nth-of-type(1):hover .gz-wx {
		color: rgb(116, 196, 1);
	}

	.right-side a:nth-of-type(2):hover i,
	.right-side a:nth-of-type(2):hover span {
		color: rgb(0, 173, 255);
	}

	.right-side a:nth-of-type(3):hover i,
	.right-side a:nth-of-type(3):hover .gz-wb {
		color: #e61728;
	}

	.right-side a:nth-of-type(4):hover i,
	.right-side a:nth-of-type(4):hover span {
		color: #ffb525;
	}

	.right-side a:last-child {
		border-bottom: none;
	}

	.right-side a i {
		color: #999;
		font-size: 18px;
		text-align: center;
		line-height: 28px;
	}

	.right-side a:nth-of-type(1):hover .wx-erweima {
		display: block;
	}

	.right-side a:nth-of-type(3):hover .wb-erweima {
		display: block;
	}

}

/*侧边热门集合*/
.new_side_set {
	padding-left: 15px;
	padding-right: 15px;
}

.new_side_set .item {
	border-bottom: 1px dashed #dfdfdf;
	/* padding: 17px 0; */
}

.new_side_set .item:first-child {
	padding-top: 0
}

.new_side_set .item:last-child {
	border-bottom: none;
}

.new_side_set .item .pic_box {
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	overflow: hidden;
	display: none;
	border-radius: 8px;
}

.new_side_set .item .pic_box img {
	width: 100%;
	border-radius:8px;
}

.new_side_set .item .icon_list_box {
	padding-left: 8px;
	display: none;
}

.new_side_set .item .icon_list_box .icon_list {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-left: -10px;
	border: 1px solid #ff0a0a;
	vertical-align: middle;
}

.new_side_set .item .info_box {
	/* padding-top: 10px; */
	line-height: 38px;
}

.new_side_set .item .info_box .name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.new_side_set .item.hover{
	padding:10px 0;
	
}
.new_side_set .item.hover .info_box{
	line-height:30px;
}
.new_side_set .item.hover .pic_box,.new_side_set .item.hover .icon_list_box{
	display: block;
}
.new_side_set.li-style .item{
	position: relative;
	padding-left:25px;
}
.new_side_set.li-style .item:before{
	content:'';
	position: absolute;
	left:9px;
	top:50%;
	width:4px;
	height:4px;
	background: #00b3ff;
	transform: translateY(-50%);
}
.new_side_set.li-style .item.hover{
	padding-left:0;
}
.new_side_set.li-style .item.hover:before{
	display: none;
}
/*排行榜列表*/
.new_hover_list {
	padding: 0 15px;
}

.new_hover_list .item {
	overflow: hidden;
	border-bottom: 1px dashed #dfdfdf;
	display: table;
	width: 100%;
	/*padding:5px 0;*/
}

.new_hover_list .item:first-child {
	padding-top: 0;
}

.new_hover_list .item:last-child {
	border-bottom: none;
}

.new_hover_list .item .pic_box {
	display: none;
	background: #ccc;
	
}

.new_hover_list .item .pic_box {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 10px;
	display: none;
	vertical-align: middle;
	position: relative;
}
.new_hover_list .item .pic_box .icon_zq{
	position: absolute;
	top: -2px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
	padding-bottom: 11px;
	padding: 0 3px 11px;
	white-space: nowrap;
	line-height: 20px;
}
.new_hover_list .item .inof_box {
	padding-left: 8px;
	vertical-align: middle;
	display: table;
	width: 100%;
	position: relative;
	line-height: 42px;
	box-sizing: border-box;
}

.new_hover_list .item .inof_box .gray {
	color: #6c6c6c;
}

.new_hover_list .item .inof_box .red {
	color: #ff0000;
}

.new_hover_list .item .inof_box .name {
	height: 38px;
	line-height: 38px;
	color: #333;
	width: 70%;
	display: table-cell;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
}


.new_hover_list .item.hover {
	padding: 10px 0;
}

.new_hover_list .item.hover .inof_box .name {
	width: 100%;
	display: block;
}

.new_hover_list .item .inof_box .btn {
	position: absolute;
	right: 0;
	top: 50%;
	border: 1px solid #00b3ff;
	border-radius: 4px;
	color: #00b3ff;
	padding: 7px 10px;
	min-width: 32px;
	margin-top: -8px;
	display: none;
	line-height: 100%;
	text-align: center;
	transition: all .3s;
}
.new_hover_list .item .inof_box .i_h_b {
	font-size:13px;
	display: table-cell;
	white-space: nowrap;
	overflow: hidden;
}
.new_hover_list .item .inof_box .btn:hover {
	background: linear-gradient(to right,#00b3ff,#5ecefe);
	color: #fff !important;
}

.new_hover_list .item.hover .inof_box .i_h_b {
	float: none;
	display: block;
}

.new_hover_list .item .pic_box img {
	width: 100%;
	display:block;
	border-radius:12px;
}

.new_hover_list .item.hover .inof_box .btn {
	display: block;
}

.new_hover_list .item.hover .pic_box {
	display: inline-block;
}

.new_hover_list .item.hover .inof_box {
	padding-left: 15px;
	display: table-cell;
}

.hover_table {
	line-height: 42px;
	padding: 0 15px
}

.hover_table .table_th {
	display: table;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
}

.hover_table .table_th .th {
	display: table-cell;
	text-align: center;
}

.hover_table .table_th .time {
	color: #000
}

.hover_table .item {
	display: table;
	width: 100%;
	border-bottom: 1px dashed #dfdfdf;
}

.hover_table .item:last-child {
	border-bottom: none;
}

.hover_table .td {
	display: table-cell;
	white-space: nowrap;
	overflow: hidden;
}

.hover_table .info_box {
	width: 100%;
	display: table;
}

.hover_table .time {
	width: 20%;
	min-width: 40px;
	color: #ff0000
}

.hover_table .pic_box {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 10px;
	display: none;
	position: relative;
	vertical-align: middle;
}
.hover_table .pic_box .icon_zq{
	position: absolute;
	top: -2px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
	padding-bottom: 11px;
	padding: 0 3px 11px;
	white-space: nowrap;
	line-height: 20px;
}
.hover_table .pic_box img{
	display: block;
	width:80px;
	height:80px;
}
.hover_table .name {
	width: 55%
}
.hover_table .name a{
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width:60%;
}
.hover_table .status {
	width: 25%
}

.hover_table .td.status {
	text-align: right;
}

.hover_table .item .btn {
	position: absolute;
	right: 0;
	top: 50%;
	border: 1px solid #00b3ff;
	border-radius: 4px;
	color: #00b3ff;
	padding: 7px 10px;
	min-width: 32px;
	margin-top: -15px;
	display: none;
	line-height: 100%;
	transition: all .3s;
}

.hover_table .item .btn:hover {
	background: linear-gradient(to right,#00b3ff,#5ecefe);
	color: #fff !important;
}

.hover_table .item.hover {
	padding: 10px 0;
}

.hover_table .item.hover .pic_box {
	display: inline-block;
}

.hover_table .item.hover .info_box {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	padding-left: 15px;
	text-align: left;
	padding-right: 55px;
}

.hover_table .item.hover .info_box .td {
	display: block;
	width: 100%;
	line-height: 25px
}

.hover_table .item.hover .info_box .td.status {
	text-align: left;
}

.hover_table .item.hover .btn {
	display: block;
}

/*最新资讯*/
.maint_r2 {
	
	/* width: 289px; */
	background: #fff;
	margin-bottom: 15px;
	overflow: hidden;
}

.maint_r2 ul {
	padding: 0 20px;
	overflow: hidden;
}

.maint_r2 ul li {
	float: left;
	width: 100%;
	border-top: 1px dashed #e9e9e9;
	margin-top: -1px;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.maint_r2 ul li a {

}

.maint_r2 ul li a:hover {
	color: #fe6553;
}
.maint_r2 ul li a .label{
	display: inline-block;
	line-height: 100%;
	width: 17px;
	background: #eaeaea;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	border-radius: 4px;
	margin-right: 10px;
	white-space: nowrap;
}
.maint_r2 ul li:nth-child(1) a .label,.maint_r2 ul li:nth-child(2) a .label,.maint_r2 ul li:nth-child(3) a .label{color:#fff}
.maint_r2 ul li:nth-child(1) a .label{
	background: #ff390a;
}
.maint_r2 ul li:nth-child(2) a .label{
	background: #ff7f61;
}
.maint_r2 ul li:nth-child(3) a .label{
	background: #fba692;
}
/*侧边栏动画*/
.rs-span {
	animation: rssapnshow .3s;
	animation-fill-mode: forwards;
}

.rs-leave-span {
	animation: rssapnhide .3s;
	animation-fill-mode: forwards;
}

@keyframes rssapnshow {
	from {
		left: 30px;
	}

	to {
		left: -102px;
	}
}

@keyframes rssapnhide {
	from {
		left: -102px;
	}

	to {
		left: 30px;
	}
}

@media (min-width:1400px) {
	.right-side {
		display: block;
		position: fixed;
		width: 82px;
		/*right: 230px;*/
		top: 50%;
		background-color: #fff;
		z-index: 99;
		transform: translateY(-50%);
	}

	.right-side .wx-erweima {
		padding-top: 3px;
		width: 138px;
		height: 150px;
		z-index: 9999;
		display: none;
		position: absolute;
		top: -19px;
		left: -138px;
		background: url(../images/right_side_erweima_bg.png) no-repeat;
		border-radius: 4px;

	}

	.right-side .wx-erweima p:nth-of-type(1) {
		position: absolute;
		top: 0;
		left: 35px;
		color: white;
		font-size: 12px;
	}

	.right-side .wx-erweima p:nth-of-type(2) {
		margin-top: 10px;
		margin-bottom: 16px;
		color: white;
		font-size: 12px;
		text-align: center;
		height: 20px;
		padding-top: 10px;
	}

	.right-side .wx-erweima img {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		display: block;
		margin-left: 26px;
		border-radius: 4px;

	}

	.right-side .wb-erweima {
		padding-top: 3px;
		width: 138px;
		height: 130px;
		z-index: 9999;
		display: none;
		position: absolute;
		top: -19px;
		left: -138px;
		background: url(../images/right_side_erweima_bg.png) no-repeat;
		border-radius: 4px;

	}

	.right-side .wb-erweima img {
		width: 115px;
		height: 115px;
		margin: 0 auto;
		display: block;
		margin-left: 8px;
		margin-top: 6px;
		border-radius: 4px;

	}

	.right-side a {
		position: relative;
		text-decoration: none;
		display: block;
		border-bottom: 1px solid #f4f4f4;
		height: 92px;
		text-align: center;
		line-height: 31px;
	}

	.right-side a>span {
		/*display: none;*/
		color: #737373;
		width: 100%;
		display: inline-block;
	}

	.right-side a:nth-of-type(1):hover i,
	.right-side a:nth-of-type(1):hover .gz-wx {
		color: rgb(116, 196, 1);
	}

	.right-side a:nth-of-type(2):hover i,
	.right-side a:nth-of-type(2):hover span {
		color: rgb(99, 152, 206);
	}

	.right-side a:nth-of-type(3):hover i,
	.right-side a:nth-of-type(3):hover .gz-wb {
		color: #e61728;
	}

	.right-side a:nth-of-type(4):hover i,
	.right-side a:nth-of-type(4):hover span {
		color: #ffb525;
	}

	.right-side a:last-child {
		border-bottom: none;
	}

	.right-side a i {
		color: #999;
		text-align: center;
		line-height: 51px;
		font-size: 38px;
	}

	.right-side a:nth-of-type(1):hover .wx-erweima {
		display: block;
	}

	.right-side a:nth-of-type(3):hover .wb-erweima {
		display: block;
	}

	.right-side:hover span {
		display: block;
	}

	.right-side:hover {
		background-color: #fff;
	}
}

@media (min-width:1400px) and (max-width:1500px) {
	.right-side {
		right: 0;
	}
}

@media (min-width:1500px) and (max-width:1600px) {
	.right-side {
		right: 51px;
	}
}

@media (min-width:1600px) and (max-width:1700px) {
	.right-side {
		right: 82px;
	}
}

@media (min-width:1700px) and (max-width:1800px) {
	.right-side {
		right: 153px;
	}
}

@media (min-width:1800px) and (max-width:1900px) {
	.right-side {
		right: 204px;
	}
}

@media (min-width:1900px) and (max-width:2000px) {
	.right-side {
		right: 214px;
	}
}

@media (min-width:2000px) and (max-width:2100px) {
	.right-side {
		right: 306px;
	}
}

@media (min-width:2100px) and (max-width:2200px) {
	.right-side {
		right: 357px;
	}
}

/*侧边悬浮结束*/


/*弹窗*/
.pop_bg,
.pop_bg_2 {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	background-color: #000;
	opacity: .8;
	z-index:10
}

.alert_box {
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2));
	width: 600px;
	position: absolute;
	left: 0;
	top: 87px;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:10;
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	background-color: #f8f8f8;
	border-radius: 2px 2px 0 0
}

.alert_box .clorse_btn {
	color: #fff;
	position: absolute;
	z-index: 10;
	right: -1px;
	top: -38px;
	width: 37px;
	font-size: 16px
}

.alert_box .clorse_btn img {
	width: 100%
}


/*弹窗动画*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 100
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px)
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px)
	}

	80% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

/*help*/
.left_menu{width:309px; float:left; background:#fff; margin-top:20px;}
.left_menu ul{display: block;margin:auto;overflow: hidden;width:77%;}
.left_menu li{width:100%;float:left;height:65px;line-height:65px;border-bottom:1px solid #e6e6e6}
.left_menu li:last-child{border-bottom: none;}
.left_menu li a{width:100%;float:left;font-size:18px;text-align:center;}
.left_menu li a:hover{text-decoration:none}
.left_menu li.hover a{ background:url(../images/user_libg.png) no-repeat left center;color:#41c8cc}

.user_right{width: 850px;float: right;margin-top: 20px; background-color: #fff; padding: 20px;border-left:1px solid #e6e6e6}
.contact_us{color:#757575;line-height: 25px;}
.user_tit{ font-size:24px; padding-bottom:20xp;}