.courseDetailsPage[data-v-11d8169d]{width:100%;background:#f7f7f9;padding-bottom:30px;display:flex;flex-direction:column;height:100vh}.courseDetailsPage .arrowReturn[data-v-11d8169d]{top:.32rem;left:.3733rem;width:.7467rem;height:.7467rem;line-height:.8rem;background:rgba(28,35,76,.2);border-radius:50%;text-align:center;position:fixed;z-index:999}.courseDetailsPage .topimg[data-v-11d8169d]{width:100%;height:5.5467rem}.courseDetailsPage .courseinfobox[data-v-11d8169d]{flex:1;overflow-y:auto;position:relative}.courseDetailsPage .courseinfobox .infobox[data-v-11d8169d]{width:100%;background:#fff;height:auto;padding:.64rem .4267rem .5333rem .4267rem;box-sizing:border-box}.courseDetailsPage .courseinfobox .infobox .titlebox[data-v-11d8169d]{display:flex;flex-direction:row;align-items:center;margin-bottom:.45rem}.courseDetailsPage .courseinfobox .infobox .titlebox .tag[data-v-11d8169d]{width:.9867rem;height:.48rem}.courseDetailsPage .courseinfobox .infobox .titlebox .name[data-v-11d8169d]{font-weight:700;font-size:.48rem;color:#121524}.courseDetailsPage .courseinfobox .infobox .box1[data-v-11d8169d]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;line-height:.8rem}.courseDetailsPage .courseinfobox .infobox .box1 .mc[data-v-11d8169d]{font-weight:400;font-size:12px;color:#8d91a5}.courseDetailsPage .courseinfobox .infobox .box1 .val[data-v-11d8169d]{font-weight:500;font-size:12px;color:#1c234c}.courseDetailsPage .courseinfobox .infobox .box1 .rbox[data-v-11d8169d]{display:flex;flex-direction:row;align-items:center}.courseDetailsPage .courseinfobox .infobox .box1 .rbox img[data-v-11d8169d]{width:.4267rem;height:.4267rem;margin-right:4px}.courseDetailsPage .courseinfobox .infobox .box2[data-v-11d8169d]{width:100%;padding:.2667rem;box-sizing:border-box;background:rgba(45,203,121,.08);border-radius:2px 2px 2px 2px;display:flex;flex-direction:row;align-items:center;font-weight:400;font-size:14px;color:#2dcb79}.courseDetailsPage .courseinfobox .infobox .box2 img[data-v-11d8169d]{width:.3733rem;height:.3733rem;margin-right:.2667rem}.courseDetailsPage .courseinfobox .linebox[data-v-11d8169d]{width:100%;height:10px;background:#f7f7f9}.courseDetailsPage .courseinfobox .srocllbox[data-v-11d8169d]{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:1.2rem}.courseDetailsPage .courseinfobox .synopsisbox[data-v-11d8169d]{width:100%;height:180px;background:#fff;padding:.5333rem .4267rem;box-sizing:border-box}.courseDetailsPage .courseinfobox .synopsisbox .titlebox[data-v-11d8169d]{display:flex;flex-direction:row;justify-content:center;font-weight:500;font-size:16px;color:#1c234c}.courseDetailsPage .courseinfobox .synopsisbox .titlebox div[data-v-11d8169d]{margin:0 .6667rem}.courseDetailsPage .courseinfobox .synopsisbox .titlebox .activeName[data-v-11d8169d]{position:relative}.courseDetailsPage .courseinfobox .synopsisbox .titlebox .activeName[data-v-11d8169d]:before{content:"";position:absolute;width:1.28rem;height:4px;opacity:1;background:linear-gradient(270deg,#2dcb79,#c2e166 99%);border-radius:116px 116px 116px 116px;margin:0 8px;top:.8rem}.courseDetailsPage .courseinfobox .synopsisbox .contentbox[data-v-11d8169d]{margin-top:.85rem}.courseDetailsPage .courseinfobox .synopsisbox .htmlbox[data-v-11d8169d]{padding-bottom:50px}.courseDetailsPage .courseinfobox .synopsisbox .htmlbox[data-v-11d8169d] img{width:100%}.courseDetailsPage .courseinfobox .synopsisbox .htmlbox[data-v-11d8169d] p{width:100%;word-wrap:break-word}.courseDetailsPage .courseinfobox .submitbox[data-v-11d8169d]{width:100%;background:#fff;box-shadow:0 -4px 10px 0 rgba(29,48,155,.06);border-radius:0 0 0 0;padding:.5rem .4267rem .4rem .4267rem;box-sizing:border-box;position:fixed;bottom:0;display:flex;flex-direction:row;align-items:center}.courseDetailsPage .courseinfobox .submitbox .fxbox[data-v-11d8169d]{display:flex;flex-direction:column;margin-right:28px;font-weight:500;font-size:11px;color:#1c234c;line-height:16px}.courseDetailsPage .courseinfobox .submitbox .fxbox img[data-v-11d8169d]{width:24px;height:24px}.courseDetailsPage .courseinfobox .submitbox .btn[data-v-11d8169d]{width:100%;height:1.12rem;line-height:1.12rem;text-align:center;font-weight:500;font-size:16px;color:#fff;background:linear-gradient(270deg,#2dcb79,#c2e166 99%);border-radius:12px 12px 12px 12px}.courseDetailsPage .courseinfobox .courseinfobox[data-v-11d8169d]:has(.submitbox[v-if=false]){padding-bottom:0!important}