@charset "utf-8";

/* CSS Document */
/* common */
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
p,
a,
form,
select,
input,
ul,
ol,
li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Microsoft YaHei', sans-serif;
	color: #000000;
}

ul,
ol {
	list-style: none;
	text-indent: 0;
	list-style-position: outside;
}

img {
	border: 0;
}

b {
	font-weight: normal;
}

a:hover,
a:focus {
	color: #23527c;
	text-decoration: none !important;
}

a {
	text-decoration: none || underline || blink || overline || line-through
}

p {
	margin: 0 0 0;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

/* link : style */
a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* ul {
	margin-bottom: 0 !important;
} */

/*clear*/
.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}

.clearfix:after {
	clear: both;
}

/*浏览器更新提示*/
.browserupgrade {
	margin: 0;
	z-index: 9999;
	width: 100%;
	height: 42px;
	color: #e50b71;
	text-indent: 20px;
	line-height: 42px;
	overflow: hidden;
	background: #222222;
	border-bottom: 4px solid #000000;
}

.browserupgrade a {
	font-size: 16px;
	color: #fdc12d;
	cursor: pointer;
}

.browserupgrade a.brow-close {
	font-size: 14px;
	margin-right: 20px;
	float: right;
}

/*ie7*/
.ie7-alert {
	left: 50%;
	top: 50%;
	margin-left: -276px;
	margin-top: -238px;
	width: 551px;
	height: 476px;
	position: fixed;
	z-index: 9999;
	background: url('/zhuzhan/220824/img/ie7.png') no-repeat center;
}

.ie7-alert a {
	top: 121px;
	left: 127px;
	width: 121px;
	height: 33px;
	display: block;
	position: absolute;
	background: url('/zhuzhan/220824/img/ie7-btn.png') no-repeat center;
}

html {
	width: 100%;
	font-size: 62.5%;
	overflow-x: hidden;
}

body {
	width: 100%;
	overflow-x: hidden;
}

body.fixed {
	top: 0;
	position: fixed;
}

.wrap.fixed {
	top: 0;
	position: fixed;
}

.wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	min-width: 1200px;
	overflow: hidden;
	position: relative;
	background: #F6F7FB;
}

.wrap.fixed {
	top: 0;
	position: fixed;
}

.main {
	margin: 0 auto;
}

.header {
	width: 100%;
	height: 100px;
	z-index: 999;
	background: rgba(255, 255, 255, 0.9);
	/* position: absolute; */
	/* top: 10px; */
	z-index: 999;
	margin: auto;
	display: block;
	left: 0;
	right: 0;
	/* 	opacity: 0.9; */
}

/* .header:hover {
	background: rgba(255, 255, 255, 1);
}

.header .logo {
	float: left;
	width: 250px;
	height: 100px;
	display: block;
	margin-left: -17px;
}

.header .logo-text {
	margin-top: 38px;
	margin-left: 24px;
	float: left;
	font-size: 16px;
	line-height: 23px;
}

.header ul {
	margin-bottom: 0;
}

.header .main {
	margin: 0 auto;
	width: 1200px;
	height: 100px;

}

.header .nav_list {
	float: left;
	margin-left: 121px;
}

.header .nav_list ul {}

.header .nav_list ul li {
	float: left;
	height: 100px;
	line-height: 100px;
} */

/* .header .nav_list ul li a {
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 100px;
	-webkit-background-clip: text;
	margin-right: 31px;
	display: block;
}

.header .nav_list ul li.act a {
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #214BF7;
	line-height: 100px;
	position: relative;
}

.header .nav_list ul li a:hover {
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #214BF7;
	line-height: 100px;
	position: relative;
}

.header .nav_list ul li a::after {
	content: "";
	width: 0;
	height: 4px;
	background: #214BF7;
	border-radius: 2px 2px 2px 2px;
	opacity: 1;
	display: block;
	margin: auto;
	position: absolute;
	top: 64px;
	left: 0;
	right: 0;
} */

/* .header .nav_list ul li.act a::after {
	content: "";
	width: 16px;
	height: 4px;
	background: #214BF7;
	border-radius: 2px 2px 2px 2px;
	opacity: 1;
	display: block;
	margin: auto;
	position: absolute;
	top: 64px;
	left: 0;
	right: 0;
	transition: width 0.2s ease-in-out 0s;
}

.header .nav_list ul li a:hover::after {
	content: "";
	width: 16px;
	height: 4px;
	background: #214BF7;
	border-radius: 2px 2px 2px 2px;
	opacity: 1;
	display: block;
	margin: auto;
	position: absolute;
	top: 64px;
	left: 0;
	right: 0;
	transition: width 0.2s ease-in-out 0s;
}

.contact {
	width: 100px;
	height: 100px;
	line-height: 100px;
	float: right;
	margin-right: 0px;
}

.contact img {
	width: 16px;
	height: 20px;
	float: left;
	margin: 40px 7px 0 0;
}

.contact p {
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 100px;
	text-align: end;
} */
.course_nav{
	margin-top: 100px;
}
/*课程*/

#gift-type-list-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	transition: top 0.3s;
}

#gift-type-list-top1 {
	position: fixed;
	top: 130px;
	left: 0;
	right: 0;
	z-index: 999;
	transition: top 0.3s;
	margin: auto;
}

#gift-type-list-top2 {
	position: fixed;
	top: 348px;
	left: 0;
	right: 0;
	z-index: 999;
	transition: top 0.2s;
	margin: auto;
}

.course_nav .tab_top {
	background: url("/zhuzhan/220824/image/course_top.png") no-repeat center center;
	width: 100%;
	background-size: auto;
	height: 300px;
	overflow: hidden;
	/* margin-top:100px; */
}

.course_nav .tab_top>div {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.course_nav .tab_top h1 {
	font-size: 66px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 100px;
	text-align: center;
	margin-top: 28px;
}

.course_nav .tab_top p {
	font-size: 24px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
}

.course_nav .tab_top img:nth-child(1) {
	position: absolute;
	left: 463px;
	top: 24px;
}

.course_nav .tab_top img:nth-child(3) {
	position: absolute;
	right: 463px;
	top: 24px;
}

.course_nav .tab-box {
	width: 1200px;
	margin: -100px auto 0;
	position: relative;
	display: flex;
	background-color: #FFFFFF;

	border-radius: 10px 10px 10px 10px;
}

.course_nav .tab-box>.tab-contents {
	margin: 30px 0 0 20px;
}

.course_nav .tab_top ul.top_nav {
	list-style-type: none;
	width: 1200px;
	height: 185px;
	box-shadow: 0px 20px 28px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	color: #666666;
	margin: 0 auto;
	/* position: relative; */
}

.course_nav .tab-box>span {
	position: absolute;
	top: 214px;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	width: 32px;
}

.course_nav .tab-box>span .tap_jt {
	display: none;
}

.course_nav .top_nav {
/* 	position: fixed; */
	overflow: hidden;
	width: 170px;
	height: 618px;
	background: linear-gradient(90deg, #6A94FF 0%, #2964FE 100%);
	border-radius: 10px 10px 10px 10px;
	margin: 30px 0 0 20px;
	z-index:999;
}

.course_nav .top_nav li {
	width: 170px;
	height: 45px;
	line-height: 45px;
	border-radius: 10px 10px 0px 0px;
	opacity: 1;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	margin-left: 10px;
	margin-top: 10px;
	text-align: right;
}

.course_nav .top_nav li div {
	width: 170px;
	height: 39px;
	line-height: 45px;
	opacity: 1;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
}

.course_nav li>div>span {
	height: 42px;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	display: block;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #fff;
	line-height: 42px;
	float: left;
	margin: 0 12px 10px 0;
	text-align: left;
}

.course_nav li.active span {
	display: block;
	height: 30px;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	font-size: 16px;
	font-family: Resource Han Rounded J-Regular, Resource Han Rounded J;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 34px;
	margin-right: 25px;
	width: 150px;
	padding-right: 13px;
	margin-top: 1px;
	margin-bottom: 5.3px;
}

.course_nav li.active span:nth-child(6) {
	margin-right: 0;
}

.course_nav li.active span:nth-child(12) {
	margin-right: 0;
}

.course_nav .tab-box li.active span.on {
	width: 150px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	font-size: 14px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 34px;
}

.course_nav .tab-box li.active span.ons {
	width: 150px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	font-size: 14px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 34px;
}

.course_nav li.active span img {
	width: 50px;
	height: 50px;
	margin: 19px auto 9px;
}

.course_nav li.active span img:nth-child(2) {
	display: none;
}

.course_nav li.active span.on img:nth-child(2) {
	display: block;
}

.course_nav li.active span.ons img:nth-child(2) {
	display: block;
}

.course_nav li.active span.on img:first-child {
	display: none;
}

.course_nav li.active span.ons img:first-child {
	display: none;
}

.course_nav li.active span p {
	width: 80px;
	height: 21px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	width: 100%;
	text-align: right;
}

.course_nav li.active span.on p {
	font-size: 16px;
	font-family: Resource Han Rounded J-Regular, Resource Han Rounded J;
	font-weight: 400;
	color: #214BF7;
}

.course_nav .tab-contents div.active_div {
	display: none;

}

.course_nav li.active span.ons p {
	font-size: 16px;
	font-family: Resource Han Rounded J-Regular, Resource Han Rounded J;
	font-weight: 400;
	color: #214BF7;
}

.course_nav .tab-contents div.active_div {
	display: none;

}

/* .course_nav .tab-contents div.active_div:first-child::before::before {
	content: "";
	width: 8px;
	height: 30px;
	background: #214BF7;
	border-radius: 5px 5px 5px 5px;
	opacity: 1;
	display:block;
} */
/* .course_nav .tab-contents div.active_div:nth-child(2)::before {
	content: "开发";
	width: 8px;
	height: 30px;
	background: #214BF7;
	border-radius: 5px 5px 5px 5px;
	opacity: 1;
	display:block;
} */
.course_nav .tab-contents div.active_div.on {
	display: block;
}

.course_nav .tab-contents div.active_div>li {
	display: none;
}

.course_nav .tab-contents div.active_div .active_ul>li {
	width: 970px;
	/* display:none; */
}

.course_nav .tab-contents div.active_div .active_ul>li.on {
	display: block;
}

.course_nav .tab-contents div ul li:last-child {
	border-bottom: 0px solid #BCC9FF;
}

/* .course_nav .tab-contents div ul li:first-child a {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
} */

.course_nav .tab-contents div ul li:first-child img {
	display: block;
}

.course_nav .tab-box div.active-txt {
	display: block;
}

.course_nav .top_navs {
	width: 970px;
	height: 210px;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	margin: 0 auto;
}

.course_nav .top_navs>div {
	display: flex;
}
.course_nav .top_navs>div>div {
	width:700px;
	height:210px;
}
.course_nav .top_navs>div>div>a>img{
	width:100%;
	image-rendering:-moz-crisp-edges;
		image-rendering:-o-crisp-edges;
		image-rendering:-webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode:nearest-neighbor;
}
.course_nav .top_nav_img {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.course_nav .top_navs>div>div:last-child {
	width: 260px;
	height: 210px;
	border-radius: 10px 10px 10px 10px;
	margin-left: 10px;
}

.course_nav .top_navs>div>div:last-child a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.course_nav .top_navs>div>div:last-child a div {
	width: 125px;
	height: 100px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
.course_nav .top_navs>div>div:last-child a div:hover {
	background: #FFFFFF;
    box-shadow: 0px 7px 20px 0px rgb(115 152 255 / 40%);
    border-radius: 10px 10px 10px 10px;	
}
.course_nav .top_navs>div>div:last-child a div img {
	margin: 12px auto 4px;
}

.course_nav .top_navs>div>div:last-child a div p {
	text-align: center;
	font-size: 14px;
	    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	    font-weight: 400;
	    color: #333333;
}

.course_nav .top_nav_img>div {
	display: flex;
}

.course_nav .top_nav_img h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	margin: 17px 24px 0 0;
}

.course_nav .top_nav_img img:nth-child(1) {
	margin: 13px 7px 0 11px;
	width: 26px;
	height: 26px;
}

.course_nav .top_nav_img a {
	font-size: 14px;
	line-height: ;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #F77421;
	line-height: normal;
	margin: 20px 13px 0 0;
}

.course_nav_list {
	width: 700px;
	height: 210px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
}

.course_nav_list ul {
	margin-left: 13px;
	margin-top: 15px;
}

.course_nav_list li:first-child {
	margin-left: 0;
}

.course_nav_list li {
	display: block !important;
	float: left;
	width: 126px;
	height: 141px;
	border-radius: 10px 10px 10px 10px;
	margin-left: 11px;
	cursor: pointer;
}
.course_nav_list.six li {
	width: 104px;
}
.course_nav_list.fours li {
	width: 160px;
}
.course_nav_list.three li {
    width: 217px;
}
.course_nav_list.two li {
	width: 323px;
}
.course_nav_list li.on {
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 0px rgba(115, 152, 255, 0.1500);
	border-radius: 10px 10px 10px 10px;
}

.course_nav_list li i {
	width: 13px;
	height: 3px;
	background: #DEE7FF;
	border-radius: 7px 7px 7px 7px;
	display: block;
	margin: 6px auto 0;
}

.course_nav_list li h5 {
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 16px;
	text-align: center;
}

.course_nav_list li p {
	font-size: 14px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 16px;
	text-align: center;
	margin-top: 16px;
}

.course_nav_list li img {
	margin: 0 auto;
	display: block;
	/* width:61.58px;
	height:61.58px; */
}

.course_nav_list li span {
	width: 106px;
	height: 52px;
	display: block;
	margin: 14px auto 0;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 18px;
	text-align: center;
	overflow: hidden;
}

.course_nav_list.fours li span {
	width: 134px;
}
.course_nav_list.six li span {
	width: 104px;
}
.course_nav_list.two li span {
	width: 274px;
}

.course_nav .bottom_list {
	margin-top: 20px;
}

.course_nav .bottom_list {
	width: 970px;
	margin: 10px auto 0;
	display: flex;
}

.course_nav .bottom_list>div:nth-child() {
	float: left;
	width: 700px;
	height: 210px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
}

.course_nav .bottom_list>div:last-child {
	float: left;
	width: 260px;
	height: 210px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
	padding: 14px 13px;
}

.course_nav .bottom_list .tab_nav {
	display: flex;
	justify-content: space-between;
}

.course_nav .bottom_list>div:nth-child(2) {
	margin-left: 10px;
}

.course_nav .bottom_list>div:nth-child(3) {
	margin-left: 21px;
}

.course_nav .bottom_list>div .top_rq {
	margin: 18px 20px 0;
	width: 350px;
	height: 48px;
}

.course_nav .bottom_list>div .top_rq img {
	float: left;
}

.course_nav .bottom_list>div .top_rq h5 {
	float: left;
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	margin: 3px 0 0 7px;
}

.course_nav .bottom_list>div .top_rq span {
	width: 233px;
	height: 12px;
	background: linear-gradient(117deg, #ECF0FF 0%, rgba(236, 240, 255, 0) 100%);
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	display: block;
	float: left;
	margin: 8px 0 0 15px;
}

.course_nav .bottom_list .center_rq {
	/* width: 100%; */
	padding: 0px 0px 0px 21px;
}

.course_nav .bottom_list .center_rq div {
	width: 100px;
	float: left;
	margin-bottom: 24px;
}

.course_nav .bottom_list .center_rq div img {
	width: 330px;
	height: 238px;
}

.course_nav .bottom_list .center_rq div:nth-child(even) {
	margin-left: 46px;
}

.course_nav .bottom_list .center_rq img {
	margin: 0 auto;
	display: block;
	/* width:73px;
	height:73px; */
}

.course_nav .bottom_list .center_rq p {
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 16px;
	text-align: center;
	-webkit-background-clip: text;
	margin-top: 10px;
}

.course_nav .bottom_list .tab-box {
	width: 386px;
	height: 333px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
}

.course_nav .bottom_list .tab-boxs .tab_nav li {
	width: 66px;
	height: 30px;
	border-radius: 10px;
	line-height: 30px;
	text-align: center;
	float: left;
	cursor: pointer;
	font-size:16px;
}

.course_nav .bottom_list .tab-boxs .tab_nav li.active {
	color: #fff;
	background-color: #214BF7;
}

.course_nav .bottom_list .tab-contents {
	width: 220px;
	height: 132px;
	font-size: 14px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 17px;
	margin-top: 14px;
}

.course_nav .bottom_list .tab-contents div {
	display: none;
}

.course_nav .bottom_list .tab-contents div.active-more {
	display: block;
}

.course_nav .bottom_list .tab-boxs .tab-contents ul {
	margin-left: 6px;
}

.course_nav .bottom_list .tab-boxs .tab-contents ul li {
	margin-bottom: 13px;
}

.course_nav .bottom_list .tab-boxs .tab-contents ul a {
	font-size: 14px;
	font-family: Source Han Sans CN-Normal;
	color: #666666;
	line-height: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.course_nav .bottom_list .tab-boxs .tab-contents ul a:hover {
	color: #214BF7;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
}

/*前景*/
.vista {
	width: 970px;
	height: 210px;
	background: #F6F7FB;
	border-radius: 10px;
	padding: 13px;
	margin-top: 30px;
}

.vista .top_tit {
	display: flex;
	justify-content: space-between;
}

.vista .top_tit>div {
	display: flex;
}

.vista .top_tit>div img {
	width: 26px;
	height: 26px;
}

.vista .top_tit>div h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 22px;
	margin: 0 0 0 7px;
}

.vista .top_tit>p {
	font-size: 12px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	line-height: 14px;
	margin-right: 16px;
}

.v_list {
	display: flex;
	margin-top: 14px;
	justify-content: space-between;
}

.v_list>div:hover {
	box-shadow: 0px 7px 20px 0px rgba(115, 152, 255, 0.1500);
}

.v_list>div {
	width: 221px;
	height: 144px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	display: flex;
}

.v_list>div img {
	width: 40px;
	height: 40px;
	margin: 28px 0 0 21px;
}

.v_list>div span {
	margin: 28px 0 0 14px;
}

.v_list>div span h5 {
	height: 21px;
	font-size: 14px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	margin: 0 0 4px 0;
}

.v_list>div span p {
	height: 21px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 16px;
	margin: 0 0 6px 0;
}

.v_list>div span h3 {
	font-size: 26px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #F77421;
	line-height: 30px;
	margin: 0;
}

/*就业*/
.obtain {
	width: 970px;
	height: 253px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	padding: 13px;
	margin-top: 30px;
}

.obtain .top_tit {
	display: flex;
	justify-content: space-between;
}

.obtain .top_tit>div {
	display: flex;
}

.obtain .top_tit>div img {
	width: 26px;
	height: 26px;
}

.obtain .top_tit>div h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 22px;
	margin: 0 0 0 7px;
}

.obtain .top_tit>p {
	font-size: 12px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	line-height: 14px;
	margin-right: 16px;
}

.obtain .o_list {
	margin-top: 14px;
	display: flex;
	justify-content: space-between;
}

.obtain .o_list>div {
	width: 221px;
	height: 187px;
	border-radius: 10px 10px 10px 10px;
}

.obtain .o_list>div:hover {
	width: 221px;
	height: 187px;
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 0px rgba(115, 152, 255, 0.1500);
	border-radius: 10px 10px 10px 10px;
}

.obtain .o_list>div img {
	width: 221px;
	height: 117px;
	margin: 0px auto 12px;
}

/* .obtain .o_list>div span {
	margin: 28px 0 0 19px;
} */

.obtain .o_list>div span h5 {
	font-size: 14px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height:24px;
	margin: 0 0 4px 10px;
}

.obtain .o_list>div span p {
	font-size: 13px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 15px;
	margin: 0 0 6px 10px;
}

.obtain .o_list>div span p i {
	color: #F77421;
	font-style: normal;
}

/*视频*/
.videos {
	width: 970px;
	height: 253px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	padding: 13px;
	margin-top: 30px;
}

.videos .top_tit {
	display: flex;
	justify-content: space-between;
}

.videos .top_tit>div {
	display: flex;
}

.videos .top_tit>div img {
	width: 26px;
	height: 26px;
}

.videos .top_tit>div h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 22px;
	margin: 0 0 0 7px;
}

.videos .top_tit>a {
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #F77421;
	line-height: 16px;
	margin:4px 16px 0 0;
}

.video_list {
	margin-top: 13px;
}

.video_list ul li {
	width: 221px;
	height: 167px;
	border-radius: 10px 10px 10px 10px;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
}
.video_list ul li.on a>div:nth-child(1)::before {
    content: "";
    width: 277px;
    height: 153px;
    background: rgba(68, 68, 68, 0.6400);
    border-radius: 10px 10px 0px 0px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 1;
}
.video_list ul li.on h5{
	color: #214BF7;
}
.video_list ul li:hover {
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 0px rgba(115, 152, 255, 0.1500);
}

.video_list ul li.on {
	background: #FFFFFF;

}

.video_list ul {
	position: relative;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.video_list ul:last-child {
	margin-bottom: 0;
}

.video_list ul:last-child::after {
	content: "";
	display: none;
}

.video_list ul::after {
	content: "";
	width: 1201px;
	height: 1px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	display: block;
	margin-bottom: 30px;
	position: absolute;
	bottom: -42px;
}

.video_list ul li a>div {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.video_list ul li a>div span {
	position: absolute;
	min-width: 51px;
	height: 25px;
	background: rgba(255, 255, 255, 0.2100);
	border-radius: 19px 19px 19px 19px;
	line-height: 25px;
	text-align: center;
	top: 116px;
	right: 16px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	padding: 0px 5px 0 5px;
}

.video_list ul li.on a>div:nth-child(1)::before {
	content: "";
	width: 277px;
	height: 124px;
	background: rgba(68, 68, 68, 0.6400);
	border-radius: 10px 10px 0px 0px;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 1;
}

.video_list ul li a>div p {
	width: 48px;
	height: 25px;
	border-radius: 25px 25px 25px 25px;
	opacity: 1;
	border: 1px solid #F77421;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #F77421;
	line-height: 22px;
	text-align: center;
	margin: 13px 19px 0 0px;
}

.video_list ul li a>div>img {
	width: 221px;
	height: 124px;
	background: #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	opacity: 1;
	/* transform: scale(1.06); */
}

.video_list ul li a>div div.on {
	display: block;
}

.video_list ul li a>div div img {
	width: 59px;
	height: 59px;
	opacity: 1;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
}

.video_list ul li h5 {
	width: 115px;
	height: 21px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	margin: 11px 0 0px 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 24px;
}

.video_list ul li.on h5 {
	color: #214BF7;
}

.video_list ul li a>span {
	display: flex;
	justify-content: space-between;
}

.video_list ul li span i {
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	line-height: 25px;
	text-align: center;
	font-style: normal;
	margin-right: 16px;
	display: flex;
	margin: 10px 9px 0px 0px;
}

.video_list ul li span i img {
	margin-right: 5px;
	width: 21px;
	height: 21px;
	margin-top: 3px;
}

/*开班*/
.classtime {
	width: 970px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	margin-top: 30px;
}

.classtime .top_tit {
	display: flex;
	justify-content: space-between;
}

.classtime .top_tit>div {
	display: flex;
	margin: 12px 0 0 13px;
}

.classtime .top_tit>div img {
	width: 26px;
	height: 26px;
}

.classtime .top_tit>div h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 22px;
	margin: 0 0 0 7px;
}

.classtime_list {
	width: 970px;
	box-shadow: 0px 7px 20px 1px rgba(115, 152, 255, 0.1500);
	border-radius: 10px 10px 10px 10px;
	margin: 0 auto;
}

.classtime_list .top_navs {
	width: 944px;
	height: 50px;
	background: linear-gradient(271deg, #173FFD 0%, #617CFF 100%);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	margin:13px auto 0;
	display: flex;
	justify-content: space-around;
}

.classtime_list .top_navs ul {
	width: 935px;
	display: flex;
	height: 50px;
}

.classtime_list .top_navs ul li {
	width: 230px;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 50px;
	text-align: center;
}

.classtime_list>.tab-bos {
	overflow: hidden;
}

.classtime_list>.tab-boxs ul {
	width: 950px;
	margin: 14px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.classtime_list>.tab-boxs ul li {
	width: 54px;
	height: 31px;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	border: 1px solid #E6E6E6;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	overflow: hidden;
}

.classtime_list>.tab-boxs ul li.on {
	color: #fff;
	background-color: #214BF7;
}
/*修改滚动条样式*/
.classtime_list .right_campus::-webkit-scrollbar {
	width:3px;
	height:3px;
	margin-left:20px;
	/**/
}
.classtime_list .right_campus::-webkit-scrollbar-track {
	background: rgb(239, 239, 239);
	border-radius:20px;
}

.classtime_list .right_campus::-webkit-scrollbar-thumb {

	background:linear-gradient(90deg, #6A94FF 0%, #2964FE 100%);
	border-radius:10px;
	 background-clip: padding-box;
}

.classtime_list .right_campus::-webkit-scrollbar-thumb:hover {
	background: #C3CFFF;
}

.obtains .o_list::-webkit-scrollbar-corner {
	background: #179a16;
}
.classtime_list .right_campus {
	width: 944px;
	margin: 0 auto;
	display: none;
	max-height: 424px;
	overflow-y: scroll;
	overflow-x:hidden;
}

.classtime_list .right_campus.on {
	display: block;
}

.classtime_list .right_campus>ul>li {
	display: flex;
	justify-content: space-between;
}

.classtime_list .right_campus>ul>li:nth-child(odd) {
	width: 944px;
	height: 70px;
	background: #F3F6FF;
	border-radius: 10px 10px 10px 10px;
}

.classtime_list .right_campus>ul>li:nth-child(even) {
	width: 944px;
	height: 70px;
	background: #FFF;
	border-radius: 10px 10px 10px 10px;
}

.classtime_list .right_campus>ul div>ul {
	display: flex;
}

.classtime_list .right_campus>ul div {
	width: 944px;
	height: 70px;
	display: flex;
}

.classtime_list .right_campus>ul div>ul li {
	line-height: 70px;
	height: 70px;
	margin-right:3px;
	text-align: center;
	width:115px;
}

.classtime_list .right_campus>ul div>ul li a {
	/* width: 100px; */
	width:86px;
	height: 34px;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #F77421;
	display: block;
	margin-top: 18px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #F77421;
	margin: 16px auto;
}

.classtime_list .right_campus>ul div>ul li a:hover {
	color: #fff;
	background-color: #F77421;
}

/*显示*/
.adv_list {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.adv_list a>div {
	width: 231px;
	height: 80px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	display: flex;
}
.adv_list a>div:hover {
	background: #FFFFFF;
    box-shadow: 0px 7px 20px 0px rgb(115 152 255 / 40%);
    border-radius: 10px 10px 10px 10px;
}
.adv_list a>div img {
	width: 50px;
	height: 50px;
	margin: 15px 28px 0 28px;
}

.adv_list a>div h5 {
	font-size: 20px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 28px;
	margin-top: 25px;
}

/*表单*/
.forms {
	width: 970px;
	height: 280px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	margin: 30px auto;
	overflow: hidden;
}

.forms .top_tit {
	display: flex;
	margin: 19px 0 0 13px;
}

.forms .top_tit img {
	width: 26px;
	height: 26px;
}

.forms .top_tit h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 22px;
	margin: 0 0 0 7px;
}

.forms>div {
	width: 970px;
	height: 224px;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	margin: 0 auto;
	display: flex;
}

.forms>div>div {
	margin: 21px 0 0 13px;
}

.forms .form-groups {
	width: 260px;
}

.forms .form-groups input {
	width: 260px;
	height: 50px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	outline: none;
	/* text-align: center; */
}
#_remin {
  position: fixed;
  left: 50%;
  top:40%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  padding: 30px 30px;
  text-align: center;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size:22px;
  z-index: 99999;
}
.forms .form-groups img {
	width: 150px;
	height: 50px;
	margin: 28px 0 0 -52px;
}

.forms .form-groups label {
	font-size: 14px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	margin-bottom: 10px;
}

.forms .form-groups #code {
	text-align: left;
	margin: 29px 0 0 14px;
}

.forms .form-groups.codeDiv {
	display: flex;
}

.forms .form-groups select {
	width: 234px;
	height: 50px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #DEE7FF;
}

.form-left>div {
	margin-bottom: 31px;
	display: flex;
}

.form-left button {
	width: 286px;
	height: 50px;
	background: #F77421;
	border-radius: 10px 10px 10px 10px;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 50px;
	display: inline-block;
	border: none;
	margin-left: 15px;
	margin-top: 28px;
}

.forms>div>img {
	width: 357px;
	height: 179px;
	background: linear-gradient(271deg, #173FFD 0%, #617CFF 100%);
	border-radius: 10px 60px 10px 60px;
	margin: 29px 19px 0 26px;
}

/*课程*/
.lessons {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.lessons_nav h5 {
	text-align: center;
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #000000;
	line-height: 42px;
	margin-top: 75px;
}

.lessons_nav p {
	text-align: center;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 19px;
	margin-top: 8px;
}

.tab_box2 {
	overflow: hidden;
}

.tab_box2 .top_nav2 {
	width: 1200px;
	height: 70px;
	background: linear-gradient(271deg, #173FFD 0%, #617CFF 100%);
	border-radius: 10px;
	opacity: 1;
	margin-top: 40px;
}

.tab_box2 .top_nav2 li {
	width: 122px;
	height: 36px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	float: left;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
	text-align: center;
	margin-left: 20px;
	margin-top: 17px;
	cursor: pointer;
}

.tab_box2 .top_nav2 li.active {
	background: #F77521;
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
}

.tab_box2 .top_nav2 span {
	width: 129px;
	height: 24px;
	font-size: 16px;
	font-family: Source Han Sans CN-Normal, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 19px;
	float: right;
	margin: 23px 24px 0 0;
}

.tab-contents2 {
	margin-top: 31px;
}

.tab-contents2>div {
	display: none;
}

.tab-contents2>div.active-txts {
	display: block;
	overflow: hidden;
}

.tab-contents2 ul.tab_ul1 li {
	width: 224px;
	height: 220px;
	background: linear-gradient(180deg, #BCC9FF 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.tab-contents2 ul.tab_ul1 li:nth-child(5) {
	margin-right: 0;
}

.tab-contents2 ul.tab_ul1 li:last-child {
	margin-right: 0;
}

.tab-contents2 ul.tab_ul1 li>div {
	position: relative;
}

.tab-contents2 ul.tab_ul1 li>div>img {
	width: 224px;
	height: 126px;
	background: linear-gradient(180deg, #BCC9FF 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	/* transform: scale(1.06); */
}

.tab-contents2 ul.tab_ul1 li>div div {
	width: 224px;
	height: 126px;
	background: rgba(33, 75, 247, 0.8);
	box-shadow: 0px 13px 12px 1px rgba(115, 152, 255, 0.2);
	border-radius: 10px 10px 10px 10px;
	position: absolute;
	top: 0;
	display: none;
}

.tab-contents2 ul.tab_ul1 li>div div.on {
	display: block;
}

.tab-contents2 ul.tab_ul1 li>div div img {
	width: 59px;
	height: 59px;
	opacity: 1;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.tab-contents2 ul.tab_ul1 li h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	margin: 9px 0 8px 12px;
}

.tab-contents2 ul.tab_ul1 li span {
	display: block;
	margin-left: 12px;
}

.tab-contents2 ul.tab_ul1 li span p {
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 23px;
	float: left;
}

.tab-contents2 ul.tab_ul1 li span i {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}

.tab-contents2 ul.tab_ul1 li span a {
	width: 81px;
	height: 40px;
	background: #F77521;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	float: left;
	margin-left: 43px;
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
	margin-top: 4px;
}

.tab_div2 {
	margin-top: 11px;
}

.tab_div2 img.left_img {
	float: left;
}

.tab_div2 div {
	float: left;
	width: 880px;
	margin-left: 20px;

}

.tab_div2 li {
	width: 280px;
	height: 180px;
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	float: left;
	margin-left: 20px;
	padding: 10px 0 0px 25px;
}

.tab_div2 li:nth-child(1) {
	margin-left: 0px;
}

.tab_div2 li:nth-child(4) {
	margin-left: 0px;
	margin-top: 20px;
}

.tab_div2 li:nth-child(5) {
	margin-top: 20px;
}

.tab_div2 li:nth-child(6) {
	margin-top: 20px;
}

.tab_div2 li:hover {
	border: 1px solid #214BF7;
}

.tab_div2 li img {
	display: block;
	width: 66px;
	height: 67px;
}

.tab_div2 li h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	display: block;
	margin: 5px 0 10px;
}

.tab_div2 li p {
	width: 230px;
	height: 45px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
	display: block;
}

/*第二tab模块*/
.tab-contents2 ul.tab_ul2 li {
	width: 224px;
	height: 220px;
	/* background: linear-gradient(180deg, #BCC9FF 0%, rgba(255, 255, 255, 0) 100%); */
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	float: left;
	margin-right: 17px;
	margin-bottom: 20px;
}

.tab-contents2 ul.tab_ul2 li:nth-child(5) {
	margin-right: 0px;
}

.tab-contents2 ul.tab_ul2 li:nth-child(10) {
	margin-right: 0px;
}

.tab-contents2 ul.tab_ul2 li:last-child {
	margin-right: 0;
}

.tab-contents2 ul.tab_ul2 li>div {
	position: relative;
}

.tab-contents2 ul.tab_ul2 li>div>img {
	width: 224px;
	height: 126px;
	background: linear-gradient(180deg, #BCC9FF 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 10px;
	opacity: 1;
	/* transform: scale(1.06); */
}

.tab-contents2 ul.tab_ul2 li>div div {
	width: 224px;
	height: 126px;
	background: rgba(33, 75, 247, 0.8);
	box-shadow: 0px 13px 12px 1px rgba(115, 152, 255, 0.2);
	border-radius: 10px 10px 10px 10px;
	position: absolute;
	top: 0px;
	display: none;
}

.tab-contents2 ul.tab_ul2 li>div div.on {
	display: block;
}

.tab-contents2 ul.tab_ul2 li>div div img {
	width: 59px;
	height: 59px;
	opacity: 1;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.tab-contents2 ul.tab_ul2 li h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	margin: 23px 0 18px 12px;
}

.tab-contents2 ul.tab_ul2 li span {
	margin-top: 15px;
	display: block;
	margin-left: 12px;
}

.tab-contents2 ul.tab_ul2 li span p {
	/* 	width: 28px;
	height: 21px; */
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	float: left;
}

.tab-contents2 ul.tab_ul2 li span i {
	height: 21px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	float: right;
	text-align: center;
	font-style: normal;
	margin-right: 12px;
}

/*第三tab模块*/
.tab-contents2 ul.tab_ul3 li {
	width: 224px;
	/* 	height: 220px; */
	background: linear-gradient(180deg, #BCC9FF 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	float: left;
	margin-right: 17px;
	/* margin-bottom: 20px; */
	margin-bottom: 18px;
}

.tab-contents2 ul.tab_ul3 li:nth-child(5) {
	margin-right: 0px;
}

.tab-contents2 ul.tab_ul3 li:nth-child(10) {
	margin-right: 0px;
}

.tab-contents2 ul.tab_ul3 li:nth-child(15) {
	margin-right: 0px;
}

/* .tab-contents2 ul.tab_ul3 li:last-child {
	margin-right: 0;
} */
.tab-contents2 ul.tab_ul3 li>div {
	position: relative;
}

.tab-contents2 ul.tab_ul3 li>div>img {
	width: 224px;
	height: 100%;
	background: linear-gradient(180deg, #BCC9FF 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 10px;
	opacity: 1;
	/* transform: scale(1.06); */
}

/*第四模块*/
.tab-contents2 ul.tab_ul4 li {
	width: 224px;
	height: 220px;
	background: linear-gradient(180deg, #BCC9FF 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.tab-contents2 ul.tab_ul4 li:nth-child(5) {
	margin-right: 0;
}

.tab-contents2 ul.tab_ul4 li:last-child {
	margin-right: 0;
}

.tab-contents2 ul.tab_ul4 li>div {
	position: relative;
}

.tab-contents2 ul.tab_ul4 li>div>img {
	width: 224px;
	height: 126px;
	background: linear-gradient(180deg, #BCC9FF 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 10px;
	opacity: 1;
	/* transform: scale(1.06); */
}

.tab-contents2 ul.tab_ul4 li>div div {
	width: 224px;
	height: 126px;
	background: rgba(33, 75, 247, 0.8);
	box-shadow: 0px 13px 12px 1px rgba(115, 152, 255, 0.2);
	border-radius: 10px 10px 10px 10px;
	position: absolute;
	top: 0;
	display: none;
}

.tab-contents2 ul.tab_ul4 li>div div.on {
	display: block;
}

.tab-contents2 ul.tab_ul4 li>div div img {
	width: 59px;
	height: 59px;
	opacity: 1;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.tab-contents2 ul.tab_ul4 li a {
	width: 64px;
	height: 21px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 16px;
	margin-left: 12px;
}

.tab-contents2 ul.tab_ul4 li a:hover {
	color: #F77521;
	cursor: pointer;
}

.tab-contents2 ul.tab_ul4 li span {
	display: block;
	margin-left: 12px;
	margin-top: 14px;
}

.tab-contents2 ul.tab_ul4 li span p {
	width: 37px;
	height: 24px;
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 24px;
	float: left;
}

.tab-contents2 ul.tab_ul4 li span a {
	width: 64px;
	height: 24px;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 24px;
	float: right;
	margin-right: 12px;
}




/*移动*/
.wrap_m {
	width: 7.5rem;
	margin: 0 auto;
	background-color: #F6F7FB;
}

.header_m {
	width: 7.5rem;
	display: flex;
	justify-content: space-around;
}

.header_m img:nth-child(1) {
	width: 0.5rem;
	height: 0.5rem;
	opacity: 1;
	margin-top: 0.20rem;
	margin-left: -0.4rem;
}

.header_m img:nth-child(2) {
	width: 2.7rem;
	height: 0.89rem;
	opacity: 1;
}

.header_m img:nth-child(3) {
	width: 0.5rem;
	height: 0.5rem;
	opacity: 1;
	margin-top: 0.20rem;
	margin-right: -0.6rem;
}

.top_banner {
	width:7.5rem;
	position: relative;
	margin: 0.20rem auto 0;
	overflow: hidden;
}

.top_banner img {
	width: 100%;
}

/*课程导航*/
.sidenavs {
	background-color: #FFFFFF;
	overflow: hidden;
	width: 7.5rem;
	height: 100%;
	margin-left: auto;
	top: 0;
	left: 0;
	height: 100%;
	position: fixed;
	overflow: auto;
	display: block;
	z-index: 9999999;
	box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
	transform: translate(-7.6rem, 0);
	transition: transform .3s;
}

.sidenavs.show {
	transform: translate(0, 0);
}

.sidenavs i {
	background: url(/zhuzhan/220824/image/m/x.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0.30rem;
	display: block;
	width: 0.32rem;
	height: 0.32rem;
	top: 0.20rem;
}

.sidenavs>h5 {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 0.32rem;
	text-align: center;
	margin: 0.28rem 0 0.24rem;
}

.sidenavs>div span {
	text-align: center;
	display: block;
	width: 7rem;
	height: 0.7rem;
	line-height: 0.7rem;
	margin: 0 auto;
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
}

.sidenavs>div:nth-child(2) span {
	background: url(/zhuzhan/220824/image/m/kaifa.png) no-repeat center;
	background-size: 100%;
	color: #214BF7;
}

.sidenavs>div:nth-child(3) span {
	background: url(/zhuzhan/220824/image/m/sj.png) no-repeat center;
	background-size: 100%;
	color: #F7216E;
}

.sidenavs>div:nth-child(4) span {
	background: url(/zhuzhan/220824/image/m/yys.png) no-repeat center;
	background-size: 100%;
	color: #8C5009;
}

.sidenavs>div ul {
	width: 7rem;
	margin: 0.30rem auto 0.08rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sidenavs>div ul li {
	width: 2.18rem;
	height: 0.6rem;
	line-height: 0.6rem;
	background: #F6F7FB;
	border-radius: 0.15rem;
	opacity: 1;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Normal, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	margin-bottom: 0.22rem;
	text-align: center;
}

.sidenavs>span {
	width: 7rem;
	height: 1.38rem;
	background: #F6F7FB;
	border-radius: 0.1rem;
	opacity: 1;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}

.sidenavs>span div {
	display: flex;
}

.sidenavs>span div p {
	margin: 0 0 0 0.20rem;
}

.sidenavs>span div:nth-child(1) {
	margin: 0.30rem 0 0.22rem 0.30rem;
}

.sidenavs>span div:nth-child(2) {
	margin: 0rem 0 0rem 0.30rem;
}

.sidenavs>span div img {
	width: 0.30rem;
	height: 0.30rem;
}

.sidenavs>span div p {
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Normal, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.26rem;
}

#list-top-m {
	position: fixed;
	top: 0rem;
	left: 0;
	right: 0;
	z-index: 999;
	margin: 0rem auto;
}

.banner_list_bx.on {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
}

.modle_bx.on {
	width: 7.5rem;
	height: 4.3rem;
	background: #F6F7FB;
	box-shadow: 0px 0.04rem 0.04rem 0.01rem rgba(51, 51, 51, 0.25);
	opacity: 1;
}

.banner_list {
	width: 6.9rem;
	/* 	height: 4.6rem; */
	background: #FFFFFF;
	border-radius: 0.2rem;
	opacity: 1;
	display: flex;
	justify-content: space-around;
	margin: 0.45rem auto;
}

.banner_list .onshows {
	display: none;
}

/* .banner_list .onshows.on {
	display:none;
} */
.banner_list .tap_navs.on {
	background-color: #214BF7;
	color: #ffffff;
}

.banner_list .tap_navs {
	width: 2rem;
	height: 0.7rem;
	border-radius: 0.2rem;
	opacity: 1;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	border-radius: 0.15rem;
	opacity: 1;
}

.banner_list .tap_navs>div {
	display: flex;
	line-height: 0.7rem;
}

.banner_list .tap_navs>div:nth-child(2) {
	height: 0.32rem;
	opacity: 1;
	margin: 0.20rem 0.19rem 0 0;
}

.banner_list .tap_navs>div:nth-child(2) img {
	width: 0.30rem;
	height: 0.30rem;
	opacity: 1;
}

.banner_list .tap_navs>div:nth-child(2) img:nth-child(1) {
	display: none;
}

.banner_list .tap_navs>div.on:nth-child(2) img:nth-child(1) {
	display: block;
}

.banner_list .tap_navs>div.on:nth-child(2) img:nth-child(2) {
	display: none;
}

.banner_list .tap_navs>div img.left_icon {
	width: 0.4rem;
	height: 0.4rem;
	margin-left: 0.18rem;
	margin-top: 0.19rem;
}

.banner_list .tap_navs h5 {
	font-size: 0.28rem;
	height: 0.7rem;
	line-height: 0.7rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	margin: 0 0 0 0.19rem;
}

.banner_list .tap_navs h5.on {
	color: #ffffff;
}

.banner_list ul {
	margin: 0.3rem 0 0.33rem !important;
	display: flex;
}

.banner_list ul li {
	/* margin-bottom:0.20rem; */
	margin-left: 0.20rem;
}

.banner_list ul li .content {
	position: absolute;
	height: 2.6rem;
	width: 6.9rem;
	background: rgba(255, 255, 255, 1);
	border-radius: 0.2rem;
	opacity: 1;
	margin: 0.25rem auto 0;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	display: flex;
	flex-wrap: wrap;
	left: 0;
	right: 0;
	justify-content: space-between;
	padding: 0 0.25rem 0 0.25rem;
}

.banner_list ul li .content:after {
	content: "";
	height: 0.62rem;
	width: 2rem;
}

.banner_list ul li .content a {
	margin-top: 0rem;
	height: 0.62rem;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.62rem;
	margin-bottom: 0;
	display: block;
	width: 2rem;
	border-radius: 0.1rem;
	opacity: 1;
	background: #F6F7FB;
	text-align: center;
}

/*课程*/
.course_navs .tab_top {
	background: url("/zhuzhan/220824/image/course_top.png") no-repeat center center;
	width: 100%;
	background-size: auto;
	height: 300px;
	overflow: hidden;
	/* margin-top:100px; */
}

.course_navs .tab_top>div {
	width: 7.5rem;
	margin: 0 auto;
	position: relative;
}

.course_navs.tab_top h5 {
	font-size: 72px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 100px;
	text-align: center;
	margin-top: 28px;
}

.course_navs .tab_top p {
	font-size: 24px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
}

.course_navs .tab_top img:nth-child(1) {
	position: absolute;
	left: 463px;
	top: 24px;
}

.course_navs .tab_top img:nth-child(3) {
	position: absolute;
	right: 463px;
	top: 24px;
}

.course_navs .tab-box {
	width: 7.5rem;
	margin: 10px auto 0;
	position: relative;
	border-radius: 10px 10px 10px 10px;
}

.course_navs .tab_top ul.top_nav {
	list-style-type: none;
	width: 1200px;
	height: 185px;
	box-shadow: 0px 20px 28px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	color: #666666;
	margin: 0 auto;
	/* position: relative; */
}

.course_navs .tab-box>span {
	position: absolute;
	top: 214px;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	width: 32px;
}

.course_navs .tab-box>span .tap_jt {
	display: none;
}

.course_navs .top_nav {
	overflow: hidden;
	width: 6.9rem;
	height: 2.8rem;
	background: #FFFFFF;
	box-shadow: 0px 0.2rem 0.28rem 0px rgba(115, 152, 255, 0.1500);
	border-radius: 0.2rem;
	opacity: 1;
	margin: -0.6rem auto 0.4rem;
}

.course_navs .top_nav li {
	width: 6.9rem;
	height: 2.3rem;
	display: flex;
	border-radius: 10px 10px 0px 0px;
	text-align: center;
	cursor: pointer;
	color: #FFFFFF;
	overflow-y: hidden;
	overflow-x: scroll;
	margin: 0.3rem 0 0 0.3rem;
}

.course_navs .top_nav li div {
	width: 170px;
	height: 39px;
	line-height: 45px;
	opacity: 1;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
}

.course_navs li>div>span {
	height: 42px;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	display: block;
	font-size: 16px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #fff;
	line-height: 42px;
	float: left;
	margin: 0 12px 10px 0;
	text-align: left;
}

.course_navs li.active span {
	display: block;
	width: 2rem;
	height: 1.7rem;
	background: #fff;
	border-radius: 0.2rem;
	flex-shrink: 0;
	overflow: hidden;
}

.course_navs li.active span:nth-child(6) {
	margin-right: 0;
}

.course_navs li.active span:nth-child(12) {
	margin-right: 0;
}

.course_navs .tab-box li.active span.on {
	width: 2rem;
	height: 1.7rem;
	background: #F6F7FB;
	border-radius: 0.2rem;
	color: #214BF7;
}

.course_navs .tab-box li.active span.ons {
	width: 2rem;
	height: 1.7rem;
	background: #F6F7FB;
	border-radius: 0.2rem;
	color: #214BF7;
}

.course_navs li.active span img {
	width: 0.80rem;
	height: 0.80rem;
	margin: 0.19rem auto 0.09rem;
	display: block;
}

.course_navs li.active span img:nth-child(2) {
	display: none;
}

.course_navs li.active span.on img:nth-child(2) {
	display: block;
}

.course_navs li.active span.ons img:nth-child(2) {
	display: block;
}

.course_nav li.active span.on img:first-child {
	display: none;
}

.course_navs li.active span.ons img:first-child {
	display: none;
}

.course_navs li.active span p {
	width: 1.78rem;
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 0.38rem;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
	white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
}

.course_navs li.active span.on p {
	font-size: 16px;
	font-family: Resource Han Rounded J-Regular, Resource Han Rounded J;
	font-weight: 400;
	color: #214BF7;
}

.course_navs .tab-contents {
	width: 6.9rem;
	margin: 0 auto;
}

.course_navs .tab-contents div.active_div {
	display: none;

}

.course_navs li.active span.ons p {
	font-size: 16px;
	font-family: Resource Han Rounded J-Regular, Resource Han Rounded J;
	font-weight: 400;
	color: #214BF7;
}

.course_navs .tab-contents div.active_div {
	display: none;

}

/* .course_nav .tab-contents div.active_div:first-child::before::before {
	content: "";
	width: 8px;
	height: 30px;
	background: #214BF7;
	border-radius: 5px 5px 5px 5px;
	opacity: 1;
	display:block;
} */
/* .course_nav .tab-contents div.active_div:nth-child(2)::before {
	content: "开发";
	width: 8px;
	height: 30px;
	background: #214BF7;
	border-radius: 5px 5px 5px 5px;
	opacity: 1;
	display:block;
} */
.course_navs .tab-contents div.active_div.on {
	display: block;
}

.course_navs .tab-contents div.active_div>li {
	display: none;
}

.course_navs .tab-contents div.active_div .active_ul>li {
	width: 7.5rem;
	/* display:none; */
}

.course_navs .tab-contents div.active_div .active_ul>li.on {
	display: block;
}

.course_navs .tab-contents div ul li:last-child {
	border-bottom: 0px solid #BCC9FF;
}

/* .course_nav .tab-contents div ul li:first-child a {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
} */

.course_navs .tab-contents div ul li:first-child img {
	display: block;
}

.course_navs .tab-box div.active-txt {
	display: block;
}

.course_navs .top_navs {
	width: 7.5rem;
	/* height: 210px; */
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	margin: 0 auto;
}

.course_navs .top_navs>div>div:first-child img {
	width: 6.9rem;
	height: 2.07rem;
}

.course_navs .top_nav_img {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.course_navs .top_navs>div>div:last-child {
	width: 6.9rem;
	border-radius: 0.1rem;
	margin-top: 0.3rem;
}

.course_navs .top_navs>div>div:last-child a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.course_navs .top_navs>div>div:last-child a div {
	width: 3.3rem;
	height: 2.2rem;
	background: #FFFFFF;
	border-radius: 0.2rem;
	opacity: 1;
	margin-bottom: 0.3rem;
}

.course_navs .top_navs>div>div:last-child a div img {
	margin: 0.35rem auto 0.14rem;
}

.course_navs .top_navs>div>div:last-child a div p {
	text-align: center;
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 0.34rem;
}

.course_navs .top_nav_img>div {
	display: flex;
}

.course_navs .top_nav_img h5 {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.38rem;
	margin:0.13rem 0 0;
}

.course_navs .top_nav_img img:nth-child(1) {
	margin: 0.17rem 0.15rem 0 0.07rem;
	width: 0.35rem;
	height: 0.35rem;
}

.course_navs .top_nav_img a {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #F77421;
	line-height: 0.28rem;
	margin:0.18rem 0.67rem 0 0;
}

.course_navs .course_nav_lists {
	/* 	width:6.9rem; */
	background: #F6F7FB;
	overflow: hidden;
}

.course_navs .course_nav_lists ul {
	display: flex;
	overflow-x: scroll;
	overflow-y: hidden;
	margin-top: 0.20rem;
}

.course_navs .course_nav_lists li {
	width: 2.9rem;
	height: 2.8rem;
	flex-shrink: 0;
	background: #FFFFFF;
	box-shadow: 0px 0.07rem 0.2rem 0px rgba(115, 152, 255, 0.1500);
	border-radius: 0.2rem;
	cursor: pointer;
	margin-right: 0.30rem;
}
/*修改滚动条样式*/
li::-webkit-scrollbar {
	width: 6.3rem;
	height: 0.2rem;
	background: #F6F7FB;
	border-radius: 0.1rem;
	/**/
}
li::-webkit-scrollbar-track {
	/* background: rgb(239, 239, 239); */
	background: #F6F7FB;
	border-radius: 0.1rem;
}

li::-webkit-scrollbar-thumb {

	background: #214BF7;
	border-radius: 0.1rem;
}

li::-webkit-scrollbar-thumb:hover {
	background: #C3CFFF;
}

li::-webkit-scrollbar-corner {
	background: #179a16;
}
.course_navs .course_nav_lists.fours li {
	width: 160px;
}

.course_navs .course_nav_lists.two li {
	width: 323px;
}

.course_navs .course_nav_lists li:hover {
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 0px rgba(115, 152, 255, 0.1500);
	border-radius: 10px 10px 10px 10px;
}

.course_navs .course_nav_lists li i {
	width: 0.4rem;
	height: 0.06rem;
	background: #DEE7FF;
	border-radius: 0.07rem;
	opacity: 1;
	display: block;
	margin: 0.06rem auto 0;
}

.course_navs .course_nav_lists li h5 {
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 0.33rem;
	text-align: center;
	margin: 0 auto 0.21rem;
}

.course_navs .course_nav_lists li p {
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 0.33rem;
	text-align: center;
	margin: 0.42rem auto 0.1rem;
}

.course_navs .course_nav_lists li img {
	margin: 0 auto;
	display: block;
	/* width:61.58px;
	height:61.58px; */
}

.course_navs .course_nav_lists li span {
	width: 2.32rem;
	height: 0.68rem;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.35rem;
	text-align: center;
	overflow: hidden;
	display: block;
	margin: 0.21rem auto 0;
}

.course_navs .course_nav_lists.fours li span {
	width: 134px;
}

.course_navs .course_nav_lists.two li span {
	width: 274px;
}

.course_navs .bottom_list {
	margin-top: 20px;
}

.course_navs .bottom_list {
	width: 7.5rem;
	margin: 0rem auto 0;
}

.course_navs .bottom_list>div:nth-child() {
	float: left;
	width: 700px;
	height: 210px;
	background: #F6F7FB;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
}

.course_navs .bottom_list .tab_nav {
	display: flex;
	justify-content: space-between;
}

.course_navs .bottom_list>div:nth-child(2) {
	margin-left: 10px;
}

.course_navs .bottom_list>div:nth-child(3) {
	margin-left: 21px;
}

.course_navs .bottom_list>div .top_rq {
	margin: 18px 20px 0;
	width: 350px;
	height: 48px;
}

.course_navs .bottom_list>div .top_rq img {
	float: left;
}

.course_navs .bottom_list>div .top_rq h5 {
	float: left;
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	margin: 3px 0 0 7px;
}

.course_navs .bottom_list>div .top_rq span {
	width: 233px;
	height: 12px;
	background: linear-gradient(117deg, #ECF0FF 0%, rgba(236, 240, 255, 0) 100%);
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	display: block;
	float: left;
	margin: 8px 0 0 15px;
}

.course_navs .bottom_list .center_rq {
	/* width: 100%; */
	padding: 0px 0px 0px 21px;
}

.course_navs .bottom_list .center_rq div {
	width: 100px;
	float: left;
	margin-bottom: 24px;
}

.course_navs .bottom_list .center_rq div img {
	width: 330px;
	height: 238px;
}

.course_navs .bottom_list .center_rq div:nth-child(even) {
	margin-left: 46px;
}

.course_navs .bottom_list .center_rq img {
	margin: 0 auto;
	display: block;
	/* width:73px;
	height:73px; */
}

.course_navs .bottom_list .center_rq p {
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 16px;
	text-align: center;
	-webkit-background-clip: text;
	margin-top: 10px;
}

.course_navs .bottom_list .tab-box {
	width: 386px;
	height: 333px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
}

.course_navs .bottom_list .tab-boxs .tab_nav li {
	width: 66px;
	height: 30px;
	border-radius: 10px;
	line-height: 30px;
	text-align: center;
	float: left;
	cursor: pointer;
}

.course_navs .bottom_list .tab-boxs .tab_nav li.active {
	color: #fff;
	background-color: #214BF7;
}

.course_navs .bottom_list .tab-contents {
	width: 220px;
	height: 132px;
	font-size: 14px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 17px;
	margin-top: 14px;
}

.course_navs .bottom_list .tab-contents div {
	display: none;
}

.course_navs .bottom_list .tab-contents div.active-more {
	display: block;
}

.course_navs .bottom_list .tab-boxs .tab-contents ul {
	margin-left: 6px;
}

.course_navs .bottom_list .tab-boxs .tab-contents ul li {
	margin-bottom: 13px;
}

.course_navs .bottom_list .tab-boxs .tab-contents ul a {
	font-size: 14px;
	font-family: Source Han Sans CN-Normal;
	color: #666666;
	line-height: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.course_navs .bottom_list .tab-boxs .tab-contents ul a:hover {
	color: #214BF7;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
}

/*前景*/
.vistas {
	width: 6.9rem;
	background: #F6F7FB;
	border-radius: 0.1rem;
	margin-top: 0.3rem;
}

.vistas .top_tit {
	display: flex;
	justify-content: space-between;
}

.vistas .top_tit>div {
	display: flex;
}

.vistas .top_tit>div img {
	margin: 0.17rem 0.15rem 0 0.07rem;
	    width: 0.35rem;
	    height: 0.35rem;
}

.vistas .top_tit>div h5 {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.38rem;
	margin:0.13rem 0;
}

.vistas .top_tit>p {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
color: #666666;;
	line-height: 0.28rem;
	margin-top:0.18rem;
}

.v_lists {
	display: flex;
	margin-top:0.07rem;
	flex-wrap: wrap;
	justify-content: space-between;
}

.v_lists>div:hover {
	box-shadow: 0px 7px 20px 0px rgba(115, 152, 255, 0.1500);
}

.v_lists>div {
	width: 3.3rem;
	height: 2.69rem;
	background: #FFFFFF;
	box-shadow: 0px 0.07rem 0.2rem 0px rgba(115, 152, 255, 0.1500);
	border-radius: 0.2rem;
	margin-bottom: 0.30rem;
}

.v_lists>div img {
	width: 0.7rem;
	height: 0.7rem;
	margin: 0.3rem auto 0.09rem;
	display: block;
}

.v_lists>div span h5 {
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.33rem;
	text-align: center;
}

.v_lists>div span p {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.28rem;
	margin: 0;
	text-align: center;
}

.v_lists>div span h3 {
	text-align: center;
	font-size: 0.36rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #F77421;
	line-height: 0.62rem;
	margin: 0;
}

/*就业*/
.obtains {
	width: 7.2rem;
	border-radius: 0.1rem;
/* 	margin-top:0.1rem; */
}

.obtains .top_tit {
	display: flex;
	justify-content: space-between;
}

.obtains .top_tit>div {
	display: flex;
}

.obtains .top_tit>div img {
	margin: 0.17rem 0.15rem 0 0.07rem;
	    width: 0.35rem;
	    height: 0.35rem;
}

.obtains .top_tit>div h5 {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.38rem;
	margin:0.13rem 0;
}

.obtains .top_tit>p {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
color: #666666;;
	line-height: 0.28rem;
	margin: 0.18rem 0.37rem;
}
.obtains .o_list {
	margin-top:0.07rem;
	display: flex;
	justify-content: space-between;
	overflow-x: scroll;
	overflow-y: hidden;
}

.obtains .o_list>div {
	width: 4.72rem;
	height: 3.69rem;
	background: #FFFFFF;
	box-shadow: 0px 0.07rem 0.2rem 0px rgba(115, 152, 255, 0.1500);
	border-radius: 0.2rem;
	margin-right: 0.30rem;
}

.obtains .o_list>div img {
	width: 4.72rem;
	height: 2.49rem;
	/* margin: 0px auto 12px; */
}

.obtains .o_list>div span {
	/* margin: 28px 0 0 19px; */
}

.obtains .o_list>div span h5 {
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.33rem;
	margin: 0.18rem 0 0 0.25rem;
}

.obtains .o_list>div span p {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.28rem;
	margin: 0.1rem 0 0 0.25rem;
}

.obtains .o_list>div span p i {
	color: #F77421;
	font-style: normal;
}

/*视频*/
.videos_m {
	width: 7.2rem;
	border-radius: 0.1rem;
	margin-top:0.30rem;
}

.videos_m .top_tit {
	display: flex;
	justify-content: space-between;
}

.videos_m .top_tit>div {
	display: flex;
}

.videos_m .top_tit>div img {
	margin: 0.17rem 0.15rem 0 0.07rem;
	    width: 0.35rem;
	    height: 0.35rem;
}

.videos_m .top_tit>div h5 {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.38rem;
	margin:0.13rem 0;
}

.videos_m .top_tit>a {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
color: #F77421;
	line-height: 0.28rem;
	margin: 0.18rem 0.37rem;
}
.video_lists {
	margin-top:0.07rem;
}

.video_lists ul li {
width: 4.72rem;
height: 3.51rem;
background: #FFFFFF;
box-shadow: 0px 0.07rem 0.2rem 0px rgba(115,152,255,0.1500);
border-radius: 0.2rem;
margin-right:0.30rem;
}

.video_lists ul {
	position: relative;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	overflow-x: scroll;
	overflow-y: hidden;
}

.video_lists ul:last-child {
	margin-bottom: 0;
}

.video_lists ul:last-child::after {
	content: "";
	display: none;
}

.video_lists ul::after {
	content: "";
	width: 1201px;
	height: 1px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	display: block;
	margin-bottom: 30px;
	position: absolute;
	bottom: -42px;
}

.video_lists ul li a>div {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.video_lists ul li a>div span {
	position: absolute;
	min-width: 51px;
	height: 25px;
	background: rgba(255, 255, 255, 0.2100);
	border-radius: 19px 19px 19px 19px;
	line-height: 25px;
	text-align: center;
	top: 116px;
	right: 16px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	padding: 0px 5px 0 5px;
}

.video_lists ul li.on a>div:nth-child(1)::before {
	content: "";
	width: 277px;
	height: 153px;
	background: rgba(68, 68, 68, 0.6400);
	border-radius: 10px 10px 0px 0px;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 1;
}

.video_lists ul li a>div p {
	width: 48px;
	height: 25px;
	border-radius: 25px 25px 25px 25px;
	opacity: 1;
	border: 1px solid #F77421;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #F77421;
	line-height: 22px;
	text-align: center;
	margin: 13px 19px 0 0px;
}

.video_lists ul li a>div>img {
	width:4.76rem;
	height:2.64rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	opacity: 1;
	/* transform: scale(1.06); */
}

.video_lists ul li a>div div.on {
	display: block;
}

.video_lists ul li a>div div img {
	width: 59px;
	height: 59px;
	opacity: 1;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
}

.video_lists ul li h5 {
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 0.33rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin:0.21rem 0 0 0.25rem;
}

.video_lists ul li.on h5 {
	color: #214BF7;
}

.video_lists ul li a>span {
	display: flex;
	justify-content: space-between;
}

.video_lists ul li span i {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	line-height: 0.28rem;
	text-align: center;
	font-style: normal;
	display: flex;
	margin:0.25rem 0.25rem 0px 0px;
}

.video_lists ul li span i img {
	margin-right: 0.05rem;
	width:0.24rem;
	height:0.24rem;
	margin-top: 0.03rem;
}

/*开班*/
.classtimes {
	margin-top:0.40rem;
}
.classtimes .top_tit div{
	display:flex;
}
.classtimes .top_tit>div img {
	margin: 0.05rem 0.15rem 0 0.07rem;
	    width: 0.35rem;
	    height: 0.35rem;
}

.classtimes .top_tit>div h5 {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.38rem;
	margin:0 0.13rem 0.20rem 0;
}
.classtimes>div.time_modle {
	width: 6.9rem;
	background: #FFFFFF;
	box-shadow: 0px 0.07rem 0.2rem 0.01rem rgba(115, 152, 255, 0.1500);
	border-radius: 0.1rem;
	opacity: 1;
	border: 0.01rem solid #F0F4FF;
	overflow: hidden;
	/* margin-top:0.20rem; */
}

.top_class {
	width: 6.9rem;
	height: 0.7rem;
	background: linear-gradient(271deg, #173FFD 0%, #617CFF 100%);
	border-radius: 0.1rem;
	display: flex;
	justify-content: space-around;
	margin: 0;
}

.top_class li {
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 0.7rem;
	display: flex;
}

.top_class li:nth-child(2) {
	margin-left: -0.3rem;
}

.top_class li>div img {
	width: 0.30rem;
	height: 0.30rem;
	margin-left: 0.07rem;
}

.top_class li>div img:nth-child(1) {
	display: none;
}

.top_class li>div.on img:nth-child(1) {
	display: block;
}

.top_class li>div.on img:nth-child(2) {
	display: none;
}

.class_list li {
	display: flex;
	width: 6.6rem;
	height: 1rem;
	background: #F3F6FF;
	border-radius: 0.1rem;
	line-height: 1rem;
	margin: 0 auto;
	justify-content: space-around;
}

.class_list li div {
	width:1.5rem;
	overflow: hidden;
	text-align:center;
}

.class_list li div:nth-child(2) {
	text-indent: 0.25rem;
}

.class_list li a {
	width: 1.4rem;
	line-height: 0.5rem;
	height: 0.5rem;
	background: #F77421;
	border-radius: 0.1rem;
	text-align: center;
	margin-top: 0.25rem;
	color: #FFFFFF;
	transform: translateX(0.2rem);
}

.class_list li:nth-child(odd) {
	background: #fff;
}

.class_list li:nth-child(even) {
	background: #F3F6FF;
}

.class_modle {
	height: 7rem;
	overflow-y: scroll;
	overflow-x: hidden;
}

.class_modle ul {
	display: none;
}

.class_modle ul.on {
	display: block;
}

/*修改滚动条样式*/
.obtains .o_list::-webkit-scrollbar {
	width: 0.05rem;
	height: 0.3rem;
	margin-right: 0.05rem;
	display: none;
	/**/
}

ul::-webkit-scrollbar {
	width: 0.05rem;
	height: 0.3rem;
	margin-right: 0.05rem;
	display: none;
	/**/
}

.obtains .o_list::-webkit-scrollbar-track {
	/* background: rgb(239, 239, 239); */
	border-radius: 0.02rem;
	display: none;
}

.obtains .o_list::-webkit-scrollbar-thumb {

	background: #C3CFFF;
	border-radius: 0.1rem;
	display: none;
}

.obtains .o_list::-webkit-scrollbar-thumb:hover {
	background: #C3CFFF;
}

.obtains .o_list::-webkit-scrollbar-corner {
	background: #179a16;
}

/*城市弹窗*/
.city_list {
	width: 6.9rem;
	background: #DEE7FF;
	border-radius: 0.1rem;
	padding: 0.30rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	display: none;
	position: absolute;
	z-index: 999;
	height: 7rem;
	overflow: hidden;
}

.city_list {
	width: 6.9rem;
	background: #DEE7FF;
	border-radius: 0.1rem;
	padding: 0.30rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	display: none;
}

.city_list>img {
	position: absolute;
	bottom: -0.1rem;
	left: 0;
	right: 0;
	margin: auto;
	width: 0.5rem;
	height: 0.5rem;
}

.city_list li {
	width: 1.35rem;
	height: 0.7rem;
	border-radius: 0.2rem;
	line-height: 0.7rem;
	border: 0.01rem solid #214BF7;
	text-align: center;
	/* 	margin-bottom: 0.24rem; */
	margin-bottom: 0.43rem;
}

.city_list::after {
	content: "";
	width: 1.35rem;
}

.city_list li.on {
	background-color: #214BF7;
	color: #fff;
}

/*表单*/
.forms_m {
	margin-top:0.4rem;
}
.forms_m .top_tit {
	display:flex;
}
.forms_m .top_tit img {
	margin: 0.05rem 0.15rem 0 0.07rem;
	    width: 0.35rem;
	    height: 0.35rem;
}

.forms_m .top_tit h5 {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.38rem;
	margin:0 0 0.20rem 0;
}
.forms_m {
	position: relative;
	height: 9.2rem;
	z-index: 1;
}

.forms_m {}

.forms_m>div.form_modle {
	margin: auto;
	width: 6rem;
	height: 4.27rem;
	background: #FFFFFF;
	box-shadow: 0px 0.07rem 0.2rem 0.01rem rgb(115 152 255 / 15%);
	border-radius: 0.2rem;
	overflow: hidden;
	z-index: 999;
	position: absolute;
	left: 0;
	right: 0;
	/* top:0.6rem; */
}

.form-m {
	width: 5.16rem;
	margin: 0.36rem auto 0;
}

.form-m button {
	width: 5.16rem;
	height: 0.7rem;
	background: #F77421;
	border-radius: 0.1rem;
	border: 0;
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 0.7rem;
}

.form-group_m {
	display: flex;
	margin-bottom: 0.25rem;
	justify-content: space-between;
}

.form-group_m img {
	width: 2.25rem;
	height: 0.71rem;
	margin-left: -0.66rem;
}

.form-group_m label {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.64rem;
}

.form-group_m input {
	width: 3.4rem;
	height: 0.7rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	opacity: 1;
	border: 0.02rem solid #DEE7FF;
	font-size: 0.2rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333;
	line-height: 0.7rem;
}

.form-group_m .phone {
	text-align: center;
}

.form-group_m .course {
	text-align: center;
}

.forms_m .bottom_img {
	position: absolute;
	width: 6.9rem;
	height: 5.3rem;
	background: linear-gradient(271deg, #173FFD 0%, #617CFF 100%);
	border-radius: 0.2rem;
	z-index: 1;
	bottom: 0.7rem;
}

.forms_m .bottom_img img {
	width: 6.4rem;
	margin: 2rem 0 0 0.45rem;
}



/*foot*/
.content {
	display: none;
}

.tabbar {
	background: #214BF7;
	overflow: hidden;
}

.tap_nav {
	width: 6.9rem;
	height: 0.8rem;
	background: #FFFFFF;
	border-radius: 0.2rem;
	opacity: 1;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}

.tap_nav>div {
	display: flex;
	line-height: 0.8rem;
}

.tap_nav>div:nth-child(2) {
	height: 0.32rem;
	opacity: 1;
	margin: 0.26rem 0.4rem 0 0;
}

.tap_nav>div:nth-child(2) img {
	width: 0.36rem;
	height: 0.36rem;
	opacity: 1;
}

.tap_nav>div:nth-child(2) img:nth-child(1) {
	display: none;
}

.tap_nav>div img.left_icon {
	width: 0.4rem;
	height: 0.4rem;
	margin-left: 0.18rem;
	margin-top: 0.19rem;
}

.tap_nav h5 {
	font-size: 0.32rem;
	height: 0.8rem;
	line-height: 0.8rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	margin: 0 0 0 0.17rem;
}

.tabbar ul {
	margin: 0.3rem 0 0.33rem !important;
}

.tabbar ul li {
	margin-bottom: 0.20rem;
}

.tabbar ul li .content {
	width: 6.9rem;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0.2rem;
	opacity: 1;
	margin: -0.3rem auto 0;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}

.tabbar ul li .content a {
	margin-top: 0.3rem;
	margin-left: 0.68rem;
	height: 0.42rem;
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.42rem;
	margin-bottom: 0;
	display: block;
}

/*底部*/
.footer_m div:nth-child(1) {
	display: flex;
	width: 6.9rem;
	height: 1rem;
	line-height: 1rem;
	opacity: 1;
	border-bottom: 0.02rem dashed #999999;
	margin: 0 auto;
}

.footer_m div:nth-child(1) img {
	width: 0.35rem;
	height: 0.35rem;
	display: block;
	margin: 0.32rem 0 0 1.74rem;
}

.footer_m div:nth-child(1) p {
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	margin-left: 0.17rem;
}

.footer_m div:nth-child(2) {
	width: 6.9rem;
	opacity: 1;
	border-bottom: 0.01rem dashed #999999;
	margin: 0.23rem auto 0.02rem;
	text-align: center;
}

.footer_m div:nth-child(2) p {
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
}

.footer_m div:nth-child(3) {
	height: 1.07rem;
	line-height: 1.07rem;
}

.footer_m div:nth-child(3) p {
	height: 0.41rem;
	font-size: 0.24rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	text-align: center;
}