@font-face {
    font-family: 'digifaw';
    src: url('../font/digifaw.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}

@keyframes backgroundScale {
	0% {
		background-size: 40% 50%;
	}
	50% {
		background-size: 45% 50%;
	}
	100% {
		background-size: 40% 50%;
	}
}

@keyframes scale {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes scale_map {
	0% {
		transform: scale(0.98);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.98);
	}
}
.head {
	z-index: 10;
}

.content {
	top: 4.15%;
}

.main {
	padding: 1vh;
}
#container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
}

.userdetail {
	position: absolute;
	top: 16.76%;
	right: 19px;
	width: 199.2px;
	background: -webkit-linear-gradient(#10797C, #32377D);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#10797C, #32377D);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#10797C, #32377D);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#10797C, #32377D);
	/* Standard syntax */
	text-align: center;
	color: #AFD9C9;
	font-size: 12.8px;
	font-family: STHeitiSC;
	line-height: 19.92px;
	padding-bottom: 20px;
}

.tohidden {
	cursor: pointer;
	position: absolute;
	right: 5.69px;
	top: 5.69px;
	height: 11.38px;
}

.userdetail>.userhead {
	margin-top: 14.23px;
	height: 42.69px;
	border-radius: 50%;
}

.userdetail ul {
	text-align: left;
	font-size: 11.38px;
	border-top: 1px dashed #ACD8C7;
	line-height: 26.32px;
	padding: 2.13px 14.23px;
	margin-top: 10.67px;
}

.userdetail li>p {
	color: #FFFFFF;
}

.userdetail>button {
	border: none;
	width: 128.06px;
	height: 25.61px;
	margin-top: 10.62px;
	color: white;
	font-size: 9.96px;
	background: -webkit-linear-gradient(right, #168288, #156B89);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #168288, #156B89);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #168288, #156B89);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(right, #168288, #156B89);
	/* Standard syntax */
}

.anchorBL {
	display: none;
}

.hidden {
	display: none;
}

.container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-around;
	padding: 15vh 23vw 10vh;
}

.client {
	width: 14.375vw;
	height: 42vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.client .icon {
	width: 14.375vw;
	height: 14.375vw;
	background-image: url("../images/client_icon.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.client .button {
	width: 14.375vw;
	height: 5.83vh;
	background-color: #0296FF;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	font-size: 24px;
	font-family: BDZYJT--GB1-0, BDZYJT--GB1, 'PingFang SC';
	font-weight: normal;
	color: #FFFFFF;
	line-height: 28px;
	letter-spacing: 1px;
	text-shadow: 0px 2px 0px rgba(0, 148, 225, 0.69);
}

.service {
	width: 14.375vw;
	height: 42vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.service .icon {
	width: 14.375vw;
	height: 14.375vw;
	background-image: url("../images/service_icon.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.service .button {
	width: 14.375vw;
	height: 5.83vh;
	background-color: #0296FF;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	font-size: 24px;
	font-family: BDZYJT--GB1-0, BDZYJT--GB1, 'PingFang SC';
	font-weight: normal;
	color: #FFFFFF;
	line-height: 28px;
	letter-spacing: 1px;
	text-shadow: 0px 2px 0px rgba(0, 148, 225, 0.69);
}

.iframe {
	width: 375px;
	height: 667px;
	position: fixed;
	top: 14vh;
	left: 50%;
	margin-left: -187px;
	z-index: 10;
}
.iframe3 {
	width: 1000px;
	height: 750px;
	position: fixed;
	top: 14vh;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
	background: #000;
}
.iframe::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 6px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}

.iframe::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 6px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #ccc;
}

.back {
	width: 100px;
	height: 36px;
	background-image: url("../images/back.png");
	background-repeat: no-repeat;
	background-size: 100%;
	position: fixed;
	top: 12.4vh;
	left: 50%;
	margin-left: -200px;
	z-index: 10;
}

.quit {
	width: 32px;
	height: 32px;
	background-image: url("../images/icon_quit.png");
	background-repeat: no-repeat;
	background-size: 100%;
	position: fixed;
	top: 12.4vh;
	right: 50%;
	margin-right: -200px;
	border-radius: 50%;
	z-index: 10;
}
.swiper-quit {
	width: 32px;
	height: 32px;
	background-image: url("../images/icon_quit.png");
	background-repeat: no-repeat;
	background-size: 100%;
	position: fixed;
	top: 12vh;
    right: 33.6%;
	margin-right: -200px;
	border-radius: 50%;
	z-index: 10;
}

.all {
	background: url("../images/bg.png") no-repeat center center;
	background-size: 100% 100%;
}
.container_left {
	width: 25vw;
	height: 90vh;
}

.left_title {
	width: 25vw;
	height: 4vh;
	text-align: center;
}

.left_title img {
	width: 40%;
	/* height: 10vh; */
	animation: scale 1.5s linear infinite;
}

.left_content {
	width: 25vw;
	height: 84vh;
	background: url("../images/index/container_left_bg.png") no-repeat center center;
	background-size: 100% 100%;
}

.left_contetn_top {
	width: 100%;
	height: 100%;
	padding: 1.5vh 3vh;
	color: #FFFFFF;
}

.left_contetn_top>p {
	font-size: 1rem;
	font-weight: bold;
	/* text-align: center; */
	display: flex;
	align-items: center;
}

.left_contetn_top>p:nth-of-type(3) {
	margin-top: 3vh;
	margin-bottom: -0.8vh;
}

.set_left_top_title {
	font-size: 1rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	position: relative;
	margin-top: 0.7vh;
}

.set_left_top_title>span {
	display: inline-block;
}

.set_left_top_title>ul {
	display: inline-block;
	width: 15rem;
	display: flex;
	position: absolute;
    left: 9.8vw;
}

.set_left_top_title>ul>li {
	font-size: .9rem;
	width: 6.8rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2.2rem;
	color: #fff;
	background: url("../images/index/button_bg.png") no-repeat center center;
	background-size: 100% 100%;
	border: none;
	margin: 0 .2rem;
	font-weight: bold;
	font-size: 1.2vh;
}

.left_contetn_top>p>button {
	font-size: .9rem;
	display: block;
	width: 6.8rem;
	height: 2.5rem;
	/* padding: .8rem .2rem; */
	font-weight: bold;
	color: #fff;
	background: url("../images/index/button_bg.png") no-repeat center center;
	background-size: 100% 100%;
	border: none;
	margin: 0 .2rem;
}

.set_left_top_title>img {
	width: 26%;
	margin-left: .5vh;
	position: absolute;
    left: 8vh;
}

.left_contetn_top>p>img {
	width: 25%;
	margin-left: .5vh;
}

.showNumDes {
	width: 100%;
	height: 16vh;
	padding: 1vh 0;
	display: flex;
	font-size: 0;
	flex-wrap: wrap;
	margin-top: 1vh;
}

.showNumDes li {
	width: 50%;
}

.showNumDes li>img {
	display: inline-block;
	width: 4.5vh;
}

.left_top_sh_node {
	display: inline-block;
	width: 60%;
	margin-left: 1.5vh;
}

.left_top_sh_node p:nth-child(1) {
	margin-bottom: .7vh;
	font-size: 1.1vh;
}

.left_top_sh_node p:nth-child(2) {
	color: #03EDFF;
	font-size: 1.8vh;
}

.left_top_sh_node>img {
	width: 70%;
}

.echarts_node {
	width: 100%;
	height: 18vh;
	/* background: chartreuse; */
	padding: 1.5vh 0;
	/* background: #10797C; */
	/* display: flex;
	font-size: 0;
	flex-wrap: wrap; */
}

.echarts_node_2 {
	width: 100%;
	height: 14vh;
	/* background: chartreuse; */
	padding: 1.2vh 0 0;
}

.city_node {
	width: 100%;
	height: 20vh;
	display: flex;
	justify-content: space-around;
	margin-top: 1vh;
}

.city_node li {
	width: 30%;
	text-align: center;
}

.city_title {
	position: relative;
	margin-top: 2vh;
}

.city_title img {
	display: block;
	width: 100%;
	height: 2vh;
}

.city_title span {
	position: absolute;
	font-size: 1.2vh;
	font-weight: bold;
	top: -0.5vh;
	left: 3vh;
}

.city_list_node {
	width: 100%;
    height: 15vh;
    overflow: hidden;
}

.city_list_node li {
	width: 100%;
	height: 3vh;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.city_list_node li img {
	display: inline-block;
	width: 1.5vh;
	height: 1.65vh;
}
.city_list_node li span:last-child {
	margin-right: 3.6vh;
	font-size: 1.4vh;
	font-family: AlibabaPuHuiTiM;
	color: #FFFFFF;
	line-height: 2.8vh;
}
.container_center {
	width: 50vw;
	height: 90vh;
}

.center_title {
	width: 50vw;
	height: 5vh;
	text-align: center;
}

.center_title img {
	display: inline-block;
	width: 25%;
}

.center_num_show {
	width: 100%;
	height: 8vh;
	color: #FFFFFF;
	display: flex;
	justify-content: space-around;
	padding-bottom: 0.5vh;
}

.center_num_show .online_node {
	width: 38%;
}

.echarts_map {
	width: 100%;
	height: 55vh;
	padding-top: 1.111vh;
	background-image: url("../images/main_center.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 40% 50%;
	display: flex;
	justify-content: center;
	position: relative;
	animation-name: backgroundScale;
 	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	
}

.main_tips_node {
	position: absolute;
	right: 0rem;
	bottom: 1rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	animation: scale 3s linear infinite;
}

.map_list {
	width: 11.5vh;
	height: 12.4vh;
	position: absolute;
	left: 2rem;
	bottom: 3rem;
	color: #FFFFFF;
	/* border: 1px solid red; */
}
.map_list>li {
	width: 11vh;
	height: 3.6vh;
	background-repeat: no-repeat;
	background-size: 100%;
}
.map_list>li:not(:first-child) {
	margin-top: 0.8vh;
}
.map_list>li:nth-child(1) {
	background-image: url("../images/service.png");
}
.map_list>li:nth-child(2) {
	background-image: url("../images/youth.png");
}
.map_list>li:nth-child(3) {
	background-image: url("../images/research.png");
}
.map_list>li.map_listActive {
	width: 11.5vh;
}
.map_list>li:nth-child(1).map_listActive {
	background-image: url("../images/service_active.png");
}
.map_list>li:nth-child(2).map_listActive {
	background-image: url("../images/youth_active.png");
}
.map_list>li:nth-child(3).map_listActive {
	background-image: url("../images/research_active.png");
}

#site-dist {
	width: 50%;
	height: 90%;
	position: relative;
	z-index: 9;
}

.center_buttom {
	width: 100%;
	height: 16vh;
	background: url(../images/index/center_btm_bg.png) no-repeat center center;
	background-size: 100% 100%;
	color: #fff;
	padding: 2vh 1vw;
	display: flex;
}

.center_btm_left {
	margin-left: 1vw;
	height: 100%;
	width: 50%;
	overflow: hidden;
}

.center_btm_left p {
	position: relative;
}

.center_btm_left p img {
	position: absolute;
	top: 0.9vh;
	left: 8vh;
	vertical-align: middle;
}
.center_btm_left ul{
	padding: 1.111vh 0;
}
.center_btm_left ul li {
	color: #03D1E4;
	max-height: 2.5rem;
	font-size: 1.481vh;
	line-height: 3.056vh;
	/* line-height: 2.5rem; */
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	width: 90%;
	margin-right: -1rem;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	list-style: inside;
}

.center_btm_left ul li>span {
	/* color: ; */
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0.2rem 0.3rem 0.2rem 0;
	background: #03D1E4;
	border-radius: 50%;
}

.center_btm_right {
	margin-left: 1vw;
	width: 50%;
}

.center_btm_right p {
	position: relative;
}

.center_btm_right p img {
	position: absolute;
	top: 0.9vh;
	left: 8vh;
	vertical-align: middle;
}

.center_btm_right ul li {
	color: #03D1E4;
	list-style: inside;
	max-height: 2.5rem;
	font-size: 1.6vh;
	line-height: 2.5rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	width: 100%;
	margin-right: -1rem;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.center_btm_right ul li>span {
	/* color: ; */
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0.2rem 0.3rem 0.2rem 0;
	background: #03D1E4;
	border-radius: 50%;
}

.container_right {
	width: 26vw;
	height: 90vh;
}

.ctan_right_top {
	width: 100%;
	height: 29vh;
	background: url(../images/index/right_top_bg.png) no-repeat center center;
	background-size: 100% 100%;
	color: #fff;
	font-size: 1.5vh;
	padding: 1vh 2vw;
	position: relative;
}

.ctan_right_top>p {
	margin-top: 1rem;
}

.ctan_right_top>p>img {
	width: 36%;
	margin-top: .5rem;
	margin-left: .3rem;
}

.ctan_right_center {
	width: 100%;
	height: 30vh;
	background: url(../images/index/right_top_bg.png) no-repeat center center;
	background-size: 100% 105%;
	color: #fff;
	font-size: 1.5vh;
	padding: 1vh 1vw;
	position: relative;
}

.ctan_right_center>p {
	margin-left: 1rem;
	font-size: 1.2rem;
}

.ctan_right_center>.btn_pos {
	position: absolute;
	right: 1rem;
	top: 0;
	width: 14rem;
	height: 3.5rem;
	/* background: #fff; */
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.ctan_right_center>.btn_pos li {
	width: 6rem;
	height: 2.3rem;
	background: url("../images/index/button_bg.png") no-repeat center center;
	background-size: 100% 100%;
	text-align: center;
	line-height: 2.15rem;
	font-size: 1.2vh;
	font-weight: bold;
}

.ctan_right_top>.top_btn_pos {
	position: absolute;
	right: 1rem;
	top: .6rem;
	width: 14rem;
	height: 3.5rem;
	/* background: #fff; */
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.ctan_right_top>.top_btn_pos li {
	width: 6rem;
	height: 2.3rem;
	background: url("../images/index/button_bg.png") no-repeat center center;
	background-size: 100% 100%;
	text-align: center;
	line-height: 2.15rem;
	font-size: 1.2vh;
    font-weight: bold;
}

.btom_btn_pos {
	position: absolute;
    right: 1.2rem;
    top: 0.6rem;
    width: 22rem;
    height: 5.6rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.btom_btn_pos span {
	font-size: 1.2vh;
	font-family: AlibabaPuHuiTiM;
	color: #FFFFFF;
	line-height: 0.9vh;
}

.btom_btn_pos li {
	width: 10rem;
    height: 2.3rem;
    background: url(../images/index/big_btn.png) no-repeat center center;
    background-size: 100% 100%;
    text-align: left;
    padding-left: 1rem;
    color: #fff;
    font-weight: bold;
    line-height: 2rem;
}

.ctan_right_center p>img {
	width: 30%;
	margin-left: 1.5vh;
	margin-top: 0.7rem;
}

.ctan_right_bottom {
	width: 100%;
	height: 25.5vh;
	background: url(../images/index/right_top_bg.png) no-repeat center center;
	background-size: 100% 100%;
	position: relative;
}

.right_title {
	width: 25vw;
	height: 3.6vh;
	text-align: center;
}

.right_title img {
	display: inline-block;
	width: 40%;
	animation: scale 1.5s linear infinite;
}

.ctan_right_top_left {
	width: 50%;
	float: left;
}

.ctan_right_top_right {
	width: 50%;
	float: left;
}

.ctan_right_city_title {
	position: relative;
	margin-top: 2.4vh;
}

.ctan_right_content {
	width: 100%;
	height: 19vh;
	padding: 1.5vh .8vw;
	background: url(../images/index/right_bg_1.png) no-repeat center center;
	background-size: 100% 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ctan_right_content li {
	width: 47%;
	display: flex;
	justify-content: flex-start;
}

.ctan_right_content li .num_div {
	width: 2.3vh;
	height: 2.3vh;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 2.3vh;
}

.node_get_message {
	display: inline-block;
	margin-left: 0.3rem;
}

.node_get_message p {
	/* color: #03EDFF; */
	font-size: 1vh;
	margin-bottom: .45vh;
}

.node_get_message span {
	color: #03EDFF;
	font-size: 2vh;
}

.ctan_right_content li:nth-child(1) .num_div {
	background: #F7AF27;
}

.ctan_right_content li:nth-child(2) .num_div {
	background: #7D86A2;
}

.ctan_right_content li:nth-child(3) .num_div {
	background: #C8895F;
}

.ctan_right_content li:nth-child(4) .num_div {
	background: #0077FF;
	background-image: linear-gradient(#0077FF 100%, #003BAA 0%);
}

.ctan_right_content li:nth-child(5) .num_div {
	background: #0077FF;
	background-image: linear-gradient(#0077FF 100%, #003BAA 0%);
}

.ctan_right_content li:nth-child(6) .num_div {
	background: #0077FF;
	background-image: linear-gradient(#0077FF 100%, #003BAA 0%);
}

.ctan_right_city_title img {
	display: block;
	width: 100%;
	height: 2vh;
}

.ctan_right_city_title span {
	position: absolute;
	font-size: 1.2vh;
	font-weight: bold;
	top: -0.5vh;
	left: 3vh;
}

.ctan_right_content_two {
	width: 100%;
	height: 19vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ctan_right_content_two li {
	width: 100%;
	height: 9vh;
	background: url(../images/index/right_bg_2.png) no-repeat center center;
	background-size: 100% 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}

.ctan_right_info_title {
	position: relative;
	width: 88%;
	height: 1vh;
	background: linear-gradient(253deg, rgba(4, 17, 72, 0) 0%, #0077FF 100%);
	border-radius: 1px;
	top: 0.4vh;
	left: 0.6vh;
}

.ctan_right_info_title span {
	position: absolute;
	font-size: 1.2vh;
	font-weight: bold;
	top: -0.8vh;
	left: 1.2vh;
}

.info_1 span {
	font-size: .8rem;
}

.info_1 span:nth-child(2), .info_1 span:nth-child(4) {
	color: #03EDFF;
	font-size: 1.2rem;
}

.right_show_school_data {
	width: 100%;
	height: 6vh;
	display: flex;
	justify-content: space-between;
	padding: .5rem;
	margin-top: 0.2rem;
}

.right_show_school_data li {
	background: url(../images/index/right_bg_2.png) no-repeat center center;
	background-size: 100% 100%;
	width: 33%;
	height: 5rem;
}

.right_show_school_data p {
	text-align: center;
	font-size: .8rem;
}

.right_show_school_data p:nth-child(1) {
	color: #03EDFF;
    font-size: 1.2rem;
    margin-top: 1rem;
	/* margin-bottom: .15rem; */
	/* margin: .3rem 0; */
}

.right_show_school_title {
	position: relative;
	margin-top: 2vh;
}

.right_show_school_title img {
	display: block;
	width: 50%;
	height: 2vh;
}

.right_show_school_title span {
	position: absolute;
	font-size: 1.2vh;
	font-weight: bold;
	top: -0.5vh;
	left: 3vh;
}

#school_echarts {
	width: 100%;
	height: 15vh;
}

.right_online_title {
	font-size: 1.2rem;
	/* padding: 2rem 2rem; */
	padding-top: 1.6rem;
	padding-left: 1.6rem;
	color: #fff;
}

.right_online_center {
	width: 100%;
	height: 19vh;
	padding: 1.6rem 1rem;
	display: flex;
	justify-content: space-between;
}

.right_online_pNum {
	width: 32%;
	height: 100%;
}
.right_online_number {
	width: 100%;
	display: flex;
	/* flex-direction: column; */
	margin-bottom: 2vh;
	align-items: center;
	color: #fff;
}

.right_online_pNum .number {
	display: flex;
	height: 3vh;
	/* margin-top: 2vh; */
}

.right_online_pNum .number i {
	display: flex;
	align-items: center;
	width: 2vh;
	height: 3vh;
	font-size: 3vh;
	line-height: 3vh;
	font-family: DINAlternate-Bold, DINAlternate;
	font-weight: bold;
	color: #D8FFF9;
	text-indent: 0.3vh;
	letter-spacing: 1.2vh;
	margin-left: 0.2vh;
	background-image: url("../images/icon_number.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.right_online_pNum .number {
	display: flex;
	height: 3.5vh;
	/* margin-top: 2vh; */
}

.right_online_pNum .number i {
	display: flex;
	align-items: center;
	width: 2.5vh;
	height: 3.5vh;
	font-size: 3vh;
	line-height: 3.2vh;
	font-family: DINAlternate-Bold, DINAlternate;
	font-weight: bold;
	color: #D8FFF9;
	text-indent: 0.3vh;
	letter-spacing: 1.2vh;
	margin-left: 0.2vh;
	background-image: url("../images/icon_number.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.right_online_pNum .word {
	display: block;
	font-size: 1.4vh;
	font-family: AlibabaPuHuiTiR;
	color: #03EDFF;
	line-height: 22px;
	margin-top: 2vh;
	margin-left: 0.5vh;
	white-space: nowrap;
}

.right_online_number {
	width: 100%;
	display: flex;
	/* flex-direction: column; */
	margin-bottom: 2vh;
	align-items: center;
	color: #fff;
}

#right_online_zhutu {
	/* width: 60%; */
	width: 100%;
	height: 4rem;
	padding: 0 2rem;
	text-align: center;
}

#right_online_zhutu_title {
	text-align: center;
	color: #fff;
	font-size: .5rem;
}

.right_online_stadyNum {
	width: 66%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.4vh;
}

.right_online_stadyNum li {
	width: 50%;
	color: #fff;
	font-size: .4rem;
	margin-bottom: .8vh;
}
.right_online_stadyNum li .right_online_number {
	margin-top: 0.4vh;
}
.right_online_stadyNum li .right_online_number .number {
	display: flex;
	height: 2.6vh;
	margin-top: 0.2vh;
}
.right_online_stadyNum li .right_online_number .number i{
	display: flex;
    align-items: center;
    width: 1.9vh;
    height: 2.6vh;
    font-size: 2.3vh;
    line-height: 2.4vh;
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: bold;
    color: #D8FFF9;
    letter-spacing: 1vh;
	margin-left: 0.2vh;
	text-indent: 0.2vh;
    background-image: url(../images/icon_number_2.png);
    background-repeat: no-repeat;
    background-size: 100%;
	border-radius: 0.2vh;
}

.right_online_stadyNum li .right_online_number .word{
	font-size: 1.4vh;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #03EDFF;
	line-height: 1.4vh;
}


.cent_show_onlinePerson {
	display: flex;
	align-items: center;
}

.cent_show_onlinePerson .number {
	display: flex;
	height: 6vh;
	justify-content: flex-end;
}

.cent_show_onlinePerson .number i {
	display: flex;
	align-items: center;
	width: 3.5vh;
	height: 3.5vh;
	font-size: 4vh;
	line-height: 6vh;
	font-family: DINAlternate-Bold, DINAlternate;
	font-weight: bold;
	color: #D8FFF9;
	text-indent: 0.3vh;
	letter-spacing: 1.2vh;
	margin-left: 0.2vh;
	background-image: url("../images/index/grid-bg.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.cent_show_onlinePerson .word {
	font-size: 1.4vh;
	font-family: AlibabaPuHuiTiR;
	color: #03EDFF;
	line-height: 22px;
	margin-top: 2.8vh;
	margin-left: 0.5vh;
	white-space: nowrap;
}

.center_num_hasSql {
	width: 100%;
	/* height: 10vh; */
	display: flex;
	justify-content: space-between; 
	padding: 1.944vh 1.302vw 0;
}

.center_num_hasSql li {
	width: 8.725vw;
	/* width: 20%;  */
	/* background: url(../images/index/right_bg_2.png) no-repeat center center; */
	/* background-size: 100% 100%; */
	color: #FFFFFF; 
	/* background: rgba(0, 102, 194, 0.25); */
	box-shadow:  0px 2px 7px 0px rgba(0, 0, 0, 0.5) inset,6px -6px 16px 0px rgba(0, 114, 196, 0.5) inset; 
	border: 1px solid rgba(123, 238, 255, 0.5);
	font-size: 0;
}

.center_num_hasSql li p {
	text-align: center;
	font-size: 1.204vh;
	line-height: 2.87vh;
	padding-bottom: 0.185vh;
	font-family: PingFangSC-Semibold, PingFang SC;
	color: #FFFFFF;
}

.center_num_hasSql li p:nth-child(1) {
	color: #03EDFF;
	font-size: 2.963vh;
	line-height: 3.333vh;
	padding-top: 0.741vh;
}

.echarts_node .content {
	/* width: 9.7vh;
	height: 9vh; */
	/* background-image: url("../images/three.png"); */
	/* background-repeat: no-repeat;
	background-size: 100%; */
	position: relative;
}

.echarts_node .content .one {
	width: 6vh;
	height: 1.4vh;
	font-size: 1.1vh;
	font-family: AlibabaPuHuiTiR;
	color: #FF3FC3;
	line-height: 1.4vh;
	position: absolute;
	top: 1.5vh;
	left: -4.6vh;
}

.echarts_node .content .two {
	width: 6vh;
	height: 1.4vh;
	font-size: 1.1vh;
	font-family: AlibabaPuHuiTiR;
	color: #00D600;
	line-height: 1.4vh;
	position: absolute;
	bottom: 2.5vh;
	left: -4.8vh;
}

.echarts_node .content .three {
	width: 6vh;
	height: 1.4vh;
	font-size: 1.1vh;
	font-family: AlibabaPuHuiTiR;
	color: #FFAB00;
	line-height: 1.4vh;
	position: absolute;
	bottom: 2vh;
	right: -4.6vh;
}

.echarts_node .content .four {
	width: 6vh;
	height: 1.4vh;
	font-size: 1.1vh;
	font-family: AlibabaPuHuiTiR;
	color: #0296FF;
	line-height: 1.4vh;
	position: absolute;
	top: -0.5vh;
	right: -4.6vh;
}

.echarts_node>.content ul li>.sub_title {
	width: 16.6vh;
	height: 1.8vh;
	background-image: url(../images/subtitle.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: -0.6vh;
}

.echarts_node>.content ul li>.sub_title span {
	display: block;
	position: absolute;
	top: -0.6vh;
	left: 2vh;
	font-size: 1.8vh;
	font-family: AlibabaPuHuiTiM;
	color: #fff;
	line-height: 1.7vh;
}

.echarts_node>.content {
	width: 100%;
	height: 88%;
    margin-top: -1vh;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 10px;
}

.echarts_node>.content ul {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
}

.echarts_node>.content ul li {
	width: 24vh;
	height: 14.6vh;
	margin-top: 4vh;
}

.echarts_node>.content ul li:nth-child(2) {
	width: 18vh;
	height: 14.6vh;
	margin-left: 3vh;
}

.echarts_node>.content ul li:nth-child(3) {
	width: 36vh;
	height: 17.6vh;
	margin-left: 3vh;
}

.echarts_node>.content ul li>.sub_title {
	width: 16.6vh;
	height: 1.8vh;
	background-image: url(../images/subtitle.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	/* top: 1.4vh; */
}

.echarts_node>.content ul li>.sub_title span {
	display: block;
	position: absolute;
	top: -0.6vh;
	left: 2vh;
	font-size: 1.2vh;
	font-family: AlibabaPuHuiTiM;
	color: #fff;
	line-height: 1.7vh;
}

.echarts_node>.content ul li>.sub_content {
	width: 20vh;
	height: 9.4vh;
	margin-top: 1vh;
}

.sex {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.sex .left {
	width: 6%;
	height: 130%;
	margin-left: 30%;
	position: relative;
}

.sex .left .man {
	width: 100%;
	height: 70%;
	background-image: url("../images/user_man_top.png");
	background-repeat: no-repeat;
	background-size: 100% 80%;
	position: absolute;
	top: 0;
}

.sex .left .man .icon {
	width: 1.5vh;
	height: 1.5vh;
	position: absolute;
	top: 0.3vh;
	left: -2vh;
	background-image: url("../images/user_man.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.sex .left .man .word {
	position: absolute;
	top: 2.5vh;
	left: -6.5vh;
	font-size: 1.1vh;
	font-family: AlibabaPuHuiTiR;
	color: #FFFFFF;
	line-height: 0.8vh;
}

.sex .left .man .num {
	position: absolute;
	top: 2.5vh;
	left: -5vh;
	font-size: 1.2vh;
	font-family: AlibabaPuHuiTiR;
	color: #FFFFFF;
	line-height: 0.8vh;
	font-weight: bold;
	color: #09C1FF;
}

.sex .left .women {
	width: 100%;
	height: 70%;
	background-image: url(../images/user_women_bottom.png);
	background-repeat: no-repeat;
	background-size: 100% 80%;
	position: absolute;
	bottom: 0px;
	background-position: bottom;
}

.sex .left .women .icon {
	width: 1.5vh;
	height: 1.5vh;
	position: absolute;
	bottom: 0.3vh;
	left: -2vh;
	background-image: url("../images/user_women.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.sex .left .women .word {
	position: absolute;
	bottom: 2.5vh;
	left: -6.5vh;
	font-size: 1.1vh;
	font-family: AlibabaPuHuiTiR;
	color: #FFFFFF;
	line-height: 0.8vh;
}

.sex .left .women .num {
	position: absolute;
	bottom: 2.5vh;
	left: -5vh;
	font-size: 1.2vh;
	font-family: AlibabaPuHuiTiR;
	color: #FFFFFF;
	line-height: 0.8vh;
	font-weight: bold;
	color: #F83DBF;
}

.sex .right {
	width: 7.8vh;
	height: 7.8vh;
	background-image: url("../images/user.png");
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 1vh;
	animation: scale 2s linear infinite;
}

.option_div {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 13rem;
	width: 11rem;
	padding: 1rem 1rem;
}
.option_div_blue {
	background-image: url("../images/index/option_bg_1.png");
}
.option_div_green {
	background-image: url("../images/index/option_bg_2.png");
}
.option_div_red {
	background-image: url("../images/index/option_bg_3.png");
}
.option_p {
	margin-top: 0.3rem;
}
.option_div .option_title {
	display: inline-block;
	width: 7px;
	height: 3px;
	border-radius: 50%;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 16px;
}
.option_blue {
	color: #03EDFF;
}
.option_green {
	color: #85F95F;
}
.option_red {
	color: #FF4A3F;
}
.option_white {
	color: #FFFFFF;
}
.option_number {
	display: inline-block;
	height: 1.6rem;
	font-size: 1.2rem;
	font-family: digifaw;
	margin-right: 0.5rem;
	line-height: 1.4rem;
	background-repeat: repeat-x;
	letter-spacing: 0.15rem;
	text-indent: 0.1rem;
	color: #FFFFFF;
}
.option_number_blue {
	background-image: url("../images/index/icon_number_1.png");
}
.option_number_green {
	background-image: url("../images/index/icon_number_2.png");
}
.option_number_red {
	background-image: url("../images/index/icon_number_3.png");
}

.option_last_div {
	height: 4rem;
	width: 6rem;
	/* padding: .5rem .5rem; */
	padding-top: 5px;
}

.option_div_num {
	display: inline-block;
	color: #fff;
}

.showInfo {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 20;
}

.showVideo_top {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 20;
}
.showVideo_left {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 20;
}
.showVideo_right {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background: rgba(0, 0, 0, 0.7);
	display: none;
	z-index: 20;
}

.iframe2 {
	width: 80%;
	height: 80%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
}

.iframe2_page {
	width: 100%;
	height: 100%;
}

.iframe2_page>#vodeo_top {
	width: 100%;
	height: 100%;
}
.iframe2_page>#vodeo_left {
	width: 100%;
	height: 100%;
}
.iframe2_page>#vodeo_right {
	width: 100%;
	height: 100%;
}

.iframe1 {
	width: 70%;
	height: 74%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: none;
	margin: auto;
}

.close_btn {
	background-image: url("../images/index/tips_close.png");
	background-repeat: no-repeat;
	background-size: 100%;
	height: 3rem;
	width: 3rem;
	position: absolute;
	right: 18%;
	top: 18%;
	z-index: 10;
}

.close_vdo_btn {
	background-image: url("../images/index/tips_close.png");
	background-repeat: no-repeat;
	background-size: 100%;
	height: 3rem;
	width: 3rem;
	position: absolute;
	right: 14.5%;
	top: 8.5%;
	z-index: 12;
}

.toolsTipAlert {
	position: fixed;
	top: 0;
    left: 0;
    height: 100vh;
	z-index: 9999999;
	width: 100vw;
	background: rgba(0, 0, 0, 0.7);
	display: none;
}

.tips_content_f {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.tips_close {
	position: absolute;
	top: 37%;
    right: 27%;
	width: 2rem;
	height: 2rem;
	background: url("../images/index/tips_close.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 9999999;
}

.tips_content {
	width: 49%;
    height: 30%;
	background: url("../images/index/tips_bg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 3rem 6rem;
	color: #fff;
}

.tips_content p {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.tips_content p img {
	height: 0.7vh;
	margin-left: 1vw;
}

.tips_content table {
	/* color: #17DCEF; */
	width: 50rem;
	font-size: 0;
	margin: 1rem 0rem;
	border-collapse: collapse;
	color: #17DCEF;
}

.tips_content table tr {
	height: 1.6rem;
	margin: .5rem 0;
}

.tips_content table tr:nth-child(1) {
	background: rgba(0, 121, 178, 0.2);
	font-size: 1rem;
}

.tips_content table tr:nth-child(2) {
	font-size: 1rem;
}

.tips_content table tr:nth-child(4) {
	font-size: 1rem;
}

.tips_content table tr:nth-child(6) {
	font-size: 1rem;
}

.tips_content table tr:nth-child(8) {
	font-size: 1rem;
}

.tips_content table tr:nth-child(10) {
	font-size: 1rem;
}

.tips_content table tr:nth-child(3) {
	background: rgba(0, 121, 178, 0.2);
	font-size: 1rem;
}

.tips_content table tr:nth-child(5) {
	background: rgba(0, 121, 178, 0.2);
	font-size: 1rem;
}

.tips_content table tr:nth-child(7) {
	background: rgba(0, 121, 178, 0.2);
	font-size: 1rem;
}

.tips_content table tr:nth-child(9) {
	background: rgba(0, 121, 178, 0.2);
	font-size: 1rem;
}

.tips_content_tr {
	font-size: 1.3rem;
	background: none;
}

.tips_content_tr>td {
	font-size: 1.3rem;
}

.zyzMap_img {
	width: 60%;
	margin-left: .5vh;
}

.right_online_pNum ul {
	width: 100%;
	height: 80%;
	color: #fff;
	margin-top: 1.2rem;
}

.right_online_pNum ul li {
	line-height: 0.8rem;
}

.right_online_pNum ul li .name {
	width: 2.2vw;
}

.right_online_pNum ul li .line {
	height: 16px;
	background: rgba(48, 150, 250, 0.12);
	border-radius: 0px 4px 4px 0px;
	overflow: hidden;
	position: relative;
}

.right_online_pNum ul li .line p {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	border-radius: 0px 4px 4px 0px;
	background: linear-gradient(270deg, #31A9FF 0%, #003CCE 100%);
}

.right_online_pNum ul li:nth-child(1) .line p {
	background: rgba(231, 209, 95, 1);
}

.right_online_pNum ul li:nth-child(2) .line p {
	background: rgba(198, 206, 211, 1);
}

.right_online_pNum ul li:nth-child(3) .line p {
	background: rgba(255, 193, 119, 1);
}

.right_online_pNum ul li:nth-child(1) {
	color: #E7D15F;
}

.right_online_pNum ul li:nth-child(2) {
	color: #C6CED3;
}

.right_online_pNum ul li:nth-child(3) {
	color: #FFC177;
}

.right_online_pNum ul li .icon {
	width: 1.041vw;
	height: 1.041vw;
	margin: 0 6.52%;
	font-size: 1.111vh;
}

.right_online_pNum ul li .icon {
	width: 0.935vw;
	height: 0.935vw;
	background: #2B90F1;
	border-radius: 50%;
	text-align: center;
	line-height: 0.935vw;
	display: block;
	margin: 0 6.52%;
}

.right_online_pNum ul li:nth-child(1) .icon {
	width: 1.041vw;
	height: 1.041vw;
	background: url(../images/icon_rank1.png) no-repeat center;
	background-size: contain;
}

.right_online_pNum ul li:nth-child(2) .icon {
	width: 1.041vw;
	height: 1.041vw;
	background: url(../images/icon_rank2.png) no-repeat center;
	background-size: contain;
}

.right_online_pNum ul li:nth-child(3) .icon {
	width: 1.041vw;
	height: 1.041vw;
	background: url(../images/icon_rank3.png) no-repeat center;
	background-size: contain;
}

.right_online_pNum ul li .name {
	font-size: 1.2037vh;
}

.right_online_pNum ul li .time {
	font-size: 1.2037vh;
	margin: 0 5%;
}

/* #option_div_p1 {
	width: 100%;
	height: 1.5rem;
	display: flex;
	flex-direction: column;
	margin-bottom: 2vh;
	align-items: center;
	color: #fff;
} */

.option_div_num {
	display: flex;
	height: 3.5vh;
}

.option_div_num i {
	display: flex;
	align-items: center;
	width: 2.5vh;
	height: 3.5vh;
	font-size: 3vh;
	line-height: 3.2vh;
	font-family: DINAlternate-Bold, DINAlternate;
	font-weight: bold;
	color: #D8FFF9;
	text-indent: 0.3vh;
	letter-spacing: 1.2vh;
	margin-left: 0.2vh;
	background-image: url("../images/icon_number.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.kecheng_title {
	position: relative;
	top: 1vh;
}

.kecheng_title img {
	display: block;
	width: 100%;
	height: 2vh;
}

.kecheng_title span {
	position: absolute;
	font-size: 1.2vh;
	font-weight: bold;
	top: -0.5vh;
	left: 3vh;
}
.left_sub_title {
	height: auto;
	font-size: 2vh;
	font-family: AlibabaPuHuiTiM;
	color: #FFFFFF;
	line-height: 2vh;
	font-weight: bold;
}

.circle {
	width: 6vh;
	height: 6vh;
	background: radial-gradient(rgb(73, 203, 128), rgba(73, 203, 128, 0.1));
	position: absolute;
	top: 72vh;
	left: 70vw;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: scale 2s linear infinite;
}
.circle::before {
	width: 15vh;
	content: '少年宫学科类';
	display: block;
	position: absolute;
	top: -5vh;
	color: white;
	text-align: center;
	font-size: 1.2vh;
}
.circle::after {
	width: 8vh;
	content: '课程预警';
	display: block;
	position: absolute;
	top: -3vh;
	color: white;
	text-align: center;
	font-size: 1.2vh;
}
.education {
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
	margin-left: 0;
}
.education_back {
	width: 100px;
	height: 36px;
	background-image: url("../images/back.png");
	background-repeat: no-repeat;
	background-size: 100%;
	position: fixed;
	top: 8.4vh;
    left: 18%;
	margin-left: -200px;
	z-index: 9999999;
}

.education_quit {
	width: 32px;
	height: 32px;
	background-image: url("../images/icon_quit.png");
	background-repeat: no-repeat;
	background-size: 100%;
	position: fixed;
	top: 8.4vh;
    right: 20%;
	margin-right: -200px;
	border-radius: 50%;
	z-index: 9999999;
}
.map-tips-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
}
.map-tips-wrap .option_div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
}
.map-tips-wrap {
	position: absolute;
	left: 50%;
	top:1.111vh;
	width: 50%;
	height: 90%;
	margin-left: -25%; 
}
.map-tips-wrap .option_div {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
}
.map-tips-wrap .option_div .option_title {
	display: inline-block;
	width: 50px;
    height: 3px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 16px;
}
.map-tips-wrap .option_div:nth-child(1) {
	top: -21.5rem;
	left: 18.2rem; 
	left: 12%;
	top: 47%;
	/* top: -16.9rem;
	left: 18.4rem; */
}
.map-tips-wrap .option_div:nth-child(2) {
	top: -27.2rem;
	left: 25.7rem;
	left: 38%;
	top: 28%;
	/* top: -24.4rem;
	left: 26rem; */
}
.map-tips-wrap .option_div:nth-child(3) {
	left: 18%;
	top: 25%;
	/* top: -25.3rem;
	left: 20.4rem; */
}
.map-tips-wrap .option_div:nth-child(4) {
	left: 33%;
	top: 50%;
	/* top: -17.2rem;
	left: 24.6rem; */
}
.map-tips-wrap .option_div:nth-child(5) {
	left: 22%;
	top: 66%;
	/* top: -12.2rem;
	left: 21.4rem; */
}
.map-tips-wrap .option_div:nth-child(6) {
	left:-5%;
	top: 72%;
	/* top: -10.2rem;
	left: 13.4rem; */
}
.map-tips-wrap .option_div:nth-child(7) {
	left:69%;
	top: 38%;
	/* top: -19.9rem;
	left: 34.8rem; */
}
.map-tips-wrap .option_div:nth-child(8) {
	left: 45%;
	top: 77%;
	/* top: -8.6rem;
	left: 28rem; */
}
.map-tips-wrap .option_div:nth-child(9) {
	left: 13%;
	top: 88%;
	/* top: -4.4rem;
	left: 18.7rem; */
}
.map-tips-wrap .option_div:nth-child(10) {
	left: 55%;
	top: 52%;
	/* top: -14.5rem;
	left: 30.8rem; */
}
.map-tips-wrap .option_div:nth-child(11) {
	left: 31%;
	top: 96%;
	/* top: -2.5rem;
	left: 23.8rem; */
}