@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('../img/ie7.png') no-repeat center;
}

.ie7-alert a {
	top: 121px;
	left: 127px;
	width: 121px;
	height: 33px;
	display: block;
	position: absolute;
	background: url('../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;
}

/*banners*/
.course_nav .tab_top {
	background: url("../image/address/banner.png") no-repeat top center;
	width: 100%;
	background-size: auto;
	height: 400px;
	overflow: hidden;
	/* margin-top: 100px; */
}

.course_nav .tab_top>span {
	margin: 10px auto 0;
	position: relative;
	/* font-size: 32px; */
	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;
	display: block;
	position: relative;
}

/* .course_nav .tab_top>span i:nth-child(1) {
	width: 56px;
	height: 6px;
	background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 7px 7px 7px 7px;
	opacity: 1;
	display: block;
	position: absolute;
	top: 18px;
	left: 0;
	
	left: 24px;
}

.course_nav .tab_top>span i:nth-child(2) {
	width: 56px;
	height: 6px;
	background: linear-gradient(100deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 7px 7px 7px 7px;
	opacity: 1;
	display: block;
	position: absolute;
	top: 18px;
	right: 0;
	
	right: 24px;
} */

.course_nav .tab_top h1 {
	margin: 130px auto 0;
	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;
}

.course_nav .tab-box {
	width: 1200px;
	margin: -100px auto 0;
	position: relative;
	list-style-type: none;
	width: 1200px;
	height: 160px;
	background: #FFFFFF;
	box-shadow: 0px 20px 28px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	color: #666666;
	padding: 12px 0 0 30px;
}

.course_nav .tab-box ul {
	display: flex;
	flex-wrap: wrap;
}

.course_nav .tab-box li.on {
	width: 66px;
	height: 40px;
	background: #214BF7;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
	display: inline-block;
}

.course_nav .tab-box li {
	width: 66px;
	height: 40px;
	line-height: 40px;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	margin-right: 11px;
	text-align: center;
	margin-bottom: 8px;
	cursor: pointer;
}

.tab-contents {
	width: 1200px;
	margin: 25px auto 0;
	position: relative;
	height: 781px;
	background: #FFFFFF;
	box-shadow: 0px 7px 20px 1px rgba(115, 152, 255, 0.15);
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	display: none;
}

.tab-contents.onshow {
	display: block;
}

.tab-contents .active_div {
	height: 600px;
	overflow: hidden;
}

.tab-contents .active_div>img {
	margin: 0 auto;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
}

.tab-contents_m .icon_xl {
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 auto;
	display: block;
}

.tab-contents ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.tab-contents ul li {
	width: 100%;
	height: 242px;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	/* border: 1px solid #DEE7FF; */
	margin-bottom: 30px;
	overflow: hidden;
}

.tab-contents ul li.on {
	/* 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; */
	overflow: hidden;
}

.tab-contents ul li img {
	width: 100%;
}

.tab-contents ul li>div {
	position: relative;
	height: 164px;
	overflow: hidden;
}

.tab-contents ul li>div img {
	width: 277px;
	/* height: 164px; */
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
}

.tab-contents ul li>div span {
	width: 74px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: rgba(2, 2, 2, 0.51);
	border-radius: 13px 13px 13px 13px;
	opacity: 1;
	position: absolute;
	top: 128px;
	right: 10px;
	font-size: 12px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	display: block;
}

.tab-contents ul li>span {
	padding: 16px 0 0 15px;
	display: block;
}

.tab-contents ul li.on>span>h5 {
	color: #214BF7;
}

.tab-contents ul li>span>h5 {
	font-size: 16px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	margin: 0 0 5px 0px;
}

.tab-contents ul li>span>p {
	width: 184px;
	height: 18px;
	font-size: 12px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 14px;
	margin-bottom: 7px;
}

.tab-contents ul li>span>a {
	font-size: 12px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999;
	line-height: 14px;
	display: block;
}


.left_campus {
	float: left;
	margin: 30px 0 0 30px;
}

.left_campus>div {
	width: 510px;
	height: 390px;
}

.right_campus {
	float: left;
	width: 636px;
	height: 424px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	overflow: hidden;

}

.right_campus>span::before {
	content: "";
	width: 6px;
	height: 26px;
	background: #214BF7;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	display: inline-block;
	margin-right: 11px;
}

.right_campus>span {
	font-size: 24px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 28px;
	margin: 28px 0 0 30px;
	display: flex;
}

.right_campus>div.onshow {
	display: block;
}

.right_campus>div {
	/* 	display: none; */
	height: 360px;
	margin-top: 17px;
	margin-left: 30px;
	overflow-y: scroll;
}

/*修改滚动条样式*/
div::-webkit-scrollbar {
	width: 5px;
	height: 30px;
	margin-right: 5px;
	/**/
}

div::-webkit-scrollbar-track {
	/* background: rgb(239, 239, 239); */
	border-radius: 2px;
}

div::-webkit-scrollbar-thumb {

	background: #C3CFFF;
	border-radius: 10px;
}

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

div::-webkit-scrollbar-corner {
	background: #179a16;
}

.right_campus>div>div {
	width: 600px;
	min-height: 61px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
	border: 1px solid #DEE7FF;
	margin-top:8px;
/* 	height: 60px; */
	overflow: hidden;
	cursor: pointer;
}

.right_campus>div>div:first-child {
	margin-top: 0;
}

.right_campus>div>div.on {
	border: 1px solid #214BF7;
}

.right_campus>div>div>i {
	float: left;
	margin: 10px 0 0 10px;
	/* width:317px; */
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-style: normal;
	background: url(../image/address/dz.png) no-repeat center;
	color: #fff;
}

.right_campus>div>div>span {
	float: left;
	margin: 0px 0 0 20px;
	/* width:317px; */
	width: 330px;
}

.right_campus>div>div>span h5 {
	color: #214BF7;
}

.right_campus>div>div>span p {
	margin: 0px 0 6px 0px;
}

.right_campus>div>div>div {
	float: right;
}

.right_campus>div>div>div a {
	/* 	display: block; */
	text-align: center;
	line-height: 31px;
	float: left;
	margin-top: 15px;
	display: none;
	margin-right: 10px;
}

.right_campus>div>div.on>div a {
	display: block;
}

.right_campus>div>div>div a {
	width: 96px;
	height: 31px;
	background: #214BF7;
	border-radius: 5px 5px 5px 5px;
	opacity: 1;
	color: #FFFFFF;
}

.BMap_bubble_content {
	top: -10px !important;
}

.bottom_list .bottom_sh.show {
	display: block;
}

.bottom_sh {
	width: 1140px;
	margin: 0 auto;
	display: none;
}

.bottom_sh>span {
	height: 36px;
	font-size: 24px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 36px;
	display: flex;
	margin: 30px 0 22px 0;
}

.bottom_sh>span::before {
	content: "";
	width: 6px;
	height: 26px;
	background: #214BF7;
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	display: inline-block;
	margin-right: 11px;
	margin-top: 5px;
}

/*课程推荐*/
.class_video {
        width: 1200px;
        margin:70px auto 0;
}

.class_video>span {
        font-size: 36px;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #333333;
        line-height: 42px;
        text-align: center;
        display: block;
        margin-bottom:40px;
}

.class_video ul {
        margin: 25px 0 0 0;
        width: 1200px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}

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

        border: 0px solid #C3CFFF;
}

.class_video ul li {
        width: 220px;
        height: 190px;
        box-shadow: 0px 20px 28px 1px rgba(115, 152, 255, 0.15);
        border-radius: 10px 10px 10px 10px;
        opacity: 1;
        overflow: hidden;
        display: block;
        position: relative;
        border: 1px solid #C3CFFF;
}

.class_video ul li.bigs {
        width: 465px;
        height: 190px;
}

.class_video ul li>i {
        width: 30px;
        height: 6px;
        background: #214BF7;
        border-radius: 0px 0px 0px 0px;
        opacity: 1;
        position: absolute;
        top: 0px;
        left: 28px;
        display: block;
}

.class_video ul li>div>span {
        display: none;
}

.class_video ul li>div span{ display:none;}

.class_video ul li>div span>p {
        font-size: 14px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 28px;
        height: 100%;
}

.class_video ul li.on>div span {
        width: 105px;
        height: 30px;
        background: #214BF7;
        border-radius: 46px 46px 46px 46px;
        opacity: 1;
        border: 1px solid #FFFFFF;
        display: flex;
        margin-top: 13px;
        justify-content: space-evenly;
}

.class_video ul li.on>div div {
        display: none;
}

.class_video ul li>div div {
        margin-top: 15px;
}

.class_video ul li>div span>img {
        width: 20px;
        height: 10px;
        margin-top: 8px;
}

.class_video ul li.bigs>div {
        width: 402px;
}

.class_video ul li>div {
        display: flex;
        width: 183px;
        justify-content: space-between;
        margin-left: 18px;
}

.class_video ul li>div>img {
        width: 50px;
        height: 50px;
}

.class_video ul li>span {
        margin-left: 25px;
        margin-top: 21px;
        display: block;
}

.class_video ul li>span h5 {
        min-width: 147px;
        height: 30px;
        font-size: 20px;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #333333;
        line-height: 30px;
}

.class_video ul li.on>span h5 {
        color: #214BF7;
}

.class_video ul li.bigs>span p {
        width: 286px;
}

.class_video ul li>span p {
        width: 164px;
        height: 50px;
        font-size: 14px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #666666;
        line-height: 18px;
}

.class_video>a {
        width: 100px;
        height: 24px;
        font-size: 16px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #214BF7;
        line-height: 24px;
        display: block;
        margin: 37px auto 0;
        text-align: center;
}

/*护航*/
.escort {
	width: 1200px;
	margin:70px auto 0;
}

.escort>span {
	font-size: 36px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 42px;
	text-align: center;
	display: block;
}

.escort>div {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.escort>div>div {
	width: 277px;
	height: 389px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	opacity: 1;
}

.escort>div>div>div {
	width: 224px;
	margin: 32px auto 0;
}

.escort>div>div>div>div {
	display: flex;
}

.escort>div>div>div>div h5 {
	font-size: 64px;
	font-family: Impact-Regular, Impact !important;
	font-weight: 400;
	color: #214BF7;
	line-height: 75px;
}

.escort>div>div.on>div>div h5 {
	color: #ffffff;
}

.escort>div>div.on>div>div i {
	color: #ffffff;
}

.escort>div>div>div>div i {
	width: 24px;
	height: 36px;
	font-size: 24px;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	line-height: 36px;
	font-style: normal;
	text-align: center;
	margin: 18px 23px 0 7px;
}

.escort>div>div>div>div img {
	width: 34px;
	height: 34px;
	margin-top: 13px;
}

.escort>div>div>div>div img:nth-child(3) {
	display: none;
}

.escort>div>div.on>div>div img:nth-child(3) {
	display: block;
}

.escort>div>div.on>div>div img:nth-child(4) {
	display: none;
}

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

.escort>div>div>div>span {
	width: 44px;
	height: 6px;
	background: linear-gradient(90deg, #214BF7 0%, #FFFFFF 100%);
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	display: block;
}

.escort>div>div>div>img {
	width: 80px;
	height: 80px;
	display: block;
	margin-top: 0px;
}
.escort>div>div.on>div>img:nth-child(4) {
	display:block;
}
.escort>div>div.on>div>img:nth-child(5) {
	display:none;
}
.escort>div>div>div>img:nth-child(4) {
	display:none;
}
.escort>div>div>div>p {
	height: 100px;
	font-size: 14px;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 25px;
	margin-top: 12px;
}

.escort>div>div.on {
	background: linear-gradient(271deg, #173FFD 0%, #617CFF 100%);
}

.escort>div>div.on>div>h5 {
	color: #fff;
	;
}

.escort>div>div.on>div>span {
	background: linear-gradient(338deg, #214BF7 -33%, #FFFFFF 100%);
}

.escort>div>div.on>div>p {
	color: #FFFFFF;
	;
}

/*移动*/
.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;
	height: 4rem;
	position: relative;
	background: url(../image/m/address/banner.png) no-repeat;
	overflow: hidden;
}

.top_banner>span {
	font-size: 0.56rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	display: block;
	margin-top: 0.42rem;
	line-height: 0.65rem;
}

.top_banner>h4 {
	text-align: center;
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.35rem;
}

/*课程导航*/
.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(../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(../image/m/kaifa.png) no-repeat center;
	background-size: 100%;
	color: #214BF7;
}

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

.sidenavs>div:nth-child(4) span {
	background: url(../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: 1.45rem;
	left: 0;
	right: 0;
	z-index: 999
}

/* top*/
.banner_list {
	width: 6.9rem;
	/* height: 3.3rem; */
	height: 2.5rem;
	background: #FFFFFF;
	box-shadow: 0px 0.2rem 0.28rem 0.01rem rgba(115, 152, 255, 0.15);
	border-radius: 0.2rem;
	opacity: 1;
	margin: -1.47rem auto 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 999;
}

.banner_list>div {
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 0.08rem 0 0 0.21rem;
	width: 6.47rem;
}

.banner_list>div span {
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.35rem;
}

.banner_list>div span::before {
	content: "";
	width: 0.08rem;
	height: 0.3rem;
	background: #214BF7;
	border-radius: 0.06rem;
	opacity: 1;
	display: inline-block;
	margin-right: 0.12rem;
}

.banner_list>div:nth-child(1) ul li a.on {
	background-color: #214BF7;
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #FFFFFF;
}

.banner_list>div:nth-child(2) ul li a.on {
	background-color: #214BF7;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #fff;
}

.banner_list>div:nth-child(2) {
	margin-top: 0.38rem;
}

.banner_list>div ul {
	display: flex;
	border-radius: 0.1rem;
	margin: 0rem;
	padding-bottom: 0.28rem;
	width: 37.8rem;
	flex-wrap: wrap;
}

.banner_list>div ul li {
/* 	flex-shrink: 0; */
	width: 1.35rem;
	height: 0.7rem;
	line-height:0.7rem;
	/* line-height: normal !important;
	    padding:7px 0; */
	border-radius: 0.2rem;
	border: 0.01rem solid #DEE7FF;
	text-align: center;
	margin-right: 0.36rem;
	/* padding: 0 0.1rem 0 0.1rem; */
	margin-top: 0.2rem;
}

.banner_list>div ul li.on {
	color: #ffffff;
	background-color: #214BF7;
}

/* ::-webkit-scrollbar {
	display: none;
} */
.banner_list>div::-webkit-scrollbar {
	height: 0.1rem;
	background: #DEE7FF;
	margin-right: 5px;
	position: relative;
	z-index: 999;
}

.banner_list>div::-webkit-scrollbar-track {
	background: #DEE7FF;
	border-radius: 2px;
}

.banner_list>div::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #214BF7;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	position: absolute;
}

.banner_list>div::-webkit-scrollbar-thumb::after {
	content: "";
	width: 0.1rem !important;
	height: 0.8rem !important;
	background: #fff;
	border-radius: 0.2rem;
	opacity: 1;
	overflow: hidden;
	display: block;
}

.banner_list>div::-webkit-scrollbar-thumb:hover {
	background: #C3CFFF;
}

.banner_list>div::-webkit-scrollbar-corner {
	background: #179a16;
}

/*校区展示*/
.course_nav_m {
	overflow: hidden;
}

.course_nav_m>div {
	width: 6.9rem;
	    height: auto;
	    background: #FFFFFF;
	    box-shadow: 0px 0.13rem 0.13rem 0.01rem rgb(115 152 255 / 19%);
	    border-radius: 0.2rem;
	    opacity: 1;
	    margin: 1.26rem auto 0;
}

.course_nav_m .tab-contents ul li {
	width: 100%;
	height: 2.86rem;
	border-radius: 0.1rem;
	opacity: 1;
	/* border: 1px solid #DEE7FF; */
	margin-bottom: 0.3rem;
	overflow: hidden;
}

.left_campus_m {
	/* margin-top: 2.53rem; */
}

.left_campus_m>div {
	width: 6.3rem;
/*	height: 3.64rem;*/
	margin: 0.30rem auto 0;
	display: block;
}
.left_campus_m>div img{
	width: 6.3rem;
}
.right_campus_m {
	/* overflow-x: scroll; */
	background: #FFFFFF;
	border-radius: 0.1rem;
	opacity: 1;
	margin-top: 0.30rem;
}

.right_campus_m>span::before {
	content: "";
	width: 0.11rem;
	height: 0.37rem;
	background: #2964FE;
	border-radius: 0.44rem;
	opacity: 1;
	display: inline-block;
	margin-right: 11px;
}

.right_campus_m>span {
	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.28rem 0 0.30rem 0.3rem;
	display: flex;
}

/* .right_campus_m>div.onshow {
	display: block;
} */

.right_campus_m>div {
	/* 	display: none; */
	background: #FFFFFF;
	border-radius: 0.2rem;
	opacity: 1;
	margin-left: 0.3rem;
	overflow-y: hidden;
	white-space: nowrap;
	overflow-x: scroll;
}

.right_campus_m>div::-webkit-scrollbar {
	display: none;
}

.right_campus_m>div>div {
	width: 4.56rem;
	height: 3.6rem;
	background: #FFFFFF;
	border-radius: 0.2rem;
	opacity: 1;
	border: 1px solid #DEE7FF;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.30rem;
}

.right_campus_m>div>div.on {
	border: 0.02rem solid #214BF7;
}

.right_campus_m>div>div:first-child {
	margin-top: 0;
}

.right_campus_m>div>div.on {
	border: 1px solid #214BF7;
}

.right_campus_m>div>div>i {
	margin: 0.19rem 0 0 0.38rem;
	/* width:317px; */
	width: 0.6rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	font-style: normal;
	background: url(../image/address/dz.png) no-repeat center;
	color: #fff;
	display: block;
}

.right_campus_m>div>div>span {
	margin: 0 0 0 0.50rem;
	display: block;
	/* width:317px; */
}

.right_campus_m>div>div>span h5 {
	font-size: 0.28rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #214BF7;
}

.right_campus_m>div>div>span p {
	margin: 0.09rem 0 0.23rem 0;
	width: 3.9rem;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	white-space: initial;
}

.right_campus_m>div>div>div a {
	width: 1.69rem;
	height: 0.61rem;
	line-height: normal !important;
	    padding: 6.1px 0;
	background: #214BF7;
	border-radius: 0.1rem;
	opacity: 1;
	color: #FFFFFF;
	display: block;
	margin-left: 0.46rem;
	text-align: center;
}

.course_nav_m .bottom_sh_m {
	display: none;
	width: 6.6rem;
	margin: 0 auto;
	padding-left: 0.2rem;
}

.course_nav_m .bottom_sh_m.onshow {
	display: block;
}

.course_nav_m .bottom_sh_m>span {
	font-size: 0.32rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	line-height: 0.38rem;
	display: flex;
	margin: 0.4rem 0 0rem 0;
}

.course_nav_m .bottom_sh_m>span::before {
	content: "";
	width: 0.11rem;
	height: 0.37rem;
	background: #2964FE;
	border-radius: 0.44rem;
	opacity: 1;
	display: inline-block;
	margin-right: 0.11rem;
}

.course_nav_m .bottom_sh_m ul {
	display: flex;
}

.course_nav_m .bottom_sh_m ul li img {
	width: 9.45rem;
	    /* height: 2.86rem; */
	    margin-right: 0.3rem;
	    margin-top: 0.4rem;
}

/*课程推荐*/
.class_video_m {
	width: 7.5rem;
	margin: 0.7rem auto 0;
}

.class_video_m>span {
	font-size: 0.4rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	text-align: center;
	display: block;
	margin-bottom: 0.34rem;
}

.class_video_m ul {
	margin: 0.25rem auto 0;
	width: 6.9rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.class_video_m ul li {
	width: 1.52rem;
	height: 1.43rem;
	box-shadow: 0px 0.07rem 20px 0.01rem rgba(115, 152, 255, 0.15);
	border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
	opacity: 1;
	border: 0.01rem solid #C3CFFF;
}

.class_video_m ul li.bigs {
	width: 3.32rem;
	height: 1.43rem;
	box-shadow: 0px 0.07rem 0.2rem 0.01rem rgba(115, 152, 255, 0.15);
	border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
	opacity: 1;
	border: 0.01rem solid #C3CFFF;
}

.class_video_m ul li.bigss {
	width: 5.11rem;
	height: 1.43rem;
	box-shadow: 0px 0.07rem 0.2rem 0.01rem rgba(115, 152, 255, 0.15);
	border-radius: 0.2rem;
	opacity: 1;
	border: 0.01rem solid #C3CFFF;
}

.class_video_m ul li>div>span {
	display: none;
}

.class_video_m ul li>div {
	width: 100%;
}

.class_video_m ul li>div>img {
	width: 0.5rem;
	height: 0.5rem;
	margin: 0 auto;
	display: block;
}

.class_video_m ul li>span {
	display: block;
}

.class_video_m ul li>span h5 {
	text-align: center;
	font-size: 0.3rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	line-height: 0.35rem;
}

/*护航*/
.escort_m {
	width: 7.5rem;
	margin: 0.70rem auto 0;
}

.escort_m>span {
	font-size: 0.4rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	text-align: center;
	display: block;
	margin-bottom: 0.36rem;
}

.escort_m>div {
	display: flex;
	justify-content: space-around;
	margin-bottom: 0.30rem;
	/* width: 7.5rem; */
	flex-wrap: wrap;
	width: 6.9rem;
	margin: 0 auto;
}

.escort_m>div>div {
	width: 3.3rem;
	height: 3.4rem;
	background: #FFFFFF;
	border-radius: 0.2rem;
	opacity: 1;
	margin-bottom: 0.30rem;
}

.escort_m>div>div>div {
	margin: 0.17rem auto 0;
}

.escort_m>div>div>div>div {
	display: flex;
	margin-left: 0.40rem;
}

.escort_m>div>div>div>div h5 {
	font-size: 0.96rem;
	font-family: Impact-Regular, Impact !important;
	font-weight: 400;
	color: #214BF7;
}

.escort_m>div>div>div>div i {
	width: 0.26rem;
	height: 0.39rem;
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #214BF7;
	font-style: normal;
}

.escort_m>div>div>div>div img {
	width: 34px;
	height: 34px;
	margin-top: 13px;
}

.escort_m>div>div>div>div img:nth-child(3) {
	display: none;
}

.escort_m>div>div.on>div>div img:nth-child(3) {
	display: block;
}

.escort_m>div>div.on>div>div img:nth-child(4) {
	display: none;
}

.escort_m>div>div>div>h5 {
	font-size: 0.26rem;
	font-family: Source Han Sans CN-Bold, Source Han Sans CN;
	font-weight: bold;
	color: #333333;
	margin: 0 0 0 0.40rem;
}

.escort_m>div>div>div>span {
	display: flex;
	width: 2.63rem;
	margin: 0 auto;
	justify-content: space-between;
}

.escort_m>div>div>div>span>img {
	width: 1rem;
	height: 1rem;
	display: block;
	margin: 0.38rem 0 0 0rem;
}

.escort_m>div>div>div>span>span {
	content: "";
	width: 0.46rem;
	height: 0.08rem;
	background: #214BF7;
	border-radius: 0px 0px 0px 0px;
	opacity: 1;
	display: block;
	margin-top: 1.08rem;
}

/*foots*/
.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.01rem 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;
}