*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;}
body{background-color:#f5f5f5;}
ul{padding:0;margin:0;}
ul li{list-style:none;}
a{ text-decoration: none; cursor: pointer;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.footer-area{background-color:#333;color:#ebebeb;padding:20px 0;text-align:center;}
.footer-area h5{font-size: 1.125rem;}
.footer-area a{margin-bottom:0; color: #ddd !important; text-decoration: none; font-size: 0.875rem; }
.footer-area a:hover{text-decoration: underline;}
.footer-area a img{display: block; margin: 0 auto; }

.navbar {
  --bs-navbar-hover-color: #066ac9;
  --bs-navbar-active-color: #066ac9;
  --bs-navbar-nav-link-padding-x: 1rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.navbar-expand-xl .navbar-nav .dropdown > .dropdown-menu {
  padding: 15px 0;
  top: 120%;
  visibility: hidden;
  opacity: 0;
  display: block;
    border: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.navbar-expand-xl .navbar-nav .dropdown:hover > .dropdown-menu {
  display: block;
  top: 100%;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navbar-expand-xl .navbar-nav .nav-link {
  line-height:40px;
  font-weight: 500;
}
.w90{
  display: block;
  width: 90%;
  font-size: 0.875rem;
  margin:5px auto;
  border-radius: 3px;
}
.dropdown-item:focus, .dropdown-item:hover{
  background-color: #0050cf;
  color: #fff;
}
.dropdown-menu-width{ width: 500px; max-height: 400px; overflow-y: auto; padding:20px !important;}
.dropdown-menu-width .list-unstyled{ display: flex; flex-wrap: wrap;}
.dropdown-menu-width .list-unstyled li{ width: 22%; margin-right: 15px; margin-bottom: 10px; font-size: 0.875rem; background-color: #f5f5f5; text-align: center; cursor: pointer; border-radius: 20px;}
.dropdown-menu-width .list-unstyled li:nth-child(4),.dropdown-menu-width .list-unstyled li:nth-child(8){ margin-right: 0;}
.dropdown-menu-width .dropdown-item:focus, .dropdown-item:hover{ background-color: #0050cf; color: #fff; border-radius: 20px;}
.login-register a{ color: #666; cursor: pointer;}
.login-register a:hover{ color: #0050cf !important; text-decoration: underline !important;}

.searchinput{position: relative; top: 0;}
.searchinput input{ border-radius: 40px; border-color: #0050cf;}
.form-control{ line-height: 1.3; font-size: 0.875rem;}
.searchinput a{    
    background-color: #0050cf;
    color: #fff;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 0 40px 40px 0;
    cursor: pointer;}
.slider-leftmenu ul{width: 100%; position: relative; z-index: 99; transition: all 0.3s ease-in-out;}
.slider-leftmenu ul:hover{width: 570px;transition: all 0.3s ease-in-out;}
.slider-leftmenu ul,.slider-loginr-bg{ height: 100%; background-color: #fff; border-radius: 10px; overflow: hidden;}
.slider-leftmenu ul{padding: 10px; display: flex; flex-direction: column; justify-content: center; }
.slider-leftmenu ul li{ white-space: nowrap; overflow: hidden; font-size: 12px; color: #999; margin: 8px 0;}
.slider-leftmenu ul li span{ font-size: 14px; color: #333; }
.slider-leftmenu ul li a{display: inline-block; color: #999; padding: 0 3px;}
.slider-leftmenu ul li label:last-child{ display: none;}
.slider-leftmenu ul li a:hover{ color: #0050cf;}
.slider-loginr-bg h5{ font-size: 12px; color: #333; margin-bottom: 35px; font-weight: 400; text-align: center; padding-top: 50px;}
.slider-loginr-img img{ display: block; margin: 0 auto; max-width: 100%;}
.slider-loginr-btn{ width: 80%; margin: 25px auto; text-align: center; background-color: #0050cf; color: #fff; line-height: 30px; border-radius: 30px; font-size: 14px; cursor: pointer;}
.slider-content .swiper-container{ border-radius: 10px; overflow: hidden;}
.slider-content .swiper-slide img{ width: 100%; object-fit: cover; object-position: center;}
.slider-area{ margin-bottom: 20px;}
.AD-area{ margin-bottom: 20px;}
.AD-area a{ display: block; border-radius: 10px; overflow: hidden;}
.AD-area img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.quick-area{ margin-bottom: 50px;}
.quick-area ul li a{display: block; border-radius: 10px; overflow: hidden;}
.quick-area ul li img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.ranking-area .ranking-content .ranking-bg{ background-color: #fff; border-radius: 10px;}
.ranking-content{ margin-bottom: 50px;}
.ranking-list{ padding: 0 10px 1px;}
.ranking-list li{ margin-bottom: 20px;}
.ranking-list li a{ display: flex; }
.ranking-top{ display: flex; justify-content: space-between; align-items: center; text-decoration: none; }
.ranking-top{height: 68px; padding: 0 15px; background: linear-gradient(to bottom, #fcf8ed, #fefbf5, #fff); font-size: 18px; font-weight: bold; font-style: italic; color: #e2e2e2;}
.ranking-top-left{font-size: 18px;font-weight: 600; color: #d1802b; font-style: normal;}
.ranking-top-left label{margin-left: 8px; font-size: 14px; font-weight: 400;}
.ranking-number{font-size: 20px; color: #b8b8b8;width: 20px;margin-left: -5px; margin-right: 11px;text-align: right;}
.ranking-list ul li:nth-child(1) .ranking-number{ color: #FA5055;}
.ranking-list ul li:nth-child(2) .ranking-number{ color: #FF7130;}
.ranking-list ul li:nth-child(3) .ranking-number{ color: #FFB425;}
.ranking-list .ranking-img{ width: 107px; height: 60px; overflow: hidden; border-radius: 3px; margin-right: 11px;}
.ranking-list .ranking-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.ranking-txt h3{ font-size: 14px; color: #333; font-weight: 500; margin-bottom: 3px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ranking-txt p{ font-size: 12px; color: #666; margin-bottom: 0px;}
.ranking-txt label{ font-size: 12px; color: #999;}
.comment-area,.recommend-container{ overflow: hidden;}
.swiper-container2{ margin-top: 30px; margin-bottom: 50px;}
.swiper-container2 a{ display: block; background-color: #fff; border-radius: 10px; padding: 0 15px 15px; }
.recommend-img img{ display: inline-block; width: 48px; height: 48px; border-radius: 100%; margin-top: -15px;}
.comment-label1{ display: inline-block; margin-left: 5px; font-size: 12px; color: #999;}
.comment-txt{ height: 84px; font-size: 14px; color: #333; margin:10px 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.comment-lz{ font-size: 12px; color: #0050cf;}
.class-quality-content{ margin-bottom: 30px;}
.class-quality-content .col-lg-2{width: 20%; margin-bottom: 20px;}
.class-quality-content .col-lg-2 a,.recommend-container a{ display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 10px; overflow: hidden;}
.class-quality-img{ position: relative; top: 0;}
.recommend-label2{ position: absolute; left: 10px; bottom: 10px; font-size: 12px; color: #333; background:linear-gradient(90deg, #ffe7b2 0%, #ffd79f 100%); border-radius: 4px;
    padding: 1px 6px 1px 6px;
    font-weight: 500;
    height: 22px;
    line-height: 20px;}
.recommend-container{ margin-bottom: 50px; position: relative;}
.recommend-container .class-quality-txt h3{ height: 34px; margin-bottom: 15px;}
.recommend-container .recommend-content{
	padding:5px 8px;
    font-size: 12px;
    color: #999;
    height: 48px;
    line-height: 20px;
    margin: 10px;
    background: #f8f9fb;
    border-radius: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.class-quality-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.class-quality-txt{ padding: 10px; height: 75px;}
.class-quality-txt h3{ font-size: 14px; color: #333; margin-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.class-quality-txt p{ font-size: 12px; color: #666; margin-bottom: 0;}
.class-quality-number{ padding: 10px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #999;}
.class-quality-number-left label svg{ margin-right: 2px; position: relative; top: -1px;}
.class-quality-number-left-label1{ color: #999;}
.class-quality-number-left-label2{ color: #0050cf;}
.class-quality-number-left-label3{ color: orange;}
.mentor-Center-area .col-lg-6 a{ display: block; border-radius: 10px; overflow: hidden;}
.mentor-Center-content a img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.study-trip-area{ text-align: center; margin-top: 50px; margin-bottom: 100px;}
.area-title{ color: #212529; font-size: 24px; font-weight: 400; margin: 10px 0;}
.study-trip-title{color: #212529; text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: 400;}
.study-trip-btn{ margin-top: 50px;}
.study-trip-btn a{display: inline-block; padding: 10px 100px; line-height: 25px; background-color: #0050cf; color: #fff; border-radius: 45px; text-decoration: none; font-size: 18px;}
.footer-area .container .col-lg-2{ width: 15%; text-align: left;}
.footer-bottom,.footer-bottom a{ color: #999 !important; font-size: 12px;}

.swiper-button-next, .swiper-button-prev{opacity: 0.1;}
.swiper-button-next:hover, .swiper-button-prev:hover{opacity: 1;}

.members-main{ margin-top: 72px;}
.nheader-slider,.course-slider{ margin-top: 72px; margin-bottom: 50px;}
.nheader-slider img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.members-top{ margin-top: 70px; text-align: center;}
.members-top h2{ font-size: 40px; font-weight: 400;}
.members-text{ margin: 10px 0 70px;}
.members-text p,.members-bottom p{ font-size: 16px; line-height: 25px; color: #333; margin-bottom: 20px;}
.members-line{ font-size: 22px; color: #333; margin-bottom: 10px;}
.members-content{ margin-bottom: 50px;}
.members-content .col-lg-6{ margin-bottom: 24px;}
.members-content .col-lg-6 div h3{ font-size: 30px; color: #fff; margin-left: 50px; padding-top: 70px; margin-bottom: 20px;}
.members-content .col-lg-6 div p{ font-size: 24px; color: #fff; font-weight: 300; margin-left: 50px; margin-right: 50px; }
.members-itembg1{ background-image: url(/temp/assets/images/dstx1.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 332px; border-radius: 10px;}
.members-itembg2{ background-image: url(/temp/assets/images/dstx2.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 332px; border-radius: 10px;}
.members-itembg3{ background-image: url(/temp/assets/images/dstx3.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 332px; border-radius: 10px;}
.members-itembg4{ background-image: url(/temp/assets/images/dstx4.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 332px; border-radius: 10px;}
.lmcy .members-itembg1{ background-image: url(/temp/assets/images/lmcy1.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 332px; border-radius: 10px;}
.lmcy .members-itembg2{ background-image: url(/temp/assets/images/lmcy2.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 332px; border-radius: 10px;}
.lmcy .members-itembg3{ background-image: url(/temp/assets/images/lmcy3.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 332px; border-radius: 10px;}
.lmcy .members-itembg4{ background-image: url(/temp/assets/images/lmcy4.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 332px; border-radius: 10px;}
.members-bottom{ text-align: center;}
.members-bottom a{ display: inline-block; padding: 10px 100px; background-color: #0050cf; color: #fff; border-radius: 45px; text-decoration: none; font-size: 26px; margin: 50px auto 100px;}
.history-main{margin-top: 72px; padding-top: 30px; background: url(/temp/assets/images/history/historybg.png) no-repeat center top;}
.history-top{ margin: 0 0 30px; background-color: #fff; border-radius: 10px; padding: 60px; border-radius: 10px;}
.history-top-left{ background: url(/temp/assets/images/history/historytop.jpg) no-repeat center center; height: 338px; background-size: 100% 100%; border-radius: 10px; text-align: center;}
.history-top-left img{ display: block; max-width: 100%; margin: 80px auto 0;}
.history-top-right h2{ font-size: 30px; font-weight: bold; text-align: center; margin: 20px 0;}
.history-top-right-text{ font-size: 16px; padding: 20px; border-radius: 10px; background-color: #f8f9fb; margin-left: 30px;}
.history-content{ padding: 60px; background-color: #fff; border-radius: 10px; margin-bottom: 50px;}
.history-content-bootext{ background-color: #f8f9fb; font-size: 20px; border-radius: 10px; padding: 35px; margin-top: 50px;}
.history-content-list-item{ display: flex; margin-bottom: 20px; justify-content: space-between; align-items: center;}
.history-content-list-item-text{ margin-left: 50px; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; border-left: 1px dashed #0050cf;}
.history-content-list-item-text h3{ font-size: 26px; font-weight: bold; color: #333; line-height: 50px; margin-bottom: 10px; background: #fff url(/temp/assets/images/history/historytime.png) no-repeat center left; padding-left: 72px; margin-left: -72px;}
.history-content-list-item-text-content{ font-size: 16px; color: #666; line-height: 30px;}
.thumbnail{ margin-top: 72px; margin-bottom: 50px;}
.thumbnail img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.new-slider{ margin-top: 72px;}
.new-slider img,.course-slider img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.newcontent{ margin-top: -110px; margin-bottom: 50px;}
.newcontent .row .col-lg-6 .lists_item{background-color: #fff; padding: 30px 50px 20px; border-radius: 10px; margin-bottom: 20px;}
.lists_item h3{ font-size: 24px; color: #333; font-weight: normal; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lists_item p{ font-size: 16px; color: #666; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 30px; margin-bottom: 10px;}
.lists_item span{ font-size: 14px; color: #666; display: flex; justify-content: end;}
.con-details{ background-color: #fff; padding: 30px 50px 20px; border-radius: 10px; margin-bottom: 50px; margin-top: -110px; position: relative; z-index: 1;}
.con-details h2{ text-align: center;}
.con-date{ color: #999; font-size: 14px; margin-bottom: 10px; margin-top: 20px;}
.con-details .conmess{ border-top: 1px solid #333; padding-top: 20px;}
.class-title{ display: flex; justify-content: space-between; background-color: #fff; padding: 25px 30px; border-radius: 10px; margin-top: -90px; position: relative; z-index: 1;}
.class-title-left h2{ font-size: 30px; color: #333; font-weight: bold; margin-bottom: 0;}
.class-title-left h2 span{ font-size: 28px; font-weight: normal;}
.class-title-left h3{ font-size: 18px; color: #333; font-weight: bold; margin-top: 15px; margin-bottom: 50px;}
.class-title-left h3 span{ font-weight: normal;}
.class-title-line{ font-size: 12px; color: #999;}
.class-title-line i{ color: #FA5055;}
.class-title-right{ padding: 25px 20px; border-radius: 10px; background-color: #f5f5f5; position: relative; top: 0;}
.class-title-right .kprice{ position: absolute; left: 0; top: 0; font-size: 14px; color: #fff; border-radius: 10px 0 10px 0; background: linear-gradient(to right, #f73e39, #fe8862); padding: 5px 15px;}
.class-priceleft{ float: left; margin-right: 20px; margin-top: 40px;}
.class-priceleft span{ display: block;}
.class-priceleft .price{ font-size: 16px; color: #333;}
.class-priceleft .price i{ font-style: normal; font-weight: bold;}
.class-priceleft .zk label{ font-size: 12px; font-weight: bold; color: #fff; background-color: #212529; border-radius: 10px 0 0 10px; padding: 0 10px;}
.class-priceleft .zk i{font-size: 12px; padding: 2px 7px; background-color: #e6c4a0; border-radius: 0 10px 10px 0; font-style: normal; font-weight: bold;}
.class-priceright{ float: right;}
.class-priceright span{ font-size: 16px; color: #f73e39;}
.class-priceright span i{ font-size: 22px; font-weight: bold; font-style: normal;}
.class-priceright .buy-btn{ display: block; font-size: 20px; color: #fff; background: linear-gradient(to right, #fe8862, #f73e39); border-radius: 10px; padding: 7px 20px; margin-top: 10px;}
.tutor-mess,.class-info,.course-evaluation{ padding: 25px; background-color: #fff; border-radius: 10px; margin: 20px 0;}
.tutor-mess-title{background: linear-gradient(to right, #213bab, #53e4fe); font-size: 20px; color: #fff; padding: 10px 20px; border-radius: 5px; margin-bottom: 10px;}
.tutor-mess-title h3{ text-align: center; margin-top: 15px; font-weight: normal;}
.tutor-mess-title p{ margin-bottom: 10px; text-align: center; font-size: 16px;}
.kcjgykb{ margin-top: 30px; font-size: 26px; font-weight: normal;}
.kcjgykb—mess{ font-size: 14px; color: #999; margin-bottom: 20px;}
.class-info-stage{ padding: 20px; background-color: #f5f5f5; border-radius: 10px;}
.course-evaluation-title{display: flex; justify-content: space-between; margin-bottom: 20px;}
.course-evaluation-title-left{ font-size: 26px; color: #333;}
.course-evaluation-title-right{ font-size: 14px; color: #999;}
.course-evaluation-title-right a{ display: inline-block; font-size: 12px; color: #fff !important; background-color: #0050cf; border-radius: 5px; padding: 3px 10px; margin-left: 10px;}
.course-evaluation-title-right a:hover{ text-decoration: underline !important;}
.course-evaluation-item{ padding: 20px; background-color: #f5f5f5; border-radius: 10px; margin-bottom: 20px;}
.course-evaluation-item-top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.class-info-stage-left{ font-size: 22px; color: #333; line-height: 50px;}
.class-info-stage-left img{ display: inline-block; width: 50px; height: 50px; object-fit: cover; object-position: center; border-radius: 100%; margin-right: 5px;}

#_start {
	position:fixed;
	height: 0px;
	width: 0px;
	background: #f5f5f5;
	color: white;
	text-align: center;
	line-height: 40px;
  z-index: 999;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

#_close {
	float: right;
	height: 0px;
	width: 0px;
	background: none;
	color: #333;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
  
}

#login_container,#regist_container {
  padding:0 50px;
	width: 430px;
	text-align: center;
	display: none;
}

#lab1 {
	width: 330px;
	border-bottom: 1px solid #999;
	text-align: left;
	font-family: '微软雅黑';
}

#lab_login {
	font-size: 30px;
	height: 40px;
	color: #333;
}

#lab_toRegist,#lab_toLogin {
	font-size: 15px;
	line-height: 55px;
	float: right;
	color: #333;
}

#lab_type2 {
	font-size: 16px;
	float: left;
	color: #8C8C8C;
}

#login_number,
#login_password {
	height: 50px;
	border-radius: 0;
	margin-top: 10px;
}

/* 注册表单 开始 */
#regist_account,
#regist_password1,
#regist_password2,
#regist_phone,
#regist_vcode
{
	height: 42px;
	border-radius: 0;
	margin-top: 5px;
}
#regist_vcode{
	width:200px;
	display: inline-block;
	float: left;
}
/* 注册表单 结束 */

/*获取验证码*/
#getVCode{
	width:125px;
	height: 40px;
	border-radius: 0;
	margin-top: 6px;
	float: right;
}
/*登陆按钮*/
#login_btn {
	float: left;
	width: 100px;
	height: 40px;
	border-radius: 0;
	margin-top: 20px;
}
/*注册按钮*/
#regist_btn{
	width: 330px;
	height: 40px;
	border-radius: 0;
	margin-top: 20px;
}
/*记住密码，找回密码*/
#rememberOrfindPwd {
	display: inline-block;
	height: 40px;
	line-height: 70px;
	margin-top: 15px;
	float: right;
}
/*QQ登陆样式*/
#login_QQ {
	width: 150px;
	height: 40px;
	float: left;
	border-radius: 0;
}
/*微博登陆样式*/
#login_WB {
	width: 150px;
	height: 40px;
	float: right;
	border-radius: 0;
}
/*登陆表单容器*/
#form_container1 {
  padding-top: 30px;
	width: 330px;
	height: 240px;
}
/*注册表单容器*/
#form_container2 {
	width: 330px;
	height: 300px;
}

.pager{ text-align: center; margin-bottom: 50px;}
#pages{ display: inline-block;}
.pager ul li {
  display: inline-block;
  margin: 0 4px;
}
.pager ul li a,.pager ul li span {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 16px;
  border-radius: 100%;
  color: #008ed6;
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
          box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
}
.pager ul li a:hover {
  background-color: #008ed6;
  color: #fff;
}
.pager ul li a.active,.pager ul li.active span {
  background-color: #008ed6;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pager ul li a.active:hover {
  background-color: #333;
}
.pager ul li a.prev,
.pager ul li a.next {
  background-color: #f6f6f6;
  color: #008ed6;
  font-size: 17px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pager ul li a.prev:hover,
.pager ul li a.next:hover {
  background-color: #008ed6;
  color: #fff;
}