@-webkit-keyframes turn-666704cc{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}@keyframes turn-666704cc{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}.lecturer-item .card[data-v-666704cc]{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:25px 20px;background-color:#fff;box-shadow:0 0 25px 0 rgba(0,0,0,.1);border-radius:10px;background-image:url(../img/lecturer_card_bg2.e08ae9dd.png);background-size:105px 90px;background-position:100% 100%;background-repeat:no-repeat}.lecturer-item .card[data-v-666704cc]:before{content:"";position:absolute;left:0;top:0;width:113px;height:71px;background-image:url(../img/lecturer_card_bg1.b6af224d.png);background-size:cover}.lecturer-item .card .avatar[data-v-666704cc]{position:relative;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;width:90px;height:90px;border-radius:100%;margin-right:15px;background-repeat:no-repeat;background-size:cover;background-position:50%}.lecturer-item .card .text[data-v-666704cc]{position:relative}.lecturer-item .card .text .name[data-v-666704cc]{font-weight:700;font-size:18px;line-height:20px;color:#333}.lecturer-item .card .text .label[data-v-666704cc]{margin-top:5px;font-size:12px;line-height:18px;color:#1c67fe}.lecturer-item .dot[data-v-666704cc]{margin:15px 0 10px;line-height:7px}.lecturer-item .desc[data-v-666704cc]{font-size:14px;font-weight:400;color:#333;line-height:28px}@-webkit-keyframes turn-0a0db3dc{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}@keyframes turn-0a0db3dc{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}.catalogue-item[data-v-0a0db3dc]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:15px}.catalogue-item[data-v-0a0db3dc]:active{background-color:#f8f8f8}.catalogue-item .index[data-v-0a0db3dc]{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:35px;font-size:16px;color:#999}.catalogue-item .context[data-v-0a0db3dc]{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:15px;border-bottom:1px solid #ddd}.catalogue-item .context .text[data-v-0a0db3dc]{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}.catalogue-item .context .text h3[data-v-0a0db3dc]{font-size:16px;font-weight:700;line-height:1.5}.catalogue-item .context .text h3.primary[data-v-0a0db3dc]{color:#1c67fe}.catalogue-item .context .text .secondary[data-v-0a0db3dc]{margin-top:5px;font-size:12px;line-height:22px;color:#999}.catalogue-item .context .text .secondary span[data-v-0a0db3dc]{display:inline-block}.catalogue-item .context .text .secondary .icon[data-v-0a0db3dc]{padding:0 5px;display:inline-block;color:#1c67fe;font-size:12px;line-height:22px;background-color:#d9e6ff;border-radius:4px;margin-right:10px}.catalogue-item .context .btn-group[data-v-0a0db3dc]{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;width:80px;padding-left:20px}.catalogue-item .context .btn-group button+button[data-v-0a0db3dc]{margin-top:7px}@-webkit-keyframes turn-5636da74{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}@keyframes turn-5636da74{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}.follow-overlay-mask[data-v-5636da74]{background-color:rgba(0,0,0,.6);position:fixed;z-index:1005;top:0;left:0;right:0;bottom:0;-webkit-animation-duration:.3s;animation-duration:.3s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.follow-overlay-mask.bottom[data-v-5636da74]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.follow-overlay-mask.left[data-v-5636da74]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}@-webkit-keyframes turn-ac8efeb0{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}@keyframes turn-ac8efeb0{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}.course-finish-inner[data-v-ac8efeb0]{width:260px;padding-bottom:25px;background-color:#fff;box-shadow:0 6px 40px 0 rgba(0,0,0,.1);border-radius:10px}.course-finish-inner img[data-v-ac8efeb0]{width:100%;margin-bottom:15px;border-radius:10px 10px 0 0}.course-finish-inner h3[data-v-ac8efeb0]{text-align:center;font-weight:700;margin-bottom:20px}.course-finish-inner .foot[data-v-ac8efeb0]{text-align:center}.course-finish-inner .foot button[data-v-ac8efeb0]{width:120px}@-webkit-keyframes turn-670a47ec{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}@keyframes turn-670a47ec{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}.course-add-tip-inner[data-v-670a47ec]{padding:25px;width:280px;background-color:#fff;box-shadow:0 6px 40px 0 rgba(0,0,0,.1);border-radius:10px;text-align:center}.course-add-tip-inner img[data-v-670a47ec]{width:60px;margin-bottom:10px}.course-add-tip-inner .tip[data-v-670a47ec]{margin-top:2px;margin-bottom:20px;font-size:12px}.course-add-tip-inner .tip span[data-v-670a47ec]{font-weight:700;color:#1c67fe}.course-add-tip-inner .foot[data-v-670a47ec]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.course-add-tip-inner .foot button[data-v-670a47ec]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}@-webkit-keyframes turn{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}@keyframes turn{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}.course-detail{max-width:800px;margin:auto;background-color:#ededed}.course-detail .detail-header{margin-bottom:15px}.course-detail .detail-header .cover{position:relative;padding:20px 25px 15px;min-height:100px;text-align:center}.course-detail .detail-header .cover .bg-block{position:absolute;left:0;width:100%;height:50%;bottom:0;background-color:#fff;border-radius:25px 25px 0 0}.course-detail .detail-header .cover img{position:relative;width:100%;max-width:600px;border-radius:10px;box-shadow:0 2px 15px 0 rgba(0,0,0,.1)}.course-detail .detail-header .info{padding:0 25px 35px 25px;background:#fff}.course-detail .detail-header .info .hint{margin-bottom:5px;font-size:12px;color:#999}.course-detail .detail-header .info h1{font-size:21px;line-height:1.4;font-weight:600}.course-detail .detail-header .info .price{margin-top:5px}.course-detail .detail-header .info .price .num span+span{margin-left:5px}.course-detail .detail-header .info .price .num .now{font-size:24px;line-height:24px;font-weight:600;color:#e90c0c}.course-detail .detail-header .info .price .num .original{font-size:14px;line-height:14px;color:#999;text-decoration:line-through}.course-detail .detail-header .info .price .label{margin-top:2px}.course-detail .detail-header .info .price .label span{display:inline-block;padding:4px;font-size:12px;color:#e90c0c;line-height:12px;border-radius:2px;border:1px solid #e90c0c}.course-detail .detail-header .info .btn-group .btn-add{background-color:#e90c0c;box-shadow:0 8px 16px 0 rgba(255,0,0,.2)}.course-detail .detail-header .info .btn-group button:first-child{margin-top:20px}.course-detail .detail-header .info .btn-group button+button{margin-top:10px}.course-detail .detail-header .info .btn-group .disable-btn{background:#ddd;box-shadow:none;color:#666}.course-detail .detail-container{background-color:#fff}.course-detail .detail-container .nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:25px}.course-detail .detail-container .nav li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;padding:15px 0;text-align:center;color:#999;font-weight:700;line-height:20px;font-size:16px;cursor:pointer}.course-detail .detail-container .nav li.active{color:#333}.course-detail .detail-container .nav li.active:after{content:"";position:absolute;bottom:5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:4px;background:#1c67fe;border-radius:3px}.course-detail .detail-container .context .introduce{padding:0 20px 20px 20px}.course-detail .detail-container .context .lecturer-list li{position:relative;padding:0 25px 20px 25px;margin-bottom:25px}.course-detail .detail-container .context .lecturer-list li:after{content:"";position:absolute;bottom:0;left:25px;right:25px;height:1px;border-bottom:1px dashed #ddd}.course-detail .detail-container .context .lecturer-list li:last-child{margin-bottom:0;border-bottom:none}.course-detail .detail-container .context .lecturer-list li:last-child:after{display:none}.course-detail .detail-container .context .catalogue li{padding:0 15px 0 15px}.course-detail .detail-container .context .catalogue li.tip{margin:-15px 15px 0 15px;padding:5px;height:30px;text-align:center;font-size:12px;color:#1c67fe;line-height:20px;border-radius:5px;background:#d9e6ff}.course-detail .detail-container .context .catalogue li:last-child .catalogue-item .context{border-bottom:none}