.study-preview.page[class*=study-] .detail-course .banner.ban{height:auto;padding-top:60px;padding-bottom:60px;padding-left:95px;padding-right:95px;position:relative;z-index:3}.study-preview.page[class*=study-] .detail-course .banner.ban:not([class*=role]){background-color:#fff}.study-preview.page[class*=study-] .detail-course .banner.ban:not([class*=role]):before{background-color:var(--color-bg-study-search);opacity:1}.study-preview.page[class*=study-] .detail-course .banner.ban:not([class*=role]) h1,.study-preview.page[class*=study-] .detail-course .banner.ban:not([class*=role]) p{color:#000}.study-preview.page[class*=study-] .detail-course .banner.ban:not([class*=role]) h1{text-shadow:5px 4px 0 rgba(51,51,51,.2196078431372549)}.study-preview.page[class*=study-] .detail-course .banner.ban:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:#fff;opacity:.3}.study-preview.page[class*=study-] .detail-course .banner.ban h1,.study-preview.page[class*=study-] .detail-course .banner.ban p{width:100%;max-width:1240px;margin:0 auto;text-align:left;color:#fff;position:relative;z-index:3}.study-preview.page[class*=study-] .detail-course .banner.ban h1{font-size:40px;font-weight:500;text-shadow:4px 3px 0 hsla(0,0%,100%,.34509803921568627)}.study-preview.page[class*=study-] .detail-course .banner.ban p{margin-top:30px;line-height:24px;font-size:16px;font-weight:400;opacity:.6}.study-preview.page[class*=study-] .detail-course .page-con{padding-bottom:60px}.study-preview.page[class*=study-] .detail-course .page-con .con{padding:0 10px}.study-preview.page[class*=study-] .detail-course .page-con .con h1.headline{margin-bottom:15px;padding-top:60px;font-size:28px}.study-preview.page[class*=study-] .detail-course .page-con .con ul{width:100%;height:auto;display:grid;padding:0 14px;position:relative;border-radius:8px;--section-icon-color:#fff}.study-preview.page[class*=study-] .detail-course .page-con .con ul:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;border-radius:8px;background-color:#fff;opacity:.3}.study-preview.page[class*=study-] .detail-course .page-con .con ul:not([class*=role]){background-color:var(--color-bg-study-search);border:1px solid var(--color-bg-study-search);--section-icon-color:#666}.study-preview.page[class*=study-] .detail-course .page-con .con ul:not([class*=role]):before{opacity:0}.study-preview.page[class*=study-] .detail-course .page-con .con ul:not([class*=role]) li:hover{--section-icon-color:#000}.study-preview.page[class*=study-] .detail-course .page-con .con ul:not([class*=role]) li:hover.section-item{--section-icon-color:#000;background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.5019607843137255) 40px,hsla(0,0%,100%,.5019607843137255) 50%,transparent);opacity:1}.study-preview.page[class*=study-] .detail-course .page-con .con ul:not([class*=role]) li.teacher-item div h4 span{color:#000}.study-preview.page[class*=study-] .detail-course .page-con .con ul li{padding:15px 5px;font-size:16px;color:var(--section-icon-color);position:relative;z-index:3;justify-content:flex-start;opacity:.85}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.skill-item{line-height:22px;align-items:flex-start}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.skill-item span{display:block;line-height:20px;margin-bottom:8px;white-space:nowrap}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.section-item{line-height:20px;padding-right:30px;cursor:pointer}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.section-item div.flex-con{width:100%;line-height:20px;justify-content:flex-start}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.teacher-item{padding-top:20px;padding-bottom:20px;align-content:flex-start;align-items:flex-start;opacity:1}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.teacher-item:not(:first-of-type){padding-top:22px}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.teacher-item img{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border:1px solid #fff}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.teacher-item div{padding-left:15px}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.teacher-item div h4{margin-top:5px;font-size:14px;font-weight:400;display:grid;grid-auto-flow:column;justify-content:flex-start;align-content:flex-end;align-items:flex-end}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.teacher-item div h4 span{height:100%;display:block;margin-right:15px;font-size:16px;font-weight:500;white-space:nowrap;color:#fff}.study-preview.page[class*=study-] .detail-course .page-con .con ul li.teacher-item div p{margin-top:12px;line-height:20px;font-size:14px;font-weight:400}.study-preview.page[class*=study-] .detail-course .page-con .con ul li:hover{--section-icon-color:#fff;background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.09411764705882353) 40px,hsla(0,0%,100%,.09411764705882353) 50%,transparent)}.study-preview.page[class*=study-] .detail-course .page-con .con ul li:hover.section-item{--section-icon-color:#fff;background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.1568627450980392) 40px,hsla(0,0%,100%,.2823529411764706) 50%,transparent);opacity:1}.study-preview.page[class*=study-] .detail-course .page-con .con ul li:not(:first-of-type){padding-top:17px}.study-preview.page[class*=study-] .detail-course .page-con .con ul li:not(:first-of-type):before{content:"";display:block;width:100%;height:0;border-top:2px solid #fff;position:absolute;top:0;left:0}.study-preview.page[class*=study-] .detail-course .page-con .con ul li .icon-video{margin-right:15px}.study-preview.page[class*=study-] .detail-course .page-con .con ul li .icon-lock{position:absolute;top:50%;right:5px;z-index:3;transform:translateY(-50%)}@media(max-width:1023px){.study-preview.page[class*=study-] .detail-course .banner.ban{padding-top:45px;padding-bottom:45px;padding-left:50px;padding-right:50px}}@media(max-width:767px){.study-preview.page[class*=study-] .detail-course .banner.ban{padding:30px}.study-preview.page[class*=study-] .detail-course .banner.ban h1{font-size:28px}.study-preview.page[class*=study-] .detail-course .banner.ban p{margin-top:20px;line-height:20px;font-size:14px}.study-preview.page[class*=study-] .detail-course .page-con .con h1.headline{padding-top:45px;line-height:22px;font-size:20px}}