@charset "UTF-8";
.study_nav { width: 100vw; overflow: auto; position: fixed; top: 13.2vw; background: #fff; z-index: 4; box-shadow: 0vw 0vw 1.6vw 0vw rgba(213, 213, 213, 0.6); }
.study_nav:after { content: ""; display: block; height: 0; width: 0; clear: both; }
.study_nav > li { float: left; height: 10vw; color: #666; line-height: 5.867vw; text-align: center; position: relative; }
.study_nav > li:first-child { width: 28vw; }
.study_nav > li:first-child + li { width: 20vw; }
.study_nav > li:first-child + li + li { width: 20vw; }
.study_nav > li:first-child + li + li + li { width: 32vw; }
.study_nav > li > a { display: block; height: 9vw; font-size: 3.733vw; color: #666; line-height: 9vw; text-align: center; }
.study_nav > li.on > a { color: #FF8500; }
.study_nav > li.on:after { content: ""; position: absolute; width: 8vw; height: 0.8vw; background: linear-gradient(90deg, #FF8500 0%, #FF8500 100%); border-radius: 0.4vw; bottom: 1vw; left: 50%; transform: translateX(-50%); }

.main_box { padding-top: 20.2vw; }

.no_res_box { margin: 5.333vw auto; padding: 10.667vw 0; }
.no_res_box > img { display: block; width: 33vw; margin: 5.333vw auto; }
.no_res_box > h3 { font-size: 4vw; font-weight: 400; color: #999; line-height: 8vw; text-align: center; }
.no_res_box > p { font-size: 2.667vw; font-weight: 400; color: #c5c5c5; line-height: 4vw; text-align: center; }

.kcul_list { width: 100vw; margin: 0 auto 0.5vw; overflow: hidden; padding: 0 0 5.467vw 3.667vw; }
.kcul_list > li { width: 43.867vw; height: 43.2vw; float: left; margin-left: 4.133vw; margin-top: 5.467vw; position: relative; }
.kcul_list > li:first-child { margin-left: 0; margin-top: 1vw; }
.kcul_list > li:first-child + li { margin-top: 1vw; }
.kcul_list > li:nth-child(2n-1) { margin-left: 0; }
.kcul_list > li > div { box-shadow: 0vw 0vw 1.6vw 0vw rgba(213, 213, 213, 0.35); position: absolute; top: 0; width: 100%; height: 100%; padding-bottom: 1.867vw; border-radius: 1.6vw; overflow: hidden; border: 0.133vw solid #efefef; background: #fff; transition: .3s; }
.kcul_list > li > div > a { margin-top: 1.333vw; font-family: "kaiti","楷体"; font-size: 4vw; overflow: hidden; line-height: 5vw; height: 10vw; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center; transition: .3s; font-weight: 500; color: #999; }
.kcul_list > li > div > h3 { font-family: "kaiti","楷体"; font-weight: bold; font-size: 5.333vw; color: #666; line-height: 6.4vw; text-align: center; padding-top: 8vw; }
.kcul_list > li > div .score_infor { text-align: center; height: 8vw; width: 100%; margin-top: 0; }
.kcul_list > li > div .score_infor > b { display: inline-block; font-size: 5.8vw; font-weight: bold; text-align: center; color: #52ADEB; line-height: 6.4vw; margin-right: 1.6vw; }
.kcul_list > li > div .score_infor > span { display: inline-block; font-size: 3.667vw; font-weight: 400; color: #52ADEB; line-height: 6.4vw; margin-right: 1.067vw; }
.kcul_list > li > div > .kc_ico { display: inline-block; height: 5.400vw; padding: 0 2.533vw; line-height: 5.400vw; text-align: center; background: #7ecef4; border-radius: 0.667vw; font-size: 3.7vw; font-weight: 400; color: #ffffff; margin-left: 3.067vw; margin-top: 1.5vw; }
.kcul_list > li > div > p { line-height: 4.667vw; color: #b4b4b4; font-size: 3.7vw; padding: 0 2.800vw; margin: 0; height: 4.667vw; font-weight: normal; overflow: hidden; position: relative; cursor: default; }
.kcul_list > li > div > p > span { line-height: 5.2vw; color: #989898; font-size: 3.7vw; font-weight: normal; }
.kcul_list > li > div > p > span > b { color: #ff4d4d; font-size: 3.7vw; font-weight: bold; }
.kcul_list > li > div > p .yuan_pri { float: left; }
.kcul_list > li > div > p .vip_pri { position: absolute; left: 22.667vw; }
.kcul_list > li > div > p .vip_pri > img { display: inline-block; vertical-align: middle; padding-bottom: 0.533vw; }
.kcul_list > li > div > i { top: 1.6vw; left: 0; padding: 0 2.800vw; line-height: 5.600vw; text-align: center; color: #ff9d11; font-size: 2.533vw; position: absolute; font-style: normal; font-weight: bold; background: #fcf5ef; border-radius: 0vw 1.6vw 1.6vw 0vw; }
.kcul_list > li > div > i.not_predict { color: #FF9D11; background: #FCF5EF; }
.kcul_list > li > div > i.predicted { color: #3ACC63; background: #DDFCE8; }
.kcul_list > li > div > i.predicting { color: #52ADEB; background: #EBEEFD; }
.kcul_list > li > div:hover { top: -1.067vw; box-shadow: 0 0.8vw 2.667vw 0 #dedede; }

.teacher_infor { height: 9.231vw; width: 100%; padding-left: 3.077vw; position: absolute; bottom: 16vw; left: 0vw; }
.teacher_infor > img { display: inline-block; margin-right: 0.2vw; width: 7.692vw; border-radius: 50%; vertical-align: middle; }
.teacher_infor > span { display: inline-block; font-size: 3vw; font-weight: 400; color: #b6bcc6; line-height: 7.692vw; margin-right: 1.231vw; vertical-align: middle; margin-left: -2.5vw; }
.teacher_infor > i { display: inline-block; font-style: normal; font-size: 2.154vw; font-weight: 400; color: #b6bcc6; line-height: 7.692vw; height: 7.692vw; max-width: 23vw; overflow: hidden; vertical-align: middle; }

.list_foot { position: absolute; height: 9.231vw; width: 100%; bottom: 0; left: 0; border-top: 0.154vw solid #eee; }
.list_foot > .xianmian { float: left; padding-left: 3.077vw; }
.list_foot > .xianmian > img { display: inline-block; width: 3.2vw; margin-right: 1.846vw; vertical-align: middle; margin-top: 2.2vw; }
.list_foot > .xianmian > span { display: inline-block; height: 9.231vw; font-size: 3vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; }
.list_foot > span { float: right; padding-right: 3.077vw; font-size: 2.154vw; font-weight: 400; color: #b6bcc6; line-height: 9.231vw; }
.list_foot > .youhui { float: left; padding-left: 3.077vw; }
.list_foot > .youhui > i { font-size: 2.154vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; margin-right: 0.923vw; font-style: normal; }
.list_foot > .youhui > b { font-size: 4.615vw; font-weight: 400; color: #ff0000; line-height: 9.231vw; margin-right: 0.923vw; }
.list_foot > .youhui > span { font-size: 2.769vw; font-weight: 400; color: #cccccc; line-height: 9.231vw; text-decoration: line-through; }

.filter_box { width: 100vw; margin: 2.667vw auto 0; background: #fff; }
.filter_box .main_list { padding: 2vw; }
.filter_box .main_list * { user-select: none; }
.filter_box .main_list dl { overflow: hidden; margin: 0 0 0; width: 100% !important; padding-left: 2vw; }
.filter_box .main_list dl:last-child { border-bottom: none; }
.filter_box .main_list dl dt { font-size: 3vw; color: #999; line-height: 5vw; height: 6vw; float: left; -moz-border-radius: 1vw; -webkit-border-radius: 1vw; border-radius: 1vw; padding: 0 1.1vw; margin: 2vw 0; }
.filter_box .main_list dl dt + dd { cursor: pointer; }
.filter_box .main_list dl dt + dd:hover { color: #fff; }
.filter_box .main_list dl dd { height: 5vw; font-size: 3vw; cursor: pointer; line-height: 5vw; padding: 0 1.1vw; margin: 2vw 1vw; float: left; transition: .3s; color: #666; display: block; -moz-border-radius: 1vw; -webkit-border-radius: 1vw; border-radius: 1vw; }
.filter_box .main_list dl dd > a { color: #666; display: block; cursor: pointer; }
.filter_box .main_list dl dd > a:active { color: #fff; }
.filter_box .main_list dl dd > a:hover { color: #ff8f16; }
.filter_box .main_list dl dd:active { color: #fff; }
.filter_box .main_list dl dd:hover { color: #ff8f16; }
.filter_box .main_list dl dd.on { color: #fff; background: linear-gradient(90deg, #faa90f 0%, #f93310 100%); }
.filter_box .main_list dl dd.on > a { color: #fff !important; }
.filter_box .main_list dl dd.on:hover { color: #fff !important; }

/*在Pad端的显示效果*/
@media screen and (min-width: 768px) and (max-width: 1199px) { .teacher_infor { bottom: 12vw; left: 0vw; } }
.text-center { text-align: center; }

.pagination { padding-left: 0; margin: 0 auto 6vw; border-radius: 0.533vw; }

.pagination > li { display: inline-block; width: 4vw; }

.pagination > li > a, .pagination > li > span { display: inline-block; width: 6vw; line-height: 6vw; text-decoration: none; text-align: center; background-color: #fff; border: 0.233vw solid #d8d8d8; font-size: 3.3vw; }

.pagination > li > a, .pagination > li > span { color: #FF8E36; cursor: pointer; }

.pagination > li:first-child > a { margin-left: 0; border-bottom-left-radius: 0.533vw; border-top-left-radius: 0.533vw; }

.pagination > li:last-child > a { margin-left: 0; border-bottom-right-radius: 0.533vw; border-top-right-radius: 0.533vw; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; background-color: #FF8E36; border-color: #FF8E36; }