.study-search.page[class*=study-]{background-color:var(--color-bg-study-search)}.study-search.page[class*=study-] .banner.ban{height:auto;padding:90px 0;background-color:var(--page-main-bg-color)}.study-search.page[class*=study-] .banner.ban .hotwords,.study-search.page[class*=study-] .banner.ban .input{margin:0 auto}.study-search.page[class*=study-] .banner.ban .input{border-color:#2d80d3}.study-search.page[class*=study-] .banner.ban .input .cli{height:100%;color:#fff;border-color:#2d80d3;background-color:#2d80d3}.study-search.page[class*=study-] .banner.ban .hotwords span{color:#666}.study-search.page[class*=study-] .page-con{height:100%;padding-top:60px;padding-bottom:60px}.study-search.page[class*=study-] .page-con .con ul.categories,.study-search.page[class*=study-] .page-con .con ul.characters,.study-search.page[class*=study-] .page-con .con ul.course-list{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}.study-search.page[class*=study-] .page-con .con.nav-list{width:100%;padding-left:65px;position:relative}.study-search.page[class*=study-] .page-con .con.nav-list label,.study-search.page[class*=study-] .page-con .con.nav-list ul span{height:40px;line-height:40px;font-family:PingFang SC;font-weight:400;color:#080809;display:block}.study-search.page[class*=study-] .page-con .con.nav-list label{font-size:21px;position:absolute;top:0;left:0}.study-search.page[class*=study-] .page-con .con.nav-list .pc ul span{margin-bottom:10px;margin-left:14px;padding-left:17px;padding-right:17px;font-size:16px;color:#777;border-radius:6px;background:#fff;border:1px solid #e4e4e4;cursor:pointer}.study-search.page[class*=study-] .page-con .con.nav-list .pc ul span.act{color:#fff;background-color:var(--color-main-study-search);border-color:var(--color-deep-study-search)}.study-search.page[class*=study-] .page-con .con ul.course-list{--course-list-left:8px;width:calc(100% + var(--course-list-left)*2);padding-top:45px;margin-left:-8px;margin-right:-8px;justify-content:flex-start}.study-search.page[class*=study-] .page-con .con ul.course-list li{width:25%;min-width:240px;min-height:270px;padding:calc(var(--course-list-left)/2*3) var(--course-list-left);display:grid}.study-search.page[class*=study-] .page-con .con ul.course-list li.course-blank{min-width:0;min-height:0;width:100%;justify-content:center}.study-search.page[class*=study-] .page-con .con ul.course-list li.course-blank p{font-size:16px}.study-search.page[class*=study-] .page-con nav.navigation{margin-top:35px}.study-search.page[class*=study-] .page-con nav.navigation .pagination li a{line-height:1.3}@media(max-width:1023px){.study-search.page[class*=study-] .page-con .con ul.course-list li{width:33.33%}}@media(max-width:767px){.study-search.page[class*=study-] .banner.ban{padding:40px 0;box-shadow:0 -60px 60px var(--color-bg-study-search)}.study-search.page[class*=study-] .page-con{padding-top:40px;padding-bottom:40px;padding-left:20px;padding-right:20px}.study-search.page[class*=study-] .page-con .con.nav-list{padding-left:60px;margin-bottom:15px}.study-search.page[class*=study-] .page-con .con.nav-list label{font-size:18px}.study-search.page[class*=study-] .page-con .con ul.course-list{width:100%;margin-left:0;margin-right:0;padding-top:20px;--course-list-left:6px}.study-search.page[class*=study-] .page-con .con ul.course-list li{width:100%;min-width:100%;min-height:auto;padding-left:0;padding-right:0}}