.study-preview.page[class*=study-] .detail-label .banner.ban{padding:120px 95px 0 95px;position:relative;z-index:3}.study-preview.page[class*=study-] .detail-label .banner.ban:before{content:"";display:block;position:absolute;top:calc(var(--header-height)*-1);bottom:0;left:0;right:0;z-index:2;background-color:#fff;opacity:.1}.study-preview.page[class*=study-] .detail-label .banner.ban .input,.study-preview.page[class*=study-] .detail-label .banner.ban h1,.study-preview.page[class*=study-] .detail-label .banner.ban img,.study-preview.page[class*=study-] .detail-label .banner.ban p{position:relative;z-index:3}.study-preview.page[class*=study-] .detail-label .banner.ban img{width:auto;height:25px;position:absolute;top:-45px;left:0}.study-preview.page[class*=study-] .detail-label .banner.ban h1{margin-bottom:40px;line-height:1;font-size:60px;font-weight:600;font-family:PingFang SC Semibold;color:#fff;justify-content:flex-start;align-items:flex-end}.study-preview.page[class*=study-] .detail-label .banner.ban h1 p{min-height:0;margin-left:35px;line-height:1;font-size:24px;justify-content:flex-start;align-items:flex-end;border-bottom:1px solid transparent}.study-preview.page[class*=study-] .detail-label .banner.ban h1 p span{line-height:1;font-size:32px;margin-bottom:-1px}.study-preview.page[class*=study-] .detail-label .banner.ban p{max-width:1140px;min-height:60px;line-height:30px;font-size:18px;font-weight:300;font-family:PingFang SC Light;white-space:break-spaces;color:#fff}.study-preview.page[class*=study-] .detail-label .banner.ban .input{margin-top:40px;--text-color:hsla(0,0%,100%,0.8784313725490196);--placeholder-color:hsla(0,0%,48.2%,0.8784313725490196);border-color:var(--text-color)}.study-preview.page[class*=study-] .detail-label .banner.ban .input .cli{color:var(--text-color);border-color:var(--text-color)}.study-preview.page[class*=study-] .detail-label .banner.ban .input input{color:var(--text-color)}.study-preview.page[class*=study-] .detail-label .banner.ban .input input::-webkit-input-placeholder{color:var(--placeholder-color);color:var(--text-color)}.study-preview.page[class*=study-] .detail-label .banner.ban .input input:-moz-placeholder,.study-preview.page[class*=study-] .detail-label .banner.ban .input input::-moz-placeholder{color:var(--placeholder-color);color:var(--text-color)}.study-preview.page[class*=study-] .detail-label .banner.ban .input input:-ms-input-placeholder{color:var(--placeholder-color);color:var(--text-color)}.study-preview.page[class*=study-] .detail-label .page-con{padding-top:60px;padding-bottom:60px}.study-preview.page[class*=study-] .detail-label .page-con .con .list-blank{width:100%;padding:45px 0;font-size:16px;font-weight:700;text-align:center;color:#999}.study-preview.page[class*=study-] .detail-label .page-con .con ul{--course-list-left:8px;width:calc(100% + var(--course-list-left)*2);margin-left:-8px;margin-right:-8px;flex-wrap:wrap}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list{padding-top:0;padding-bottom:5px;justify-content:flex-start;border-bottom:1px solid #e9e9e9}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li{margin:0 15px 15px 15px}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li p{height:40px;padding:0 25px;position:relative;z-index:3;border-radius:10px;border-width:2px;cursor:pointer}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li p span{font-size:16px;font-weight:400;position:relative;z-index:3}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li p:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;border-radius:8px;background:linear-gradient(90deg,#fff 0,transparent 50%,#fff);opacity:.45}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li p:not(.act) span{color:#fff}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li p.act span{text-shadow:0 0 5px #fff}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li p.act:after{background:#fff;opacity:.8}.study-preview.page[class*=study-] .detail-label .page-con .con ul.course-list{padding-top:30px;justify-content:flex-start}.study-preview.page[class*=study-] .detail-label .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-preview.page[class*=study-] .detail-label .page-con .navigation{margin-top:35px}@media(max-width:1023px){.study-preview.page[class*=study-] .detail-label .banner.ban{padding-top:75px;padding-left:50px}.study-preview.page[class*=study-] .detail-label .banner.ban img{height:20px;top:50px;left:53px}.study-preview.page[class*=study-] .detail-label .banner.ban h1{margin-bottom:30px;padding:7.5px 0;font-size:50px}.study-preview.page[class*=study-] .detail-label .banner.ban h1 p{font-size:20px}.study-preview.page[class*=study-] .detail-label .banner.ban h1 p span{font-size:26px;margin-bottom:-2px}.study-preview.page[class*=study-] .detail-label .banner.ban p{font-size:16px}.study-preview.page[class*=study-] .detail-label .banner.ban .input{margin-top:30px}.study-preview.page[class*=study-] .detail-label .page-con .con ul.course-list li{width:33.33%}}@media(max-width:767px){.study-preview.page[class*=study-] .detail-label .banner.ban{height:230px;padding-top:30px;padding-left:30px;padding-right:30px}.study-preview.page[class*=study-] .detail-label .banner.ban img{height:12px;top:15px;left:31px}.study-preview.page[class*=study-] .detail-label .banner.ban h1{width:100%;font-size:26px;padding-top:12px;padding-bottom:7px;margin-bottom:8px;white-space:nowrap}.study-preview.page[class*=study-] .detail-label .banner.ban h1 p{font-size:12px;margin-left:15px;white-space:nowrap}.study-preview.page[class*=study-] .detail-label .banner.ban h1 p span{font-size:15px;margin-bottom:0}.study-preview.page[class*=study-] .detail-label .banner.ban p{min-height:36px;line-height:18px;font-size:12px}.study-preview.page[class*=study-] .detail-label .banner.ban .input{margin-top:30px}.study-preview.page[class*=study-] .detail-label .page-con{padding-top:35px;padding-bottom:40px}.study-preview.page[class*=study-] .detail-label .page-con .con{padding-left:10px;padding-right:10px}.study-preview.page[class*=study-] .detail-label .page-con .con ul.course-list{padding-top:15px}.study-preview.page[class*=study-] .detail-label .page-con .con ul.course-list li{width:100%;min-width:100%;min-height:auto}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li{margin:0 8px 12px 8px}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li p{height:34px;padding:0 15px}.study-preview.page[class*=study-] .detail-label .page-con .con ul.nav-list li p span{font-size:14px}}