/* 正常字体 */
@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src: url('../fonts/sc/SOURCEHANSANSCN-REGULAR.woff') format('woff');
}

/* 粗体字体 */
@font-face {
  font-family: 'SourceHanSansCN-Light';
  src: url('../fonts/sc/SOURCEHANSANSCN-LIGHT.woff') format('woff');
}

/* 粗体字体 */
@font-face {
  font-family: 'SourceHanSansCN-Bold';
  src: url('../fonts/sc/SOURCEHANSANSCN-BOLD.woff') format('woff');
}


html, body {
  position: relative;
  height: 100%;
  font-family: 'SourceHanSansCN-Regular'; /* 正常字体 */
}
*{
    margin:0px;
    padding:0px;
 }
a{
    text-decoration:none;
    color: #000;
    font-size: 16px;
}
p{
	line-height: 30px;
	color: #595959;
}
img{
  max-width: 100%;
  height: auto;
}
body{
    margin: 0 auto;
    height: 100%;
    background-color:#f2f4fb;
    color:#000;
    overflow-x:hidden;
    padding: 0;
    font-size: 16px;
}
ul,li{
	margin: 0;
	padding: 0;
}
li{
    list-style-type: none;
}
.clear{
    clear: both;
}
.mb_display{
  display: none;
}
.pc_display{
  display: block;
}
.kuang {
    width: 1400px;
    display: inline-block;
    position: relative;
}
.section{
	padding:100px 0px;
	text-align: center;
}
#header{
	text-align: center;
	background-color: #0e1932;
	font-size: 0;
}
#header .logo{
	float: left;
    height: 80px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#header .logo a{
    display: inline-block;
    font-size: 0;
}
#header .logo img{
    width: 200px;
}
.memberControl a img{
    width: 35px;
}
.nav{
	float: left;
	margin-left: 50px;
}
.nav ul li{
	float: left;
	position: relative;
}
.nav ul li a{
    color: #fff;
    margin: 0px 25px;
    line-height: 80px;
    display: inline-block;
    border-bottom: 3px solid #0e1932;
}
.nav ul li.current-menu-item a, .nav ul li.current-menu-parent a,.nav ul li.current-carecorded-ancestor a{
	color:#fff;
	border-bottom: 3px solid #d5e900;
}
.nav ul li a:hover {
	border-bottom: 3px solid #d5e900;
}
#header .nav ul li ul {
    position: absolute;
    z-index: 111;
    display: none;
    flex-direction: column;
	left: 0px;
    min-width: 170px;
    background-color: #0e1932;
    padding: 10px 0px;
}
#header .nav ul li:hover ul {
    display: flex;
}
#header .nav ul li ul li {
    height: auto;
    line-height: initial;
    padding: 10px 0px;
    position: relative;
    width: 100%;
}
#header .nav ul li ul li a{
	margin: 0;
	line-height: normal;
}
#header .nav ul li:hover ul li ul{
	display: none;
}
#header .nav ul li ul li ul.sub-menu{
    left: 150px;
    top: 0;
}
.memberControl{
    height: 80px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    float: right;
}
.memberControl a{
	font-size: 0;
}
.banner{
	padding: 200px 0px;
	text-align: center;
}
.yellow_but{
	background-color: #d5e900;
	padding: 12px 35px;
	border-radius: 20px;
	font-size: 14px;
	color: #0e1932;
	display: inline-block;
}
.index_banner{
	background-image: url('../img/indexc_02.jpg');
	background-size: cover;
	background-position: right;
}
.index_banner .kuang{
	text-align: left;
}
.index_banner .title1{
	font-size: 30px;
}
.index_banner h2{
	margin: 5px 0px 20px 0px;
	font-size: 48px;
}
.index_banner h2 span{
	color: #d5e900;
}
.index_banner{
	color: #0e1932;
}
.index_banner p{
	color: #0e1932;
	width: 513px;
	font-size: 18px;
}
.in_price{
	margin: 60px 0px 20px 0px;
	font-size: 18px;
}
.in_price span{
	color: #bd0000;
	font-weight: bold;
	font-size: 60px;
}
.indexTi1{
	color: #d5e900;
	font-size: 28px;
	margin-bottom: 15px;
}
.insc2,.insc4{
	background-color: #fff;
}
.insc2_list {
	margin: 50px 0px;
}
.insc2_list li{
	display: inline-block;
    padding: 13px;
    margin: 0px 30px;
    box-shadow: 1px 2px 11px 4px #677aa44f;
    border-radius: 15px;
}
.insc2_list li a p{
	color: #677aa4;
	margin-top: 5px;
}
.insc2_dsc{
	width: 80%;
	display: inline-block;
	font-family: 'SourceHanSansCN-Light';
}
.insc2 .yellow_but{
	margin-top: 100px;
}
.insc3{

}
.insc_Limg{
	width: 175px;;
}
.insc_box{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.w_50{
	width: 48%;
}
.insc_box_text{
	text-align: left;
}
.insc_box_text h2{
	margin: 10px 0px;
}
.insc_box_text .yellow_but{
	margin-top: 60px;
}
.insc_box_pdl{
	padding-left: 40px;
}
.insc_left{
	text-align: left;
}
.insc_right{
	text-align: right;
}
.swiper {
	width: 100%;
	height: 100%;
}
.insc7_list{
	position: relative;
	margin-top:50px;
}
.insc7_list .swiper-button-prev,.insc7_list .swiper-rtl .swiper-button-next {
    left: -50px;
    right: auto;
}
.insc7_list .swiper-button-next,.insc7_list  .swiper-rtl .swiper-button-prev {
    right: -50px;
    left: auto;
}
.insc7_list .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 10px;
}

.insc7_list .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.insc7_list .swiper-slide a{
	padding: 15px;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	text-align: left;
}
.insc7_list .swiper-slide img{
	width: 100%;
	border-radius: 10px;
}
.insc7_list .swiper-slide h3{
	margin: 15px 0px;
}
.insc7_list .swiper-slide p{
	border-bottom: 1px solid #cfd1d6;
	line-height: 25px;
	padding-bottom: 15px;
}


.insc7_list li{
	display: inline-block;
    width: 28%;
    margin: 50px 1%;
    padding: 15px;
    border-radius: 10px;
    text-align: left;
    background: #fff;
    overflow: hidden;
}
.insc7_list li img{
	width: 100%;
	border-radius: 10px;
}
.insc7_list li h3{
	margin: 15px 0px;
}
.insc7_list li p{
	border-bottom: 1px solid #cfd1d6;
	line-height: 25px;
	padding-bottom: 15px;
}
.insc7_list_time{
	margin-top: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
	font-size: 14px;
	color: #9fa0a0;
}
#footer{
	background-color: #0e1932;
	color: #fff;
	text-align: center;
	padding-top: 65px;
	overflow: hidden;
}
.footer_left {
    width: 30%;
	float: left;
	text-align: left;
}
.footer_left img{
    width: 200px;
}
.footer_left_text{
	margin-top: 30px;
}
.footer_left_text p{
	color: #fff;
}
.footer_right{
	width: 60%;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	float: right;
}
.ft_nav {
    text-align: left;
}
.ft_nav h3 {
	display: inline-block;
	padding-bottom: 10px;
    margin-bottom: 10px;
	border-bottom: 1px solid #d5e900;
}
.ft_nav ul li{
	margin: 5px 0px;
}
.ft_nav ul li a{
	color:#aab0bd;
	font-size: 14px;
}
.copy{
	padding: 20px 0px;
	border-top: 1px solid #1b2a4b;
	font-size: 14px;
	margin-top: 50px;
	color: #979daa;
}
.live_banner{
	background-image: url('../img/live_02.jpg');
}
.banner_text{
	color: #fff;
}
.batDsc{
	color: #d5e900;
	margin-top: 10px;
	font-size: 18px;;
}
.livesc2{
	
}

.sectionTitle{
	font-size: 30px;
	text-align: left;
}

.livesc2_list{
	margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
}
.livesc2_list li{
	width: 94%;
	padding: 3%;
	border-radius: 10px;
	text-align: left;
	background: #fff;
	overflow: hidden;
	box-shadow: 1px 2px 11px 4px #677aa44f;
}
.post_img{
/*    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center; */
}
.livesc2_list li img{
	width: 100%;
}
.livesc2_list li h3{
	border-bottom: 1px solid #cfd1d6;
	padding-bottom: 15px;
	margin: 15px 0px;
}
.livesc2_text{
	font-size: 14px;
	color: #777676;
}
.livesc2_time{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
}
.livesc2_box{
	margin-top: 10px;
}
.livesc2_but{
	background-color: #d5e900;
    padding: 7px 25px;
    display: inline-block;
    border-radius: 20px;
    font-size: 14px;
	cursor: pointer;
}
.click_more{
	color: #f2f4fb;
	background-color: #0e1932;
	border: none;
	border-radius: 20px;
	padding: 13px 25px;
	cursor: pointer;
}
.livesc2 .click_more{
	margin-top: 100px;
}
.sg_box{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    padding: 30px;
    min-height: 500px;
}
.sg_time{
	margin:20px 0px;
	background-color: #d5e900;
	border-radius: 20px;
	padding: 10px 20px;
	display: inline-block;
}
.sg_box .insc_left{
	padding: 1%;
}
.sg_box .livesc2_text{
	font-size: 16px;
	margin: 0px 0px 20px 0px;
}
.sg_dsc p{
	color: #343434;
}
.recorded_banner{
	background-image: url('../img/recoder_02.jpg');
}
.cat_nav{
	border-bottom: 1px solid #cacaca;
	padding: 30px 0px;
	text-align: center;
}
.cat_nav_list li{
	float: left;
	margin-right: 20px;
}
.cat_nav_list li a{
	display: inline-block;
	padding: 10px 25px;
	background-color: #0e1932;
	color: #fff;
	border-radius: 20px;
}
.cat_nav_list li.cur a{
	background-color: #d5e900;
	color: #000000;
}
.recordedsc2 {
    
    text-align: center;
	padding-bottom: 100px;
}
.recordedsc2 .livesc2_list{
	margin: 50px 0px;
}
.course_time{
	color: #777676;
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0px;
}
.course2 .yellow_but{
	margin-top: 50px;;
}
.project_left{
	width: 50%;
	font-size: 0;
}
.project .kuang{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.pjsc_box{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: flex-start;
}
 .project_right{
	 width: 46%;
	 padding: 5% 0 0 4%;
	 float: right;
	 text-align: left;
 }
 .project{
	 position: relative;
	 text-align: center;
 }
 .pjdsc{
	 color: #d5e900;
	 margin: 10px 0px;
 }
 .pjtext p{
	 margin-top: 20px;
	 color: #000000;
 }
 .pj_list{
	 margin: 40px 0px;
 }
 .pj_list li{
    background-color: #e3e3e3;
    color: #707070;
    padding: 15px 30px;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0px;
 }

 
 .pj_list li a{
	 font-size: 14px;
	 color: #707070;
	 cursor: pointer;
 }
 .pj_list li:hover{
 	 background-color: #0e1932;
	 color: #d5e900;
 }
 .pj_list li:hover a{
 	 background-color: #0e1932;
	 color: #fff;
 }
 .sgpj_contain{
	 margin-top: 50px;
 }
 .sgpj_contain ul{
	 padding: 20px;
	 position: relative;
	 margin-top: 50px;
 }
 .sgpj_left,.sgpj_right{
	 background-color: #fff;
	 border-radius: 20px;
	 overflow: hidden;
	 position: relative;
 }
 .sgpj_left{
	 float: left;
 }
 .sgpj_right{
	 float: right;
 }
 .tagTitle{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #d5e900;
    padding: 10px 30px 10px 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    z-index: 111;
    top: 30px;
 }
 .sgpj_contain ul li{
	 text-align: left;
	 border-bottom: 1px dotted;
	 padding: 20px 0px;
 }
.sgpj_contain ul li a{
     line-height: 30px;
     color: #4b4a4a;
     cursor: pointer;
 }
 .download_banner{
	 background-image: url('../img/download_02.jpg');
 }
 .download_list{
	 margin: 20px 0px;
 }
 .download_list li{
	 border-bottom: 1px solid #e0dddd;
	 display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	 align-content: center;
	 justify-content: space-between;
	 align-items: center;
	 padding: 30px;
	 border-radius: 10px;
 }
 .download_list li:hover {
    background-color: #fff;
    box-shadow: 1px 1px 6px 1px #cccccc75;
 }
 .download_time{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
	 font-size: 14px;
	 color: #4f4f4f;
 }
 .download_time img{
	 margin-left: 20px;
	 cursor: pointer;
 }
 .news_banner{
	 background-image: url('../img/news_02.jpg');
 }
 .news_list{
	 text-align: left;
	 margin: 50px 0px;
 }
 .news_list li{
	 padding: 35px;
	 margin: 20px 0px;
	 background-color: #fff;
	 border-radius: 15px;
	 display: inline-block;
 }
 .newsc2{
	 
	 text-align: center;
 }
 .news_dsc{
	 margin: 20px 0px;
	 color: #676767;
	 line-height: 30px;
 }
 .news_time{
	 font-size: 14px;
	 color: #676767;
 }
 .news_but{
	 margin-top: 30px;
 }
 .news_img{
	 float: left;
	 width: 30%;
	 font-size: 0;
 }
 .news_text{
	 float: left;
	 margin-left: 3%;
	 width: 67%;
 }
 .contact_banner{
	 background-image: url('../img/contact_02.jpg');
 }
 .contact_box{
	 display: flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	 align-content: center;
	 justify-content: space-between;
	 align-items: flex-start;
 }
 .contact_right{
	 text-align: right;
 }
 .contact_box .sectionTitle{
	 margin: 20px 0px;
 }
 .contact_email{
	margin-top: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
 }
 .contact_email_text{
	 margin-left:20px;
	 color: #000000;
	 text-align: left;
	 line-height: 30px;
 }
 .login_form{
	background-color: #fff;
    border-radius: 20px;
    display: inline-block;
    padding: 30px;
	width: 500px;
 }
 .login_form .sectionTitle{
	 margin: 20px 0;
	 text-align: center;
 }
 
.login_form p{
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: flex-start;
	 margin: 20px 0;
}
.login_form p label{
	  font-size: 16px;
	  color: #000;
}
.login_form p input{
	 width: 100%;
	 padding: 2% 0;
	 border: none;
	 border-bottom: 1px solid #ccc;
	 font-size: 15px;
}
.form_but{
	color: #000;
	display: inline-block;
	border: none;
	border-radius: 30px;
	padding: 15px 80px;
	background-color: #d5e900;
	font-size: 16px;
	margin: 30px 0px;
	cursor: pointer;
}
.form_text{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}
.form_text a{
    color: #787878;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.form_text a img{
	margin-left: 10px;
}

.member_left{
	float: left;
	width: 30%;
}
.member_right{
	float: right;
	width: 68%;
}
.member_logout a{
	display: inline-block;
	padding: 10px 0px;
	width: 100%;
	color: #fff;
	background-color: #fb7b7b;
	border-radius: 30px;
}
.member_label{
	background-color: #fff;
	padding: 30px;
	border-radius: 20px;
	text-align: center;
	margin-bottom: 30px;
}
.member_label .sectionTitle{
	text-align: center;
	margin: 10px 0;
}
.member_tag{
	font-size: 14px;
	color: #676768;
}
.member_level{
	background-color: #0e1932;
    border-radius: 30px;
    color: #d5e900;
    display: inline-block;
    padding: 6px 14px;
    margin: 10px 0;
}
.member_time{
	color: #0e1932;
	font-size: 18px;
	margin-top: 10px;
}
.loading{
    position: fixed;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    top: 0;
    height: 100vh;
    width: 100%;
    background: #00000038;
    z-index: 11111;
}
.member_right{
	border-radius:20px ;
	background-color: #fff;
}
.member_nav{
	border-bottom: 1px solid #ccc;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 20px 20px;
	text-align: left;
}
.member_nav ul {
	display: flex;
}
.member_nav ul li{

}
.member_nav ul li a{
	color: #fff;
	border-radius: 20px;
	padding: 8px 15px;
	margin-right: 20px;
	background: #0e1932;
	color: #fff;
	display: inline-block;
}
.member_nav ul li a.router-link-exact-active{
	color: #0e1932;
	background-color: #d5e900;
}
.message_form{
	text-align: left;
	padding: 30px;
}
.message_form p{
	margin: 20px 0px;
}
.message_form p label{
    display: inline-block;
    float: left;
    min-width: 80px;
}
.message_input_text{
    padding: 10px;
    border-radius: 20px;
    border: none;
    background: #ebebeb;
    width: 50%;
}
.message_but{
	border-radius: 20px;
    background-color: #4274e8;
    padding: 10px 50px;
    color: #fff;
    border: none;
    margin-top: 30px;
}
.message_form h3.sec_h3{
	margin-top: 40px;
}
.level_box{
	background-color: #f2f4fb;
	border-radius: 20px;
	padding: 30px;
	display: inline-block;
	float: left;
	padding-bottom: 140px;
	position: relative;
}
.price{
	border-bottom: 1px dotted #ccc;
	padding: 20px 0px;
	margin-bottom: 20px;
}
.price p{
    font-size: 18px;
    color: #000;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
	margin: 4% 2%;
}
.price p span{
	font-size: 48px;
	color:#f12b4c;
	margin: 0px 3px;
}
.price p:first-child span{
	color: #000;
}
.price p span.price_dsc{
	font-size: 14px;
}
.level_tit{
	font-size: 30px;
	margin-bottom: 20px;
}
.ltblue{
	color:#0699ee;
}
.level_con p{
	color:#0e1932;
	margin: 10px 0px;
}
.select_option{
    border: none;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 18px;
}
.level_buy{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
	position: absolute;
	bottom: 40px;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;

}

.but_button{
    padding: 15px 30px;
    border-radius: 30px;
    border: none;
    background: #f12b4c;
    color: #fff;
	cursor: pointer;
}
.ltorange{
	color:#ff7200;
}
p.pink{
	color: #f12b4c;
}
.level_list{
	grid-template-columns: repeat(2,1fr);
	display: grid;
	grid-gap: 30px;
	margin: 30px;
}
.price_box{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.privileges_box{
	margin: 30px;
	text-align: left;
}
.privileges_box h3{
	margin-bottom: 25px;
	text-align: left;
}
.basic_show{
    display: inline-block;
    text-align: center;
    margin-bottom: 50px;
}
.plus_show{
	text-align: center;
	display: inline-block;
}
.plus_show .list{
    display: inline-block;
    margin-right: 30px;
    float: left;
}
.moblie_head,.a_txt{
  display: none;
}
.single_content{
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    padding: 30px;
}
.single_dsc {
    padding: 15px;
    text-align: left;
}
#pay_form {
    padding: 30px 30px 70px 30px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 13px 0px #444;
    margin-top: -150px;
    margin-bottom: 150px;
    width: 500px;
    display: inline-block;
}

#pay_form h1{
    font-size: 32px;
    margin: 0px 0px 25px 0px;
}
#pay_form table {
	width: 100%;
	background: #ccc;
	margin: 10px auto;
	border-collapse: collapse;/*border-collapse:collapse合并内外边距(去除表格单元格默认的2个像素内外边距*/
}
#pay_form th,#pay_form td {
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
}
#pay_form td:first-child {
    font-weight: bold;
    background:#eee;
}
#pay_form th {
	background: #eee;
	font-weight: normal;
}
#pay_form tr {
	background: #fff;
}
.section_price{
    text-align: center;
}
.section_price .kuang{
    width: 1000px;
}
.section_price .level_box{
    background-color: #fff;
}
.section_price .level_list{
    grid-gap: 80px;
    margin-top: 50px;
}
.section_price .select_option{
    background: #f2f4fb;
}

#overlay{
    position: fixed;
    top: 0;
    left: 0;
    background: #000000a1;
    height: 100%;
    width: 100%;
    z-index: 111;
    font-size: 16px;
    font-family: sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#overlay .login_box {
    background: #ffffff;
    width: 550px;
    margin: 0 auto;
    position: absolute;
    padding: 30px;
    border-radius: 30px;
}
#overlay .login_box_close{
    float: right;
    cursor: pointer;
}
#overlay .login_box h4{
    font-size: 18px;
    margin: 0;
    border-bottom: 1px solid #d7e8fa;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#overlay .login_form{
     margin: 10px 0px;  
     padding: 0;
}
#overlay .form_text a.cursor{
    cursor: pointer;
}
.video_overlay .login_box{
    background: #000 !important;
    padding: 0px !important;
    width: 600px !important;
    border-radius: unset !important;
    font-size: 0;
}
.video_overlay_close{
    position: absolute;
    right: -35px;
    top: -35px;
    width: 35px;
    cursor: pointer;
    display: inline-block;
}
.video_overlay_close img{
    width: 35px;
}
.section_price_title{
    font-size: 30px;
}
.section_price_h2{
    font-size: 48px;
    margin: 10px 0px;
}
.section_price_h2 span{
    color: #d5e900;
}
@media screen and (max-width: 1400px){
	.kuang{
		width: 1000px;
	}
	.banner {
	    padding: 120px 0px;
	}
	.index_banner {
	    background-position: bottom;
	}
	.index_banner h2,.section_price_h2{
		font-size: 42px;
	}
	.index_banner p{
		width: 480px;
	}
	.sectionTitle{
		font-size: 24px;
	}
	.insc2 .yellow_but {
	    margin-top: 60px;
	}
	.insc7_list .swiper-slide h3,.livesc2_list li h3 {
	    font-size: 16px;
	}
	.insc7_list .swiper-slide p{
		line-height:24px;
		font-size: 14px;
	}
	
	.single_h2{
		font-size: 16px;
	}
	.level_box{
		padding: 15px;
		padding-bottom: 140px;
	}
	.member_left {
	    width: 25%;
	}
	.member_right {
	    width: 72%;
	}
	.price p span {
	    font-size: 32px;
	    color: #f12b4c;
	}
	.price p {
	    font-size: 16px;
	}
	.select_option,.but_button {
	    padding: 8px 15px;
	    font-size: 14px;
	}
	.level_con p {
	    margin: 5px 0px;
	    line-height: 24px;
	}
	.member_nav ul li a{
		font-size: 14px;
	}
	.level_tit {
	    font-size: 24px;
	    margin-bottom: 10px;
	}
}
@media screen and (max-width: 1000px){
/* 	.kuang{
		width: 95%;
	} */
	  #header{
	    display: none;
	  }
	  .moblie_head{display:block;height:70px;    background-color: #0f1932;top:0px;left:0px;width:100%;z-index:9999;position:fixed;}
	  .moblie_head .lf{padding-top:20px;padding-left:5%;float:left;}
	  .moblie_head .lf img{height:30px; width: auto;}
	  .moblie_head .rg{padding-right:5%;padding-top:25px;float:right;}
	  .moblie_head .rg a img{height:20px;vertical-align:bottom}
	  .a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index: 99999999;}
	  .a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	  .a_txt .div2{position:absolute;width:20%;left:10px;top:10px;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	  .a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#000;height:100%;z-index:100;right:-80%}
	  .a_txt .div3 ul{padding-left:5%;padding-right:5%;padding-top:5%;}
	  .a_txt .div3 ul li{border-bottom:1px solid #fff;margin:0px;}
	  .a_txt .div3 ul li a{display:block;height:35px;color:#fff;line-height:35px;padding-left:5%;font-size:14px}
	  .a_txt .div3 ul li .a_js2{background:url(../img/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	  .a_txt .div3 ul li .a_js2_on{background:url(../img/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	  .a_txt .div3 ul li .a_txt2{display:none}
	  .a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
	  .a_txt .div3 ul li .sub-menu {
	    display: none;
	  }
	  .a_txt .div3 ul li .sub-menu a {
	      height: 40px;
	      line-height: 40px;
	      font-size: 14px;
	      overflow: hidden;
	      text-overflow: ellipsis;
	      display: -webkit-box;
	      -webkit-line-clamp: 1;
	      -webkit-box-orient: vertical;
	  }
	  .a_txt .div3 ul li ul{padding-top: 0px;}
	  .a_txt .div3 ul li ul li:last-child{border-bottom: none;}
	  .member_box ul{
		 padding-top: 0 !important; 
	  }
	  .kuang,.section_price .kuang{
	    width: 90%;
	  }
	  #header{
	    display: none;
	  }
	  .banner {
		  margin-top: 70px;
	      padding: 60px 0px;
	  }
	  .newsc2{
		  margin-top: 70px;
	  }
	  .index_banner{
		  background-position: unset;
	  }
	  .index_banner p{
		  width: 100%;
	  }
	  .in_price {
	      margin: 20px 0px;
	  }
	  .section {
	      padding: 60px 0px;
	      text-align: center;
	  }
	  .insc2_list {
	      margin: 30px 0px;
	      display: grid;
	      grid-template-columns: repeat(5,1fr);
	      grid-gap: 30px;
	  }
	  .insc2_list li {
	      margin: 0px 0px;
	  }
	  .insc2 h1,.insc3 h1{
		  font-size: 24px;
	  }
	  p{
		  font-size: 14px;
		  line-height: 24px;
	  }
	  .insc2 .yellow_but {
	      margin-top: 30px;
	  }
	  .insc7_list li {
	      width: 92%;
	      margin: 2% 0%;
	      padding: 4%;
	  }
	  .insc7_list li h3 {
	      margin: 10px 0px;
	      font-size: 16px;
	  }
	  .insc7_list{
		  margin-top: 30px;
	  }
		.index_banner .kuang {
			text-align: center;
		}
		.index_banner h2 {
		    margin: 10px 0px;
		    font-size: 18px;
		}
		.index_banner .title1,.section_price_title,.section_price_h2 {
		    font-size: 24px;
		}
		.contact_box {
		    flex-direction: column;
		}
		.contact_left .sectionTitle{
			text-align: center;
			margin: 0px 0px 10px 0px;
		}
		.contact_left p{
			text-align: left;
		}
		.contact_email {
			margin-bottom: 20px;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
			margin-top: 0px;
		}
		.contact_email img{
			width: 50px;
		}
		
		.contact_email_text {
		    line-height: 24px;
		    font-size: 14px;
		}
		.contact_right{
			margin-top: 30px;
		}
		.project{
			margin-top: 70px;
		}
		.project_right {
		    width: 100%;
		    padding: 0;
		    float: right;
		    text-align: left;
		    margin: 30px 0px;
		}
		.project_left {
		    width: 100%;
		    font-size: 0;
		    height: 240px;
		    overflow: hidden;
		    display: inline-block;
		}
		.pj_list {
		    margin: 30px 0px;
		}
		.project .kuang {
		    position: relative;
		}
		.pj_list li {
		    padding: 8px 20px;
		    font-size: 14px;
		}
		.cat_nav_list li{
			margin: 0;
		}
		.cat_nav_list{
			display: grid;
			grid-template-columns: repeat(3,1fr);
			grid-gap: 20px;
		}
		.cat_nav_list li a{
			padding: 8px 0px;
			font-size: 12px;
			width: 100%;
		}
		.download_list li{
			border-radius: unset;
			padding: 10px;
		}
		.download_text{
			font-size: 14px;
		}
		.single_post{
			margin-top: 70px;
		}
		.member_section{
			margin-top: 70px;
		}
		.member_left {
		    width: 100%;
			margin-bottom: 30px;
		}
		.member_right{
			width: 100%;
		}
		.message_input_text {
		    padding: 10px;
		    width: 66%;
		}
		.message_form p {
		    margin: 20px 0px;
		    display: flex;
		    flex-direction: row;
		    flex-wrap: nowrap;
		    align-content: center;
		    justify-content: flex-start;
		    align-items: center;
		}
		.level_list {
		    grid-template-columns: repeat(1,1fr);
		    display: grid;
		    grid-gap: 30px;
		    margin: 15px;
		}
		.level_box{
			padding-bottom: 100px;
		}
		.login_form {
		    width: 90%;
		    padding: 5%;
		}
		.form_but {
		    padding: 8px 50px;
		    font-size: 14px;
		    margin: 15px 0px 20px 0px;
		}
		.login_form p input,.login_form p label{
			font-size: 14px;
		}
}
@media screen and (max-width: 600px){
	.sectionTitle {
	    font-size: 18px;
	}
	h1{
		font-size: 22px;
	}
	.mb_display{
	  display: block;
	}
	.pc_display{
	  display: none;
	}
	.insc2_list {
	    margin: 30px 0px;
	    display: grid;
	    grid-template-columns: repeat(2,1fr);
	    grid-gap: 30px;
	}
	.insc_box {
	    flex-direction: column;
	}
	.insc2_dsc {
	    width: 100%;
	    text-align: left;
		margin-top: 20px;
	}
	.w_50{
		text-align: center;
		width: 100%;
	}
	.mob .insc_box_text .size-thumbnail{
		display: none;
	}
	.mob .insc_left img{
		width: 90%;
	}
	.indexTi1 {
	    color: #d5e900;
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.insc_box_text .yellow_but {
	    margin-top: 30px;
	}
	.insc_box_text h2 {
	    margin: 10px 0px;
	    font-size: 18px;
	}
	.insc_box_text {
	    text-align: center;
	    margin-top: 30px;
	}
	.insc_box_text p{
		text-align: left;
	}
	.yellow_but {
	    padding: 8px 25px;
		font-size: 12px;
	}
	.insc7_list_time{
		font-size: 12px;
	}
	.footer_left {
	    width: 100%;
	    float: left;
	    text-align: center;
	    margin-bottom: 30px;
	}
	.footer_right {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2,1fr);
		float: left;
		grid-gap: 20px;
	}
	.footer_right {
	    margin-left: 12%;
	}
	.ft_nav h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.copy {
	    padding: 10px 0px;
	    font-size: 12px;
	}
	.footer_left_text {
	    margin-top: 10px;
	}
	.insc2 h1, .insc3 h1 {
	    font-size: 22px;
	}
	.news_list li {
	    padding: 15px;
	    margin: 10px 0px;
	}
	.news_img {
	    float: left;
	    width: 100%;
	    font-size: 0;
		margin-bottom: 20px;
	}
	.news_text{
		margin: 0;
		width: 100%;
	}
	.news_dsc {
	    margin: 10px 0px;
	    color: #676767;
	    font-size: 14px;
	    line-height: 24px;
	}
	.news_time {
	    font-size: 12px;
	}
	.news_text h3{
		font-size: 16px;
	}
	.news_but {
	    text-align: center;
	}
	.livesc2_list {
	    margin-top: 30px;
	    display: grid;
	    grid-template-columns: repeat(1,1fr);
	    grid-gap: 30px;
	}
	.livesc2_list li h3{
		font-size: 16px;
	}
	.livesc2_time{
		font-size: 16px;
	}
	.livesc2 .click_more {
	    margin-top: 40px;
	}
	.batDsc {
	    color: #d5e900;
	    margin-top: 5px;
	    font-size: 16px;
	}
	.sg_box {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: flex-start;
	    align-items: flex-start;
	    background-color: #fff;
	    border-radius: 15px;
	    overflow: hidden;
	    padding: 15px;
		min-height: auto;
	}
	.sg_box .insc_left{
		text-align: left;
		margin-top: 20px;
	}
	.sg_time {
	    padding: 8px 15px;
	    font-size: 12px;
	}
	.sg_box .insc_left .livesc2_text{
		margin: 0px 0px 15px 0px;
		font-size: 14px;
	}
	.sgpj_contain {
	    margin-top: 30px;
	}
	.sgpj_contain ul li a {
	    color: #4b4a4a;
	    font-size: 14px;
	    line-height: 24px;
	    cursor: pointer;
	}
	.tagTitle {
	    padding: 10px 20px 10px 10px;
	    font-size: 14px;
	}
	.sgpj_right{
		margin-top: 30px;
	}
	.single_post .sectionTitle{
		font-size: 16px;
	}
	.course_time{
		 font-size: 14px;
		 margin-bottom: 10px;
		 padding: 10px 0px;
	}
	.single_content{
		padding: 25px 15px;
	}
	.single_dsc{
		padding: 5px;
	}
	.single_content h2{
		font-size: 16px;
	}
	.index_banner h2{
		font-size: 24px;
	}
	.index_banner p {
	    font-size: 14px;
	}
	.insc7_list .swiper-button-prev,.insc7_list .swiper-rtl .swiper-button-next {
	    left: -15px;
	    right: auto;
	}
	.insc7_list .swiper-button-next,.insc7_list  .swiper-rtl .swiper-button-prev {
	    right: -15px;
	    left: auto;
	}
	.insc7_list .swiper-button-next:after,.insc7_list  .swiper-button-prev:after{
		font-size: 30px;
	}
	.member_nav ul {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: space-around;
	    align-items: center;
	}
	.member_nav ul li a{
		margin: 0;
	}
	.message_form {
	    text-align: center;
	    padding: 30px;
	}
	.message_form h3{
		text-align: left;
		font-size: 16px;
	}
	.member_avatar{
		width: 80px;
	}
	#pay_form {
        padding: 3%;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 13px 0px #444;
        margin-top: -150px;
        margin-bottom: 150px;
        width: 90%;
        display: inline-block;
    }
    .section_price{
        padding-top: 130px;
    }
    .section_price .level_list {
        grid-gap: 30px;
    }
    #overlay .login_box {
        background: #ffffff;
        width: 85%;
        margin: 0 auto;
        top: 15%;
        position: absolute;
        left: 0;
        right: 0;
        padding: 3%;
        border-radius: 10px;
    }
    .video_overlay .login_box{
        width: 98% !important;
    }
    .video_overlay_close{
        right:0px;
    }
}