/* 顶部品牌栏 */
/* .tongyong-dyt{background: rgba(255,255,255,0.1) !important;position: relative;width: 100% !important;overflow: hidden;margin: 0 !important; z-index: 1;}
.lqm-dyt {width: 1200px;height: 76px;margin: 0 auto;display: block;} */
body{color: #242424; font-size: 14px;}
*{transition: all 0.3s;}
p{ line-height: 1.8; color: #585858;}
.min-w{padding: 80px 0;}

/* 标题下的文字 */
.vip_note{ text-align: center; color: #585858;}
/* canvas */
.t-banner{height: auto !important;}
#canvas{position: absolute; bottom: 0; left: 0;}
.vip_banner_cont{z-index: 10;}

/* banner */
.t-banner{position: relative;}
.vip_banner_cont{width: 1200px; margin: 0 auto; position: absolute; left:50%;top:50%; transform: translate(-50%,-50%);}
.vip_banner_txt{ position: relative;width: 100%;}
.vip_banner_txt img{display: block; margin: auto;}
.vip_banner_btn{position:absolute; display: block; width: 180px; line-height: 46px; color: #fff; text-align: center; font-size: 22px; font-weight: bold; border-radius:25px;right:23%; top:53%;}
.vip_banner_btn::before{
	content: '';
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transform: scale3d(0.7, 0.7, 1);
	border: 2px solid #fff;
}

.vip_banner_btn::after{
	content: '';
	border-radius: inherit;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
	background: #dfc19b;
} 
.vip_banner_btn:hover{color:#dfc19b; font-size: 16px;}
.vip_banner_btn:hover::before {transform: scale3d(1, 1, 1);}
.vip_banner_btn:hover::after {background-color: #fff; transform: scale3d(0.7, 0.7, 1);}

/* banner */
.ph-banner{display: none;}
/* 顶部品牌 */
.tongyong-dyt{position: absolute; background: rgba(255,255,255,0.1) !important; z-index: 10;}

.vip_left{float: left;}
.vip_right{float: right;}
.txt_left{text-align: left;}
.txt_bold{font-weight: bold;}
.color_white{color: #fff;}
.vip-contbg1{background: url(http://www.tqedu.net/Template/Default/Skin/2021/images/vip2021-bg1.jpg) no-repeat center;background-size: 100% 100%;}
.vip-contbg2{background: #190030;}
.vip-contbg3{background: url(http://www.tqedu.net/Template/Default/Skin/2021/images/vip2021-bg2.jpg) no-repeat center;background-size: 100% 100%;}

/* 标题 */
.vip_title{ width: 100%; text-align: center;}
.vip_title h2{font-size: 40px; font-weight: bold;}
.vip_title span{text-transform:uppercase; font-weight: bold; font-size: 30px; opacity: 0.1;}

/* 按钮 */
.vip_btn{display: block; color: #190030;  font-size: 20px; width: 160px; line-height: 46px; border-radius: 25px; border:1px solid #190030; text-align: center;}
.vip_btn:hover{background:#dfc19b; border-color:#dfc19b;color: #fff; font-weight: bold;}


/* 介绍 */
.vip_about{width: 100%;}
.vip_about .vip_title{text-align: left;}
.vip_about .vip_left{width:460px; padding-right: 40px;}
.vip_about .vip_right{width:720px;}
.about_txt{padding: 40px 0; color: #585858;}
/* 右边 */
.vip_about ul{width: 350px !important;}
.vip_about li{width: 350px; cursor: pointer; z-index: 1; position: relative; margin-top: 20px; border-radius: 30px; padding: 40px; box-shadow:rgba(30,0,59,0.1) 0px 0px 5px; background: url(http://www.tqedu.net/Template/Default/Skin/2021/images/viplibg1.png) no-repeat center;background-size: 100% 100%;}
.vip_about li span{color: #dfc19b; font-size: 40px; font-weight: bold;}
.vip_about li h4{font-size: 20px; padding: 10px 0;}
.vip_about .aboutul2{margin-top: -20px;}
.vip_about .aboutul2 li{ margin-top: 0; margin-bottom: 20px;}
.vip_about li .vip_about_adorn { display: block; content: ""; position: absolute; width: 0; height: 0; top: 0; left: 0; background: #fffaf4; z-index: -1; border-radius: 30px;}
.vip_about li:hover .vip_about_adorn{width: 100%; height:100%;}
.vip_about li:hover{box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 2px;}



.vip_cont{padding-top: 30px;}
/* 适合人群 */
.vip_crowd{padding-top: 40px;}
.vip_crowd li{width:285px; padding: 40px; border-radius: 30px; background: #fff; float: left; margin-right: 20px; margin-bottom: 20px;}
.crowd_icon>i{ color:#dfc19b; font-size: 30px; position: relative; z-index: 1;}
.crowd_icon>i::after{display: block; content: ""; width: 20px; height: 20px; border-radius: 50%; background:#fff5e9; position: absolute; right: -5px; top: 10px; z-index: -1;} 
.crowd_icon>i::before{display: block; content: ""; width: 10px; height: 10px; border-radius: 50%; background:#fff5e9; position: absolute; right: -5px; top: 0; z-index: -1;} 
.crowd_icon .vip_btn{width: 60px; line-height: 24px; float: right;}
.crowd_icon .vip_btn i{ font-size: 26px;}
.vip_crowd li h4{ font-size: 20px; padding-top: 20px;}
.vip_crowd .vip_left{width: 50%;}
.vip_crowd .vip_right{width: 49.3%;}
.vip_crowd li:nth-child(2n){margin-right: 0;}

.vip_crowd li:hover{margin-top:-5px; box-shadow: rgba(255,255,255,0.4)0px 0px 10px 2px; background: #fffaf4;}

/* 优秀师资 */
.jz_teacher{width: 100%; margin-top: 40px; padding-top: 40px; background: #fff; box-shadow: rgba(0,0,0,0.1) 0px 0px 10px; border-radius: 25px;}
/* 老师科目分类标题 */
.jz_teacher .jz_teacher_nav{width: 100%; padding:0 40px;}
.jz_teacher .jz_teacher_nav li{float: left; font-size: 20px; width: 170px; line-height: 50px; border-radius: 45px; border:1px solid #190030; color: #190030; text-align: center; cursor: pointer; margin-right: 20px;}
.jz_teacher .jz_teacher_nav li:last-child{margin-right: 0;}
/* hover/current效果 */
.jz_teacher .jz_teacher_nav li:hover{background: #dfc19b; font-weight: bold; color: #fff; border-color: #dfc19b;}
.jz_teacher .jz_teacher_nav li.current{background: #dfc19b;font-weight: bold; color: #fff;border-color: #dfc19b;}
/* 老师照片科目大分类 */
.jz_teacher_img{width: 100%;padding-top: 40px;}
.jz_teacher_list{width: 100%; position: relative; display: none;}
.jz_teacher_list.current{display: block;}
/* 详细显示一个老师 */
.jz_teacher_big{width: 100%;height: 380px;overflow: hidden; position: relative;}
.jz_teacher_big ul{ position: absolute;left: 0; top: 0; height:380px ;}
.jz_teacher_big li{float: left; width: 1200px; position: relative; height: 380px; float: left;}
.jz_teacher_big li>img{position: absolute; left: 40px; width: 240px; height: 340px;}
.jz_teacher_txt{width: 100%; position: relative; padding-left: 300px;}
.jz_teacher_name{padding-left: 40px;}
.jz_teacher_name h5{font-size: 24px;font-weight: bold; padding-top: 20px;}
.jz_teacher_name span{display:none;}
.jz_teacher_txt p{padding: 30px 40px;}
/* 预约按钮 隐藏*/
.jz_teacher_yy{display: none;}
/* 缩略图角标 */
.jz_teacher_small{ position: absolute;width: 820px;margin: auto; height: 130px;overflow: hidden;left: 330px; bottom: 40px;}
.jz_teacher_small ul{position: absolute; left: 0; top: 20px; height: 110px;}
.jz_teacher_small li{width: 205px;height: 110px; background: #fff;cursor: pointer; box-shadow: 0px 1px 5px #ddd;float: left;  overflow: hidden;}
.jz_teacher_small li.right-0{margin-right: 0;}
.jz_teacher_small li>img{width: 100px; float: left; height: auto;padding: 5px 0 0 5px;}
.jz_teacher_small_txt{float: left; padding:20px 0 0 10px;}
.jz_teacher_small_txt h6{font-size: 14px;font-weight: bold; padding-bottom: 10px;}
.jz_teacher_small_txt p{color: #666; font-size: 12px;}
/* current效果 */
.jz_teacher_small li.current{background: #dfc19b;}
.jz_teacher_small li.current h6{color: #fff;}
.jz_teacher_small li.current p{color: #fff;}
/* 左右箭头*/
.jz_btnl{position: absolute;left:290px; bottom: 40px; line-height: 110px;width: 30px; cursor: pointer; text-align: center;}
.jz_btnr{position: absolute;right:10px; bottom: 40px; line-height: 110px;width: 30px;cursor: pointer; text-align: center;}
.jz_btnr:hover{box-shadow:rgba(0,0,0,0.1) 0px 0px 3px; background:#dfc19b;}
.jz_btnl:hover{box-shadow:rgba(0,0,0,0.1) 0px 0px 3px;background:#dfc19b;}
.jz_btnr i{ font-size: 20px;}
.jz_btnl i{font-size: 20px;}
.jz_btnr:hover i{ color:#fff;}
.jz_btnl:hover i{ color:#fff;}

/* 服务流程 */
.vip_process li{ width: 141px; text-align: center; float: left; padding: 40px; border-radius:30px; background: #fff; margin-right: 10px; position: relative; overflow: hidden; z-index: 1;}
.vip_process li:last-child{margin-right: 0;}
.vip_process li::after{position: absolute;display: block; content: ""; width: 180px; height: 180px; border-radius: 50%; top: -20%; left: -14%; border:1px solid #dfc19b; background: #fffaf4; z-index: -1;}
.vip_process li .vip_btn{width: 100%; line-height: 24px;margin-top: 20px;}
.vip_process li .vip_btn i{font-size: 26px;}
.vip_process li h5{font-size: 40px; font-weight:bold; color:#dfc19b; padding-bottom: 50px;}
.vip_process li:hover{background: #dfc19b; margin-top: -5px;}
.vip_process li:hover p{color: #fff;}
.vip_process li .vip_btn:hover{background: #fff;}
.vip_process li .vip_btn:hover i{color: #dfc19b;}

/* 表单 */
.vip_tab{width: 100%; border:1px solid #e1cfba;}
.vip_tab caption{width: 100%; line-height: 70px;background: #190030; color: #fff; font-size: 22px; font-weight: bold; text-align: center;}
.vip_tab thead th{background: #ad7f4a; color: #fff; font-size: 20px; padding: 30px 10px; border:1px solid #faf2e9;}
.vip_tab td{width: 20%;border:1px solid #e1cfba; font-size:16px; text-align: center; padding:30px 10px;}
.vip_tab.vip_tabw_7 td{width:14%}
.vip_tab.vip_tabw_6 td{width:16%}
.vip_tab td.txt_left{text-align: left;}
.vip_tab tr{background: #fffcf8;}
.vip_tab tr:nth-child(2n){background: #fff9f2;}
/* 表单预约按钮 */
.vip_tab_btn{display: block; width: 80%; padding:10px 0; border-radius: 25px; border:1px solid #190030; color: #190030; margin: auto;}
.vip_tab_btn:hover{background: #dfc19b; border-color: #dfc19b; color: #fff; font-weight: bold;}

/* 服务内容 */
.vip_tab_date td{width: 12.5%; padding:20px 10px;}
.vip_tab_date thead th{font-weight: normal; padding: 20px 10px;}
.vip_tab_date thead tr:nth-child(2) th{ background: #dfc19b; color: #fff;}
.vip_tab_date td.tb_first{width: 8%; background: #ad7f4a; color: #fff; font-size: 20px; font-weight: bold;}
.vip_tab_date thead th.tb_first{width: 8%; background: #ad7f4a; color: #fff; font-size: 20px; font-weight: bold;}
.vip_conttab2 .min-w{padding-top: 0;}

/* 联系我们 */
.area-info{box-shadow: rgba(0,0,0,0.1) 0px 0px 20px;}



@media screen and (max-width: 1500px){
	.vip_banner_txt img{width: 80%;}
}

@media screen and (max-width: 1199px){
	p{font-size: 12px;}
	.vip_banner_cont{width: 1000px; transform: scale(0.7) translate(-50%,-50%);transform-origin: 0 0;}
	.vip_banner_txt img{width: 100%;}
	.min-w{width: 1000px;padding:20px 10px;}
	.vip_about .vip_left{width: 100%;}
	.vip_about .vip_title{text-align: center;}
	.vip_about .vip_right{width: 100%;}
	.vip_btn{margin: 0 auto;}

	.pinpai-dyt{display: none !important;}
	
	.vip_crowd li{width: 48%; margin-right: 2%;}
	.vip_crowd li p{white-space: nowrap;}
	
	.jz_teacher .jz_teacher_nav li{margin-bottom: 10px;}
	
	.vip_process li{padding: 30px; width: 119px; margin-right: 3px;}
	
	.jz_teacher_txt p{width: 640px;}
}



@media screen and (max-width: 1000px){
	/* banner */
	.ph-banner{display: block;}
	.t-banner{display: none;}
	.pinpai-dyt{display: none!important;}

	.min-w{padding:20px 10px; width: 100%;}
	.vip_cont{padding-top: 20px;}
	.vip_about .vip_title{text-align: center;}
	.vip_title h2{font-size:36px; font-weight: normal;}
	.vip_title span{font-size: 24px; font-weight: normal;}
	.vip_btn{width: 100%; line-height: 36px; font-size: 18px;}
	
	.about_txt{padding:20px 0;}
	.vip_about .vip_left{width: 100%; padding: 0;}
	.vip_about .vip_right{width: 100%; padding-top: 20px;}
	.vip_about ul{width: 100% !important;}
	.vip_about li{width:100%;margin:0; padding: 15px;  float: left; background-size: 100% 100%; margin-bottom: 20px;}
	.vip_about li span{font-size: 26px;}
	.vip_about li h4{font-size: 16px;}
	
	.vip_crowd{padding-top: 20px;}
	.vip_crowd .vip_left{width: 100%;}
	.vip_crowd .vip_right{width: 100%;}
	.vip_crowd li{width: 49%; margin-right: 2%; padding:15px 10px; border-radius: 10px;}
	.vip_crowd li:nth-child(2n){margin-right: 0;}
	.vip_crowd li h4{font-size: 16px; padding-top: 10px;}
	.vip_crowd li p{ white-space: nowrap; font-size: 12px;}
	.crowd_icon .vip_btn{width: 50px; line-height: 18px;}
	.crowd_icon>i{font-size: 26px;}
	
	.jz_teacher{padding-top: 20px; margin-top: 20px;}
	.jz_teacher .jz_teacher_nav{padding: 0;}
	.jz_teacher .jz_teacher_nav li{width:31%;margin:0 3px; font-size: 14px; line-height: 1.2; padding:10px 0; margin-bottom: 10px;}
	.jz_teacher .jz_teacher_nav li.current{font-weight: normal;}
	
	.jz_teacher_big li{width: 100%;}
	.jz_teacher_big li>img{width: 100px; height: auto; left: 8px;}
	.jz_teacher_txt{padding-left: 75px;}
	.jz_teacher_img{padding-top: 20px;}
	.jz_teacher_name h5{font-size: 16px; padding: 0;}
	.jz_teacher_txt p{padding:0; font-size: 12px; padding-left: 40px; width:100%; max-height: 160px;overflow: hidden;padding-right: 8px;}
	.jz_teacher_small{display: none;}
	.jz_teacher_big{height: 200px;}

	.jz_btnl{display: none;}
	.jz_btnr{display: none;}
	
	.vip_process li{width: 49%; margin-right: 2%; padding: 10px; padding-top: 0; margin-bottom: 10px;}
	.vip_process li:nth-child(2n){margin-right: 0;}
	.vip_process_img{display: none;}
	.vip_process li h5{padding-bottom:10px; font-size: 26px;}
	.vip_process li::after{ left: 34%; top: -10%; width: 60px; height:60px;}
	.vip_process li .vip_btn{margin-top: 10px;}
	
	.vip_tab thead th{padding: 15px 10px;}
	.vip_tab td{padding: 15px 6px;}
	.vip_tab .ph_none{display: none;}
	.vip_tab_btn{width: 100%;}
	
	.vip_tab_date thead th{font-size: 14px;}
	.vip_tab_date td{font-size: 12px; padding: 10px 3px;word-break:break-all;}
	.vip_tab_date thead th{padding: 10px 3px;}
	.vip_tab_date thead th.tb_first{font-size: 14px;}
	.vip_tab_date td.tb_first{font-size: 14px;}

	.over_scroll{overflow-x: scroll}
	
	
	
}