/*头部*/

.header_box {
	width: 100%;
	font-family: "微软雅黑";
	min-width: 1200px;
	_width: expression(document.documentElement.clientWidth>1200?document.documentElement.clientWidth: 1200);
	/*overflow: hidden;*/
}

.head-rank {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*overflow: hidden;*/
	width: 1200px;
	margin: 0 auto;
}

.head-welcome {
	float: left;
	line-height: 48px;
	font-size: 14px;
}

.head-login-registe {
	float: right;
	font-size: 14px;
	line-height: 48px;
}

.head-login-registe a {
	margin-right: 20px;
}


/*logo*/

.hd-logo-box {
	float: left;
	/*width: 165px;
	height: 54px;*/
	overflow: hidden;
}

.hd-logo-box .hd-logo-a {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 20px 0;
}

.hd-logo-box .hd-logo-a img {
	display: block;
	width: 100%;
}


/*导航*/

.navbar-box {
	width: 100%;
	background-color: #212123;
	height: 94px;
}

.navbar-ul {
	line-height: 94px;
	font-size: 14px;
	margin: 0px auto;
}

#anvlfteb {
	float: left;
	position: relative;
	padding: 0 1px;
}

.nav-item .nav {
	display: block;
	padding: 0 18px;
	color: #bfbfbf;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
}

.nav-item {
	position: relative;
	min-width: 100px;
	float: left;
}

.nav-item .nav {
	padding: 0 23px 0 13px;
}

.nav-item i {
	width: 12px;
	height: 6px;
	background: url(../images/icon-jiantou.png) 0 0 no-repeat;
	position: absolute;
	top: 46px;
	right: 20px;
	overflow: hidden;
	background-size: 100%;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform: rotate(0);
}

i.icon-touxiang {
	background: url(../images/icon-touxiang.png) no-repeat center !important;
	width: 16px;
	height: 16px;
	left: 5px;
	top: 40px;
	background-size: 16px 16px !important;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-ms-transform: rotate(0) !important;
	transform: rotate(0) !important;
	-webkit-transform: rotate(0) !important;
}

.navbar-ul .anvh i {
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.subnav-ul {
	position: absolute;
	top: 94px;
	left: 1px;
	display: none;
	padding-top: 10px;
	z-index: 100;
}

.subnav-ul {
	width: 130px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.subnav-ul {
	background: #212123;
	-webkit-box-shadow: 0 0 8px rgba(153, 153, 153, .5);
	box-shadow: 0 0 8px rgba(153, 153, 153, .5);
	border: 1px solid #FF5454;
	font-size: 14px;
	padding: 8px 15px;
	overflow: hidden;
}

.subnav-ul a {
	color: #fff;
	text-decoration: none;
	width: 130px;
	overflow: hidden;
	display: block;
	line-height: 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.subnav-ul a:hover {
	color: #ff5454;
}

.nav-item span {
	/*display: block;*/
	position: absolute;
	/*width: 0px;*/
	/*height: 0px;*/
	background: #e30b31;
	top: 68px;
	/*left: 50%;*/
	-webkit-animation: left 200s;
	animation: left 200s;

	height: 3px;
	left: 40%;
	width: 12%;
	right: 0;
	display: none;
}
.sub-menu{
	display: none;
}

.current-a span {
	left: 40% !important;
	width: 12% !important;
	right: 0;
	border-radius: 3px;
	height: 3px !important;
	display: block !important;
}

a.layout-a {
	display: block;
	width: 80px;
	height: 24px;
	background-color: #FF5454;
	color: #fff !important;
	text-align: center;
	line-height: 24px;
	margin: 10px auto 5px;
}


/*轮播图*/

.lubo {
	width: 100%;
	min-width: 1000px;
	clear: both;
	position: relative;
	height: 500px;
}

.lubo_box {
	position: relative;
	width: 100%;
	height: 500px;
}

.lubo_box li {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.lubo_box li a {
	display: block;
	width: 100%;
	height: 100%;
}

.lubo_box li img {
	width: 100%;
	height: 500px;
}


/*圆点*/

.cir_box {
	overflow: hidden;
	position: absolute;
	z-index: 100;
}

.cir_box li {
	float: left;
	width: 30px;
	height: 5px;
	margin: 0 5px;
	cursor: pointer;
	background: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.cir_on {
	background: #FF5454 !important;
}


/*按钮*/

.lubo_btn {
	position: absolute;
	width: 100%;
	top: 140px;
}

.left_btn,
.right_btn {
	width: 40px;
	text-align: center;
	height: 80px;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=80);
	cursor: pointer;
	color: #fff;
	line-height: 80px;
	font-size: 30px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.left_btn {
	float: left;
}

.right_btn {
	float: right;
}


/*中间内容*/


/*白色content样式*/

.content {
	width: 100%;
	overflow: hidden;
	min-width: 1180px;
	background-color: #fff;
	_width: expression(document.documentElement.clientWidth>1180?document.documentElement.clientWidth: 1180);
}


/*灰色content样式*/

.content-huise {
	width: 100%;
	overflow: hidden;
	min-width: 1180px;
	background-color: #ececec;
	_width: expression(document.documentElement.clientWidth>1180?document.documentElement.clientWidth: 1180);
}
.content-title{
	text-align: center;
	cursor: default;
	font-size: 30px;
	font-weight: bold;
	color: #5d5d5d;
	line-height: 40px;
	margin: 50px 0 30px;
	height: auto;
}
.content-title img{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	object-fit: cover;
}
.rank {
	overflow: hidden;
	width: 1180px;
	background-color: #fff;
	margin: 20px auto;
}

.zixun-content {
	width: 1180px;
	overflow: hidden;
	margin: 20px auto;
}

.top_left {
	width: 780px;
	float: left;
	overflow: hidden;
}

.top_right {
	width: 340px;
	float: right;
	overflow: hidden;
}

.module_title {
	width: 780px;
	overflow: hidden;
}

.module_title h2 {
	float: left;
}

.module_title h2 p.chinese {
	font-size: 24px;
	color: #474747;
	font-weight: 500;
	line-height: 30px;
}

.module_title h2 p.english {
	font-size: 12px;
	color: #aeaead;
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: normal;
}

.module_title h2 span.mark_line {
	display: block;
	width: 35px;
	height: 2px;
	background: #474747;
}

.module_title .more {
	display: block;
	width: 69px;
	height: 21px;
	float: right;
	overflow: hidden;
	margin-top: 17px;
	font-size: 10px;
	text-align: center;
}

.module_title .more span {
	display: inline-block;
	vertical-align: top;
	width: 47px;
	height: 21px;
	border: 1px solid #ebebeb;
	border-right: none;
	color: #949493;
	line-height: 17px;
}

.module_title .more i {
	display: inline-block;
	vertical-align: top;
	font-style: normal;
	width: 21px;
	height: 21px;
	line-height: 21px;
	color: #fff;
	background: #474747;
}

.top_left .E_sports_news .E_sports_news_list {
	margin-top: 34px;
}

.main_list_onepic {
	padding: 25px 0;
	border-bottom: 1px solid #ebebeb;
}

.main_list_onepic:hover{
	background-color: #f6f6f6
}

.main_list_onepic .article_pic {
	float: left;
	width: 204px;
	height: 122px;
	overflow: hidden;
	margin-right: 30px;
	position: relative;
}

.main_list_onepic .article_title {
	font-size: 18px;
	line-height: 24px;
	height: 24px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-bottom: 12px;
}


.main_list_onepic .article_title a {
	color: #474747;
	font-weight: 600;
}

.article_title:hover>a {
	color: #1da6ba
}

.main_list_onepic .article_introduction {
	color: #666565;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 14px;
	cursor: pointer;
}

.new_list_other {
	height: 20px;
	line-height: 20px;
	color: #aeaead;
	overflow: hidden;
}

.new_list_other .time {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin-right: 55px;
}

.new_list_other .from {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin-right: 55px;
}

.main_list_onepic .article_pic img {
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

.top_right .In-depth_reports {
	overflow: hidden;
}

.module_title1 {
	width: 340px;
	margin-bottom: 10px;
}

.In-depth_reports ul {
	width: 340px;
	overflow: hidden;
}

.In-depth_reports ul li {
	width: 340px;
	height: 172px;
	overflow: hidden;
	margin-top: 25px;
}

.In-depth_reports ul li a img {
	width: 100%;
	height: 100%;
	display: block;
}

.In-depth_reports ul li a {
	width: 340px;
	height: 172px;
	position: relative;
	overflow: hidden;
	display: block;
}

.article_titleyou {
	position: absolute;
	width: 340px;
	padding: 125px 20px 10px;
	/*height: 52px;*/
	bottom: 0;
	left: 0;
	z-index: 100;
}

.article_titleyou:hover{
	background: url(../images/black-bg.png) center bottom no-repeat;
	color: #fff;
}

.article_titleyou p{
	display: none;
}
.article_titleyou p:first-child{
	display: none;
}

.article_titleyou:hover p {
	display:block;
	overflow: hidden;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #138d5c;
}

.article_titleyou:hover p:first-child {
	display:block;
	font-size: 16px;
	color: #FFFFFF;
}

.top_right .Ad_slots a {
	width: 340px;
	height: 250px;
	overflow: hidden;
	margin-top: 25px;
	display: block;
}

.top_right .Ad_slots img {
	width: 100%;
	height: 100%;
}

.esport-game-cell {
	width: 100%;
	height: 450px;
	background: url(../images/esport-game-bg.jpg) center center no-repeat;
}

.esport-game-cell .width-f-cell {
	position: relative;
	width: 1170px;
	margin: 0 auto;
}

.esport-game-cell .title-big {
	color: #fff;
	padding: 65px 0 35px;
}

.title-big {
	font-size: 35px;
	text-align: center;
}

.esport-game-nav-cell {
	text-align: center;
}

.esport-game-nav-box {
	display: inline-block;
	position: relative;
	z-index: 2;
}

.esport-game-nav-box a.choose {
	color: #fff;
}

.esport-game-nav-box a {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	border-right: 1px solid #3e434e;
	padding: 0 35px;
	color: #979fb0;
	font-size: 17px;
	float: left;
}

.esport-game-nav-box a:last-child {
	border: none;
}

.schedule-matchBox {
	padding: 0 18px 0 23px;
	position: relative;
}

.matchList-box {
	height: 334px;
	overflow: hidden;
	position: relative;
}

.matchList-ul {
	height: 334px;
	overflow: hidden;
	position: relative;
}

.matchList-box .matchList-ul li {
	display: list-item;
	width: 261px;
	float: left;
	margin-left: 20px;
	text-align: center;
}

.one_position {
	margin-top: 13px;
	color: white;
	/*margin-left: -98px;*/
}

.one_position img {
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -2px;
}

.matchList_bg {
	background-color: #464c58;
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 0;
}


.game-item {
	width: 100%;
	max-height: 140px;
	position: relative;
}

.game-image {
	display: block;
	width: 100%;
	height: 150px;
}

.game-title {
	position: absolute;
	width: 100%;
	/*background: url(images/black-bg.png) center bottom no-repeat;*/
	bottom: 0;
	left: 0;
	padding-top: 104px;
	padding: 0 15px;
	/*-moz-transition: all 1s linear 0.05s;*/
	/*-webkit-transition: all 1s linear 0.05s;*/
	/*-o-transition: all 1s linear 0.05s;*/
	/*-ms-transition: all 1s linear 0.05s;*/
	/*transition: all 1s linear 0.05s;*/
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0x);
	transform: translateY(0px);
	transition: all .2s;
}

.game-title-p {
	width: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

.game-info-box {
	position: absolute;
	width: 100%;
	background-color: rgba(0, 0, 0, .8);
	bottom: 0;
	left: 0;
	color: #fff;
	height: 140px;
	padding: 0 15px;
	font-size: 14px;
	opacity: 0;
	/*-moz-transition: all 1s linear 0.05s;*/
	/*-webkit-transition: all 1s linear 0.05s;*/
	/*-o-transition: all 1s linear 0.05s;*/
	/*-ms-transition: all 1s linear 0.05s;*/
	/*transition: all 1s linear 0.05s;*/
	-moz-transform: translateY(140px);
	-webkit-transform: translateY(140px);
	-o-transform: translateY(140px);
	transform: translateY(140px);
	transition: all .2s;
}

.game-info-box p:first-child {
	margin-top: 20px;
}

.game-info-box p {
	font-size: 14px;
	text-align: left;
}

.game-info-box label {
	font-weight: normal;
}

.game-item:hover .game-info-box {
	opacity: 1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.game-item:hover .game-title {
	opacity: 0;
	-moz-transform: translateY(140px);
	-webkit-transform: translateY(140px);
	-o-transform: translateY(140px);
	transform: translateY(140px);
}


.matchList-ul li.one .li-top {
	border-top: 3px solid #11b475;
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding-top: 40px;
	position: relative;
}

.matchList-ul li.one .li-top span {
	background-color: #11b475;
	display: inline-block;
	width: 72px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	position: absolute;
	top: -3px;
	left: 0;
	font-size: 12px;
	color: #1d222c;
}

.match-score .fr {
	background: none;
}

.matchList-ul li .li-top {
	text-align: center;
	font-size: 16px;
}

.matchList-ul li .li-con {
	margin: 20px 15px 20px;
	position: relative;
	color: #fff;
	overflow: hidden;
}

.matchList-ul li .li-con .fr {
	position: initial;
	width: 64px;
	line-height: initial;
}

.matchList-ul li .li-con a {
	color: #fff;
}

.matchList-ul li .li-con .fl {
	float: left;
}

.matchList-ul li .li-con .team .team-pic {
	width: 64px;
	height: 64px;
	background-color: #303747;
	line-height: 64px;
	border-radius: 5px;
}

.matchList-ul li .li-con .team .team-name {
	padding: 20px 0 0;
	color: #fff !important;
}

.matchList-ul li .li-con .team .team-pic img {
	max-width: 100%;
	vertical-align: middle;
}

.matchList-ul li .li-con .match-score {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100px;
	margin: 5px 0 0 -50px;
	overflow: hidden;
}

.matchList-ul li .li-con .match-score p {
	width: 40px;
	height: 50px;
	line-height: 50px;
	background-position: 0 -48px;
	font-size: 28px;
	font-weight: bold;
}

.matchList-ul li .li-con .match-score .semicolon {
	display: inline-block;
	height: 50px;
	line-height: 45px;
	font-size: 35px;
	font-weight: bold;
	float: left;
}

.matchList-ul li .li-con .match-score p {
	width: 40px;
	height: 50px;
	line-height: 50px;
	background-position: 0 -48px;
	font-size: 28px;
	font-weight: bold;
}

.matchList-ul li .li-con .match-score .type {
	text-align: center;
	margin-top: 18px;
}

.matchList-ul li .li-con .match-score .type span {
	display: inline-block;
	width: 52px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	border-radius: 2px;
	background-color: #11b475;
	color: #fff;
	margin-top: 25px;
}

.schedule-matchBox .matchPrev {
	background-position: -85px -109px;
	left: -10px;
}

.schedule-matchBox .matchPrev,
.schedule-matchBox .matchNext {
	display: block;
	width: 17px;
	height: 30px;
	position: absolute;
	top: 64%;
	margin-top: -15px;
	cursor: pointer;
	text-indent: -9999px;
}

.icon-bg {
	background-image: url(http://static.tuwan.com/v3/homepagev2/images/icon-bg.png?128);
	background-repeat: no-repeat;
}

.schedule-matchBox .matchNext {
	background-position: -104px -109px;
	right: -10px;
}

.matchList-ul li.two .li-top {
	border-top: 3px solid #e83e09;
}

.matchList-ul li.one .li-top span:before {
	border-top: 13px solid #11b475;
	border-left: 13px solid #11b475;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
}

.matchList-ul li.two .li-top {
	border-top: 3px solid #e83e09;
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding-top: 40px;
	position: relative;
}

.matchList-ul li .li-top span {
	display: inline-block;
	width: 72px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	position: absolute;
	top: -3px;
	left: 0;
	font-size: 12px;
	color: #1d222c;
}

.matchList-ul li.two .li-top span {
	background-color: #e83e09;
}

.matchList-ul li.three .li-top {
	border-top: 3px solid #12ade7;
}

.matchList-ul li.three .li-top {
	border-top: 3px solid #12ade7;
	text-align: center;
	font-size: 16px;
	color: #fff;
	padding-top: 40px;
	position: relative;
}

.matchList-ul li.three .li-top span {
	background-color: #12ade7;
}

.matchList-ul li.three .li-con .match-score .type span {
	background-color: #12ade7;
}

.cur-hot-box .hot-box {
	float: left;
	width: 300px;
	height: 318px;
	margin: 0 20px 20px 0;
	background: #fff;
	position: relative;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	filter: alpha(opacity=0);
}

.g-hot-all {
	width: 820px;
	height: 650px;
	overflow: hidden;
	margin-top: 25px;
}

.hot-link {
	width: 180px;
	display: block;
	height: 180px;
	overflow: hidden;
}

.hot-bg-img {
	width: 100%;
}

.hot-txt {
	margin: 0 16px 13px;
	font-size: 14px;
	color: #b1b1b1;
	line-height: 22px;
	padding: 0 2px;
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
}

.hot-title {
	color: #383838;
	font: 600 16px/26px "Microsoft YaHei";
	/* margin: 13px 20px 2px; */
	height: 30px;
	overflow: hidden;
	text-align: center
}

.hot-like {
	bottom: 8px;
	left: 9px;
	z-index: 1;
}

.gw-link {
	bottom: 8px;
	right: 20px;
	width: 88px;
	height: 30px;
	display: block;
	background: url(https://nie.res.netease.com/nie/gw/15v1/img/arrow_62e0baf.png) no-repeat right center;
	font: 12px/30px "Micosoft YaHei";
	text-align: center;
	color: #9f9f9f;
}

.hot-box {
	float: left;
	width: 180px;
	height: 210px;
	margin: 0 10px 10px 0;
	background: #fff;
}

.cur-hot-box .hot-box:after {
	content: "";
	position: absolute;
	margin: 0 16px;
	background: #ededed;
	height: 1px;
	left: 0;
	bottom: 43px;
	width: 268px;
}

.Games_front_list {
	margin-top: 25px;
}

.Games_front_list .label_list {
	margin-bottom: 25px;
	height: 126px;
	overflow: hidden;
}

.label_list .article_pic {
	width: 132px;
	height: 128px;
	overflow: hidden;
	float: left;
	margin-right: 22px;
}

.label_list .article_pic img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

.label_list .article_title {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-bottom: 15px;
}

.label_list .article_title a {
	color: #474747;
}

.label_list .label {
	display: block;
	height: 26px;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0;
    font-weight: normal;
    line-height: normal;
    text-align: left;
}

.label_list .label a {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #838383;
	padding: 4px 10px;
	background: #FFFFFF;
	opacity: 0.6;
	margin-right: 3px;
}

.label_list .other {
	height: 14px;
	overflow: hidden;
}

.label_list .other .time {
	font-size: 14px;
	line-height: 14px;
	color: #aeaead;
	display: inline-block;
	vertical-align: top;
	margin-right: 40px;
}


/*底部*/

.footer_box {
	width: 100%;
	height: 300px;
	color: #7d7d7d;
	/*border-top: 2px solid #ff5454;
	margin-top: 270px;*/
	background: url(../images/footer_bg.jpg) #1A181D no-repeat;
	background-size: cover;
}

.footer-content {
	width: 1180px;
	height: 300px;
	margin: auto;
	position: relative;
}

.footer-block {
	width: 310px;
	float: left;
	margin-top: 39px;
}

.footer-block .title {
	height: 14px;
	line-height: 14px;
	color: #fff;
	position: relative;
	padding-left: 14px;
	margin-bottom: 12px;
}

.footer-block .title:after {
	content: '';
	display: block;
	width: 4px;
	height: 14px;
	background: #ff5454;
	position: absolute;
	top: 0;
	left: 0;
}

.footer-block .link {
	overflow: hidden;
	width: 235px;
}

.footer_box .clearfix:after,
.footer_box .clearfix:before {
	content: " ";
	display: table;
}

.footer_box .clearfix:after {
	height: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

.footer-block li {
	margin: 3.5px 0;
	padding-left: 14px;
	color: #B8BABC;
}

.footer-block .link li {
	width: 100%;
	float: left;
	margin: 3.5px 0;
	padding-left: 14px;
}

.footer-block .link a {
	font-size: 14.5px;
	color: #b8babc;
}

.footer-block img.QQqun {
	width: 86px;
	height: 86px;
	margin: 13px 10px 0 0;
	-webkit-box-shadow: 0 0 0 4px #fff, 0 0 0 8px #27262C;
	box-shadow: 0 0 0 4px #fff, 0 0 0 8px #27262C;
}

.footer-info {
	float: right;
}

.footer-info .footer-logo {
	background: url(../images/footer_djq.png) no-repeat;
	width: 166px;
	height: 58px;
	float: right;
	margin-right: 4px;
}

.footer-info .version {
	text-align: right;
	margin-top: 75px;
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	padding-right: 8px;
}

.footer-info .footer-con {
	text-align: right;
	font-size: 15px;
	line-height: 22px;
}

.footer-info .footer-img {
	margin-top: -2px;
	text-align: right;
}


/*公共样式*/

.ui-input {
	float: left;
	font-size: 14px;
	color: #333;
	width: 278px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	outline: 0;
	-webkit-transition: border-color .3s cubic-bezier(255, 84, 84, .1);
	-o-transition: border-color .3s cubic-bezier(255, 84, 84, .1);
	transition: border-color .3s cubic-bezier(255, 84, 84, .1);
	box-sizing: border-box;
}

.ui-select {
	float: left;
	font-size: 14px;
	color: #333;
	width: 278px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	outline: 0;
	-webkit-transition: border-color .3s cubic-bezier(255, 84, 84, .1);
	-o-transition: border-color .3s cubic-bezier(255, 84, 84, .1);
	transition: border-color .3s cubic-bezier(255, 84, 84, .1);
	box-sizing: border-box;
}

.ui-textarea {
	float: left;
	font-size: 14px;
	color: #333;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	height: 200px;
	line-height: 30px;
	overflow: hidden;
}

.ui-input:focus,
.ui-textarea:focus,
.ui-select:focus {
	border-color: rgba(255, 84, 84, .5) !important;
	-webkit-box-shadow: 0px 1px 5px rgba(255, 84, 84, .1);
	box-shadow: 0px 1px 5px rgba(255, 84, 84, .1);
}

.lab-row-right{
	text-align: right;font-size: 14px;line-height: 40px;color: #666;
}

.margin-bottom-10{
	margin-bottom: 10px;
}

/*首页end*/


/*登录弹出*/

.layout:after,
.clearfix:after {
	content: "\0020";
	display: block;
	clear: both;
	height: 0
}

.layout,
.clearfix {
	*zoom: 1
}

.center {
	width: 1160px;
	max-width: 1160px;
	margin: 0 auto;
	overflow: hidden
}

.t5o {
	-webkit-transition: all .5s ease .1s !important;
	-o-transition: all .5s ease .1s !important;
	transition: all .5s ease .1s !important
}

.t8o {
	-webkit-transition: all .8s ease .1s;
	-o-transition: all .8s ease .1s;
	transition: all .8s ease .1s
}

.t20o {
	-webkit-transition: all 20s ease .1s;
	-o-transition: all 20s ease .1s;
	transition: all 20s ease .1s
}

.t3out {
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.YaHei {
	font-family: 'Microsoft Yahei'
}

.HT {
	font-family: 'SimHei'
}

.ST {
	font-family: 'SimSun'
}

.Cambria {
	font-family: 'Cambria'
}

.Arial {
	font-family: Arial, Helvetica, sans-serif
}

.fl,
#loginModal .col-left,
#loginModal .col-right,
.header .header-search .topLayerTxt,
.d_bubble,
.index .slide-box ul li,
.index .video_introduce ul li,
.index .gold-teacher .gold-slide li,
.index .job-path .job-list li,
.index .job-path .course-list li,
.index .king-course .job-list li,
.index .king-course .course-list li,
.index .cooperate .col_left1,
.index .media_reports .col_left1,
.index .media_reports ul li,
.index .cooperate .cooperate-slide li {
	float: left
}

.fr,
.index .application_download .warp,
.index .cooperate .col_right1,
.index .media_reports .col_right1 {
	float: right
}

.uppercase {
	text-transform: uppercase
}

.textShadow {
	text-shadow: 0 1px 0 #345a49
}

.marginB10 {
	margin-bottom: 10px;
}

.textIndent {
	margin-bottom: 8px;
	text-indent: 1em
}

.show {
	display: block
}

.hide {
	display: none
}

.pt15 {
	padding-top: 15px
}

.d-ib {
	display: inline-block
}

.bold {
	font-weight: bold
}

.textR {
	text-align: right
}

.textC {
	text-align: center
}

.globalLoginBtn {}

#KFLOGO,
#iconDivMain2 {
	overflow: hidden;
	width: 0 !important;
	height: 0 !important
}

#iconDivMain1 {
	width: 0 !important;
	height: 0 !important
}

#div_company_mini {
	right: 0 !important
}

#loginModal .modal-content {
	border-radius: 0;
	width: 980px;
}

#loginModal .col-left {
	width: 400px;
	height:528px;
	background: url(../images/denglo-banner.png) #ff5454 no-repeat center;
}

#loginModal .col-right {
	width: 580px;
	padding: 50px;
	color: #b2b2b2;
	height: 528px;
}

#loginModal .form-group {
	margin-bottom: 15px;
	overflow: hidden;
}

/*#loginModal .modal-body {*/
	/*height: 345px;*/
/*}*/

#loginModal #btnRegister {
	color: #406599;
}

#loginModal .tips-error {
	padding: 2px 10px;
	margin-top: 10px;
	display: none
}

#loginModal .globalLogin {
	height: 47px;
	background: #FF5454;
	color: #fff;
	font-size: 14px;
	background-color: #ff5454;
	outline: none;border: none;
}

#loginModal .threeLogin {
	position: absolute;
	left: 30px;
	bottom: 15px;
}

#loginModal .threeLogin span {
	color: #b3c3c0;
	float: left;
	font-size: 14px;
}

#loginModal .threeLogin a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/login_img.png) no-repeat;
	vertical-align: middle;
	margin-left: 15px;
	cursor: pointer;
}

#loginModal .threeLogin .nqq {
	background-position: 0 0;
}

#loginModal .threeLogin .nqq:hover {
	background-position: 0 -20px;
}

#loginModal .threeLogin .nwx {
	background-position: -20px 0;
}

#loginModal .threeLogin .nwx:hover {
	background-position: -20px -20px;
}

#loginModal .threeLogin .nwb {
	background-position: -40px 0;
}

#loginModal .threeLogin .nwb:hover {
	background-position: -40px -20px;
}

.v5-input-txt {
	padding: 20px;
	padding-top: 30px;
}

.v5-input-txt .form-control {
	height: 42px;
	line-height: normal;
	padding-bottom: 10px;
	padding-top: 10px;
}
.v5-input-txt .form-control:focus {
	border-color: rgba(255, 84, 84, .5) !important;
	-webkit-box-shadow: 0px 1px 5px rgba(255, 84, 84, .1);
	box-shadow: 0px 1px 5px rgba(255, 84, 84, .1);
	outline: 0;
	/*border-color: #FF5454;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(27, 188, 155, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(27, 188, 155, 0.6);*/
}
.v5-input-txt #id_mobile_code_f,
.v5-input-txt .send-verify {
	float: left;
}

.v5-input-txt #id_mobile_code_f {
	width: 170px;
	border-radius: 0;
	margin-right: 24px;
}

.v5-input-txt .send-verify {
	width: 144px;
	height: 42px;
	line-height: 30px;
	background: #5ecfb5;
	color: #fff;
	text-align: center;
	padding: 0;
	cursor: pointer;
	border: 0;
}

.v5-input-txt .btn {
	padding-bottom: 9px;
	padding-top: 9px;
}

.btn {
	background: #5ecfba;
	border-color: #5ecfba;
	color: #fff;
}

.btn-micv5 {
	background-color: #5ecfba;
	color: #fff;
	padding: 8px 12px;
}

.modal-header {
	color: #5ecfba;
	overflow: hidden;
}
.modal-title{
	font-size: 18px;float:left;margin-right:20px;color: #333333;
}
.currrent-a{
	color: #FF5454;
	font-weight: 500;
}

.forget {
	text-align: center;
	font-size: 14px;
	float: right;
	width: 85px;
	height: 32px;
	border-radius: 2px;
	line-height: 30px;
	cursor: pointer;
	-webkit-appearance: none;
	outline: 0;
	border: none;
}

.tips-box {
	width: 100%;
	display: inline-block;
	position: relative;
}

.tips {
	position: absolute;
	left: 0;
	top: -40px;
	color: #fff;
	font-size: 12px;
	line-height: 32px;
	background-color: #ff9600;
	border-radius: 100px;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tips:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 25px;
	border-top: 6px solid #ff9600;
	border-right: 4px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 4px solid transparent;
}

.zy_email {
	text-align: center;
	color: #5f5f5f;
}

.zy_email p {
	padding: 0 35px;
}

.zy_email p.i {
	padding: 40px 0 30px;
}

.zy_email p.i img {
	vertical-align: top;
}

.zy_email p.a {
	padding: 30px 0;
	text-align: center;
}

.zy_email p.a>a {
	display: inline-block;
	width: 148px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	background: #5ecfbb;
	border: 1px solid #68c8b6;
	border-radius: 2px;
}

.zy_email p.a>a:hover {
	opacity: .7;
}

.zy_success {
	margin-bottom: 20px;
}

.zy_success img {
	vertical-align: middle;
	margin-right: 10px;
}

.sendE {
	margin-bottom: 20px;
}

.sendE a {
	text-decoration: underline;
	cursor: pointer;
}

.sendE2 {
	margin-bottom: 20px;
}

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspVerticalBar {
	opacity: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	position: absolute;
	top: 0;
	right: 2px;
	width: 8px;
	height: 100%;
	z-index: 20;
}

.jspDrag {
	background: #1abc9c;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 4px;
}

.jspPane {
	position: absolute;
}

.vam,
.header .data-search,
.header .search-btn,
.header .hot-words a,
.header .topRight .a,
.top_meg,
.top_user .ai,
.top_user .nick_name,
.topSreachDiv,
.index .slide-tab li,
.index .common h2:before,
.index .good-lesson .warp .more-lesson:after,
.index .good-lesson .warp .consult:after,
.index .gold-teacher .warp .more-lesson:after,
.index .gold-teacher .warp .consult:after,
.index .king-course .warp .more-lesson:after,
.index .king-course .warp .consult:after,
.index .good-lesson .tab_menu li,
.index .gold-teacher .gold-tab li,
.index .job-path .job-tab span,
.index .king-course .job-tab span,
.index .community_news ul>li h3:before,
.index .community_news ol li a,
.index .community_news ol li:before,
.index .application_download ul li {
	display: inline-block;
	vertical-align: middle;
}

.CLEARFIX,
#loginModal .modal-content:before,
#loginModal .modal-content:after,
.header .wrap:before,
.header .wrap:after,
.index .video_introduce ul:before,
.index .video_introduce ul:after,
.index .good-lesson .tab_menu:before,
.index .good-lesson .tab_menu:after,
.index .gold-teacher .gold-slide ul:before,
.index .gold-teacher .gold-slide ul:after,
.index .job-path .job-list:before,
.index .job-path .job-list:after,
.index .job-path .course-list:before,
.index .job-path .course-list:after,
.index .king-course .job-list:before,
.index .king-course .job-list:after,
.index .king-course .course-list:before,
.index .king-course .course-list:after,
.index .cooperate:before,
.index .cooperate:after,
.index .media_reports:before,
.index .media_reports:after,
.index .media_reports ul:before,
.index .media_reports ul:after,
.index .cooperate .slide-lists:before,
.index .cooperate .slide-lists:after,
.index .company_medal:before,
.index .company_medal:after,
.v5-footer-links:before,
.v5-footer-links:after {
	content: '';
	display: table;
	clear: both;
}

.substr {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.word-break {
	word-break: break-all;
	word-wrap: break-word;
}

.transition {
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.W1160 {
	width: 1160px;
	margin: 0 auto;
}

.index .video_introduce ul li,
.index .good-lesson,
.index .gold-teacher,
.index .king-course,
.index .job-path,
.index .community_news,
.index .cooperate .col_left,
.index .cooperate .col_right,
.index .media_reports .col_left,
.index .media_reports .col_right {
	background-color: #fff;
}


/**/
/*.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {
    opacity: 1;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
@media (min-width: 768px)
.modal-sm {
    width: 300px;
}
@media (min-width: 768px)
.modal-dialog {
    width: 600px;
    margin: 30px auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

@media (min-width: 768px)
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.bg-danger {
    background-color: #f2dede;
}*/
.g-hot-all{
overflow: initial;
}
.hot-box{
	-webkit-transition: transform .3s;
	transition: transform .3s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.hot-box:hover{
	-webkit-transform:translateY(-5%);
	transform:translateY(-5%);
}
.hot-box:hover>p{color:#0da0b4}