@charset "utf-8";
/* CSS Document */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: "pingfang SC", "webfont", "helvetica neue", arial, "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", simsun, sans-serif !important;
}
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
textarea {
	resize: none;
}
li {
	list-style: none;
}
fieldset,
img {
	border: 0;
}
img {
	vertical-align: top;
}
address,
caption,
cite,
code,
dfn,
th,
var {
	font-weight: normal;
	font-style: normal;
}
ol,
ul {
	list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%;
}
abbr,
acronym {
	border: 0;
}
em,
i {
	font-style: normal;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	zoom: 1;
}
.clear:after {
	clear: both;
	display: block;
	content: "";
}
table {
	margin: 0 auto;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
	cursor: pointer;
}
a:focus {
	outline-style: none;
}
body {
	overflow-x: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	background-color: #f7f9ff;
}
/*公共*/
.base {
	margin: 0 auto;
	width: 1200px;
}
/*top*/
.top {
	height: 37px;
	background-color: #edf0f4;
	z-index: 2;
}
.top .sy_top_c {
	display: flex;
	justify-content: space-between;
}
.top .sy_top_c .sy_top_left {
	display: flex;
}
.top .sy_top_c .sy_top_left .sy_top_txt {
	color: #7d7d7d;
	font-size: 12px;
	line-height: 37px;
	margin-right: 24px;
	white-space: nowrap;
}
.top .sy_top_c .sy_top_right {
	display: flex;
	align-items: center;
	height: 37px;
}
.top .sy_top_c .sy_top_right .header-gfweixin {
	position: relative;
}
.top .sy_top_c .sy_top_right .header-gfweixin .sy_top_right_qrcode {
	display: block;
	width: 108px;
	height: 24px;
	background-color: #326cf6;
	border-radius: 4px;
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
	box-sizing: border-box;
}
.top .sy_top_c .sy_top_right .header-gfweixin div {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 27px;
	width: 171px;
	height: 171px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 0px rgba(216, 220, 233, 0.3);
	border-radius: 6px;
	border: solid 1px #f2f3f9;
	text-align: center;
	display: none;
	z-index: 2;
}
.top .sy_top_c .sy_top_right .header-gfweixin div img {
	height: 111px;
	display: block;
	margin: 7px auto 2px auto;
}
.top .sy_top_c .sy_top_right .header-gfweixin div p {
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
.top .sy_top_c .sy_top_right .header-gfweixin:hover div {
	display: block;
}
.top .sy_top_c .sy_top_right .sinaweibo {
	width: 78px;
	height: 24px;
	margin-left: 17px;
	margin-right: 4px;
	margin-top: 2px;
}
.top .sy_top_c .sy_top_right .sy_top_warp {
	position: relative;
	color: #979797;
	font-size: 14px;
	padding: 0 5px;
}
.top .sy_top_c .sy_top_right .sy_top_warp .index-xia_sanjiao {
	display: inline-block;
	font-size: 6px;
	color: #999999;
	margin-left: 4px;
	transform: rotate(0deg);
}
.top .sy_top_c .sy_top_right .sy_top_warp:hover {
	background: #fff;
	line-height: 37px;
	color: #326cf6;
}
.top .sy_top_right .sy_top_warp:hover .index-xia_sanjiao {
	color: #326cf6;
	transform: rotate(180deg);
}
.top .sy_top_right .sy_top_warp:hover .sy_wap_box {
	display: flex;
}
.top .sy_top_right .sy_top_warp .sy_wap_box {
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 37px;
	right: 0;
	width: 369px;
	height: 171px;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(216, 220, 233, 0.3);
	/* border-radius: 6px; */
	border: solid 1px #f2f3f9;
	box-sizing: border-box;
	z-index: 4;
	border-top: none;
}
.top .sy_top_right .sy_top_warp .sy_wap_box div {
	width: 160px;
	text-align: center;
}
.top .sy_top_right .sy_top_warp .sy_wap_box .mini img {
	height: 110px;
}
.top .sy_top_right .sy_top_warp .sy_wap_box .gzh img {
	height: 92px;
	margin-bottom: 7px;
	margin-top: 10px;
}
.top .sy_top_right .sy_top_warp .sy_wap_box div p {
	text-align: center;
	color: #666666;
	font-size: 12px;
}
.head {
	position: relative;
	width: 100%;
	height: 551px;
	background: url(http://www.mobiletrain.org/images_interview/head_bg.jpg) no-repeat;
	background-size: 1920px 611px;
	background-position: center top;
	overflow: hidden;
}
.head .inner {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1200px;
}
.head .inner .nav-container {
	display: flex;
	align-items: center;
}
.head .inner .nav-container .qf_logo img {
	height: 45px;
}
/*nav*/
.mst-tit-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mst-tit {
	color: #333333;
	font-size: 22px;
	font-weight: bold;
}
.mst-tit span {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin-left: 16px;
}
.mst-more {
	color: #999999;
	font-size: 14px;
}
.nav-container .icon-dianhua1 {
	display: block;
	width: 37px;
	line-height: 37px;
	background-color: #326cf6;
	border-radius: 50%;
	color: #fff;
	font-size: 22px;
	text-align: center;
	animation: phoneIcon_ani ease 0.5s infinite alternate;
}
@keyframes phoneIcon_ani {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.2);
	}
}
.phone-box {
	position: relative;
}
.phone-box:hover .phone-box-con {
	display: block;
}
.phone-box-con {
	display: none;
	position: absolute;
	top: 54px;
	left: 50%;
	transform: translateX(-50%);
	width: 127px;
	height: 47px;
	background-color: #ffffff;
	border-radius: 4px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	padding-top: 10px;
}
.phone-box-con h3,
.phone-box-con .h3 {
	color: #326cf6;
	font-size: 16px;
	font-weight: bold;
}
.phone-box-con::after {
	content: "";
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #ffffff;
}
/* .nav_bg .nav_phone span {
  margin-left: 10px;
}
.nav_bg .nav_phone span em {
  display: block;
  color: #666;
  font-size: 14px;
  text-align: center;
  letter-spacing: 8px;
}
.nav_bg .nav_phone span em:first-child {
  letter-spacing: 0px;
  color: #326cf6;
  font-size: 24px;
} */

.nav_left img {
	float: left;
}
.nav_left .xq {
	position: relative;
}
.nav_left .xq_tab {
	position: relative;
	cursor: pointer;
	z-index: 1000;
}
.nav_left .p1 {
	width: 0px;
	height: 0px;
	background: #ffffff;
	box-shadow: rgba(216, 220, 233, 0.3) 0px 0px 10px 0px;
	border: 1px solid #f2f3f9;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 0px;
	border-top: none;
}
.nav_left .xq_tab:hover .p1 {
	width: 333px;
	height: 121px;
}
.nav_left .xq_tab:hover em {
	color: #326cf6;
}
.nav_left .xq_tab:hover em .index-xia_sanjiao {
	color: #326cf6;
	transform: rotate(-180deg);
}
.nav_left .p1 .p2 {
	padding: 24px 20px 20px 10px;
}
.nav_left .xq_tab em {
	position: relative;
	color: #000000;
	font-size: 14px;
	display: block;
	height: 100%;
	line-height: 37px;
	width: 80px;
	margin-top: -1px;
	padding-left: 10px;
}
.nav_left .xq_tab:hover em {
	background: #fff;
}
.nav_left .xq_tab em .index-ditu-dibiao {
	color: #ff6600;
	font-size: 16px;
	margin-right: 4px;
}
.nav_left .xq_tab em .index-xia_sanjiao {
	display: inline-block;
	color: #999;
	font-size: 8px;
	margin-left: 4px;
	transform: rotate(0deg);
}
.nav_left a {
	display: inline-block;
	color: #000;
	font-size: 14px;
	padding-left: 8px;
	white-space: nowrap;
	padding-bottom: 8px;
}
.nav_left a:hover {
	color: #326cf6;
}
.index_nav_r {
	float: right;
	padding-top: 10px;
}
.fixed_wrap {
	position: relative;
	width: 142px;
	top: -66px;
}
.footer-link {
	padding-top: 20px;
	background-color: #0030af;
}
.footer-link .links-tab {
	display: flex;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	cursor: pointer;
}
.footer-link .links-tab span {
	color: #f0f0f0;
	opacity: 0.6;
	font-size: 14px;
	margin-right: 16px;
}
.footer-link .links-tab span.active {
	color: #ffb401;
	opacity: 1;
	border-bottom: 1px solid #ffb401;
	padding-bottom: 12px;
}
.footer-link .links-a {
	display: none;
	flex-wrap: wrap;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.8;
}
.footer-link .links-a.active {
	display: flex;
}
.footer-link .links-a a {
	font-size: 14px;
	opacity: 0.6;
	margin-right: 20px;
	color: #fff;
}
.footer-link .copyright {
	font-size: 14px;
	color: #ffffff;
	opacity: 0.6;
	text-align: center;
	line-height: 24px;
	padding-bottom: 30px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 30px;
}
.footer-link .copyright a {
	font-size: 14px;
	color: #ffffff;
}
.banner-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 34px;
}

.banner-container .banner-right {
	width: 396px;
	height: 366px;
	background: url(http://www.mobiletrain.org//images_interview/banner-right.jpg) no-repeat;
	background-size: 100%;
	border-radius: 10px;
	text-align: center;
}
.banner-container .banner-right h3,
.banner-container .banner-right .h3 {
	color: #326cf6;
	font-size: 30px;
	font-weight: bold;
	padding-top: 40px;
}
.banner-container .banner-right h4,
.banner-container .banner-right .h4 {
	color: #326cf6;
	font-size: 24px;
	font-family: SourceHanSansCN-Light !important;
}
.banner-container .banner-right p {
	font-size: 18px;
	color: #333333;
	margin-bottom: 18px;
	margin-top: 2px;
}
.banner-container .banner-right ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 356px;
	margin: 0 auto;
}
.banner-container .banner-right ul li {
	width: 173px;
	padding: 18px 0;
	background-color: #ffffff;
	border-radius: 4px;
	margin-bottom: 13px;
	color: #999999;
	font-size: 13px;
}
.banner-container .banner-right ul li:hover {
	background-color: #326cf6;
	color: #fff;
}
.banner-container .banner-right ul li span:nth-child(1) {
	display: block;
	color: #333333;
	font-size: 16px;
}
.banner-container .banner-right ul li:hover span:nth-child(1) {
	color: #fff;
}
.banner-container .banner {
	position: relative;
	width: 785px;
	height: 300px;
}
.banner-container .banner .swiper-slide img {
	width: 785px;
	height: 300px;
	border-radius: 10px;
	object-fit: cover;
}
.banner-container .banner .swiper-pagination-bullet {
	width: 17px;
	height: 5px;
	background-color: #ffffff;
	border-radius: 3px;
	opacity: 0.2;
	margin: 0 3px;
}
.banner-container .banner .swiper-pagination-bullet-active {
	width: 37px;
	opacity: 1;
}
.banner-container .banner-des {
	display: flex;
	width: 785px;
	justify-content: space-between;
	margin-top: 16px;
}
.banner-container .banner-des a {
	position: relative;
	width: 122px;
	height: 50px;
	line-height: 50px;
	background-color: #ffffff;
	border-radius: 10px;
	color: #326cf6;
	font-size: 14px;
	text-align: center;
}
.banner-container .banner-des a:hover {
	background-color: #326cf6;
	color: #fff;
}
.banner-container .banner-des a:nth-child(2)::after {
	position: absolute;
	top: -10px;
	right: 16px;
	content: "HOT";
	width: 43px;
	height: 20px;
	line-height: 20px;
	background: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
	border-radius: 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.banner-container .banner-des a:nth-child(6)::after {
	position: absolute;
	top: -10px;
	right: 16px;
	content: "NEW";
	width: 43px;
	height: 20px;
	line-height: 20px;
	background: linear-gradient(45deg, #326cf6 0%, #3399ff 100%);
	border-radius: 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.hot-topic {
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.hot-topic a {
	font-size: 14px;
	color: #666;
	margin-right: 24px;
}
.hot-topic a:nth-child(1) {
	color: #ff6600;
	font-weight: bold;
}
.hot-topic a:nth-child(1) i {
	font-size: 16px;
}
.hot-topic a:hover {
	color: rgb(50, 108, 246);
}
.hot-topic a:nth-child(1):hover {
	color: #ff6600;
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	80% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes scale {
	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	80% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-ms-keyframes scale {
	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	80% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes scale {
	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	80% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
/* .swiper1 {
  width: 290px;
  height: 206px;
  margin-bottom: 16px;
}
.swiper1 img {
  width: 290px;
  height: 180px;
  border-radius: 10px;
}
.swiper1 .swiper-pagination {
  bottom: 0 !important;
}
.swiper1 .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border: solid 1px #999999;
  opacity: 1;
  border-radius: 50%;
  background: #f6f9ff;
  box-sizing: border-box;
}
.swiper1 .swiper-pagination-bullet-active {
  background-color: #ff6600;
  border: solid 1px #ff6600;
} */
.kbxx {
	width: 250px;
	height: 202px;
	background-color: #ffffff;
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 20px;
}
.kbxx .sub-tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.kbxx .sub-tit .left {
	display: flex;
	align-items: center;
	color: #000000;
	font-weight: bold;
	font-size: 18px;
}
.kbxx .sub-tit .left .yp-banjibaobiao {
	font-weight: normal;
	color: #326cf6;
	font-size: 22px;
	margin-right: 7px;
}
.kbxx .chooseBox {
	position: relative;
	width: 111px;
}
.kbxx .kbxx_showXq_box {
	position: absolute;
	top: 40px;
	right: 0;
	width: 324px;
	background: #f6f9ff;
	box-shadow: 0px 6px 16px 0px rgba(206, 235, 255, 0.21);
	border-radius: 6px;
	display: none;
	z-index: 2;
}

.kbxx .kbxx_showXq_btn {
	width: 111px;
	height: 27px;
	line-height: 27px;
	border-radius: 6px;
	border: solid 1px #e6e6e6;
	box-sizing: border-box;
	font-size: 14px;
	color: #000;
	padding-left: 12px;
}
.kbxx .kbxx_showXq_btn .icon-xiaosanjiao {
	color: #cccccc;
	font-size: 10px;
	margin-left: 10px;
}
.kbxx .kbxx_showXq_box ul {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0 8px 20px;
}
.kbxx .kbxx_showXq_box ul li {
	color: #666666;
	font-size: 14px;
	margin-bottom: 12px;
	margin-right: 20px;
}
.kbxx .kbxx_showXq_box ul li:hover {
	color: #056cff;
}
.kbxx .des-right-classes li a {
	display: flex;
}
.kbxx .des-right-classes li a:hover span:nth-child(1),
.kbxx .des-right-classes li a:hover span:nth-child(2) {
	color: #326cf6;
}
.kbxx .des-right-classes li a span {
	color: #666666;
	font-size: 12px;
	width: 116px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.kbxx .des-right-classes li a span:nth-child(2) {
	margin-left: 12px;
}
.kbxx .des-right-classes li a span[data-mode="1"] {
	color: rgb(255, 255, 255);
	width: 77px;
	height: 21px;
	background-color: #056cff;
	border-radius: 10px;
	line-height: 21px;
	text-align: center;
}
.kbxx .des-right-classes li a span[data-mode="0"] {
	color: #fff;
	width: 77px;
	height: 21px;
	background-color: #ff4800;
	border-radius: 10px;
	line-height: 21px;
	text-align: center;
}
.kbxx .des-right-classes li a span[data-mode="2"] {
	color: #333333;
	width: 77px;
	height: 21px;
	background-color: #e5e5e5;
	border-radius: 10px;
	line-height: 21px;
	text-align: center;
}
.kbxx .swiper6 {
	height: 150px;
	margin-top: 20px;
}

.nav_main {
	position: relative;
	margin-left: 100px;
	margin-right: 10px;
}
.nav_right_bg {
	position: relative;
	height: 90px;
	width: 870px;
	margin: 0;
}
.nav_right {
	display: flex;
}
.nav_right i:hover,
.nav_right a:hover {
	color: #326cf6;
	font-weight: bold;
}
.nav_right .nav:hover {
	position: relative;
}
.nav_right .nav:hover::after {
	position: absolute;
	bottom: 22px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 14px;
	height: 4px;
	background-color: #326cf6;
	border-radius: 2px;
}
.nav_right i:hover .icon,
.nav_right a:hover .icon {
	font-weight: normal;
}

.nav_right i div {
	position: absolute;
	top: 70px;
	box-sizing: border-box;
	background: #ffffff;
	display: none;
	z-index: 2;
}
.nav_right i div a {
	display: block;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	height: 33px;
	line-height: 33px;
}
.nav_right i div a:hover {
	background-color: #eff6ff;
}
.nav_right i div a .icon {
	font-size: 16px;
	color: #326cf6;
	margin-left: 20px;
	margin-right: 16px;
}
.nav_right i div a .icon-pmp {
	margin-right: -13px;
	margin-left: 15px;
}
.nav_right i div.nav_dropmenu_box {
	left: -120px !important;
	transform: translateX(0%) !important;
	width: 976px;
	/* height: 402px; */
	background: #f7f7f7;
}
.nav_right i div {
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	width: 154px;
	box-shadow: #999999 0px 0px 8px;
	border-radius: 6px;
	padding: 10px 0px;
}
.nav_right i div.nav_jysl_box,
.nav_right i div.nav_gyqf_box {
	width: 100px;
}
.nav_right i div.nav_xqfy_box,
.nav_right i div.nav_jyfw_box,
.nav_right i div.nav_rdht_box {
	width: 120px;
}
.nav_right i div.nav_rzks_box,
.nav_right i div.nav_itpx_box {
	width: 174px;
	text-align: left;
}
.nav_right i:hover div {
	display: block;
}
.nav_right i em.icon {
	display: inline-block;
	font-size: 11px;
	transform: rotate(0deg);
	transition: all 0.3s ease 0s;
	font-weight: normal;
	margin-left: 4px;
}
.nav_right i:hover em.icon {
	display: inline-block;
	font-size: 11px;
	transform: rotate(-180deg);
}
.nav_right .nav {
	position: relative;
	text-align: center;
	display: inline-block;
	height: 90px;
	line-height: 90px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	margin-left: 22px;
}
.nav_right .nav_index {
	margin-left: 0;
}
.nav_right_bg .nav_dropmenu_box ul {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 10px 10px;
}
.nav_right_bg .nav_dropmenu_box ul li a {
	display: flex;
	align-items: center;
	width: 173px;
	height: 70px;
	background-color: #ffffff;
	border-radius: 4px;
	font-size: 16px;
	color: #000000;
	transition: all 0.3s ease 0s;
	margin: 0px 8px 18px;
	box-sizing: border-box;
}
.nav_right_bg .nav_dropmenu_box ul li a .icon {
	margin: 0px 17px 0px 20px;
	display: inline-block;
	width: 33px;
	height: 33px;
	background: #eff6ff;
	border-radius: 50%;
	text-align: center;
	line-height: 33px;
	color: #4067e0;
	font-size: 18px;
	transition: all 0.3s ease 0s;
}
.nav_right_bg .nav_dropmenu_box ul li a:hover {
	background: #326cf6;
	color: #ffffff;
}
.nav_right_bg .nav_dropmenu_box ul li a:hover .icon {
	background: #eff6ff !important;
	color: #326cf6 !important;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(1) a .icon {
	color: #e84325;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(3) a .icon {
	color: #ea652b;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(4) a .icon {
	color: #e83e25;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(5) a .icon {
	color: #5dc297;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(6) a .icon {
	color: #5da938;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(7) a .icon {
	color: #397dda;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(8) a .icon {
	color: #7b28d9;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(9) a .icon {
	color: #1b42c3;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(10) a .icon {
	color: #d12e7f;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(11) a .icon {
	color: #ffa209;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(12) a .icon {
	color: #761ede;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(13) a .icon {
	color: #60c960;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(14) a .icon {
	color: #5cc1af;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(15) a .icon {
	color: #4f1bc3;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(16) a .icon {
	color: #d60000;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(17) a .icon {
	color: #326cf6;
}
.nav_right_bg .nav_dropmenu_box ul li:nth-of-type(18) a .icon {
	color: #ff2700;
}
.w1 {
	padding: 40px 0;
}
.w1 .w1-con {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	height: 192px;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 30px;
	margin-top: 18px;
	padding-bottom: 16px;
}
.w1 .w1-con a {
	display: flex;
	width: 180px;
	height: 73px;
	background-color: #f5f5f5;
	border-radius: 6px;
	color: #999999;
	font-size: 13px;
	padding-top: 10px;
}
.w1 .w1-con a .xkiconfont {
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background-color: #fff;
	color: #326cf6;
	font-size: 21px;
	border-radius: 50%;
	margin-left: 15px;
	margin-right: 9px;
}
.w1 .w1-con a .allxk-H5 {
	color: #ff2b00;
	font-size: 18px;
}
.w1 .w1-con a .allxk-Python {
	color: #ff5a00;
}
.w1 .w1-con a .allxk-dashuju1 {
	color: #007de1;
}
.w1 .w1-con a .allxk-quanmeiti {
	color: #ffaa00;
	font-size: 18px;
}
.w1 .w1-con a .allxk-UI {
	color: #e60080;
	font-size: 18px;
}
.w1 .w1-con a .allxk-yunjisuan {
	color: #ff2100;
}
.w1 .w1-con a .allxk-ruanjianceshi {
	color: #5dc297;
}
.w1 .w1-con a .allxk-wangluoanquan {
	color: #5da938;
}
.w1 .w1-con a .allxk-wulianwang {
	color: #7b28d9;
}
.w1 .w1-con a .allxk-Unity {
	color: #1b42c3;
}
.w1 .w1-con a .allxk-yingshijianjibaozhuang {
	color: #761ede;
}
.w1 .w1-con a div h3,
.w1 .w1-con a div .h3 {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.w1 .w1-con a:hover {
	background-color: #326cf6;
	color: #ffffff;
}
.w1 .w1-con a:hover div h3,
.w1 .w1-con a:hover div .h3 {
	color: #ffffff;
}
.w2 .base {
	display: flex;
	justify-content: space-between;
}
.w2 .w2-left {
	width: 814px;
}
.w2 .w2-left .w2-left-con {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 794px;
	height: 375px;
	background-color: #ffffff;
	border-radius: 10px;
	margin-top: 18px;
	padding-top: 30px;
	padding-left: 20px;
}
.w2 .w2-left .w2-left-con .w2-left-con-img {
	width: 380px;
	height: 80px;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 6px;
}
.w2 .w2-left .w2-left-con .w2-left-item {
	display: flex;
	width: 380px;
	margin: 8px 0;
}
.w2 .w2-left .w2-left-con .w2-left-item div {
	margin-left: 6px;
}
.w2 .w2-left .w2-left-con .w2-left-item h3,
.w2 .w2-left .w2-left-con .w2-left-item .h3 {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 6px;
}
.w2 .w2-left .w2-left-con .w2-left-item:hover h3,
.w2 .w2-left .w2-left-con .w2-left-item:hover .h3 {
	color: #326cf6;
}
.w2 .w2-left .w2-left-con .w2-left-item h3 span,
.w2 .w2-left .w2-left-con .w2-left-item .h3 span {
	width: 16px;
	height: 16px;
	background-color: #ff741b;
	border-radius: 4px;
	line-height: 16px;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.w2 .w2-left .w2-left-con .w2-left-item h3 span.w2i1,
.w2 .w2-left .w2-left-con .w2-left-item .h3 span.w2i1 {
	background-color: #ff0000;
}
.w2 .w2-left .w2-left-con .w2-left-item p {
	font-size: 14px;
	color: #999999;
	line-height: 22px;
}
.w2 .w2-left .w2-left-con .w2-left-item p span {
	color: #326cf6;
}
.w2 .w2-left .w2-left-con .w2-left-item .msticon-1 {
	color: #ff741b;
	font-size: 14px;
	padding-top: 4px;
}
.w2 .w2-left .w2-left-con .w2-left-item .msticon-2 {
	color: #feb90b;
	font-size: 14px;
	padding-top: 4px;
}
.w2 .w2-left .w2-left-con .w2-left-item .msticon-3 {
	color: #ffdc00;
	font-size: 14px;
	padding-top: 4px;
}
.w2 .w2-right {
	position: relative;
	width: 366px;
}
.w2 .w2-right .w2-right-con {
	width: 326px;
	height: 345px;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 30px 20px;
	margin-top: 18px;
}

.w2 .w2-right .w2-right-con .swiper-w2 {
	height: 345px;
}
.w2 .w2-right .swiper-w2 .w2-right-item {
	display: flex;
	align-items: center;
}
.w2 .w2-right .swiper-w2 .w2-right-item div {
	width: 126px;
	height: 71px;
	overflow: hidden;
	border-radius: 6px;
	margin-right: 16px;
}
.w2 .w2-right .swiper-w2 .w2-right-item div img {
	width: 126px;
	height: 71px;
	transition: 0.5s;
}
.w2 .w2-right .swiper-w2 .w2-right-item div img:hover {
	transform: scale(1.2);
}
.w2 .w2-right .swiper-w2 .w2-right-item h3,
.w2 .w2-right .swiper-w2 .w2-right-item .h3 {
	width: 183px;
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}
.w2 .w2-right .swiper-w2 .w2-right-item:hover h3,
.w2 .w2-right .swiper-w2 .w2-right-item:hover .h3 {
	color: #326cf6;
}
.swiper-button-prevw2 {
	display: none;
}
.swiper-button-nextw2 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 24px;
	right: 0;
	width: 72px;
	height: 26px;
	border-radius: 13px;
	border: solid 1px #ff6600;
	color: #ff6600;
	background: url();
	font-size: 12px;
}
.swiper-button-nextw2 i {
	font-size: 11px;
	margin-right: 4px;
}
.swiper-button-nextw2:hover {
	color: #fff;
	background: #ff6600;
}
.w3 {
	margin-top: 40px;
}
.w3 .base {
	display: flex;
	justify-content: space-between;
}
.w3 .w3-left,
.w3 .w3-right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 590px;
}
.w3 .w3-left .w3-left-top-con {
	width: 774px;
	height: 325px;
	background-color: #ffffff;
	border-radius: 10px;
	margin-top: 18px;
	padding: 0 20px;
}
.w3 .w3-left .w3-left-top-con .w3-swiper-w3-box {
	position: relative;
	padding-top: 24px;
}
.swiper-button-nextw3,
.swiper-button-prevw3 {
	background: #fff;
	width: 8px;
	height: 14px;
	top: 49px;
}
.swiper-button-disabled {
	opacity: 1 !important;
}
.swiper-button-nextw3 {
	right: 4px;
}
.swiper-button-prevw3 {
	left: 0;
}
.w3 .w3-left .w3-left-top-con .w3-swiper-w3-box .swiper-w3 {
	width: 710px;
	text-align: center;
	margin-bottom: 4px;
}
.w3 .w3-left .w3-left-top-con .w3-swiper-w3-box .swiper-w3 a {
	position: relative;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-bottom: 8px;
}
.w3 .w3-left .w3-left-top-con .w3-swiper-w3-box .swiper-w3 a.active::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 14px;
	height: 4px;
	background-color: #326cf6;
	border-radius: 2px;
}
.w3 .w3-left .w3-left-top-list {
	display: none;
	flex-wrap: wrap;
	justify-content: space-between;
}
.w3 .w3-left .w3-left-top-list.active {
	display: flex;
}
.w3 .w3-left .w3-left-top-list a {
	width: 142px;
	height: 42px;
	background-color: #f5f5f5;
	border-radius: 6px;
	color: #666;
	font-size: 16px;
	line-height: 42px;
	text-align: center;
	margin-top: 16px;
	transition: 0.5s;
}
.w3 .w3-left .w3-left-top-list a:hover {
	background: #326cf6;
	color: #fff;
}
.w3 .w3-left .w3-left-bot ul {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.w3 .w3-left .w3-left-bot ul li {
	display: flex;
}
.w3 .w3-left .w3-left-bot ul li .w3-left-bot-pic {
	width: 102px;
	height: 133px;
	overflow: hidden;
	border-radius: 10px;
	margin-right: 11px;
}
.w3 .w3-left .w3-left-bot ul li .w3-left-bot-pic img {
	width: 102px;
	height: 133px;
	transition: 0.5s;
}
.w3 .w3-left .w3-left-bot ul li .w3-left-bot-pic img:hover {
	transform: scale(1.2);
}
.w3 .w3-left .w3-left-bot ul li .w3-left-bot-info a {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.w3 .w3-left .w3-left-bot ul li:hover .w3-left-bot-info a {
	color: #326cf6;
}
.w3 .w3-left .w3-left-bot ul li .w3-left-bot-info div {
	display: flex;
	flex-wrap: wrap;
	width: 136px;
	color: #666;
}
.w3 .w3-left .w3-left-bot ul li .w3-left-bot-info div span {
	line-height: 25px;
	height: 25px;
	background-color: #e7eeff;
	border-radius: 6px;
	padding: 0 12px;
	margin-top: 6px;
}
.w3 .w3-left .w3-left-bot ul li .w3-left-bot-info div span:nth-child(2) {
	margin-right: 5px;
}
.w3 .w3-left .w3-left-bot ul li .w3-left-bot-info p {
	font-size: 16px;
	color: #999999;
	margin-top: 30px;
}

.w3 .w3-right .w3-right-con {
	width: 326px;
	height: 530px;
	background-color: #ffffff;
	border-radius: 10px;
	margin-top: 18px;
	padding: 10px 20px;
}
.w3 .w3-right .w3-right-con .w3-right-lists1 a {
	display: flex;
	margin-top: 20px;
}
.w3 .w3-right .w3-right-con .w3-right-lists1 a .w3-right-lists1-pic {
	width: 126px;
	height: 71px;
	border-radius: 6px;
	overflow: hidden;
	margin-right: 13px;
}
.w3 .w3-right .w3-right-con .w3-right-lists1 a .w3-right-lists1-pic img {
	width: 126px;
	height: 71px;
	transition: 0.5s;
}
.w3 .w3-right .w3-right-con .w3-right-lists1 a .w3-right-lists1-pic img:hover {
	transform: scale(1.2);
}
.w3 .w3-right .w3-right-con .w3-right-lists1 a .w3-right-lists1-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 71px;
	width: 188px;
}
.w3 .w3-right .w3-right-con .w3-right-lists1 a h3,
.w3 .w3-right .w3-right-con .w3-right-lists1 a .h3 {
	color: #000000;
	font-size: 14px;
}
.w3 .w3-right .w3-right-con .w3-right-lists1 a p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #999999;
	font-size: 14px;
}
.w3 .w3-right .w3-right-con .w3-right-lists1 a:hover h3,
.w3 .w3-right .w3-right-con .w3-right-lists1 a:hover .h3 {
	color: #326cf6;
}
.w3 .w3-right .w3-right-con .w3-right-lists2 a {
	display: flex;
	margin-top: 18px;
}
.w3 .w3-right .w3-right-con .w3-right-lists2 a:nth-child(1) {
	margin-top: 26px;
}
.w3 .w3-right .w3-right-con .w3-right-lists2 a p {
	width: 290px;
	font-size: 14px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.w3 .w3-right .w3-right-con .w3-right-lists2 a:hover p {
	color: #326cf6;
}
.w3 .w3-right .w3-right-con .w3-right-lists2 a i {
	width: 18px;
	height: 18px;
	background: #f0f0f0;
	font-size: 12px;
	color: #000;
	line-height: 18px;
	text-align: center;
	margin-right: 12px;
	border-radius: 50%;
}
.w3 .w3-right .w3-right-con .w3-right-lists2 a i.a1 {
	font-size: 0;
	background: url(http://www.mobiletrain.org/images_interview/rank1.png) no-repeat;
	background-size: 12px 16px;
	background-position: center;
}
.w3 .w3-right .w3-right-con .w3-right-lists2 a i.a2 {
	font-size: 0;
	background: url(http://www.mobiletrain.org/images_interview/rank2.png) no-repeat;
	background-size: 12px 16px;
	background-position: center;
}
.w3 .w3-right .w3-right-con .w3-right-lists2 a i.a3 {
	font-size: 0;
	background: url(http://www.mobiletrain.org/images_interview/rank3.png) no-repeat;
	background-size: 12px 16px;
	background-position: center;
}
.w4 {
	width: 100%;
	height: 120px;
	background: url(http://www.mobiletrain.org/images_interview/ad.jpg);
	background-size: 1920px 120px;
	background-position: center;
	margin: 40px auto 36px auto;
}
.w4 .base {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 120px;
}
.w4 .w4-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 157px;
	height: 45px;
	background-color: #ffffff;
	border-radius: 23px;
	color: #1b36e4;
	font-size: 18px;
	font-weight: bold;
}
.w4 .w4-btn i {
	font-size: 20px;
	margin-left: 6px;
	font-weight: normal;
}
.m1 {
	padding-top: 38px;
}
.m1 .content {
	position: relative;
	margin-top: 20px;
	margin-bottom: 14px;
}
.m1 .content .swiper1 {
	width: 1120px;
	padding: 20px;
}
.m1 .content .swiper1 .swiper-slide {
	height: 349px;
	background: #ffffff;
	border-radius: 10px;
	border: solid 1px #e7e9ef;
	box-sizing: border-box;
	overflow: hidden;
}
.m1 .content .swiper1 .swiper-slide:hover {
	box-shadow: 0px 0px 20px #d9d9d9;
}
.m1 .content .swiper1 .swiper-slide .con-pic {
	height: 149px;
	width: 100%;
}
.m1 .content .swiper1 .swiper-slide .con-tit {
	width: 220px;
	margin: 18px auto 0 auto;
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	height: 50px;
}
.m1 .content .swiper1 .swiper-slide .con-tit .icon {
	display: inline-block;
	vertical-align: top;
	width: 21px;
	height: 21px;
	background-color: #326cf6;
	border-radius: 50%;
	margin-right: 10px;
}
.m1 .content .swiper1 .swiper-slide .con-tit .icon em {
	display: inline-block;
	width: 2px;
	height: 8px;
	background-color: #ffffff;
	font-size: 0;
	text-align: center;
	margin-right: -3px;
}
.m1 .content .swiper1 .swiper-slide .con-tit .icon em:nth-child(1) {
	margin-left: 5px;
	animation: height 1s infinite;
}
.m1 .content .swiper1 .swiper-slide .con-tit .icon em:nth-child(2) {
	animation: height 1s infinite 0.2s;
}
.m1 .content .swiper1 .swiper-slide .con-tit .icon em:nth-child(3) {
	animation: height 1s infinite 0.4s;
}
.m1 .content .swiper1 .swiper-slide .con-time {
	font-size: 13px;
	text-align: center;
	margin-top: 18px;
	margin-bottom: 28px;
	color: #326cf6;
}
.m1 .content .swiper1 .swiper-slide .con-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 220px;
	margin: 0 auto;
}
.m1 .content .swiper1 .swiper-slide .con-info span {
	font-size: 14px;
	color: #999;
}
.m1 .content .swiper1 .swiper-slide .con-info .con-53 {
	width: 113px;
	height: 42px;
	line-height: 42px;
	background-image: linear-gradient(45deg, #326cf6 0%, #3399ff 100%);
	border-radius: 6px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
}
.m1 .content .swiper1 .swiper-slide .con-info .con-53 i {
	background-color: #ffffff;
	border-radius: 50%;
	font-size: 8px;
	padding: 4px;
	text-align: center;
	color: #3399ff;
	margin-left: 8px;
}
.m1 .content .swiper1 .swiper-slide:nth-child(2n) .con-time {
	color: #ff6600;
}
.m1 .content .swiper1 .swiper-slide:nth-child(2n) .con-53 {
	background-image: linear-gradient(45deg, #fe4e33 0%, #ff8534 100%);
}
.m1 .content .swiper1 .swiper-slide:nth-child(2n) .con-53 i {
	color: #ff6600;
}
.m1 .content .swiper1 .swiper-slide:nth-child(2n) .con-tit .icon {
	background-color: #ff6600;
}
.m1 .content .swiper1 .swiper-slide:nth-child(3n) .con-time {
	color: #7800ff;
}
.m1 .content .swiper1 .swiper-slide:nth-child(3n) .con-53 {
	background-image: linear-gradient(45deg, #7800ff 0%, #9333ff 100%);
}
.m1 .content .swiper1 .swiper-slide:nth-child(3n) .con-53 i {
	color: #7800ff;
}
.m1 .content .swiper1 .swiper-slide:nth-child(3n) .con-tit .icon {
	background-color: #7800ff;
}
.m1 .content .swiper1 .swiper-slide:nth-child(4n) .con-time {
	color: #00c883;
}
.m1 .content .swiper1 .swiper-slide:nth-child(4n) .con-53 {
	background-image: linear-gradient(45deg, #00c883 0%, #00de91 100%);
}
.m1 .content .swiper1 .swiper-slide:nth-child(4n) .con-53 i {
	color: #00c883;
}
.m1 .content .swiper1 .swiper-slide:nth-child(4n) .con-tit .icon {
	background-color: #00c883;
}
.m1 .content .swiper-button-prev {
	position: absolute;
	/* top: 152px; */
	left: 0;
	width: 20px;
	height: 46px;
	line-height: 46px;
	background-color: #eaf0fe;
	color: #326cf6;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	background-image: url() !important;
}
.m1 .content .swiper-button-next {
	position: absolute;
	/* top: 152px; */
	right: 0;
	width: 20px;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	background-color: #eaf0fe;
	color: #326cf6;
	font-size: 18px;
	text-align: center;
	background-image: url() !important;
}
.m1 .content .swiper-button-prev:hover,
.m1 .content .swiper-button-next:hover {
	background-color: #326cf6;
	color: #eaf0fe;
}

@keyframes height {
	0% {
		height: 8px;
	}
	50% {
		height: 14px;
	}
	100% {
		height: 8px;
	}
}

.w6 .w6-con {
	height: 127px;
	background-color: #ffffff;
	border-radius: 10px;
	margin-top: 30px;
	padding: 30px 20px;
}
.w6 .w6-con .w6-tit {
	height: 21px;
	margin-bottom: 20px;
}
.w6 .w6-con .w6-lists {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.w6 .w6-con .w6-lists a {
	width: 201px;
	height: 83px;
	background: url(http://www.mobiletrain.org/images_interview/w6-1.jpg?1) no-repeat;
	background-size: 201px 83px;
	border-radius: 8px;
	transition: 0.5s;
}
.w6 .w6-con .w6-lists a:hover {
	margin-top: -20px;
}
.w6 .w6-con .w6-lists a.bg2 {
	background: url(http://www.mobiletrain.org/images_interview/w6-2.jpg?1) no-repeat;
	background-size: 201px 83px;
}
.w6 .w6-con .w6-lists a.bg3 {
	background: url(http://www.mobiletrain.org/images_interview/w6-3.jpg?1) no-repeat;
	background-size: 201px 83px;
}
.w6 .w6-con .w6-lists a.bg4 {
	background: url(http://www.mobiletrain.org/images_interview/w6-4.jpg?1) no-repeat;
	background-size: 201px 83px;
}
.w6 .w6-con .w6-lists a.bg5 {
	background: url(http://www.mobiletrain.org/images_interview/w6-5.jpg) no-repeat;
	background-size: 201px 83px;
}
.w6 .w6-con .w6-lists a h3,
.w6 .w6-con .w6-lists a .h3 {
	color: #248242;
	font-size: 14px;
	font-weight: bold;
	padding-top: 46px;
	padding-left: 20px;
}
.w6 .w6-con .w6-lists a h3 span,
.w6 .w6-con .w6-lists a .h3 span {
	font-size: 16px;
}
.w6 .w6-con .w6-lists a.bg2 h3,
.w6 .w6-con .w6-lists a.bg2 .h3 {
	color: #016abc;
}
.w6 .w6-con .w6-lists a.bg3 h3,
.w6 .w6-con .w6-lists a.bg3 .h3 {
	color: #ff3600;
}
.w6 .w6-con .w6-lists a.bg4 h3,
.w6 .w6-con .w6-lists a.bg4 .h3 {
	color: #5900b8;
}
.w6 .w6-con .w6-lists a.bg5 p {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #326cf6;
	padding-top: 10px;
	margin-top: 27px;
	margin-left: 20px;
}
.w6 .w6-con .w6-lists a.bg5 p::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 14px;
	height: 4px;
	background-color: #326cf6;
	border-radius: 2px;
}
.w6 .w6-con .w6-lists .msticonfont {
	color: #999999;
	font-size: 10px;
}
.w7 {
	width: 100%;
	height: 433px;
	background: url(http://www.mobiletrain.org/images_interview/w7-bg.jpg) no-repeat;
	background-size: 100%;
	margin-top: 30px;
	padding-top: 50px;
}
.w7 .mst-tit,
.w7 .mst-tit span,
.w7 .mst-more {
	color: #ffffff;
}
.w7 .w7-con {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
}
.w7 .w7-con .w7-item {
	position: relative;
	width: 164px;
	height: 136px;
	background: linear-gradient(0deg, #ffffff 0%, #808080 0%, #000000 0%, #6b7480 0%, #d6e8ff 0%, #ffffff 100%);
	border-radius: 10px;
	margin-top: 20px;
	padding-left: 20px;
	color: #999999;
	font-size: 14px;
}
.w7 .w7-con .w7-item i {
	position: absolute;
	right: 20px;
	bottom: 14px;
	color: #0072ff;
	opacity: 0.1;
	font-size: 64px;
}
.w7 .w7-con .w7-item h3,
.w7 .w7-con .w7-item .h3 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 30px;
	color: #000f57;
	margin-bottom: 4px;
}
.w7 .w7-con .w7-item:nth-child(2) {
	background: linear-gradient(0deg, #ffe6e0 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(3) {
	background: linear-gradient(0deg, #e0e8ff 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(4) {
	background: linear-gradient(0deg, #fff5d3 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(5) {
	background: linear-gradient(0deg, #ffeded 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(6) {
	background: linear-gradient(0deg, #ece1ff 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(7) {
	background: linear-gradient(0deg, #d9f8ff 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(8) {
	background: linear-gradient(0deg, #fff7dc 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(9) {
	background: linear-gradient(0deg, #dfffe5 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(10) {
	background: linear-gradient(0deg, #eee6ff 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(11) {
	background: linear-gradient(0deg, #fdeae9 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(12) {
	background: linear-gradient(0deg, #fdf4e9 0%, #ffffff 100%);
}
.w7 .w7-con .w7-item:nth-child(2) i {
	color: #fd3c0f;
}
.w7 .w7-con .w7-item:nth-child(3) i {
	color: #4237ff;
}
.w7 .w7-con .w7-item:nth-child(4) i {
	color: #ffc300;
}
.w7 .w7-con .w7-item:nth-child(5) i {
	color: #ff3c37;
}
.w7 .w7-con .w7-item:nth-child(6) i {
	color: #7937ff;
}
.w7 .w7-con .w7-item:nth-child(7) i {
	color: #00c6ff;
}
.w7 .w7-con .w7-item:nth-child(8) i {
	color: #ffc300;
}
.w7 .w7-con .w7-item:nth-child(9) i {
	color: #00ff90;
}
.w7 .w7-con .w7-item:nth-child(10) i {
	color: #6b21ff;
}
.w7 .w7-con .w7-item:nth-child(11) i {
	color: #ff3c37;
}
.w7 .w7-con .w7-item:nth-child(12) i {
	color: #ff6600;
}
.w7 .w7-con .w7-item:hover {
	background: #004bff;
	color: #fff;
	transition: 0.5s;
}
.w7 .w7-con .w7-item:hover h3,
.w7 .w7-con .w7-item:hover .h3,
.w7 .w7-con .w7-item:hover i {
	color: #fff;
}

.w7 .w7-con .w7-item:nth-child(1)::after,
.w7 .w7-con .w7-item:nth-child(2)::after {
	position: absolute;
	top: 0;
	right: 10px;
	width: 59px;
	height: 21px;
	background: #ff0030;
	border-radius: 0px 0px 4px 4px;
	font-size: 12px;
	color: #fff;
	line-height: 21px;
	text-align: center;
	content: "今日热练";
}
.w5 .w5-tab {
	display: flex;
}
.w5 .w5-tab a {
	height: 30px;
	line-height: 30px;
	background-color: #e7eeff;
	border-radius: 6px;
	padding: 0 12px;
	margin-left: 9px;
	font-size: 16px;
	color: #333333;
}
.w5 .w5-tab a.active {
	background-color: #326cf6;
	font-weight: bold;
	color: #fff;
}
.w5 .w5-con {
	margin-top: 20px;
	display: none;
	justify-content: space-between;
	background: #fff;
	padding: 30px 20px;
	border-radius: 10px;
}
.w5 .w5-con.active {
	display: flex;
}
.w5 .w5-con .w5-left {
	width: 181px;
	height: 295px;
	background-color: #f5f5f5;
	border-radius: 10px;
	padding: 18px 0 18px 20px;
}
.w5 .w5-con .w5-left .w5-left-item.mt {
	margin-top: 10px;
}
.w5 .w5-con .w5-left .w5-left-item h3,
.w5 .w5-con .w5-left .w5-left-item .h3 {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 1;
	border-left: 3px solid #326cf6;
	padding-left: 10px;
}
.w5 .w5-con .w5-left .w5-left-item div {
	display: flex;
	flex-wrap: wrap;
	margin-top: 14px;
}
.w5 .w5-con .w5-left .w5-left-item div a {
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px;
	width: 50%;
}
.w5 .w5-con .w5-left .w5-left-item div a:hover {
	color: #326cf6;
}
.w5 .w5-con .w5-middle {
	height: 331px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.w5 .w5-con .w5-middle .w5-middle-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 639px;
}
.w5 .w5-con .w5-middle .w5-middle-top a {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.w5 .w5-con .w5-middle .w5-middle-top a .w5-middle-top-pic {
	width: 126px;
	height: 71px;
	border-radius: 6px;
	margin-right: 12px;
	overflow: hidden;
}
.w5 .w5-con .w5-middle .w5-middle-top a .w5-middle-top-pic img {
	width: 126px;
	height: 71px;
	transition: 0.5s;
}
.w5 .w5-con .w5-middle .w5-middle-top a .w5-middle-top-pic img:hover {
	transform: scale(1.2);
}
.w5 .w5-con .w5-middle .w5-middle-top a .w5-middle-top-info {
	width: 167px;
	color: #999999;
	font-size: 14px;
	height: 71px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.w5 .w5-con .w5-middle .w5-middle-top a .w5-middle-top-info h3,
.w5 .w5-con .w5-middle .w5-middle-top a .w5-middle-top-info .h3 {
	font-size: 16px;
	color: #000;
}
.w5 .w5-con .w5-middle .w5-middle-top a:hover .w5-middle-top-info h3,
.w5 .w5-con .w5-middle .w5-middle-top a:hover .w5-middle-top-info .h3 {
	color: #326cf6;
}
.w5 .w5-con .w5-middle .w5-middle-bot {
	display: flex;
	justify-content: space-between;
}
.w5 .w5-con .w5-middle .w5-middle-bot .w5-midd-bot-item h3,
.w5 .w5-con .w5-middle .w5-middle-bot .w5-midd-bot-item .h3 {
	width: 303px;
	height: 39px;
	display: flex;
	align-items: center;
	background-color: #f5f5f5;
	border-radius: 8px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.w5 .w5-con .w5-middle .w5-middle-bot .w5-midd-bot-item h3 i,
.w5 .w5-con .w5-middle .w5-middle-bot .w5-midd-bot-item .h3 i {
	color: #326cf6;
	font-size: 24px;
	font-weight: normal;
	padding: 0 12px 0 16px;
}
.w5 .w5-con .w5-middle .w5-middle-bot .w5-midd-bot-item h3 i.msticon-jingxuanyoupin,
.w5 .w5-con .w5-middle .w5-middle-bot .w5-midd-bot-item .h3 i.msticon-jingxuanyoupin {
	color: #ff0000;
}
.w5 .w5-con .w5-middle .w5-middle-bot .w5-midd-bot-item a {
	position: relative;
	display: block;
	font-size: 14px;
	color: #666666;
	padding-left: 16px;
	margin-top: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 280px;
}
.w5 .w5-con .w5-middle .w5-middle-bot .w5-midd-bot-item a::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	content: "";
	width: 6px;
	height: 6px;
	background-color: #326cf6;
}
.w5 .w5-con .w5-middle .w5-middle-bot .w5-midd-bot-item a:hover {
	color: #326cf6;
}
.w5 .w5-con .w5-right {
	width: 269px;
	height: 331px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.w5 .w5-con .w5-right .w5-right-tit {
	display: flex;
	justify-content: space-between;
	line-height: 1;
}
.w5 .w5-con .w5-right .w5-right-tit h3,
.w5 .w5-con .w5-right .w5-right-tit .h3 {
	font-size: 16px;
	font-weight: bold;
	padding-left: 11px;
	color: #333333;
	border-left: 3px solid #326cf6;
}
.w5 .w5-con .w5-right .w5-right-tit .w5-rank-tab i {
	width: 38px;
	background-color: #e0e9fe;
	border-radius: 9px;
	padding: 2px 7px;
	color: #333333;
	font-size: 12px;
}
.w5 .w5-con .w5-right .w5-right-tit .w5-rank-tab i.active {
	background-color: #326cf6;
	color: #ffffff;
}
.w5 .w5-con .w5-right .w5-right-con {
	display: none;
}
.w5 .w5-con .w5-right .w5-right-con.active {
	display: block;
}
.w5 .w5-con .w5-right .w5-right-con a div {
	display: none;
}
.w5 .w5-con .w5-right .w5-right-con a {
	display: block;
	color: #999999;
	font-size: 12px;
	transition: 0.5s;
	margin-top: 16px;
}
.w5 .w5-con .w5-right .w5-right-con a.active {
	width: 258px;
	height: 37px;
	background-color: #f5f5f5;
	border-radius: 8px;
	padding: 16px 10px 16px 0;
}
.w5 .w5-con .w5-right .w5-right-con a.active div {
	display: flex;
	justify-content: space-between;
	margin-left: 36px;
	width: 218px;
	margin-top: 2px;
}
.w5 .w5-con .w5-right .w5-right-con a h3,
.w5 .w5-con .w5-right .w5-right-con a .h3 {
	color: #333333;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.w5 .w5-con .w5-right .w5-right-con a h3 span,
.w5 .w5-con .w5-right .w5-right-con a .h3 span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 218px;
}
.w5 .w5-con .w5-right .w5-right-con a h3 i,
.w5 .w5-con .w5-right .w5-right-con a .h3 i {
	width: 21px;
	height: 21px;
	background-color: #f0f0f0;
	border-radius: 5px;
	color: #666666;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	margin-right: 7px;
	margin-left: 10px;
}
.w5 .w5-con .w5-right .w5-right-con a h3 i.i1,
.w5 .w5-con .w5-right .w5-right-con a .h3 i.i1 {
	background-color: #ff741b;
	color: #ffffff;
}
.w5 .w5-con .w5-right .w5-right-con a h3 i.i2,
.w5 .w5-con .w5-right .w5-right-con a .h3 i.i2 {
	background-color: #feb90b;
	color: #ffffff;
}
.w5 .w5-con .w5-right .w5-right-con a h3 i.i3,
.w5 .w5-con .w5-right .w5-right-con a .h3 i.i3 {
	background-color: #ffdc00;
	color: #ffffff;
}
.swiper-button-prev-banner,
.swiper-button-next-banner {
	display: none;
	width: 32px;
	height: 68px;
	background: rgba(0, 0, 0, 0.4);
	color: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	transition: all ease 0.1s;
	line-height: 50px;
	text-align: center;
	font-size: 40px;
}
.banner:hover .swiper-button-prev-banner,
.banner:hover .swiper-button-next-banner {
	display: block;
}