/*
* @Author: Sun Jijing
* @Date:   2023-09-07 10:04:44
* @Last Modified by: Sun Jijing
* @Last Modified time: 2023-09-07 13:06:07
*/
* { margin: 0; padding: 0; }
a { text-decoration: none; }
ul, li { list-style: none; }
img { border: 0; }
html, body { width: 100%; height: auto; }

/* banner */
.headera { width: 100%; }
.headera img { width: 100%; }

/* 内容区域 */
body { -background: #fbe9c6; background: #8e0002 url(footer.png) no-repeat center bottom; background-size: 100% 385px; }
.main-wrap, .guide { position: relative; width: 100%; z-index: 20;}
.wrap { width: 1200px; margin: 0 auto; }
.special-intro { font-family: PingFangSC-Regular; font-size: 20px; color: #321e0e; letter-spacing: 0; text-align: justify; line-height: 32px; margin-top: 10px; text-indent: 2em; margin-bottom: 40px; }
.intro2 { margin-top: 40px; }
.block h2 { font-family: PingFangSC-Semibold; font-size: 33px; color: #321e0e; text-align: center; line-height: 33px; margin-bottom: 26px; padding-top:30px;font-weight: bold; }
.block .intro { font-family: PingFangSC-Light; font-size: 20px; color: #321e0e; text-align: justify; line-height: 30px; text-indent: 2em; }
.block2 .links { display: flex; justify-content: center; margin-top: 40px; }
.block .links a { width: 416px; height: 68px; background: url(pencilBtn.png) no-repeat; background-size: 100% auto; display: block; text-indent: 70px; line-height: 68px; font-family: PingFangSC-Regular; font-size: 22px; color: #ffffff; letter-spacing: 0; }
.footer { width: 100%; height: 235px; margin: 0 auto; position: relative; padding: 0 0 50px; }
.copyright { font-family: PingFangSC-Light; font-size: 16px; color: #ffffff; text-align: center; line-height: 30px; position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); }

.aside_img { position: absolute; width: 128px; height: 233px; right: 0%; top: 40%; bottom: 600px; }
.aside1 { position: absolute; width: 174px; height: 204px; left: 0%; top: 128%; }

/***********************************/

html .content, body .content { width: 1100px; height: auto; box-sizing: border-box; margin: 0 auto; }
html .content > .intro { font-size: 20px; line-height: 32px; color: #fff; text-indent: 2em; }
html .content .guide-title, body .content .guide-title { font-family: PingFangSC-Semibold; font-size: 34px; color: #fff; text-align: center; line-height: 34px; font-weight: bold; margin-bottom: 19px; margin-top: 100px; }
html .content .cup-title, body .content .cup-title { margin-bottom: 20px; font-size: 20px; color: #242424; line-height: 20px; text-align: center; }
html .content .cup-content, body .content .cup-content { text-indent: 2em; font-family: PingFangSC-Regular; font-size: 20px; color: #321e0e; letter-spacing: 0; text-align: justify; line-height: 32px; margin: 41px 0 56px; }
html .content .cup-list, body .content .cup-list { width: 1000px; margin-left: 50px; margin-bottom: 0px; }
html .content .list-title, body .content .list-title { width: 100%; height: 33px; line-height: 33px; }
html .content .list-title span:nth-child(1), body .content .list-title span:nth-child(1) { font-size: 24px; color: #9b480a; }
html .content .list-title span:nth-child(2), body .content .list-title span:nth-child(2) { float: right; display: inline-block; line-height: 33px; box-sizing: border-box; }
html .content .list-title span:nth-child(2) img, body .content .list-title span:nth-child(2) img { vertical-align: middle; margin-top: 5px; }
html .content .list-title span:nth-child(3), body .content .list-title span:nth-child(3) { float: right; box-sizing: border-box; padding-right: 10px; font-family: PingFangSC-Regular; font-size: 18px; color: #321e0e; }
.see-all a { font-size: 18px; }
.pc-line { width: 100%; height: 6px; }
html .content .list-content, html .content .list-contents, body .content .list-content, body .content .list-contents { margin-top: 11px; box-sizing: border-box; position: relative; }
html .content .list-content .swiper-slide:hover, html .content .list-contents .swiper-slide:hover, body .content .list-content .swiper-slide:hover, body .content .list-contents .swiper-slide:hover { cursor: pointer; }
html .content .list-content .swiper-slide, html .content .list-contents .swiper-slide, body .content .list-content .swiper-slide, body .content .list-contents .swiper-slide { width: 184px !important; height: auto; }
html .content .list-content .swiper-slide div:nth-child(1):hover .backdrop, html .content .list-contents .swiper-slide div:nth-child(1):hover .backdrop, body .content .list-content .swiper-slide div:nth-child(1):hover .backdrop, body .content .list-contents .swiper-slide div:nth-child(1):hover .backdrop { display: block; cursor: pointer; }
html .content .list-content .swiper-slide div:nth-child(1):hover .icon-search, html .content .list-contents .swiper-slide div:nth-child(1):hover .icon-search, body .content .list-content .swiper-slide div:nth-child(1):hover .icon-search, body .content .list-contents .swiper-slide div:nth-child(1):hover .icon-search { display: block; cursor: pointer; }
html .content .list-content .swiper-slide div:nth-child(1), html .content .list-contents .swiper-slide div:nth-child(1), body .content .list-content .swiper-slide div:nth-child(1), body .content .list-contents .swiper-slide div:nth-child(1) { width: 184px; height: 245px; position: relative; }
html .content .list-content .swiper-slide div:nth-child(1) .backdrop, html .content .list-contents .swiper-slide div:nth-child(1) .backdrop, body .content .list-content .swiper-slide div:nth-child(1) .backdrop, body .content .list-contents .swiper-slide div:nth-child(1) .backdrop { position: absolute; top: 0; right: 0; left: 0; z-index: 20; width: 184px; height: 245px; background: #000; opacity: 0.5; filter: alpha(opacity=50); display: none; }
html .content .list-content .swiper-slide div:nth-child(1) .icon-search, html .content .list-contents .swiper-slide div:nth-child(1) .icon-search, body .content .list-content .swiper-slide div:nth-child(1) .icon-search, body .content .list-contents .swiper-slide div:nth-child(1) .icon-search { position: absolute; top: 50%; left: 50%; z-index: 30; margin-top: -30px; margin-left: -30px; display: block; width: 60px; height: 60px; background: url(../img/icon-search.png) no-repeat center center; display: none; }
html .content .list-content .swiper-slide div:nth-child(1) img, html .content .list-contents .swiper-slide div:nth-child(1) img, body .content .list-content .swiper-slide div:nth-child(1) img, body .content .list-contents .swiper-slide div:nth-child(1) img { width: 100%; height: 100%; }
html .content .list-content .swiper-slide div:nth-child(2), html .content .list-contents .swiper-slide div:nth-child(2), body .content .list-content .swiper-slide div:nth-child(2), body .content .list-contents .swiper-slide div:nth-child(2) { margin: 10px 0; font-size: 20px; color: #9b480a; }
html .content .list-content .swiper-slide div:nth-child(3), html .content .list-contents .swiper-slide div:nth-child(3), body .content .list-content .swiper-slide div:nth-child(3), body .content .list-contents .swiper-slide div:nth-child(3) { font-size: 14px; color: #9b480a; line-height: 16px; }
html .content .list-content .swiper-button-prev, html .content .list-contents .swiper-button-prev, body .content .list-content .swiper-button-prev, body .content .list-contents .swiper-button-prev { width: 14px; height: 28px; background-image: url(prev1.png); background-size: 14px 28px; position: absolute; top: 96px; left: -50px; z-index: 1000; }
html .content .list-content .swiper-button-next, html .content .list-contents .swiper-button-next, body .content .list-content .swiper-button-next, body .content .list-contents .swiper-button-next { width: 14px; height: 28px; background-image: url(next1.png); background-size: 14px 28px; position: absolute; top: 96px; right: -50px; }
html .content .cupTeacher .swiper-slide:last-child, html .content .favoriteTeacher .swiper-slide:last-child, body .content .cupTeacher .swiper-slide:last-child, body .content .favoriteTeacher .swiper-slide:last-child { margin-right: 20px; }
html .content .text-style, body .content .text-style { width: 186px; height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html .footer, body .footer { -margin-top: 18px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; }

/*# sourceMappingURL=guide.css.map */
.cup-list li { width: 184px; float: left; margin-right: 20px; }
.cup-list li a { color: #2d1b0c; position: relative; }
.cup-list li h3 { font-family: PingFangSC-Semibold; font-size: 22px; margin: 13px 0 3px; font-weight: bold; color: #fff; }
.cup-list li em { position: absolute; width: 184px; height: 221px; background: rgba(0, 0, 0, 0.5); border-radius: 6px; left: 0; top: 0; color: #fff; font-family: PingFangSC-Regular; font-size: 16px; color: #ffffff; line-height: 32px; text-align: justify; padding: 10px 12px; box-sizing: border-box; display: none; pointer-events: none; font-weight: normal; }
.cup-list li span { font-family: PingFangSC-Light; font-size: 14px; color: #fff; line-height: 16px; }
.cup-list li img { width: 184px; display: block; border-radius: 6px; height: 221px; object-fit: cover; }
.cup-list li:last-of-type { margin-right: 0; }
.list-content .prev, .list-content .next { cursor: pointer; }

/**********************************/

.headera .titleBox { text-align: center; font-family: STSongti-SC-Bold; font-size: 20px; color: rgba(255, 255, 255, 0.8); letter-spacing: 0.73px; text-align: center; font-weight: 500; margin-top: 15px; }
html, body { width: 100%; height: auto; }
html .teacher-list .content, body .teacher-list .content { width: 1100px; box-sizing: border-box; margin: 0 auto; }
html .teacher-list .content .text-style, body .teacher-list .content .text-style { width: 184px; height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html .teacher-list .content .list-title, body .teacher-list .content .list-title { font-family: PingFangSC-Semibold; font-size: 33px; color: #fff; text-align: center; line-height: 33px; font-weight: bold; margin: 100px 0 60px; }
html .teacher-list .content .sub-title, body .teacher-list .content .sub-title { text-indent: 2em; margin-top: 60px; font-size: 20px; color: #4A4A4A; letter-spacing: 0; line-height: 32px; }
body .teacher-list .content .jbg_tit { font-size: 28px; text-align: center; font-weight: bold; color: #fff; margin-bottom: 30px; }
html .teacher-list .content ul, body .teacher-list .content ul { overflow: hidden;display: flex; flex-wrap: wrap; justify-content: space-evenly; }
html .teacher-list .content ul li:hover, body .teacher-list .content ul li:hover { cursor: pointer; }
html .teacher-list .content ul li, body .teacher-list .content ul li { -margin-right: 36px; margin-right: 0px; float: left; margin-bottom: 45px; }
body .teacher-list .content ul li:nth-child(5n){ margin-right: 0; }
html .teacher-list .content ul li div:nth-child(1):hover .backdrop, body .teacher-list .content ul li div:nth-child(1):hover .backdrop { display: block; cursor: pointer; }
html .teacher-list .content ul li div:nth-child(1):hover .icon-search, body .teacher-list .content ul li div:nth-child(1):hover .icon-search { display: block; cursor: pointer; }
html .teacher-list .content ul li div:nth-child(1), body .teacher-list .content ul li div:nth-child(1) { width: 202px; height: 270px; position: relative; }
html .teacher-list .content ul li div:nth-child(1) .backdrop, body .teacher-list .content ul li div:nth-child(1) .backdrop { position: absolute; top: 0; right: 0; left: 0; z-index: 20; width: 202px; height: 270px; background: #000; opacity: .5; filter: alpha(opacity=50); display: none; }
html .teacher-list .content ul li div:nth-child(1) .icon-search, body .teacher-list .content ul li div:nth-child(1) .icon-search { position: absolute; top: 50%; left: 50%; z-index: 30; margin-top: -30px; margin-left: -30px; display: block; width: 60px; height: 60px; background: url(icon-search.png) no-repeat center center; display: none; }
html .teacher-list .content ul li div:nth-child(1) img, body .teacher-list .content ul li div:nth-child(1) img { width: 100%; height: 100%; }
html .teacher-list .content ul li div:nth-child(2), body .teacher-list .content ul li div:nth-child(2) { margin: 6px 0; font-size: 22px; color: #9B480A; }
html .teacher-list .content ul li div:nth-child(3), body .teacher-list .content ul li div:nth-child(3) { font-size: 14px; color: #9B480A; line-height: 16px; }
.teacher-lists li { width: 184px; height: 280px; }
.teacher-lists li a { color: #9B480A; position: relative; }
.teacher-lists li img { width: 184px; border-radius: 6px; height: 221px; display: block; object-fit: cover; }
.teacher-lists li>a>p { font-family: PingFangSC-Semibold; font-weight: bold; font-size: 22px; color: #fff; margin: 13px 0 3px; height: 30px; line-height: 30px; }
.teacher-lists li span { font-family: PingFangSC-Light; font-size: 14px; color: #fff; line-height: 16px; }
.teacher-lists li em { position: absolute; width: 184px; height: 221px; background: rgba(0, 0, 0, 0.5); border-radius: 6px; left: 0; top: 0; color: #fff; font-family: PingFangSC-Regular; font-size: 18px; color: #FFFFFF; line-height: 32px; text-align: justify; padding: 10px; box-sizing: border-box; display: none; pointer-events: none; }

/************ 基本功 **************/
.jbg_con { margin-top: 40px; }
.jbg_con .tit { font-size: 26px; text-align: center; margin-bottom: 30px; font-weight: bold; color: #fff; }
.jbg_list { display: flex; justify-content: space-around; }
.jbg_list li { width: 250px; text-align: center; margin: 0 0 25px !important; }
.jbg_list li img { width: 100%; height: 160px; object-fit: cover; cursor: default; }
.jbg_list li p { font-size: 16px; line-height: 2em; color: #fafafa; cursor: text; }








.dz_box { width: 60%; padding: 2%; background: #fff; margin: 0 auto; }
.dz_list li { overflow: hidden; display: flex; align-items: center; justify-content: space-between; margin: 15px 0; line-height: 40px; }
.dz_list li span { font-size: 18px; font-family: '楷体'; color: #333; display: inline-block; max-width: 85%; }
.dz_list li span font { font-size: 18px; font-family: '楷体'; }
.dz_list li a { float: right; font-size: 16px; color: #b81915; }
.dz_list li a img { height: 20px; vertical-align: middle; }








@media screen and (max-width: 1200px) {
	.wrap { width: 94%; }
	html .footer, body .footer { margin-top: 0; }
	.footer { height: 16vw; background-size: 100% 26vw; }
	.copyright { bottom: 2vw; }
	.block2 .links { justify-content: space-between; }
	.block .links a { width: 49%; background: url(pencilBtn.png) no-repeat right 100%; background-size: auto 100%; border-radius: 15px; text-indent: 20px; }
	.block .links a.link2 { margin: 0 !important; }
	.copyright { font-size: 14px; line-height: 24px; }
}
@media screen and (max-width: 768px) {
	.special-intro { font-size: 16px; margin-top: 20px; margin-bottom: 20px; }
	.block h2 { font-size: 24px; margin-bottom: 15px; }
	.block .intro { font-size: 16px; margin-bottom: 20px; }
	.block2 .links { flex-wrap: wrap; }
	.block .links a { width: 100%; margin-bottom: 15px; }
	.block.block2 { margin-bottom: 30px !important; }
	.intro2 { margin-top: 20px; }
	.footer { height: 20vw; background-size: 100% 60vw; }
	.copyright { bottom: 6vw; }
}