.container[data-v-58959c67]{width:1200px;margin:0 auto}.edu_nav[data-v-58959c67]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:72px;line-height:72px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-top:1px solid #f5f5f5}.edu_nav .edu_nav_center[data-v-58959c67]{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important;min-width:300px}.edu_nav_left_wrap[data-v-58959c67]{display:-webkit-box;display:-ms-flexbox;display:flex;height:72px;-ms-flex-negative:0!important;flex-shrink:0!important;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.edu_nav_left_wrap>li[data-v-58959c67]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:72px;line-height:72px;margin-right:30px;text-align:center}.edu_nav_left_wrap>li img[data-v-58959c67]{width:36px;height:36px}.edu_nav_left_wrap>li span[data-v-58959c67]{color:#20232c;display:block;text-align:center;margin-top:24px;height:24px;line-height:24px;font-size:16px;color:#555666}.edu_nav_left_wrap>li a[data-v-58959c67]{text-decoration:none;display:block;height:72px;line-height:72px}.edu_nav_left_wrap>li a:hover span[data-v-58959c67]{color:#ff4d4d;position:relative}.edu_nav_left_wrap>li a:hover span .icon_more[data-v-58959c67]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAABG0lEQVRYCe2TsWoCQRRF73MJVlY2+SQbxRQKGzZ+QL7HSlIIESQ2WQj4TdamMrJ5mWcYokTMzO6kEO5UyzD3zuG8WYCLBmiABmiABmiABq7ZgMTA62iVYfc6h2ZreVssQ7M6zIf4RI7bTiGz2T40Z+daMYfxUT5BUUCqZ+0XeUj2G05WLjfG5n0Rkjk+EweorRcX3rnLshDIHzi9gcje6Qi27iGjRmwhHRQ9aFW6zzYElRv3w7lx/4bTsZRLy0WtaEBr/wsyFZzdVQvwEmRKuEaAZyEhU7f/CPVvrt5Yrduv2gZ9wcm4/ebhh2gOZ3WNAa3kBDIhnHUnWwapg/vt4Q0ma01cpHeTbuJK1tEADdAADdAADdAADfyvgS+gXYuYQFVXHgAAAABJRU5ErkJggg==)}.edu_nav_left_wrap>li a:hover span[data-v-58959c67]:after{display:block;content:"";position:absolute;bottom:-4px;left:50%;margin-left:-10px;width:20px;height:2px;background-color:#ff4d4d}.edu_nav_left_wrap .icon_more[data-v-58959c67]{display:inline-block;width:20px;height:20px;background-size:100% 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAAArUlEQVRYCe2TQQqDMBBFBekJvJTLbnsrb+CiK6/nqhSh/QMGZlFJskgd8A18JJiRN8+k6ygMYAADGMAABjBwJQO9hn0qj8qh79q/KLfKvurtszo+yqaUQhrce+8zyKY16usvpRTSwxmkrZtXKeQpcGn6HOSpcDnIEHBHkJNepAvxtzOXYI6e/nfb5bGEgUvQHjIcnIdctbAzGLaGsGSAYQADGMAABjCAAQz8MvAFVIU2Ohgf6J8AAAAASUVORK5CYII=);background-repeat:no-repeat;vertical-align:middle;cursor:pointer}.edu_nav_center[data-v-58959c67] #csdn_tool_otherPlace{margin-right:20px;float:right}.edu_nav_center[data-v-58959c67] #csdn_tool_otherPlace .search_bar{margin:0}.edu_nav_center_wrap[data-v-58959c67]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.edu_nav_right_wrap[data-v-58959c67]{height:72px;line-height:72px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap}.edu_nav_right_wrap li[data-v-58959c67]{margin-left:16px;margin-right:0}.edu_nav_right_wrap li span[data-v-58959c67]{color:#222226;font-size:16px;vertical-align:middle}.edu_nav_right_wrap img[data-v-58959c67]{width:20px;height:20px}.edu_nav_right_wrap a[data-v-58959c67]{text-decoration:none}.edu_nav_right_wrap a:hover span[data-v-58959c67]{color:#ff4d4d}.moreLi[data-v-58959c67]{position:relative}.moreLi a[data-v-58959c67]{font-size:16px}.moreLi .moreData[data-v-58959c67]{position:absolute;background-color:#fff;z-index:9999999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:-39px;top:73px;-webkit-box-shadow:0 4px 16px 0 rgba(0,0,0,.1);box-shadow:0 4px 16px 0 rgba(0,0,0,.1);border-radius:4px}.moreLi .moreData li[data-v-58959c67]{min-width:120px;height:40px;line-height:40px;margin:0 auto;padding:0 10px}.moreLi .moreData li a[data-v-58959c67]{height:40px;line-height:40px;font-size:16px;color:#20232c;text-decoration:none}.moreLi .moreData li a[data-v-58959c67]:hover,.moreLi:hover a[data-v-58959c67]{color:#ff4d4d}.moreLi:hover a .icon_more[data-v-58959c67]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKKADAAQAAAABAAAAKAAAAAB65masAAABG0lEQVRYCe2TsWoCQRRF73MJVlY2+SQbxRQKGzZ+QL7HSlIIESQ2WQj4TdamMrJ5mWcYokTMzO6kEO5UyzD3zuG8WYCLBmiABmiABmiABq7ZgMTA62iVYfc6h2ZreVssQ7M6zIf4RI7bTiGz2T40Z+daMYfxUT5BUUCqZ+0XeUj2G05WLjfG5n0Rkjk+EweorRcX3rnLshDIHzi9gcje6Qi27iGjRmwhHRQ9aFW6zzYElRv3w7lx/4bTsZRLy0WtaEBr/wsyFZzdVQvwEmRKuEaAZyEhU7f/CPVvrt5Yrduv2gZ9wcm4/ebhh2gOZ3WNAa3kBDIhnHUnWwapg/vt4Q0ma01cpHeTbuJK1tEADdAADdAADdAADfyvgS+gXYuYQFVXHgAAAABJRU5ErkJggg==)}.all_star[data-v-57a08414]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.all_star.no_pack_tags .course_rating_text[data-v-57a08414]{display:none}.all_star[data-v-57a08414] .el-rate{height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.all_star[data-v-57a08414] .el-rate .el-rate__item .el-rate__icon{font-size:16px;margin-right:4px}.all_star[data-v-57a08414] .el-rate .el-rate__item .el-custom-star{font-size:16px}.all_star[data-v-57a08414] .el-rate .el-rate__item:last-child{margin-right:0}.all_star .score_wrapper[data-v-57a08414]{color:#fa0;position:relative;margin-left:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.all_star .score_wrapper .current_score[data-v-57a08414]{position:relative;font-size:16px}.all_star .score_wrapper:hover .rating_data_wrapper[data-v-57a08414]{display:block}.all_star .score_wrapper .icon_down[data-v-57a08414]{display:inline-block;width:10px;height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAAQIDDg9CRU5PU1RVVldYWYGCmZqen6ChoqOk+vvmoNflAAAAZklEQVQYGb3Bhw2DUBBEwcfiDDgT/W/7L9MIIYRdADNsZ/8+sXJ+7YCj48riHj4AWeOomN3CdcZIraNkcg3XYqLOqWBUhRsxU+9UQBVuxUKD06UMd2JFg1NyJ37kH7sXf/LnQ2ztC/UbBep8LzA5AAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;margin-left:2px}.all_star .score_wrapper .rating_data_wrapper[data-v-57a08414]{position:absolute;left:50%;top:16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:257px;height:134px;z-index:1000;display:none}.all_star .score_wrapper .rating_data[data-v-57a08414]{position:absolute;left:50%;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:257px;height:126px;background:#fff;border:1px solid #fff;padding:12px 24px;z-index:9999;border-radius:4px}.all_star .score_wrapper .rating_data[data-v-57a08414]:before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;background:#fff;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);border-color:transparent transparent #fff #fff;border-style:solid;border-width:1px}.all_star .score_wrapper .rating_data .score span[data-v-57a08414]{display:block;height:18px;line-height:18px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa;margin-top:7px}.all_star .score_wrapper .rating_data .score em[data-v-57a08414]{display:block;height:24px;line-height:24px;font-size:20px;font-family:PingFangSC-Regular,PingFang SC;color:#fa0;margin-top:12px}.all_star .score_wrapper .rating_data .percentage[data-v-57a08414]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa}.all_star .score_wrapper .rating_data .percentage li[data-v-57a08414]{height:18px;line-height:18px}.all_star .score_wrapper .rating_data .percentage li+li[data-v-57a08414]{margin-top:2px}.all_star .score_wrapper .rating_data .percentage li .star_num[data-v-57a08414]{width:20px}.all_star .score_wrapper .rating_data .percentage li .progress[data-v-57a08414]{width:71px;height:4px;background:#e8e8ed;border-radius:4px;position:relative;margin:7px 8px 0}.all_star .score_wrapper .rating_data .percentage li .progress .progress_bar[data-v-57a08414]{position:absolute;left:0;top:0;height:100%;background:#fa0;border-radius:4px}.qr_code[data-v-73e6c733]{width:100%;height:100%;border-radius:4px;background:#f0f0f0}.qr_code img[data-v-73e6c733]{display:block;width:100%;height:100%;border-radius:2px}.qr_code span[data-v-73e6c733]{color:#212529;font-size:12px}.qr_code .loading[data-v-73e6c733]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.qr_code .loading span[data-v-73e6c733]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;line-height:17px;text-align:center}.qr_code .qrcode-tips[data-v-73e6c733]{width:100%;height:100%;background:rgba(0,0,0,.79);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.qr_code .qrcode-tips.scaned[data-v-73e6c733],.qr_code .qrcode-tips.show[data-v-73e6c733]{cursor:default}.qr_code .qrcode-tips a[data-v-73e6c733],.qr_code .qrcode-tips span[data-v-73e6c733]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;line-height:17px;text-align:center}.banner_price_wrapper[data-v-6026f144]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:24px}.banner_price_wrapper .price_info[data-v-6026f144],.banner_price_wrapper[data-v-6026f144]{display:-webkit-box;display:-ms-flexbox;display:flex}.banner_price_wrapper .price_info .free_trial[data-v-6026f144]{display:inline-block;height:48px;line-height:48px;padding:0 40px;background:-webkit-gradient(linear,left bottom,left top,from(#ffa000),to(#fa0));background:linear-gradient(1turn,#ffa000,#fa0);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:4px;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;margin-right:16px;cursor:pointer;border:none;outline:none}.banner_price_wrapper .price_info .free_trial.vip-tag[data-v-6026f144]{position:relative}.banner_price_wrapper .price_info .free_trial.vip-tag[data-v-6026f144]:before{position:absolute;top:-10px;left:0;padding:0 6px;content:"买99元VIP月卡";font-size:12px;height:20px;background:-webkit-gradient(linear,left top,left bottom,from(#47474e),to(#222226));background:linear-gradient(180deg,#47474e,#222226);border-radius:2px;color:#fff;line-height:20px;font-weight:lighter;font-family:PingFangSC-Regular,PingFang SC}.banner_price_wrapper .price_info .buy_now[data-v-6026f144]{display:inline-block;width:166px;height:48px;line-height:48px;text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(#f37262),to(#e33e33));background:linear-gradient(180deg,#f37262,#e33e33);-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:4px;position:relative}.banner_price_wrapper .price_info .buy_now a[data-v-6026f144]{display:inline-block;width:100%;height:100%;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper[data-v-6026f144]{position:absolute;left:50%;top:48px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9999;width:200px;height:114px;width:280px;height:132px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box[data-v-6026f144]{position:absolute;left:50%;top:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%;padding:16px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border:1px solid #f0f0f5;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box[data-v-6026f144]:before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;background:#fff;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);border-color:transparent transparent #f0f0f5 #f0f0f5;border-style:solid;border-width:1px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code[data-v-6026f144]{display:-webkit-box;display:-ms-flexbox;display:flex}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item[data-v-6026f144]{text-align:center}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item+.icon_item[data-v-6026f144]{margin-left:12px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item img[data-v-6026f144]{width:36px;height:36px;margin-bottom:4px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item span[data-v-6026f144]{display:block;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#222226;line-height:20px;margin-top:4px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .qr_code[data-v-6026f144]{width:100px;height:100px;padding:4px;border-radius:4px;border:1px solid #f0f0f5}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .qr_code img[data-v-6026f144]{width:92px;height:92px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .qr_code span[data-v-6026f144]{color:#212529;font-size:12px}.banner_price_wrapper .price_info .discount_wrapper[data-v-6026f144]{height:48px;margin-left:24px;position:relative}.banner_price_wrapper .price_info .discount_wrapper .discount_text[data-v-6026f144]{height:24px;margin-bottom:10px}.banner_price_wrapper .price_info .discount_wrapper .discount_text[data-v-6026f144]:only-child{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;margin-bottom:0}.banner_price_wrapper .price_info .discount_wrapper .discount_num[data-v-6026f144],.banner_price_wrapper .price_info .discount_wrapper .original_price[data-v-6026f144]{display:inline-block;height:24px;line-height:24px;font-family:PingFangSC-Regular,PingFang SC}.banner_price_wrapper .price_info .discount_wrapper .discount_num[data-v-6026f144]{background:linear-gradient(89deg,#e33e33,#9447eb);font-size:12px;padding:0 13px;position:relative;color:#fff;border-radius:2px;margin-right:12px}.banner_price_wrapper .price_info .discount_wrapper .discount_num[data-v-6026f144]:before{content:"";position:absolute;left:-3px;top:50%;width:8px;height:8px;background:#e33e33;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg);border-top-color:transparent;border-right-color:transparent}.banner_price_wrapper .price_info .discount_wrapper .original_price[data-v-6026f144]{font-size:14px;color:#ccc;text-decoration:line-through}.banner_price_wrapper .price_info .discount_wrapper .join_member[data-v-6026f144]{display:block;font-size:14px;height:14px;line-height:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fa0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.banner_price_wrapper .price_info .discount_wrapper .join_member span[data-v-6026f144]{text-decoration:underline}.banner_price_wrapper .price_info .discount_wrapper .join_member[data-v-6026f144]:only-child{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap}.lecturer-info-box .info[data-v-cb77e07a]{position:relative;height:56px;background:rgba(0,0,0,.2);border-radius:28px;margin-top:26px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lecturer-info-box .info .link[data-v-cb77e07a],.lecturer-info-box .info[data-v-cb77e07a]{display:-webkit-box;display:-ms-flexbox;display:flex}.lecturer-info-box .info .link .avatar[data-v-cb77e07a]{width:56px;height:56px;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.2);box-shadow:0 0 4px 0 rgba(0,0,0,.2);border-radius:28px;border:2px solid #fff}.lecturer-info-box .info .link .avatar img[data-v-cb77e07a]{width:100%;height:100%;border-radius:28px}.lecturer-info-box .info .link .lecturer[data-v-cb77e07a]{text-align:center;margin-left:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.lecturer-info-box .info .link .lecturer .realname[data-v-cb77e07a]{max-width:75px;height:24px;line-height:24px;text-align:center;font-size:15px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lecturer-info-box .info .link .lecturer .segment[data-v-cb77e07a]{width:76px;height:32px;background-position:50%;background-repeat:no-repeat;background-size:contain}.lecturer-info-box .info .link .lecturer .segment.silver[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_silver.8066f97b.png)}.lecturer-info-box .info .link .lecturer .segment.gold[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_gold.edc235fd.png)}.lecturer-info-box .info .link .lecturer .segment.platinum[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_platinum.aa7607ba.png)}.lecturer-info-box .info .link .lecturer .segment.diamond[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_diamond.2882b016.png)}.lecturer-info-box .info .link .lecturer .segment.glory[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_glory.dc439131.png)}.lecturer-info-box .info .link .lecturer .segment.king[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_king.21f405fd.png)}.lecturer-info-box .info .link .lecturer .segment:hover .level-info-box[data-v-cb77e07a]{display:block}.lecturer-info-box .info .link .lecturer .segment .level-info-box[data-v-cb77e07a]{display:none;padding-top:6px;position:absolute;top:100%;left:0;width:314px;text-align:left;z-index:999;color:#555666}.lecturer-info-box .info .link .lecturer .segment .level-info-box[data-v-cb77e07a]:before{position:absolute;top:3px;left:80px;content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #fff}.lecturer-info-box .info .link .lecturer .segment .level-info-box .pos-box[data-v-cb77e07a]{padding:16px 20px;border-radius:6px;background-color:#fff}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medal-box[data-v-cb77e07a]{margin-bottom:14px}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medal-box .segment[data-v-cb77e07a]{display:inline-block}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medal-box .medal-name[data-v-cb77e07a]{margin-left:4px;display:inline-block;width:107px;height:32px;line-height:32px;background:#ffeecd;border-radius:16px;font-size:14px;color:#fa0;text-align:center}.lecturer-info-box .info .link .lecturer .segment .level-info-box .notice[data-v-cb77e07a]{line-height:18px}.lecturer-info-box .info .link .lecturer .segment .level-info-box .notice .notice-icon[data-v-cb77e07a]{padding:0 4px;width:32px;height:16px;background:#fa0;border-radius:2px;font-size:12px;color:#fff;vertical-align:1px}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box[data-v-cb77e07a]{margin-top:2px;position:relative;height:24px}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box[data-v-cb77e07a]:before{content:"";position:absolute;top:12px;left:0;right:0;height:6px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#f0f0f5;border-radius:3px}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box .medel-progress[data-v-cb77e07a]{position:absolute;top:12px;left:0;height:6px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#4e00ff;border-radius:3px}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box .icon-medal[data-v-cb77e07a]{position:absolute;width:24px;height:24px;top:0;margin-left:-12px;background-position:0 0;background-size:100%}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box .icon-medal.silver[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_silver_small.20f1d278.png)}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box .icon-medal.gold[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_gold_small.27968c15.png)}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box .icon-medal.platinum[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_platinum_small.97ec4306.png)}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box .icon-medal.diamond[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_diamond_small.5a5f6261.png)}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box .icon-medal.glory[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_glory_small.8ccd9302.png)}.lecturer-info-box .info .link .lecturer .segment .level-info-box .medel-progress-box .icon-medal.king[data-v-cb77e07a]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_king_small.cec26e8c.png)}.lecturer-info-box .info .link .lecturer .segment .level-info-box .level-info[data-v-cb77e07a]{margin-top:2px;font-size:12px}.lecturer-info-box .info .link .lecturer .segment .level-info-box .level-info span.level[data-v-cb77e07a]{color:#fa0}.lecturer-info-box .info .link .lecturer .segment .level-info-box .level-info span.full-level-scroll[data-v-cb77e07a]{color:#999aaa}.lecturer-info-box .info .course_num[data-v-cb77e07a],.lecturer-info-box .info .student_num[data-v-cb77e07a]{text-align:center}.lecturer-info-box .info .course_num span[data-v-cb77e07a],.lecturer-info-box .info .student_num span[data-v-cb77e07a]{display:block}.lecturer-info-box .info .course_num span.num[data-v-cb77e07a],.lecturer-info-box .info .student_num span.num[data-v-cb77e07a]{font-size:25px;font-family:DIN_Condensed_Bold;font-weight:700;color:#fa0;line-height:24px}.lecturer-info-box .info .course_num span.text[data-v-cb77e07a],.lecturer-info-box .info .student_num span.text[data-v-cb77e07a]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;line-height:17px}.lecturer-info-box .info .course_num[data-v-cb77e07a]{margin-left:27px}.lecturer-info-box .info .student_num[data-v-cb77e07a]{margin-left:8px}.lecturer-info-box .info .pipe[data-v-cb77e07a]{width:1px;height:20px;background:#ccccd8;margin-left:8px}.lecturer-info-box .identity[data-v-cb77e07a]{margin-top:24px;height:22px;line-height:22px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lecturer-info-box .intro[data-v-cb77e07a]{margin-top:12px;line-height:18px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;position:relative}.lecturer-info-box .intro .intro_content[data-v-cb77e07a]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.lecturer-info-box .intro[data-v-cb77e07a]:hover{overflow:visible}.lecturer-info-box .intro:hover .instructors_wrapper[data-v-cb77e07a]{display:block}.lecturer-info-box .intro .instructors_wrapper[data-v-cb77e07a]{position:absolute;left:-12px;top:-8px;z-index:998;width:336px;display:none}.lecturer-info-box .intro .instructors_wrapper .instructors[data-v-cb77e07a]{width:100%;border-radius:4px;padding:12px;z-index:997;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;line-height:18px;background:-webkit-gradient(linear,left top,left bottom,from(#575f7f),to(#404660));background:linear-gradient(180deg,#575f7f,#404660);-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2);box-shadow:0 0 8px 0 rgba(0,0,0,.2)}.activity_info[data-v-b600fece]{margin-top:16px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.activity_info span.send[data-v-b600fece]{height:22px;line-height:22px;padding:0 7px;border-radius:2px;border:1px solid #fa0;font-size:12px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fa0;-webkit-box-sizing:content-box;box-sizing:content-box}.activity_info span.text[data-v-b600fece]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#ccccd8;margin-left:8px}.page-container[data-v-11073ce1]{display:block;margin:0 auto;width:1200px}.play-body-box .edu_nav[data-v-11073ce1],.play-body-box header.header[data-v-11073ce1]{display:none!important}.play-body-box #csdn-toolbar[data-v-11073ce1]{background:#404041!important}.play-body-box #csdn-toolbar .sub-menu[data-v-11073ce1]{background:rgba(64,64,65,.9)!important;color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li[data-v-11073ce1]:hover,.play-body-box #csdn-toolbar .sub-menu>a[data-v-11073ce1]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container li a[data-v-11073ce1],.play-body-box #csdn-toolbar .container li a span[data-v-11073ce1]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li.app-control>div[data-v-11073ce1]{background:#404041!important;color:#999!important}.play-body-box #csdn-toolbar .container li.write-bolg-btn a svg[data-v-11073ce1]{color:#e33e33!important}.play-body-box #csdn-toolbar .container li#msgBox a svg[data-v-11073ce1]{color:#5893c2!important}.play-body-box #csdn-toolbar .container li.userLogin .bord>div[data-v-11073ce1]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList[data-v-11073ce1],.play-body-box #csdn-toolbar .container .userControl[data-v-11073ce1]{background:#404041!important}.play-body-box #csdn-toolbar .container .msgList dd[data-v-11073ce1]:hover,.play-body-box #csdn-toolbar .container .userControl dd[data-v-11073ce1]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList a[data-v-11073ce1],.play-body-box #csdn-toolbar .container .userControl a[data-v-11073ce1]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container .msgList .bord[data-v-11073ce1],.play-body-box #csdn-toolbar .container .userControl .bord[data-v-11073ce1]{border-bottom:1px solid #373739!important}.play-body-box #csdn-toolbar .container div.search_bar[data-v-11073ce1]{background:#404041!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-11073ce1]{background:#2f2f2f!important;border-radius:5px 0 0 5px;color:#fff!important;background-color:#555557!important;color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-11073ce1]::-webkit-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-11073ce1]::-moz-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-11073ce1]:-ms-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-11073ce1]{background:#555557!important;border-radius:0 5px 5px 0}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-11073ce1]:hover{background:#555557!important}.banner_wrapper[data-v-11073ce1]{height:284px;background:url(https://csdnimg.cn/release/edussr/public/img/new_banner_bg.9d4b885e.png);background-size:cover}.banner_wrapper.activity[data-v-11073ce1]{height:292px}.banner_wrapper.activity .banner_price_wrapper[data-v-11073ce1]{margin-top:16px}.banner_wrapper .banner[data-v-11073ce1]{height:100%}.banner_wrapper .banner .left[data-v-11073ce1]{width:calc(100% - 320px);padding-top:16px}.banner_wrapper .banner .left .banner_nav a[data-v-11073ce1]{display:inline-block;height:24px;line-height:24px;font-family:PingFangSC-Regular,PingFang SC;vertical-align:middle;font-size:14px;color:#ccccd8}.banner_wrapper .banner .left .banner_nav a:last-of-type~i[data-v-11073ce1]{display:none}.banner_wrapper .banner .left .banner_nav a.active[data-v-11073ce1],.banner_wrapper .banner .left .banner_nav a[data-v-11073ce1]:hover{color:#fff}.banner_wrapper .banner .left .banner_nav i[data-v-11073ce1]{display:inline-block;width:7px;height:7px;border-top:1px solid #ccccd8;border-right:1px solid #ccccd8;margin:0 8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle}.banner_wrapper .banner .left .title[data-v-11073ce1]{margin-top:16px;max-width:760px;height:48px;line-height:48px;font-size:32px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner_wrapper .banner .left .tag[data-v-11073ce1]{margin-top:8px;height:40px;font-size:0}.banner_wrapper .banner .left .tag span[data-v-11073ce1]{display:inline-block;height:40px;line-height:40px;background:rgba(0,0,0,.1);border-radius:20px;padding:0 16px;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;max-width:208px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner_wrapper .banner .left .tag span+span[data-v-11073ce1]{margin-left:16px}.banner_wrapper .banner .left .desc[data-v-11073ce1]{margin-top:16px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px}.banner_wrapper .banner .left .desc>div[data-v-11073ce1]{height:24px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;color:#fff}.banner_wrapper .banner .left .desc>div+div[data-v-11073ce1]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner_wrapper .banner .left .desc>div+div[data-v-11073ce1]:before{content:"";display:inline-block;width:4px;height:4px;background:#999aaa;border-radius:3px;vertical-align:middle;margin:0 8px}.banner_wrapper .banner .left .desc_2[data-v-11073ce1]{border-radius:12px;margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner_wrapper .banner .left .desc_2 .item[data-v-11073ce1]{text-align:center}.banner_wrapper .banner .left .desc_2 .item span[data-v-11073ce1]{display:block}.banner_wrapper .banner .left .desc_2 .item span.num[data-v-11073ce1],.banner_wrapper .banner .left .desc_2 .item span.text[data-v-11073ce1]{height:24px;line-height:24px;color:#fff}.banner_wrapper .banner .left .desc_2 .item span.num[data-v-11073ce1]{font-size:20px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;margin-bottom:2px}.banner_wrapper .banner .left .desc_2 .item span.text[data-v-11073ce1]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;margin-top:2px}.banner_wrapper .banner .left .desc_2 .pipe[data-v-11073ce1]{display:inline-block;width:1px;height:32px;background:#d8d8d8;margin:0 32px}.banner_wrapper .banner .right[data-v-11073ce1]{width:312px;padding-top:16px}.banner_wrapper .banner .right .operate[data-v-11073ce1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.banner_wrapper .banner .right .operate .icon_banner_share[data-v-11073ce1],.banner_wrapper .banner .right .operate .icon_banner_star[data-v-11073ce1]{display:inline-block;width:24px;height:24px;background-position:50%;background-repeat:no-repeat;background-size:contain}.banner_wrapper .banner .right .operate .icon_banner_star[data-v-11073ce1]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_banner_star.95eae59c.png);cursor:pointer}.banner_wrapper .banner .right .operate .icon_banner_star.active[data-v-11073ce1]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_banner_star_active.5fa092f0.png)}.banner_wrapper .banner .right .operate .icon_banner_share[data-v-11073ce1]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMABQwSNT4/QEVWWWZvc3qUmLG4yOXr9/5iWbG8AAABAUlEQVRIx+2Vy7KCMBBEBy4mV8JTMZz//1IXokAe1LC0yl5RSR8YYNIj8tNZlaZ2zryurdvo+peyV6MHwIqIWHZ6/Ef2op+XTZMAeITPKG7ANLSpku4A1wDowTdF8s06AFxQ/4y/SNZ/j4ARmry/cyFQeqZ8PZ1EgIHhwB8DNbQH/hiIFvZ+LfDxK4HVrwM2fhWw9WsAs/UrgdUvdunho5LMzmGtaP5DXt8IWHMOsEuWqAFte+f3cwforRZq3RFdNIStkQ+BV8pN+FIbMyIiDYyiDjKRi2euRB2VReOhj5c/YbxXO0zALXGrNe4jzX36g7wHSiA/Vscja6/alL9RflpPZOghSeaWkNMAAAAASUVORK5CYII=);margin-left:16px;position:relative}.banner_wrapper .banner .right .operate .icon_banner_share:hover .share_box_wrapper[data-v-11073ce1]{display:block}.banner_wrapper .banner .right .operate .icon_banner_share .share_box_wrapper[data-v-11073ce1]{position:absolute;left:50%;top:25px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;width:280px;height:132px;cursor:default;display:none}.banner_wrapper .banner .right .operate .icon_banner_share .share_box_wrapper .share_box[data-v-11073ce1]{position:absolute;left:50%;top:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%;padding:16px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border:1px solid #f0f0f5;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner_wrapper .banner .right .operate .icon_banner_share .share_box_wrapper .share_box[data-v-11073ce1]:before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;background:#fff;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);border-color:transparent transparent #f0f0f5 #f0f0f5;border-style:solid;border-width:1px}.page-container[data-v-de6bc960]{display:block;margin:0 auto;width:1200px}.play-body-box .edu_nav[data-v-de6bc960],.play-body-box header.header[data-v-de6bc960]{display:none!important}.play-body-box #csdn-toolbar[data-v-de6bc960]{background:#404041!important}.play-body-box #csdn-toolbar .sub-menu[data-v-de6bc960]{background:rgba(64,64,65,.9)!important;color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li[data-v-de6bc960]:hover,.play-body-box #csdn-toolbar .sub-menu>a[data-v-de6bc960]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container li a[data-v-de6bc960],.play-body-box #csdn-toolbar .container li a span[data-v-de6bc960]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li.app-control>div[data-v-de6bc960]{background:#404041!important;color:#999!important}.play-body-box #csdn-toolbar .container li.write-bolg-btn a svg[data-v-de6bc960]{color:#e33e33!important}.play-body-box #csdn-toolbar .container li#msgBox a svg[data-v-de6bc960]{color:#5893c2!important}.play-body-box #csdn-toolbar .container li.userLogin .bord>div[data-v-de6bc960]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList[data-v-de6bc960],.play-body-box #csdn-toolbar .container .userControl[data-v-de6bc960]{background:#404041!important}.play-body-box #csdn-toolbar .container .msgList dd[data-v-de6bc960]:hover,.play-body-box #csdn-toolbar .container .userControl dd[data-v-de6bc960]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList a[data-v-de6bc960],.play-body-box #csdn-toolbar .container .userControl a[data-v-de6bc960]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container .msgList .bord[data-v-de6bc960],.play-body-box #csdn-toolbar .container .userControl .bord[data-v-de6bc960]{border-bottom:1px solid #373739!important}.play-body-box #csdn-toolbar .container div.search_bar[data-v-de6bc960]{background:#404041!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-de6bc960]{background:#2f2f2f!important;border-radius:5px 0 0 5px;color:#fff!important;background-color:#555557!important;color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-de6bc960]::-webkit-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-de6bc960]::-moz-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-de6bc960]:-ms-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-de6bc960]{background:#555557!important;border-radius:0 5px 5px 0}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-de6bc960]:hover{background:#555557!important}.price_wrapper[data-v-de6bc960]{padding:0;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.1);box-shadow:0 0 4px 0 rgba(0,0,0,.1);border-radius:4px}.price_wrapper .price[data-v-de6bc960]{height:72px;padding:32px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.price_wrapper .price .price_area span[data-v-de6bc960]{vertical-align:middle}.price_wrapper .price .price_area span+span[data-v-de6bc960]{margin-left:4px}.price_wrapper .price .price_area span.current_price[data-v-de6bc960]{font-size:32px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#e33e33}.price_wrapper .price .price_area span.current_price em[data-v-de6bc960]{font-size:22px;margin-right:-4px;vertical-align:middle}.price_wrapper .price .price_area span.original_price[data-v-de6bc960]{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa;text-decoration:line-through}.price_wrapper .price .price_area span.sale[data-v-de6bc960]{display:inline-block;height:24px;line-height:24px;padding:0 12px;border-radius:2px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#fff}.price_wrapper .price .price_area span.discount[data-v-de6bc960],.price_wrapper .price .price_area span.member[data-v-de6bc960],.price_wrapper .price .price_area span.spike[data-v-de6bc960]{position:relative;background:linear-gradient(89deg,#e33e33,#9447eb)}.price_wrapper .price .price_area span.discount[data-v-de6bc960]:before,.price_wrapper .price .price_area span.member[data-v-de6bc960]:before,.price_wrapper .price .price_area span.spike[data-v-de6bc960]:before{content:"";position:absolute;left:-3px;top:50%;width:8px;height:8px;background:#e33e33;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg);border-top-color:transparent;border-right-color:transparent}.price_wrapper .price .discount_area .buy_now[data-v-de6bc960],.price_wrapper .price .discount_area .open_now[data-v-de6bc960]{display:inline-block;border-radius:2px;vertical-align:-1px}.price_wrapper .price .discount_area .open_now[data-v-de6bc960]{height:40px;line-height:40px;border:1px solid #fa0;padding:0 12px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fa0}.price_wrapper .price .discount_area .open_now a[data-v-de6bc960]{color:#fa0;text-decoration:underline}.price_wrapper .price .discount_area .buy_now[data-v-de6bc960]{height:40px;line-height:40px;background:-webkit-gradient(linear,left top,right top,from(#f66),to(#e33e33));background:linear-gradient(90deg,#f66,#e33e33);margin-left:16px;position:relative}.price_wrapper .price .discount_area .buy_now a[data-v-de6bc960]{display:inline-block;padding:0 52px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;cursor:pointer}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper[data-v-de6bc960]{position:absolute;left:50%;top:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:20;width:200px;height:114px;width:280px;height:132px}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box[data-v-de6bc960]{position:absolute;left:50%;top:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%;padding:16px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border:1px solid #f0f0f5;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box[data-v-de6bc960]:before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;background:#fff;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);border-color:transparent transparent #f0f0f5 #f0f0f5;border-style:solid;border-width:1px}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box .scan_code[data-v-de6bc960]{display:-webkit-box;display:-ms-flexbox;display:flex}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item[data-v-de6bc960]{text-align:center}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item+.icon_item[data-v-de6bc960]{margin-left:12px}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item img[data-v-de6bc960]{width:36px;height:36px;margin-bottom:4px}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item span[data-v-de6bc960]{display:block;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#222226;line-height:20px;margin-top:4px}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box .qr_code[data-v-de6bc960]{width:100px;height:100px;padding:4px;border-radius:4px;border:1px solid #f0f0f5}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box .qr_code img[data-v-de6bc960]{width:92px;height:92px}.price_wrapper .price .discount_area .buy_now .qr_code_wrapper .qr_code_box .qr_code span[data-v-de6bc960]{color:#212529;font-size:12px}.price_wrapper .course_rights[data-v-de6bc960]{height:52px;padding:16px 0;border-top:1px solid #f0f0f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.price_wrapper .course_rights .text[data-v-de6bc960]{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226}.price_wrapper .course_rights .item[data-v-de6bc960]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:6px;cursor:default}.price_wrapper .course_rights .item+.item[data-v-de6bc960]{margin-left:32px}.price_wrapper .course_rights .item.permanent[data-v-de6bc960],.price_wrapper .course_rights .item[data-v-de6bc960]:hover{color:#6b5}.price_wrapper .course_rights .item:hover i[data-v-de6bc960]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_correct_active.8f3523e8.png)}.price_wrapper .course_rights .item i[data-v-de6bc960]{display:inline-block;width:16px;height:16px;background:url(https://csdnimg.cn/release/edussr/public/img/icon_correct.6115ea0b.png) no-repeat 50%;background-size:contain;margin-right:4px}.try_tips_wrapper[data-v-428968ed]{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:999}.try_tips_wrapper .try_tips[data-v-428968ed]{width:672px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.try_tips_wrapper .try_tips .left[data-v-428968ed]{position:relative;width:156px;height:156px;background:-webkit-gradient(linear,right top,left top,from(#c07162),color-stop(50%,#b65c4b),to(#c98462));background:linear-gradient(270deg,#c07162,#b65c4b 50%,#c98462);border-radius:5px}.try_tips_wrapper .try_tips .left .chapter[data-v-428968ed]{width:100%;height:100%}.try_tips_wrapper .try_tips .left .chapter img[data-v-428968ed]{display:block;width:40px;height:40px;margin-bottom:8px}.try_tips_wrapper .try_tips .left .chapter .chapter_num[data-v-428968ed]{display:block;height:22px;line-height:22px;border-radius:4px;border:1px solid #fff;padding:0 10px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;-webkit-box-sizing:content-box;box-sizing:content-box;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.try_tips_wrapper .try_tips .right[data-v-428968ed]{width:500px}.try_tips_wrapper .try_tips .right .tip_title[data-v-428968ed]{height:28px;line-height:28px;font-size:18px;font-weight:500;color:#ccccd8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.try_tips_wrapper .try_tips .right .video_duration[data-v-428968ed]{margin-top:8px;font-size:0}.try_tips_wrapper .try_tips .right .video_duration span[data-v-428968ed]{height:20px;line-height:20px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC}.try_tips_wrapper .try_tips .right .video_duration span.text[data-v-428968ed]{color:#ccccd8}.try_tips_wrapper .try_tips .right .video_duration span.duration[data-v-428968ed]{color:#999aaa;margin-left:16px}.try_tips_wrapper .try_tips .right .knowledge[data-v-428968ed]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:8px}.try_tips_wrapper .try_tips .right .knowledge .section[data-v-428968ed]{width:84px;-ms-flex-negative:0;flex-shrink:0;height:20px;line-height:20px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#ccccd8}.try_tips_wrapper .try_tips .right .knowledge .content[data-v-428968ed]{max-height:54px;line-height:18px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.try_tips_wrapper .try_tips .right .try_study[data-v-428968ed]{margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.try_tips_wrapper .try_tips .right .try_study .free[data-v-428968ed]{width:128px;height:32px;line-height:32px;text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(#f76a59),to(#e33e33));background:linear-gradient(180deg,#f76a59,#e33e33);border-radius:18px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff}.try_tips_wrapper .try_tips .right .try_study .text[data-v-428968ed]{height:32px;line-height:32px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fa0;margin-left:16px}.mask[data-v-4e06eb48]{position:absolute;left:0;top:0;bottom:0;width:100%;background:#000;z-index:99}.mask a[data-v-4e06eb48]{outline:none}.mask .try_end_wrapper[data-v-4e06eb48]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:320px;height:228px;background:#fff;border-radius:4px;padding:16px 0;text-align:center}.mask .try_end_wrapper .icon_close[data-v-4e06eb48]{position:absolute;right:16px;top:16px;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAJ1BMVEXg4ODl5eXm5ubo6Ojp6enw8PDx8fHz8/P09PT19fX29vb4+Pj///9Q4dpLAAAAlklEQVQoz7WRsQ3CMBBFvxSkBCpGSM0qaTwCI3gACugzQjpa1jBOkaGwfc8W0Ocq++nJ/5+s7W+0F3jMdn5fAOfegOsAd93yPegEiCqK01If9VkJOraUophAbFIQAElBqMW8ECqIQqggyLo04KT+G6QIjyKEhboGSgcUtS1QtLUtTMngah2iBsBISX8APF8G1mnPj/qZD8q3YuTpXLzNAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;cursor:pointer}.mask .try_end_wrapper .try_end[data-v-4e06eb48]{height:24px;line-height:24px;font-size:15px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222226}.mask .try_end_wrapper .keep_study[data-v-4e06eb48]{height:24px;line-height:24px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#3d3d3d}.mask .try_end_wrapper .qrcode_wrapper[data-v-4e06eb48]{position:relative;width:110px;border-radius:4px;margin:8px auto 0;width:94px;height:94px}.mask .try_end_wrapper .scan_code[data-v-4e06eb48]{width:110px;height:19px;margin-top:3px}.mask .try_end_wrapper .login-guide-box[data-v-4e06eb48]{margin-top:15%;font-size:14px;text-align:center;color:#3d3d3d}.mask .try_end_wrapper .login-guide-box p[data-v-4e06eb48]{margin-bottom:24px}.mask .qrcode_wrapper[data-v-4e06eb48]{padding:4px}.mask[data-v-34ba7800]{position:absolute;left:0;top:0;bottom:0;width:100%;background:#000;z-index:99}.mask a[data-v-34ba7800]{outline:none}.mask .message_box_wrapper[data-v-34ba7800]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:350px;height:162px;padding:16px;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);border:1px solid #e3e3e3;border-radius:4px}.mask .message_box_wrapper .icon_close[data-v-34ba7800]{position:absolute;right:16px;top:16px;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAJ1BMVEXg4ODl5eXm5ubo6Ojp6enw8PDx8fHz8/P09PT19fX29vb4+Pj///9Q4dpLAAAAlklEQVQoz7WRsQ3CMBBFvxSkBCpGSM0qaTwCI3gACugzQjpa1jBOkaGwfc8W0Ocq++nJ/5+s7W+0F3jMdn5fAOfegOsAd93yPegEiCqK01If9VkJOraUophAbFIQAElBqMW8ECqIQqggyLo04KT+G6QIjyKEhboGSgcUtS1QtLUtTMngah2iBsBISX8APF8G1mnPj/qZD8q3YuTpXLzNAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;cursor:pointer}.mask .message_box_wrapper .title[data-v-34ba7800]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#3d3d3d}.mask .message_box_wrapper .title i.icon_message[data-v-34ba7800]{width:16px;height:16px;background-position:50%;background-repeat:no-repeat;background-size:contain;margin-right:4px}.mask .message_box_wrapper .title i.icon_message.icon_message_info[data-v-34ba7800]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAt1BMVEUAAAD/fwD/ogD/kgD/mQD/ngD/lQD/mwD/mwb/lwD/lQD/lwD/mwD/mQD/mAT/lwP/lgP/mAP/mAP/lwP/mAP/mQP/mAP/mAP/lwL/mAL/mQL/mAL/mQL/mQL/mAL/mQL/mAL/lwL/mAL/lwL/mQL/mAL/lwL/lwL/lwH/mQH/mAH/mAH/mAH/mQH/mAH/mAH/mAH/mQL/mAL/mAL/mAL/mAL/mAL/lwL/mAL/mAL/lwL/mAL/mALMV98zAAAAPHRSTlMABgsODxUdISkxNTtAQUVMTk9SVllaXGNnbXN3e3+BhIuMlZiYn6ClqrG1vsLDx8zO1tre3+Tm6uvz9vjIdVJRAAABA0lEQVQ4y4WT2VrCQAyF/1ahuCDC4L5UbFVQrFu11pn3fy4v9KtJivTcnWRmTjI5gQaxy4vK+6rIXUwbSVaHBnWWmHSU+qDg00jme8vQwrL3lx+UYQXKQXN/ZT6E8veNSLy/2+8PhcpPHam4tAXbgqYAiax/B4aylwTIpOwe7EueQVzLwBgOJK9jnCp8Cscq4MgVP4JTFcgpFD+BCxUoqBQ/g5kKVOghXWI0vTlwBXfmgJa4hoWR0EXewIMpUks+Tiavpk0X1sKZrw5v78F8tRrW1wjOzbDUuOcAL2bc0jC3APfGMNJyHxuw+WktJ037PD18apm22/bdi9O9et3L+//6fwMxaq0jTYs91gAAAABJRU5ErkJggg==)}.mask .message_box_wrapper .title i.icon_message.icon_message_success[data-v-34ba7800]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_message_success.8f3523e8.png)}.mask .message_box_wrapper .content[data-v-34ba7800]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#4d4d4d;line-height:22px;margin-top:8px}.mask .message_box_wrapper .btn_wrapper[data-v-34ba7800]{position:absolute;right:16px;bottom:16px}.mask .message_box_wrapper .btn_wrapper .to_login[data-v-34ba7800]{display:inline-block;width:72px;height:32px;line-height:32px;text-align:center;background:#e33e33;border-radius:4px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fff}.video-ad-close,.video-ad-detail{display:none;pointer-events:none}.edu-play-box{width:100%;padding-bottom:56.25%;position:relative;overflow:hidden;cursor:pointer}.edu-play-box #player-con{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px 0 0 0;overflow:hidden}.edu-play-box .video-edu-info{position:absolute;bottom:45px;width:100%;height:32px;z-index:99;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2s;animation-delay:2s}.edu-play-box .video-edu-info .history-info{display:inline-block;padding:0 72px 0 32px;height:32px;line-height:32px;font-size:12px;background:-webkit-gradient(linear,left top,right top,from(#000),to(transparent));background:linear-gradient(90deg,#000,transparent)}.edu-play-box .video-edu-info .history-info a{font-size:12px;color:#e33e33;text-decoration:underline}.edu-play-box .video-edu-info .history-info img.vip{margin-right:4px;display:inline-block;width:16px;height:16px;vertical-align:-3px}.edu-play-box .video-edu-info .buffering,.edu-play-box .video-edu-info .not-uploaded{width:320px;height:32px;line-height:32px;padding-left:32px;background:-webkit-gradient(linear,left top,right top,from(#000),to(transparent));background:linear-gradient(90deg,#000,transparent);font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#fff}.edu-play-box .video-edu-info .volume-num{width:48px;height:24px;line-height:24px;text-align:center;background:rgba(0,0,0,.4);border-radius:2px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;position:absolute;right:58px;bottom:-9px}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.edu-play-box .animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.edu-play-box .rate-components{position:relative;margin-right:20px!important;margin-top:12px!important;width:56px;height:24px!important;line-height:24px;background:#222226;border-radius:4px;border:1px solid #e33e33;text-align:center;color:#fff}.edu-play-box .rate-components .current-rate{width:56px;color:#e33e33}.edu-play-box .rate-components:hover:before{display:block}.edu-play-box .rate-components:before{content:"倍速";position:absolute;left:5px;top:-53px;display:none;font-size:12px;color:#fff;line-height:28px;letter-spacing:0;text-align:center;background:#3c3c3c;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.1);box-shadow:0 0 5px 0 rgba(0,0,0,.1);width:42px;height:28px}.edu-play-box .rate-list{margin-left:-14px!important;bottom:30px!important;width:80px!important;background:#333;border-radius:4px;border:1px solid #666}.edu-play-box .rate-list li{width:80px!important;color:#ccc;text-align:center}.edu-play-box .rate-list li.current,.edu-play-box .rate-list li:hover{color:#fff!important;background-color:#666!important}.edu-play-box .rate-list li+li{border-top:none}.video-ad-component{z-index:99!important;border-radius:4px 0 0 0;overflow:hidden}.prism-player .prism-big-play-btn{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_pause.f919dae8.png)!important}.prism-player .prism-big-play-btn .outter{border:0!important}.prism-player .prism-big-play-btn.fast-forward,.prism-player .prism-big-play-btn.pause,.prism-player .prism-big-play-btn.rewind,.prism-player .prism-big-play-btn.volume{width:60px!important;height:60px!important}.prism-player .prism-big-play-btn.fast-forward,.prism-player .prism-big-play-btn.rewind,.prism-player .prism-big-play-btn.volume{z-index:9999!important;display:block!important}.prism-player .prism-big-play-btn.fast-forward{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_fast_forward.72ccf7ee.png)!important}.prism-player .prism-big-play-btn.rewind{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_rewind.41290289.png)!important}.prism-player .prism-big-play-btn.volume{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_volume.7c3eb20b.png)!important}.toc-item[data-v-773d6e16]{padding-left:12px;font-size:0;position:relative}.toc-item:hover span.name[data-v-773d6e16]{color:#e33e33}.toc-item:hover .icon-free[data-v-773d6e16]{display:none}.toc-item:hover .time[data-v-773d6e16]{display:block}.toc-item:hover .not_uploaded[data-v-773d6e16],.toc-item:hover .unreviewed[data-v-773d6e16]{color:#999aaa!important}.toc-item.is-finished .icon-video[data-v-773d6e16]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon-finished.f934fd03.png)}.toc-item.is-active[data-v-773d6e16]{color:#e33e33}.toc-item.is-courseware[data-v-773d6e16]:before{display:none}.toc-item.not_uploaded[data-v-773d6e16],.toc-item.unreviewed[data-v-773d6e16]{cursor:not-allowed;color:#999aaa!important}.toc-item.not_uploaded:hover span.name[data-v-773d6e16],.toc-item.unreviewed:hover span.name[data-v-773d6e16]{color:#999aaa}.toc-item.not_uploaded span.name[data-v-773d6e16],.toc-item.unreviewed span.name[data-v-773d6e16]{max-width:calc(100% - 104px)}.toc-item span[data-v-773d6e16]{font-size:14px;line-height:18px}.toc-item span.name[data-v-773d6e16]{display:inline-block;max-width:calc(100% - 36px);overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#999aaa}.toc-item span.name.free[data-v-773d6e16]{max-width:calc(100% - 68px)}.toc-item span.not_uploaded_text[data-v-773d6e16],.toc-item span.unreviewed_text[data-v-773d6e16]{font-family:PingFangSC-Regular,PingFang SC;color:#ccccd8;line-height:18px;margin-left:5px}.toc-item span.not_uploaded_text[data-v-773d6e16],.toc-item span.time[data-v-773d6e16],.toc-item span.unreviewed_text[data-v-773d6e16]{font-size:12px;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;background:#2c2c2c}.toc-item span.time[data-v-773d6e16]{color:#555666;line-height:32px;min-width:32px;padding-left:5px;display:none}.icon-free[data-v-773d6e16]{display:inline-block;width:32px;height:16px;background:url(https://csdnimg.cn/release/edussr/public/img/icon-free-new.4324d060.png) no-repeat 50%;background-size:contain;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff}.icon-video[data-v-773d6e16]{display:inline-block;width:14px;height:14px;margin-right:8px;background-image:url(https://csdnimg.cn/release/edussr/public/img/icon-video-new.d5bbfc73.png);background-size:contain;background-repeat:no-repeat;border-radius:7px}.course-toc-box[data-v-148f26af]{position:relative;height:100%;background-color:#2c2c2c;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:thin;overflow-y:auto;scrollbar-color:#2c2c2c #2c2c2c;padding:12px 12px 0}.course-toc-box .toc[data-v-148f26af]{padding-bottom:12px}.course-toc-box .course-toc[data-v-148f26af]{border:none}.course-toc-box[data-v-148f26af]::-webkit-scrollbar{width:4px}.course-toc-box[data-v-148f26af]::-webkit-scrollbar-thumb{background-color:#3e3e3e;border-radius:2px;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.course-toc-box[data-v-148f26af]:hover{scrollbar-color:#2c2c2c #2c2c2c}.course-toc-box[data-v-148f26af]:hover::-webkit-scrollbar-thumb{background-color:#3e3e3e}.course-toc-box[data-v-148f26af] .el-menu{background-color:transparent}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item-group__title{display:none}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item-group>ul{margin-top:8px}.course-toc-box[data-v-148f26af] .el-menu .el-submenu{margin-bottom:8px;border-radius:2px}.course-toc-box[data-v-148f26af] .el-menu .el-submenu:last-child{margin-bottom:0}.course-toc-box[data-v-148f26af] .el-menu .el-submenu.is-opened .el-submenu__title{background-color:#3e3e3e;color:#fff}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item{padding-left:0!important;padding-right:0!important;height:32px;line-height:32px}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item a{color:unset}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item:focus,.course-toc-box[data-v-148f26af] .el-menu .el-menu-item:hover{background-color:unset}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item.is-active,.course-toc-box[data-v-148f26af] .el-menu .el-menu-item.is-active .toc-item span.name{color:#e33e33}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item.is-active .toc-item:before{border-color:#999aaa;background-color:transparent}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item.is-active .toc-item span.time{color:#999aaa}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item.is-active .icon-video{background-color:#e33e33;background-image:url(data:image/gif;base64,R0lGODlhCgAKAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBAABACwAAAAACgAKAAACEIyPqcsM4GB4iM4nLc5c8wIAIfkECQQAAQAsAAAAAAoACgAAAhGMj6mrAOxMPNPVFyy+V1rvFQAh+QQJBAABACwAAAAACgAKAAACE4yPqQew0UxkDrY6L96Zb3mBYAEAIfkECQQAAQAsAAAAAAoACgAAAhSMjwiQt/YcCyvaCmfV/GZPYWFWAAAh+QQJBAABACwAAAAACgAKAAACFIyPeQDIxl6QsU1bIY5a0/15m1YAACH5BAkEAAEALAAAAAAKAAoAAAIUjI+ZAMpsYHhtVhrvy1n6bXVaVgAAIfkECQQAAQAsAAAAAAoACgAAAhOMjwCYy6aeioFOZyfEuvK8gV4BACH5BAkEAAEALAAAAAAKAAoAAAISjI+ZAGrsAlysSVuxnry+rX0FACH5BAkEAAEALAAAAAAKAAoAAAIRjI+pawDs4EsuBlsnrk3z6xUAIfkECQQAAQAsAAAAAAoACgAAAhCMj6nLCMBehOnJcC3N1vACACH5BAkEAAEALAAAAAAKAAoAAAIPjI+py50AGJTxwTrDxbwAACH5BAkEAAEALAAAAAAKAAoAAAIPjI+py+0JAIuGHoujDLkAACH5BAkEAAEALAAAAAAKAAoAAAIQjI+py+0NAIqGhmgzrvKCAgAh+QQJBAABACwAAAAACgAKAAACD4yPqcvdABg081R4Y8A6FwA7LyogIHx4R3YwMHxkNDJiOTgyYzhjM2YwYWExNzcxNDk4OTU2ZjY3ODc0MSAqLw==);background-position:center 30%;background-size:60%}.course-toc-box[data-v-148f26af] .el-menu .el-menu-item.is-disabled{opacity:1}.course-toc-box[data-v-148f26af] .el-menu .el-submenu__title{padding:0 12px!important;height:48px;line-height:48px;background-color:#303030;border-radius:2px}.course-toc-box[data-v-148f26af] .el-menu .el-submenu__title .title{display:inline-block;max-width:230px;overflow:hidden;text-overflow:ellipsis;color:#f0f0f5}.courseware-box{margin-top:-8px;height:100%;padding:12px;background-color:#2c2c2c;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:thin;overflow-y:auto;overflow-x:hidden;scrollbar-color:#2c2c2c #2c2c2c}.courseware-box .toc-item{overflow:hidden}.courseware-box .toc-item span.name{width:90%;max-width:unset}.courseware-box .el-row{background-color:#2c2c2c}.courseware-box>.el-row{padding-bottom:56px}.courseware-box .course-toc{border:none}.courseware-box::-webkit-scrollbar{width:4px}.courseware-box::-webkit-scrollbar-thumb{background-color:#3e3e3e;border-radius:2px;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.courseware-box:hover{scrollbar-color:#2c2c2c #2c2c2c}.courseware-box:hover::-webkit-scrollbar-thumb{background-color:#3e3e3e}.courseware-box .chked-all-box{padding:0 16px;position:absolute;bottom:-8px;left:0;right:0;height:56px;-webkit-box-shadow:0 -1px 1px 0 rgba(7,17,27,.5);box-shadow:0 -1px 1px 0 rgba(7,17,27,.5);border-radius:0 0 2px 2px;font-size:12px;background-color:#2c2c2c;z-index:2}.courseware-box .chked-all-box .el-checkbox__input{vertical-align:middle}.courseware-box .chked-all-box .el-checkbox__label{font-size:12px;color:#999}.courseware-box .chked-all-box span.chked-count{margin-right:8px;color:#999}.courseware-box .chked-all-box .right-box{margin-left:auto}.courseware-box .el-checkbox__input{vertical-align:1px}.courseware-box .el-checkbox__input .el-checkbox__inner{background-color:#ccccd8}.courseware-box .el-checkbox__input.is-focus .el-checkbox__inner{border-color:#dcdfe6}.courseware-box .el-checkbox__input.is-checked .el-checkbox__inner,.courseware-box .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#e33e33;border-color:#e33e33}.courseware-box .el-checkbox__input.is-checked+.el-checkbox__label,.courseware-box .el-checkbox__input.is-indeterminate+.el-checkbox__label{color:#e33e33}.courseware-box .el-menu{background-color:#2c2c2c}.courseware-box .el-menu .el-menu-item-group__title{display:none}.courseware-box .el-menu .el-menu-item-group>ul{margin-top:8px}.courseware-box .el-menu .el-submenu{margin-bottom:8px;border-radius:2px}.courseware-box .el-menu .el-submenu:last-child{margin-bottom:0}.courseware-box .el-menu .el-submenu.is-opened .el-submenu__title{background-color:#f0f0f5}.courseware-box .el-menu .el-menu-item{padding-left:14px!important;padding-right:14px!important;height:32px;line-height:32px}.courseware-box .el-menu .el-menu-item:focus,.courseware-box .el-menu .el-menu-item:hover{background-color:unset}.courseware-box .el-menu .el-menu-item.is-active{color:#e33e33}.courseware-box .el-menu .el-menu-item.is-active .icon-video{background-color:#e33e33;background-image:url(data:image/gif;base64,R0lGODlhCgAKAIABAP///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBAABACwAAAAACgAKAAACEIyPqcsM4GB4iM4nLc5c8wIAIfkECQQAAQAsAAAAAAoACgAAAhGMj6mrAOxMPNPVFyy+V1rvFQAh+QQJBAABACwAAAAACgAKAAACE4yPqQew0UxkDrY6L96Zb3mBYAEAIfkECQQAAQAsAAAAAAoACgAAAhSMjwiQt/YcCyvaCmfV/GZPYWFWAAAh+QQJBAABACwAAAAACgAKAAACFIyPeQDIxl6QsU1bIY5a0/15m1YAACH5BAkEAAEALAAAAAAKAAoAAAIUjI+ZAMpsYHhtVhrvy1n6bXVaVgAAIfkECQQAAQAsAAAAAAoACgAAAhOMjwCYy6aeioFOZyfEuvK8gV4BACH5BAkEAAEALAAAAAAKAAoAAAISjI+ZAGrsAlysSVuxnry+rX0FACH5BAkEAAEALAAAAAAKAAoAAAIRjI+pawDs4EsuBlsnrk3z6xUAIfkECQQAAQAsAAAAAAoACgAAAhCMj6nLCMBehOnJcC3N1vACACH5BAkEAAEALAAAAAAKAAoAAAIPjI+py50AGJTxwTrDxbwAACH5BAkEAAEALAAAAAAKAAoAAAIPjI+py+0JAIuGHoujDLkAACH5BAkEAAEALAAAAAAKAAoAAAIQjI+py+0NAIqGhmgzrvKCAgAh+QQJBAABACwAAAAACgAKAAACD4yPqcvdABg081R4Y8A6FwA7LyogIHx4R3YwMHxkNDJiOTgyYzhjM2YwYWExNzcxNDk4OTU2ZjY3ODc0MSAqLw==);background-position:center 30%;background-size:60%}.courseware-box .el-menu .el-menu-item .el-checkbox{width:100%}.courseware-box .el-menu .el-menu-item .el-checkbox .el-checkbox__label{padding-left:0;width:262px}.courseware-box .el-menu .el-menu-item .el-checkbox,.courseware-box .el-menu .el-menu-item .toc-item{line-height:32px}.courseware-box .el-menu .el-submenu__title{margin:8px 0;padding:0 12px;height:44px;line-height:44px;background-color:#3e3e3e;border-radius:2px;overflow:hidden;text-overflow:ellipsis;color:#f0f0f5}.courseware-box .el-menu .el-submenu__title .title{display:inline-block;max-width:230px;overflow:hidden;text-overflow:ellipsis;color:#f0f0f5}.courseware-box button{outline:none}.courseware-box .el-button--danger{background-color:#ea2c26;border-color:#ea2c26}.courseware-box .el-button--danger.is-disabled,.courseware-box .el-button--danger.is-disabled:active,.courseware-box .el-button--danger.is-disabled:focus,.courseware-box .el-button--danger.is-disabled:hover{background-color:#999aaa;border-color:#999aaa}.course-note-box{width:90%;margin:0 auto;border:none;position:relative}.course-note-box .btnWrap{width:100%;position:absolute;top:275px;left:10px}.course-note-box .btnWrap .tips{float:left;line-height:28px;margin-right:13px;color:#999aaa;font-size:12px}.course-note-box .btnWrap .tips em{color:#e33e33;position:relative;top:2px}.course-note-box .btnWrap .saveBtn{width:80px;height:28px;line-height:28px;text-align:center;color:#fff;background-color:#e33e33;border-radius:4px}.course-note-box .el-button--danger{background-color:#e33e33;float:right;margin-right:5px}[role=dialog]{z-index:2147483649}.cke_dialog{z-index:9999999}#cke_editor1,.cke_chrome{border:none!important}.cke_inner{background:#555!important;padding:0 16px;border-top-left-radius:4px;border-top-right-radius:4px}.cke_chrome{border:none}.cke_contents,.cke_focus .cke_contents{border:1px solid #555!important}.cke_contents{border-radius:4px;background:#555}.cke_wysiwyg_div,.cke_wysiwyg_frame{background:#555!important;color:#fff!important}.cke_top{border:0;background:#555!important;border-top-left-radius:4px;border-top-right-radius:4px;padding:8px 0}a.cke_button{border:1px solid #555}a.cke_button_on{background:#fff!important}.placeholder{font-size:12px}.course-info-box__right{font-size:14px;height:100%;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border-radius:0 4px 4px 0;overflow:hidden}.course-info-box__right .el-tabs{height:100%}.course-info-box__right .el-tabs__content{background-color:#2c2c2c}.course-info-box__right .el-tabs__header{padding-left:44px;margin-bottom:0;height:48px;line-height:48px;border-bottom:1px solid #222226;background-color:#2c2c2c;z-index:9}.course-info-box__right .el-tabs__header .el-tabs__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.course-info-box__right .el-tabs__header .el-tabs__nav-wrap{padding-top:4px}.course-info-box__right .el-tabs__header .el-tabs__nav-wrap:after{display:none}.course-info-box__right .el-tabs__header .el-tabs__active-bar{background-color:#e33e33}.course-info-box__right .el-tabs__header .el-tabs__item{padding:0 30px;font-size:16px;font-weight:400;color:#fff}.course-info-box__right .el-tabs__header .el-tabs__item.is-active{font-weight:500}.course-info-box__right .el-tabs__header .el-tabs__item.is-active,.course-info-box__right .el-tabs__header .el-tabs__item:hover{color:#e33e33}.course-info-box__right .el-tabs__header .el-tabs__item.is-disabled{cursor:not-allowed;color:#555666}.course-info-box__right .el-tabs__content{height:100%;padding-top:48px;margin-top:-48px}.course-info-box__right .el-tabs__content>.el-tab-pane{position:relative;height:100%}.course-info-box__right #pane-toc .bottom{position:absolute;bottom:0;height:12px;width:100%;background-color:#2c2c2c}.comment-form-box{width:100%}.comment-form-box textarea{resize:none!important}.comment-form-box span.desc{font-size:12px;color:#999aaa}.comment-form-box .start-discuss{font-size:14px}.comment-form-box .el-form-item{margin-bottom:8px}.comment-form-box .el-textarea{font-size:12px;border-radius:4px}.comment-form-box .el-textarea__inner{padding:8px;border-color:#ebebeb}.comment-form-box .el-textarea__inner:focus{border-color:none}.comment-form-box .el-textarea .el-input__count{bottom:1px;line-height:20px;color:#ccccd8}.comment-form-box .el-form-item:last-child{margin-bottom:0}.comment-form-box .el-form-item:last-child .el-form-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;line-height:32px}.comment-form-box .el-form-item:last-child button{margin-left:auto}.fade-enter-active[data-v-0f4ec930],.fade-leave-active[data-v-0f4ec930]{-webkit-transition:all .5s;transition:all .5s}.fade-enter[data-v-0f4ec930],.fade-leave-to[data-v-0f4ec930]{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.video_control[data-v-0f4ec930]{position:relative;margin-top:1px;height:44px;padding-left:32px;font-size:24px;color:coral;background:#2c2c2c;border-radius:0 0 0 4px;font-size:14px;color:#999aaa;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.video_control .popup[data-v-0f4ec930],.video_control[data-v-0f4ec930]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:PingFangSC-Regular,PingFang SC}.video_control .popup[data-v-0f4ec930]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:-16px;top:-36px;z-index:999;width:256px;height:36px;background:#fff4f4;border-radius:18px;font-size:12px;color:#e33e33}.video_control .popup i[data-v-0f4ec930]{display:inline-block;width:20px;height:20px;background-position:50%;background-repeat:no-repeat;background-size:contain;margin-right:2px}.video_control .popup i.icon_like_active[data-v-0f4ec930]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_praise_active.22c9584f.png)}.video_control .popup i.icon_collect_active[data-v-0f4ec930]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADtklEQVRYR+2XS2xMURjH/9+5LdVOq1KxIQgLiZ3GmKlXbJogiDTxCJUMTT0jhLCwkVqw8AjxLEraTFRIxA6xaOtV04mQSCwQwkKi0ZRS2k7nfnJn5rZ37sy5545r0UVnOed7/M7/e5wZwgj/0Ajnwyig1wqNKjiqoKkA76uYowteRSTKAS5iRheAzwL8AD2xNrr8ImZXK7Z//mIh9EpC0odAA7rOH4XAU/SOvUMXWn+pFFb24MDeYLkQOEPAQpZEI9AnIXCITrTfMExiBxYs0uL6KR081+piTUZEPUx8VBQVnKS61kEZqCMg763YGgefAyHfCMApQrJ5md8LUBOA10x8DIy8oaQS+1ScFo37quj0q+/ZIKWAg3sqasB8hQEylbODZQQ0jI17kGS/DgWye9KjvNIflVT3ZiDjJBt1/+7AbEH0khljVD3yv84JdCT/bPthd4C7gvcALM09ub1LlS1u7YK+/riYVnzpWaesbxPf846FMwYo9o6ZRCagbExMSzuQW3vTjg8WXOw47gjYt33eNma6lLt6LjxMfik33R9X/3yZI+Dv2uB5gHemGaUCD8VVCaPaGZJOIODDuMuRmY6Af2oDTczYlKx3eia2KyBrMTlAdvTh6f5SeDUy2RGwd0vgHDN2JYxSACou2fZQCZ2l4m991yKznAE3B3cw84WkUTLFMID7qbRpb1NOMkyEW77rHeucSxwKTo/r/J7Bmou292iSriERbfE1Rq47AhqHPzcFbjJz2k08kijdiajTV9o1lc6+71cC9lTPncUsomAUW3vRPjTSrG7XoUVATWCDL9zRbI8pbaqejfNWsI67zNAyXlbpm2oLr3pYUueCUF/S3LE924Udu757vT8ERgMh+aqoptI6TsqapgwEUbgkHgnRbcRzBjQcutf4QwAaAIhhQFUNZU9Guh8RhUtZDmfZdM737a7yh5jQwEBCSRmeCtuaRRDCpRSVKmfaul5sBqRuKMlJSC8fAsIT8tRwrhU0Yb6tTpVbBenwo0CQCE/Idy6rcs04qfNtpVFuboD155jLmhvKlY11p1zOJbZCG5A6c2Jw0i8j70JjWssKcoPLucRWmM7l/hAjG2Sm/gbcxMLc4TwBGs4GZEJJh57UBIVbiqKhtZI9pxo211MsC9S5NAnJWSCFoHBb8b/DeVbQhP5a6a/WwfVgFA5dRFDj4/HRmn9VztOQZFOza0lgSkyLLzf+qmoaPZn0MPpKVT43555L7CaJF5tRQC/q/bch8Qrh5D/iS/wX2YRHODWPWjYAAAAASUVORK5CYII=)}.video_control .item[data-v-0f4ec930]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.video_control .item+.item[data-v-0f4ec930]{margin-left:20px}.video_control .item:hover .icon_like[data-v-0f4ec930]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_praise_hover.292047fc.png)}.video_control .item:hover .icon_collect[data-v-0f4ec930]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABaFBMVEUAAAD/AAD/AACqAAD/QEDUKir/KirjOTnmMzPqQCrdRDPvQDDkQzbcOi7kQDfnQDDoPi7oPDTjQDLlQTTmQDPnPTHjPTLkPDHgPjTgPTPnPTToQTPlPTTiPjHjQDTkPzPkPTHlPjPkQDLiPTPjPzLjPjXmPjXjPTTkPTTjPTXjQDLkPzTkPjTkPTLkQDLlPjTjPTPjPjLmPjLkPjTkPzPiPzPjPzPjPjPjPTLlPzLjPjPkPjTjPjLlPjLjPTPjPjPjPjPiPjPkPjTjPjPjPjTkPjPjPjLjPzPkPzPiPjPkPjPkPTLkPzLkPzTjPzPkPzLkPjTkPjPiPzPjPTPiPjLkPjTjPjPjPTLjPzLkPjLjPjPjPjTiPTPjPjPjPjPjPjPjPjPjPjLjPjPkPzPjPjPjPjPjPjPkPjPjPjPjPjPjPjPkPjPjPjLkPjPjPjPjPjPjPTPjPjPjPjPkPjPjPTLkPTLkPjPjPjOKSzdCAAAAd3RSTlMAAQIDBAYGCQoMDxATFhwgISIkJygqLi8xMjY3Oz5AQUNGTFBRUlJTVFxcXV5gYGNkZmZnaWpub3V1d3t/gIGIi4yPkJSVmZufoKCio6Omp6ipqquysrW3t7y+wcPI0dPZ2t3g4uXn6uzv8fLz9fb3+fr7/P39/poZugkAAAEvSURBVDjL7dRHUwIxGIDhIGIvKPaGHRv23gvYe0Xsir2uKO/f97BOWGDDcnb8Tnmzz+xMcogQ/5PaVEweHO/MNTiEEMLmng2cBRe7shNZ5Sn6hLxC1F38xtN4epzr15CzOfwZjWBujOuJwOVQcY6z7VD/fu51ZuW5l8NwkmFwpR8w79DXzS8QmbHpUXMP0wYYAJ8M1/p+k4wqjfd8WUXf3GQq7mIBRmUMwITq0krgSIYfapXX+8i1XK9BuRKGuJVrH9SrXNobVzIGYUoFq2FPRmGYO9Wpd6E3WtuwZTN1nfBg+IfrGfxm0qNBu3GjMWwqPRosxW51f5nIVg027MJStpg5E6lwCVLp4mQSFyOTOoO0cFJaOl2ujFk7XZKCE6LjFVi1p/C0FPSNlP3x1/MH8xFtlvbjbUcAAAAASUVORK5CYII=)}.video_control .item:hover .icon_share[data-v-0f4ec930]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABU1BMVEUAAAD/AAD/AACqAAC/QED/QEDMMzPbSSTfQCDjOTnmTTPbNzfuRDPhPC3jOSvjOTnmQDPnPTHmOjHoPjbqQDLiQDTjPTLkQDLoQDLlQDPiPzLmPjHmPDLkPTPkQDLlPzLiPTPiQDPmQDPjPzLjPjLjQTTjPTLkPjTkPTLlPjTjPTPjPzLiPzPlPzPjPTLlPTTlQDTjPzPjPjPkPTTkPzPlPjPlPzTkPzLiPjTjPTPkPjLkPTTiPzPjPjPjPjPkPjPkPTPkPjPiPjLlPzPkPjPjPzPkPzLiPTPjPjPjPzPjPjPjPjPjPjPkPjPkPzLkPjLkPjTjPjPjPjTjPjPkPTPkPjPjPjLkPjPjPjPjPjLjPjLjPjTiPjPkPzPkPjPjPjPjPjLkPjPjPjPjPjPjPjPjPjPiPjPjPjPjPjPjPjPkPjPjPjPkPjPjPjLjPjPkPjPjPjPL2eOvAAAAcHRSTlMAAQIDBAQFBwgJCg4PERISFBUfISQsLjg4PD0+SEtMTVBQUFFSU1xeYGJkZWpqbGxsbW9xcnR1enuBhIWGiIuMjZWYmqGmp6qur7W4ubq7vLy+wcLDxMbHycrLy83Q0dLV1tfj5ebw9Pr7+/z8/v7+AygKMAAAAS1JREFUOMvl1EdTQjEYheEPrFx7BexiL9i7YhdBrIi9YEcs8P7/lQsByb0Rdm48q3xnnkwyk5mI/PcUNPu2d1wi4g6FUzlcrbS69nuAfREJ85PHGhOzrwDw6hWRibcsuWaCy8BJb12JiIgUG4ZhGMZMArhSXRvEh017xxLwyY168B14Nc4XN0E3nOqcmOEi9OmcBfqhXilGv50FHkB59jySchZ4BGU6lwf2Z1weGMk4iXGeA3qis+nlZLQr1x1/zx/CnoBLmXehSgtfOFbmTWjQuQrYU4o5GNfBFthQikZ4KNTAAHSrTQQWrK4zwbNDrZzvJObtJueJwZB58xRwO1BblJ5t1a3BJPitx0x/ACQzAWCrVHPxpgtMeRrUP4/NuRQ8u07lMrTe4fj3v+wXnZ1yNitnvXAAAAAASUVORK5CYII=)}.video_control .item.active .icon_like[data-v-0f4ec930]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_praise_active.22c9584f.png)}.video_control .item.active .icon_collect[data-v-0f4ec930]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADtklEQVRYR+2XS2xMURjH/9+5LdVOq1KxIQgLiZ3GmKlXbJogiDTxCJUMTT0jhLCwkVqw8AjxLEraTFRIxA6xaOtV04mQSCwQwkKi0ZRS2k7nfnJn5rZ37sy5545r0UVnOed7/M7/e5wZwgj/0Ajnwyig1wqNKjiqoKkA76uYowteRSTKAS5iRheAzwL8AD2xNrr8ImZXK7Z//mIh9EpC0odAA7rOH4XAU/SOvUMXWn+pFFb24MDeYLkQOEPAQpZEI9AnIXCITrTfMExiBxYs0uL6KR081+piTUZEPUx8VBQVnKS61kEZqCMg763YGgefAyHfCMApQrJ5md8LUBOA10x8DIy8oaQS+1ScFo37quj0q+/ZIKWAg3sqasB8hQEylbODZQQ0jI17kGS/DgWye9KjvNIflVT3ZiDjJBt1/+7AbEH0khljVD3yv84JdCT/bPthd4C7gvcALM09ub1LlS1u7YK+/riYVnzpWaesbxPf846FMwYo9o6ZRCagbExMSzuQW3vTjg8WXOw47gjYt33eNma6lLt6LjxMfik33R9X/3yZI+Dv2uB5gHemGaUCD8VVCaPaGZJOIODDuMuRmY6Af2oDTczYlKx3eia2KyBrMTlAdvTh6f5SeDUy2RGwd0vgHDN2JYxSACou2fZQCZ2l4m991yKznAE3B3cw84WkUTLFMID7qbRpb1NOMkyEW77rHeucSxwKTo/r/J7Bmou292iSriERbfE1Rq47AhqHPzcFbjJz2k08kijdiajTV9o1lc6+71cC9lTPncUsomAUW3vRPjTSrG7XoUVATWCDL9zRbI8pbaqejfNWsI67zNAyXlbpm2oLr3pYUueCUF/S3LE924Udu757vT8ERgMh+aqoptI6TsqapgwEUbgkHgnRbcRzBjQcutf4QwAaAIhhQFUNZU9Guh8RhUtZDmfZdM737a7yh5jQwEBCSRmeCtuaRRDCpRSVKmfaul5sBqRuKMlJSC8fAsIT8tRwrhU0Yb6tTpVbBenwo0CQCE/Idy6rcs04qfNtpVFuboD155jLmhvKlY11p1zOJbZCG5A6c2Jw0i8j70JjWssKcoPLucRWmM7l/hAjG2Sm/gbcxMLc4TwBGs4GZEJJh57UBIVbiqKhtZI9pxo211MsC9S5NAnJWSCFoHBb8b/DeVbQhP5a6a/WwfVgFA5dRFDj4/HRmn9VztOQZFOza0lgSkyLLzf+qmoaPZn0MPpKVT43555L7CaJF5tRQC/q/bch8Qrh5D/iS/wX2YRHODWPWjYAAAAASUVORK5CYII=)}.video_control .item.active .icon_share[data-v-0f4ec930]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABU1BMVEUAAAD/AAD/AACqAAC/QED/QEDMMzPbSSTfQCDjOTnmTTPbNzfuRDPhPC3jOSvjOTnmQDPnPTHmOjHoPjbqQDLiQDTjPTLkQDLoQDLlQDPiPzLmPjHmPDLkPTPkQDLlPzLiPTPiQDPmQDPjPzLjPjLjQTTjPTLkPjTkPTLlPjTjPTPjPzLiPzPlPzPjPTLlPTTlQDTjPzPjPjPkPTTkPzPlPjPlPzTkPzLiPjTjPTPkPjLkPTTiPzPjPjPjPjPkPjPkPTPkPjPiPjLlPzPkPjPjPzPkPzLiPTPjPjPjPzPjPjPjPjPjPjPkPjPkPzLkPjLkPjTjPjPjPjTjPjPkPTPkPjPjPjLkPjPjPjPjPjLjPjLjPjTiPjPkPzPkPjPjPjPjPjLkPjPjPjPjPjPjPjPjPjPiPjPjPjPjPjPjPjPkPjPjPjPkPjPjPjLjPjPkPjPjPjPL2eOvAAAAcHRSTlMAAQIDBAQFBwgJCg4PERISFBUfISQsLjg4PD0+SEtMTVBQUFFSU1xeYGJkZWpqbGxsbW9xcnR1enuBhIWGiIuMjZWYmqGmp6qur7W4ubq7vLy+wcLDxMbHycrLy83Q0dLV1tfj5ebw9Pr7+/z8/v7+AygKMAAAAS1JREFUOMvl1EdTQjEYheEPrFx7BexiL9i7YhdBrIi9YEcs8P7/lQsByb0Rdm48q3xnnkwyk5mI/PcUNPu2d1wi4g6FUzlcrbS69nuAfREJ85PHGhOzrwDw6hWRibcsuWaCy8BJb12JiIgUG4ZhGMZMArhSXRvEh017xxLwyY168B14Nc4XN0E3nOqcmOEi9OmcBfqhXilGv50FHkB59jySchZ4BGU6lwf2Z1weGMk4iXGeA3qis+nlZLQr1x1/zx/CnoBLmXehSgtfOFbmTWjQuQrYU4o5GNfBFthQikZ4KNTAAHSrTQQWrK4zwbNDrZzvJObtJueJwZB58xRwO1BblJ5t1a3BJPitx0x/ACQzAWCrVHPxpgtMeRrUP4/NuRQ8u07lMrTe4fj3v+wXnZ1yNitnvXAAAAAASUVORK5CYII=)}.video_control .item.share[data-v-0f4ec930]{position:relative;height:24px}.video_control .item.share:hover .share_box_wrapper[data-v-0f4ec930]{display:block}.video_control .item.share .share_box_wrapper[data-v-0f4ec930]{position:absolute;left:50%;top:25px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;width:280px;height:132px;cursor:default;display:none}.video_control .item.share .share_box_wrapper .share_box[data-v-0f4ec930]{position:absolute;left:50%;top:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%;padding:16px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border:1px solid #f0f0f5;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video_control .item.share .share_box_wrapper .share_box[data-v-0f4ec930]:before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;background:#fff;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);border-color:transparent transparent #f0f0f5 #f0f0f5;border-style:solid;border-width:1px}.video_control .item i[data-v-0f4ec930]{display:inline-block;width:20px;height:20px;background-position:50%;background-repeat:no-repeat;background-size:contain;margin-right:2px}.video_control .item i.icon_like[data-v-0f4ec930]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_praise.7892d8f2.png)}.video_control .item i.icon_collect[data-v-0f4ec930]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABa1BMVEUAAAAAAAD///9/f/+qqqq/v79/f6p/qqqqqqqOjqqqqqqZmZmVlaqZmaqfn6+UlK6Xl6Kbm62Xn6+bm6qdnayVnKqdnaqZmayYnqqbm6yYnaiXl6yZmaicnKqZnqyXnK2YmKmbm6uZmamYnKuZnauamquZnKmamqqbm6uamqmbm6qYm6mbm6yamqqYm6uamqqanaqbm6qZnKuYm6qZnKuZm6qYmqiZm6yamqqZm6qbm6qYmqmZm6qZm6uZm6uYmqqamquamquZm6mZm6uamqqZmauZm6uamqmamquZmaqZm6uYmqqZm6uZmqqZm6uamquZmqmZmaqamquZmqmamqqZmamZmaqamqqZmaqZm6qZm6uZmqqZm6qZmqqZmqqZmqqZm6qZmqmZmqqZmaqam6uYmamZmqqZm6qZmqqZm6qam6uZmqqZmqqZmqqZmquYmaqZmqqZmqqZmqqYmaqZmqqZmqmZmqqam6uZmqoTBJ4GAAAAeHRSTlMAAQECAwQGBgYJCQoMDxATFhwgISIkJygqLi8xMjY3Oz5AQUNGTFBRUlNUXFxdXmBgY2RmZ2lqbm91dXd7f4CBiIuMj5CUlJWVmZufoKKjpqeoqaqrsrK1t7e8vsHDyNHT2drd4OLl5+rs7/Hy8/X29/n6+/z9/f4IefnCAAABLUlEQVQ4y+3UR1cCMRRA4aDYuyj2hhUbKvbeK2IviF2x1xHl/nwX44kDTBjWHt8qN/lWbxEh/ie5qZrYP9qebcoQQgibayZwGlzpzo1n1SfoE/II0XD+E49jaTHOqyFnY+jjN4L5Ua43AheDpXmO9gP9/czjyClwrYXhONPgyt9hLl0/tz5DZDpFj7o7mDLAACzKcPr3WmTUaLwVyir54jpLsYt5GJHRD+OqpZXBoYxlqFeu94EreV6HSiUMcSPPC9CocqmvXMoYgEkVrIVdGcVhbrMVcAf6fmsLNm2mrgvuDZtzPsGSmXRr0Gm8aA6bSrcGq9FXPZ8msk0Dv11YSlNnIhUuTipdjEzgomRCZ5AWTkpLp0vfqLXTJUk4ITpeAJ89ia+lyDtc8cd/z28gc29jiIL/6gAAAABJRU5ErkJggg==)}.video_control .item i.icon_share[data-v-0f4ec930]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABSlBMVEUAAAAAAAB/f3+qqqp/f39/f7+ZmZmSkrafn5+OjqqqqqqZmbOSkqSZmaqWlqWcnKqZmaaSnqqcnK2bm6qcnKqXl6ibm6ybm6ibm62ZmaqZnaqbm6uYnK2YnKqZmaqamquYnKyZmamZnKyXmqqYm6uamqyYm6mbm6uamqqanKyZnKuamqyYmquamquZmaqYmquamqqZnKyYmqqamquZm6qZm6uZmaqamqqZm6qZm6uYmqmanKuamquZm6mamqqamquZmqmamquamquamquZmqmZmqmYmqqZmqqamqqYmqmamqqZmquam6qamqqZm6qZm6uZmqqZm6qYmqqZmqqamqqZm6qamqqamqqZmqmZm6qZm6uZmqqZmqqam6uZmqqZmqqam6qZmqqZmqqam6qZmqqZmqqZmqmZmqqYmaqZmqqZmqqZmqqam6uZmqqP6kpPAAAAbXRSTlMAAQIDBAQFBwgJCQoODxESFBUfISQsLjg4PDw9PkhLTE1QUFFSU1xeYGJkZWpqbG1vcXJ0dXp7gYSFhoiLjI2VmJqhpqeqrq+1uLi5uru8vL7BwsPExsfJysvLzdDR0tXW1+Pl5vD0+vv7/P7+eVFBtQAAASZJREFUOMvl1EdTAkEQhuHGrKtiFrNgDpgzZhHMipgDZhSW9/9fvQA6syPcvPCdpruerumqqRqRQk9xZ2B3zyMi7QeRdE7X3U7X+wxwLCIRfvJar7GiNQA+/SIylfglNzS4ClwMNpaLiEiZZVmWZc3ZwK3qeuBrXJudsMHmQb34CfwGF0hosA0uTU50uAxDJueAQWgyOQc8gRqTc8AzqDa5PHA46/LAaNZJnOsc0BebzxynY325dvw7/wgHQh6lPgS3EX5wrtTb0GxytXCkNBZg0gS7YEtptMBLiQGGoF/tRGHJ6bw271Vqy5PEXizSnC8OY/rwDPA40lCaqV113eEUBJ3XzCYBUtkAsFNhWLzjBi1vo+bncbWuhK/u07nb3/RWFvwv+w2ek2/ILy4PuQAAAABJRU5ErkJggg==)}.video_control .btn-comment[data-v-0f4ec930]{margin-right:32px;padding:0 16px;width:400px;height:36px;background:hsla(0,0%,84.7%,.12);border-radius:18px;border:none;color:#6b6b6b;font-size:14px;-moz-text-align-last:left;text-align-last:left;outline:none}.comment-dialog-box{background-color:rgba(0,0,0,.2);z-index:10000!important}.comment-dialog-box .el-dialog__header{padding-bottom:0}.comment-dialog-box .el-dialog__title{font-size:14px}.comment-dialog-box .el-dialog__body{padding:16px}.comment-dialog-box button{outline:none}.comment-dialog-box button.el-button--danger{margin-top:7px;width:84px;height:28px;line-height:28px;padding:0;border-radius:0;font-weight:400}.comment-dialog-box textarea{padding:8px;resize:none;height:156px}.course_intro_wrapper .course_intro .content img,.course_intro_wrapper .for_people .content img,.course_intro_wrapper .will_reap .content img{max-width:100%}.course_intro_wrapper .course_intro[data-v-ce631504],.course_intro_wrapper .for_people[data-v-ce631504],.course_intro_wrapper .knowledge[data-v-ce631504],.course_intro_wrapper .will_reap[data-v-ce631504]{background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border-radius:8px;padding:24px 20px;position:relative}.course_intro_wrapper .course_intro.see_more[data-v-ce631504],.course_intro_wrapper .for_people.see_more[data-v-ce631504],.course_intro_wrapper .knowledge.see_more[data-v-ce631504],.course_intro_wrapper .will_reap.see_more[data-v-ce631504]{height:424px}.course_intro_wrapper .course_intro.see_more .content[data-v-ce631504],.course_intro_wrapper .for_people.see_more .content[data-v-ce631504],.course_intro_wrapper .knowledge.see_more .content[data-v-ce631504],.course_intro_wrapper .will_reap.see_more .content[data-v-ce631504]{height:330px;overflow:hidden}.course_intro_wrapper .course_intro.see_more .icon_see_more[data-v-ce631504],.course_intro_wrapper .for_people.see_more .icon_see_more[data-v-ce631504],.course_intro_wrapper .knowledge.see_more .icon_see_more[data-v-ce631504],.course_intro_wrapper .will_reap.see_more .icon_see_more[data-v-ce631504]{position:absolute;bottom:7px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-block;width:20px;height:22px;background:url(https://csdnimg.cn/release/edussr/public/img/icon_see_more.d5ff665c.png) no-repeat 50%;background-size:contain;cursor:pointer}.course_intro_wrapper .course_intro .title[data-v-ce631504],.course_intro_wrapper .for_people .title[data-v-ce631504],.course_intro_wrapper .knowledge .title[data-v-ce631504],.course_intro_wrapper .will_reap .title[data-v-ce631504]{height:24px;line-height:24px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226}.course_intro_wrapper .course_intro .title span[data-v-ce631504],.course_intro_wrapper .for_people .title span[data-v-ce631504],.course_intro_wrapper .knowledge .title span[data-v-ce631504],.course_intro_wrapper .will_reap .title span[data-v-ce631504]{display:inline-block;width:4px;height:16px;background:#e33e33;vertical-align:-2px;margin-right:8px}.course_intro_wrapper .course_intro .content[data-v-ce631504],.course_intro_wrapper .for_people .content[data-v-ce631504],.course_intro_wrapper .knowledge .content[data-v-ce631504],.course_intro_wrapper .will_reap .content[data-v-ce631504]{margin-top:15px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#222226;line-height:22px;padding-left:8px}.course_intro_wrapper .course_intro .content img[data-v-ce631504],.course_intro_wrapper .for_people .content img[data-v-ce631504],.course_intro_wrapper .knowledge .content img[data-v-ce631504],.course_intro_wrapper .will_reap .content img[data-v-ce631504]{max-width:100%}.course_intro_wrapper .course_intro[data-v-ce631504],.course_intro_wrapper .for_people[data-v-ce631504],.course_intro_wrapper .knowledge[data-v-ce631504]{margin-top:8px}.course_intro_wrapper .knowledge .knowledge_list[data-v-ce631504]{font-size:0;margin-top:4px}.course_intro_wrapper .knowledge .knowledge_list span[data-v-ce631504]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:12px;border:1px solid #f0f0f5;height:24px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa;padding:0 12px;margin-top:12px;margin-left:12px}.note_content img{max-width:100%}.note_content .hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#ccc;border-right:1px solid #ccc;vertical-align:top;padding-right:5px}.note_content .hljs-ln-code{padding-left:10px}.classmate_note_wrapper[data-v-6a240a00]{margin-top:8px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border-radius:8px;position:relative}.classmate_note_wrapper .title[data-v-6a240a00]{line-height:24px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226;padding:24px 20px 0}.classmate_note_wrapper .title span[data-v-6a240a00]{display:inline-block;width:4px;height:16px;background:#e33e33;vertical-align:-2px;margin-right:8px}.classmate_note_wrapper ul li[data-v-6a240a00]{padding:24px 32px 20px;border-bottom:1px solid #f5f6f7}.classmate_note_wrapper ul li+li[data-v-6a240a00]{padding-top:20px}.classmate_note_wrapper ul li .avatar[data-v-6a240a00]{width:40px;height:40px;position:relative}.classmate_note_wrapper ul li .avatar img[data-v-6a240a00]{height:100%;width:100%;border-radius:50%}.classmate_note_wrapper ul li .note[data-v-6a240a00]{width:calc(100% - 56px);margin-left:16px}.classmate_note_wrapper ul li .note .note_info[data-v-6a240a00]{height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.classmate_note_wrapper ul li .note .note_info span[data-v-6a240a00]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC}.classmate_note_wrapper ul li .note .note_info span+span[data-v-6a240a00]{margin-left:16px}.classmate_note_wrapper ul li .note .note_info span.author[data-v-6a240a00]{color:#555666}.classmate_note_wrapper ul li .note .note_info span.time[data-v-6a240a00]{color:#999aaa}.classmate_note_wrapper ul li .note .note_content[data-v-6a240a00],.classmate_note_wrapper ul li .note .source[data-v-6a240a00]{line-height:22px;font-size:14px}.classmate_note_wrapper ul li .note .source[data-v-6a240a00]{height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.classmate_note_wrapper ul li .note .source a[data-v-6a240a00]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#888aaa}.classmate_note_wrapper ul li .note .source a[data-v-6a240a00]:hover{color:#277ccc}.classmate_note_wrapper ul li .note .note_content[data-v-6a240a00]{font-family:PingFangSC-Regular,PingFang SC;color:#222226;margin-top:16px}.classmate_note_wrapper ul li .note .like[data-v-6a240a00]{margin-top:16px}.classmate_note_wrapper ul li .note .like .icon_like[data-v-6a240a00]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#222226;margin-right:32px}.classmate_note_wrapper ul li .note .like .icon_like.active[data-v-6a240a00]{color:#ca0c16}.classmate_note_wrapper ul li .note .like .icon_like.active[data-v-6a240a00]:before{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_like_active.de4f2dd7.png)}.classmate_note_wrapper ul li .note .like .icon_like[data-v-6a240a00]:before{content:"";display:inline-block;width:16px;height:16px;background-position:50%;background-repeat:no-repeat;background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_like.00effd32.png);background-size:contain;vertical-align:-3px;margin-right:6px}.classmate_note_wrapper ul li .note .like .see_detail[data-v-6a240a00]{height:22px;line-height:22px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#555666}.classmate_note_wrapper .see_more_note[data-v-6a240a00]{height:54px;line-height:54px;text-align:center}.classmate_note_wrapper .see_more_note span[data-v-6a240a00]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#277ccc}.classmate_note_wrapper .see_more_note span.has_more[data-v-6a240a00]{cursor:pointer}.classmate_note_wrapper .see_more_note span.loading[data-v-6a240a00],.classmate_note_wrapper .see_more_note span.no_more[data-v-6a240a00]{color:#ccccd8}.classmate_note_wrapper .see_more_note span .icon_see_more_note[data-v-6a240a00]{display:inline-block;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAhFBMVEUAAAAgf88eeNIcf9Qbedckec4jdMUhesggf8ofeswce8Yce9Ajfs0ifcwhfc0je8wifs0hfM4jesoifc4hfM0ifcsifcwhfMwifMwjfMwifMwifMwifMwifcwhfMwifc0ifcwifM0ie8wifMwifMwhe8shfMwhfMwifMwifM0ie8wifMwZnTW+AAAAK3RSTlMAEBESExUWFxgZGxtXWlxfYWNmaGusur/Mzs/R09TW19na2+/7/Pz9/f3+ncgJ3QAAAJ9JREFUGBntwdsSgVAAhtHfuYiIHBKFir2/938/xsgkhxmuraW/L3gLX0/8hafSATtTzcxyUGkOdqoHUwtzlRpLMIEqAgPLhu6aKzAT3U0MrJqqaEVwGutmfIKopQftNRx9XflHWLdV04mhGOliVEDc0ZPuBvKhNMxh09ULvS1knpfBtqeXnASyDBJHb7gpF6mrt/p72PX1wSAMB/r7xRlEEQ9US4FGNwAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain;vertical-align:-3px;margin-left:8px}.classmate_note_wrapper .no_note[data-v-6a240a00]{height:54px;line-height:54px;text-align:center}.classmate_note_wrapper .no_note span[data-v-6a240a00]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#ccccd8}.comment-list-wrapper{margin-top:8px;padding:24px 0 8px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border-radius:8px}.comment-list-wrapper .title{padding:0 20px;margin-bottom:8px;height:24px;line-height:24px;font-size:16px;font-weight:500;color:#222226}.comment-list-wrapper .title span{display:inline-block;width:4px;height:16px;background:#e33e33;vertical-align:-2px;margin-right:8px}.comment-list-wrapper p.show-reply{padding-left:54px;margin-top:16px}.comment-list-wrapper p.count-reply{margin-bottom:12px;margin-top:16px;height:22px;font-size:14px;font-weight:400;color:#277ccc;line-height:22px}.comment-list-wrapper .user-info-box{margin-bottom:7px}.comment-list-wrapper .user-info-box img{display:block;margin-right:16px;width:40px;height:40px;border-radius:50%}.comment-list-wrapper .user-info-box .user-info,.comment-list-wrapper .user-info-box p{width:100%}.comment-list-wrapper .user-info-box p.name{font-weight:500}.comment-list-wrapper .user-info-box span.name{margin-right:16px;color:#20232c;font-weight:500}.comment-list-wrapper .user-info-box span.lesson-name{color:#999aaa}.comment-list-wrapper .user-info-box span.date{color:#999;font-weight:300}.comment-list-wrapper .comment-list-box>.load-more-box{padding-top:16px;padding-bottom:8px}.comment-list-wrapper .comment-item-box{padding:16px 0;margin:0 32px;border-bottom:1px solid #f5f6f7}.comment-list-wrapper .comment-item-box:last-child{border-bottom:none}.comment-list-wrapper .comment-info-box>.content-box{margin-top:16px;margin-left:56px}.comment-list-wrapper .replay-list-box{margin-top:16px;margin-left:56px;padding:16px;border-radius:4px;background-color:#f6f7f8}.comment-list-wrapper .replay-list-box.hide{display:none}.comment-list-wrapper .replay-list-box .count-reply{display:block}.comment-list-wrapper .replay-list-box .show-reply{display:none}.comment-list-wrapper .replay-list-box .reply-list{display:block}.comment-list-wrapper .replay-list-box .reply-list .load-more-box{display:none}.comment-list-wrapper .replay-list-box .reply-list.hide .load-more-box{display:block}.comment-list-wrapper .replay-list-box .reply-list.hide .reply-item-box{display:none!important}.comment-list-wrapper .replay-list-box .reply-list.hide .reply-item-box.ab-show{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.comment-list-wrapper .replay-list-box.no-content .reply-editor-box{padding-top:0;margin-top:0}.comment-list-wrapper .replay-list-box.hide .show-reply{display:block}.comment-list-wrapper .replay-list-box.hide .count-reply,.comment-list-wrapper .replay-list-box.hide .reply-list{display:none}.comment-list-wrapper .replay-list-box .reply-item-box{position:relative;margin-bottom:16px}.comment-list-wrapper .replay-list-box .reply-item-box .content-box{margin:16px 0;padding-left:56px}.comment-list-wrapper .replay-list-box .user-info-box{margin-bottom:0}.comment-list-wrapper .replay-list-box .user-info-box img{display:block;width:40px;height:40px;margin-right:16px}.comment-list-wrapper .replay-list-box .user-info-box .comment-info{font-size:12px}.comment-list-wrapper .replay-list-box .user-info-box .comment-info .text{color:#999aaa}.comment-list-wrapper .replay-list-box .user-info-box p.name{color:#20232c;font-weight:500}.comment-list-wrapper .replay-list-box .user-info-box i.icon-lecturer{margin-left:4px;display:inline-block;width:36px;height:20px;line-height:20px;font-size:12px;text-align:center;background:hsla(0,100%,70%,.1);border-radius:2px;color:#f66}.comment-list-wrapper .replay-list-box .user-info-box span.to-reply-user{margin-left:4px;color:#f66;font-size:12px}.comment-list-wrapper .no_comment{padding:16px 10px}.comment-list-wrapper .btn-load-more{padding:0;height:24px;line-height:24px;font-size:12px;font-weight:400;color:#555666;border:none;background-color:transparent;outline:none}.comment-list-wrapper .btn-load-more.no-reply img{width:24px;height:24px}.comment-list-wrapper .btn-load-more img{width:16px;height:16px}.comment-list-wrapper .comment-editor-box{position:relative;padding:16px 32px 0}.comment-list-wrapper .comment-editor-box textarea{height:80px}.comment-list-wrapper .comment-editor-box textarea::-webkit-input-placeholder{font-size:12px}.comment-list-wrapper .comment-editor-box textarea::-moz-placeholder{font-size:12px}.comment-list-wrapper .comment-editor-box textarea:-ms-input-placeholder{font-size:12px}.comment-list-wrapper .comment-editor-box textarea::-ms-input-placeholder{font-size:12px}.comment-list-wrapper .comment-editor-box textarea::placeholder{font-size:12px}.comment-list-wrapper .reply-editor-box{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.comment-list-wrapper .reply-editor-box .avatar{margin-right:16px;width:40px}.comment-list-wrapper .reply-editor-box .avatar img{display:block;width:100%;height:auto;border-radius:50%}.comment-list-wrapper .reply-editor-box .el-form-item:last-child{margin-bottom:0}.comment-list-wrapper .reply-editor-box .el-form-item:last-child .el-form-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;line-height:32px}.comment-list-wrapper .reply-editor-box .el-form-item:last-child button{margin-left:auto}.comment-list-wrapper .reply-editor-box textarea{display:block;width:100%;height:64px}.recommend[data-v-67d12316]{background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border-radius:8px;padding:24px 20px;position:relative}.recommend .course_type[data-v-67d12316]{position:absolute;left:0;top:0;z-index:10;width:48px;height:48px;text-align:center;background:linear-gradient(-45deg,transparent 50%,#fa0 0) 100%;background-size:contain;background-repeat:no-repeat;border-top-left-radius:8px}.recommend .course_type .text[data-v-67d12316]{width:34px;height:34px;position:absolute;-webkit-transform:rotate(-45deg) translateY(5px);transform:rotate(-45deg) translateY(5px);font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff}.recommend dl dt[data-v-67d12316]{height:24px;line-height:24px;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend dl dd[data-v-67d12316]{margin-top:16px;height:60px}.recommend dl dd+dd[data-v-67d12316]{margin-top:20px}.recommend dl dd:last-child .cover_pic[data-v-67d12316]:after{display:none}.recommend dl dd:hover .package_title[data-v-67d12316]{color:#222226!important}.recommend dl dd a[data-v-67d12316]{display:inline-block;width:100%;height:100%}.recommend dl dd .cover_pic[data-v-67d12316]{width:90px;height:60px;position:relative}.recommend dl dd .cover_pic img[data-v-67d12316]{width:100%;height:100%;border-radius:4px}.recommend dl dd .package_item[data-v-67d12316]{width:174px;height:100%}.recommend dl dd .package_item[data-v-67d12316]:hover{overflow:hidden}.recommend dl dd .package_item:hover .package_title[data-v-67d12316]{height:auto;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.recommend dl dd .package_item p[data-v-67d12316]{margin-top:4px}.recommend dl dd .package_item p.package_title[data-v-67d12316]{height:24px;line-height:24px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#555666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend dl dd .package_item p.package_info[data-v-67d12316]{height:24px;line-height:24px}.recommend dl dd .package_item p.package_info span[data-v-67d12316]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa;vertical-align:middle}.recommend dl dd .package_item p.package_info span[data-v-67d12316]:last-child:after{display:none}.recommend dl dd .package_item p.package_info span[data-v-67d12316]:after{content:"";display:inline-block;width:4px;height:4px;background:#d8d8d8;border-radius:2px;vertical-align:2px;margin:0 8px}.recommend dl dd[data-v-67d12316]{margin:0}.recommend dl dd+dd[data-v-67d12316]{margin-top:16px}.coupon-content-box[data-v-31e621e2]{position:relative;background:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:8px;padding:20px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.coupon-content-box .course_type[data-v-31e621e2]{position:absolute;left:0;top:0;z-index:10;width:48px;height:48px;text-align:center;background:linear-gradient(-45deg,transparent 50%,#fa0 0) 100%;background-size:contain;background-repeat:no-repeat;border-top-left-radius:8px}.coupon-content-box .course_type .text[data-v-31e621e2]{width:37px;height:37px;position:absolute;-webkit-transform:rotate(-45deg) translateY(7px);transform:rotate(-45deg) translateY(7px);font-size:12px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff}.coupon-content-box.bg-orange-color .price-box[data-v-31e621e2]{background:linear-gradient(135deg,#ffc34d,#f26549)}.coupon-content-box.received .info-box .range[data-v-31e621e2]{margin-top:22px}.coupon-content-box.received .info-box .range .day[data-v-31e621e2],.coupon-content-box.received .info-box .range .reciprocal[data-v-31e621e2]{font-size:12px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#e33e33;line-height:18px;margin:0 4px}.coupon-content-box.received .info-box .range .reciprocal[data-v-31e621e2]{display:inline-block;width:68px}.coupon-content-box .price-box[data-v-31e621e2]{position:relative;width:80px;height:80px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;line-height:25px;text-shadow:0 0 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#fcc,#f26161);-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.1);box-shadow:0 0 4px 0 rgba(0,0,0,.1);text-align:center}.coupon-content-box .price-box .right_now[data-v-31e621e2]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.coupon-content-box .price-box .price-line[data-v-31e621e2]{text-align:center;white-space:nowrap;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px}.coupon-content-box .price-box .price-line .price[data-v-31e621e2]{font-size:30px;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#fff;line-height:35px}.coupon-content-box .price-box .price-line .unit[data-v-31e621e2]{text-shadow:0 0 4px rgba(0,0,0,.1);margin-left:1px}.coupon-content-box .price-box .desc[data-v-31e621e2],.coupon-content-box .price-box .price-line .unit[data-v-31e621e2]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;line-height:17px}.coupon-content-box .price-box[data-v-31e621e2]:before{content:"";position:absolute;left:-6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:12px;height:12px;background-color:#f0f0f5;border-radius:6px}.coupon-content-box .info-box[data-v-31e621e2]{width:100%;position:relative;background:#fff;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.1);box-shadow:0 0 4px 0 rgba(0,0,0,.1);padding:8px 0 8px 12px}.coupon-content-box .info-box p[data-v-31e621e2]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#989dad;line-height:18px}.coupon-content-box .info-box p+p[data-v-31e621e2]{margin-top:2px}.coupon-content-box .info-box p.info[data-v-31e621e2]{font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#2a2d33;line-height:24px}.coupon-content-box .info-box .status[data-v-31e621e2]{position:absolute;right:0;top:0;width:50px;height:50px;background-repeat:no-repeat;background-position:50%;background-size:contain}.coupon-content-box .info-box .status.to_be_collected[data-v-31e621e2]{background-image:url(https://csdnimg.cn/release/edussr/public/img/to_be_collected.df315d66.png)}.coupon-content-box .info-box .status.to_be_used[data-v-31e621e2]{background-image:url(https://csdnimg.cn/release/edussr/public/img/to_be_used.4fc68db5.png)}.coupon-content-box .coupon-dialog-box{cursor:default}.coupon-content-box .coupon-dialog-box .el-dialog__header{padding-left:35px;padding-right:35px;margin-bottom:16px;border-bottom:1px solid #f5f6f7}.coupon-content-box .coupon-dialog-box .el-dialog__title{font-size:16px;color:#3a4151;font-weight:600}.coupon-content-box .coupon-dialog-box .el-dialog__body{padding:0 32px 35px}.coupon-content-box .coupon-dialog-box .notice{margin-bottom:10px;color:#e33e33}.coupon-content-box .coupon-dialog-box .coupon-content-box{margin-top:12px}.feedback[data-v-10e4737e]{height:48px;background:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.feedback[data-v-10e4737e],.feedback a[data-v-10e4737e]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.feedback a[data-v-10e4737e]{height:20px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#277ccc;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.feedback a .icon_arrow_blue[data-v-10e4737e]{display:inline-block;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAArVJREFUWAntVs9rE0EUfi+bNLVpKYIIevGYxK2aNtGDiGkaG6QUb/4pgpS0DCSX/i9VqJYgUmxPHiTZaNuYoCL+QCPWH1SttDi749vEkQhJdjYb8JK9vJ03b9/3zffezCzA4PnPCqAq/hlWjHALUsPDvpXywtSu6ndOcUoEdFYZNc2DuhBiFBHfg6alaiz2zCm5yrxPJUgLcSFAWHYskTgJnG/aiqh86xSjRGDrxrl91OA6IBw0SACc+GXCxkS2FHUCcJpXKoFMEmXGFYtbd2h8pOFD/KiBNvM0F6vIGLdWSQGZtMqm1v1+nEeEnw2fEMdNYW5E2ZMJGePWulJAJo+w8jRwa436ItTwIXwKaJjeYfEtGaNqXSkgk9bY5Cb6cY52xI+GT8AxzsUDnZVjMkbV9qSATK6z4iWTQ0EAjNk+Ks0XatbZKksYMsbJeiJgJ6dyXARu3vtLAvAr7ZbZWi5ecgK353sqQWtiKsdDKkeGQL/ZfuqLo0RmXV8sn2+N6/TuWQGZWGePL3DO79N4/I9vj3ZMosLiL2RMO+tZAZm0wmKPfAgLckx23DJFpmXc9rVvBOiQuiwAlyUKSftZaFpBjjvZvhCILBpJwUXBvqwaQHQukPwz1B+vOgFLv+ceCC8VUyhgjW6rkWZS3EUU6VousS1BullPBE4vGWnTsu4SQM93Q88liLBiphWcDqEPAQHTbi+mngjorHRVmLAqV04y1gMapHby8Wo3udvNuS5BNFues8C6TUdO0E7o9Q/JFYFItjRPJ94t6vah5mrwnQ98qWp+8nm71an4lEsQzhrX/gWHt4GgSHoBtwkqKRBero3h9/26vP+p4d4EtKHUNjv7UmWV3WKUFAj6Di0C503G+Jr+ipP9AG/m60avZS6aN07BISRHQtZq6WZir2Vq8DpQwJMCvwGsdOdmJw0XSAAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain;margin-left:4px}.scan_code_join_group[data-v-53536925]{height:100px;padding:8px 20px;background:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex}.scan_code_join_group img[data-v-53536925]{width:84px;height:84px;border-radius:4px;-ms-flex-negative:0;flex-shrink:0}.scan_code_join_group .scan_code_text[data-v-53536925]{margin-left:16px;width:calc(100% - 100px)}.scan_code_join_group .scan_code_text span[data-v-53536925]{display:block;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan_code_join_group .scan_code_text p[data-v-53536925]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#555666;line-height:17px;margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.page-container{display:block;margin:0 auto;width:1200px}.play-body-box .edu_nav,.play-body-box header.header{display:none!important}.play-body-box #csdn-toolbar{background:#404041!important}.play-body-box #csdn-toolbar .sub-menu{background:rgba(64,64,65,.9)!important;color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li:hover,.play-body-box #csdn-toolbar .sub-menu>a:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container li a,.play-body-box #csdn-toolbar .container li a span{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li.app-control>div{background:#404041!important;color:#999!important}.play-body-box #csdn-toolbar .container li.write-bolg-btn a svg{color:#e33e33!important}.play-body-box #csdn-toolbar .container li#msgBox a svg{color:#5893c2!important}.play-body-box #csdn-toolbar .container li.userLogin .bord>div:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList,.play-body-box #csdn-toolbar .container .userControl{background:#404041!important}.play-body-box #csdn-toolbar .container .msgList dd:hover,.play-body-box #csdn-toolbar .container .userControl dd:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList a,.play-body-box #csdn-toolbar .container .userControl a{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container .msgList .bord,.play-body-box #csdn-toolbar .container .userControl .bord{border-bottom:1px solid #373739!important}.play-body-box #csdn-toolbar .container div.search_bar{background:#404041!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search{background:#2f2f2f!important;border-radius:5px 0 0 5px;color:#fff!important;background-color:#555557!important;color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search::-webkit-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search::-moz-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search:-ms-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search{background:#555557!important;border-radius:0 5px 5px 0}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search:hover{background:#555557!important}body{min-width:1200px}.banner_nav_play[data-v-1c112fe3]{padding:0;height:64px;line-height:64px}.banner_nav_play a[data-v-1c112fe3],.banner_nav_play span[data-v-1c112fe3]{display:inline-block;height:64px;line-height:64px;vertical-align:middle;font-size:14px;color:#999aaa}.banner_nav_play a:last-of-type~i[data-v-1c112fe3]{display:none}.banner_nav_play.active[data-v-1c112fe3],.banner_nav_play a[data-v-1c112fe3]:hover{color:#ccccd8}.banner_nav_play i.icon-arror-right[data-v-1c112fe3]{display:inline-block;width:7px;height:7px;border-top:1px solid #ccccd8;border-right:1px solid #ccccd8;margin:0 8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle}.banner_nav_play i.myEdu_icon[data-v-1c112fe3]{display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:-3px;background:url(https://csdnimg.cn/release/edussr/public/img/myEdu_icon.16a6e506.png) no-repeat 50%;background-size:contain}.bg-dark-box[data-v-1c112fe3]{background-color:#222226}.player_wrapper[data-v-1c112fe3]{padding-bottom:32px}.player_wrapper .play[data-v-1c112fe3]{position:relative;height:100%;padding:0}.player_wrapper .play.hide-right .left[data-v-1c112fe3]{padding-right:0}.player_wrapper .play.hide-right .right[data-v-1c112fe3]{display:none!important}.player_wrapper .play.hide-right button.btn-player-side.type-show[data-v-1c112fe3]{display:block}.player_wrapper .play.hide-right button.btn-player-side.type-hide[data-v-1c112fe3]{display:none}.player_wrapper .play button.btn-player-side[data-v-1c112fe3]{position:absolute;background-color:transparent;border:none;background-repeat:no-repeat;width:15px;height:35px;background-size:contain;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:999}.player_wrapper .play button.btn-player-side.type-show[data-v-1c112fe3]{display:none;right:0;background-position:100%;background-image:url(https://csdnimg.cn/release/edussr/public/img/icon-open-side.60404f4f.png)}.player_wrapper .play button.btn-player-side.type-hide[data-v-1c112fe3]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon-close-side.0d3bb586.png)}.player_wrapper .play .left[data-v-1c112fe3],.player_wrapper .play .right[data-v-1c112fe3]{height:100%;color:#fff}.player_wrapper .play .left[data-v-1c112fe3]{padding-right:312px;width:100%}.player_wrapper .play .left .video_player[data-v-1c112fe3]{background:#3e3e3e}.player_wrapper .play .right[data-v-1c112fe3]{position:absolute;right:0;top:0;bottom:0;height:unset;width:312px;border-radius:0 4px 4px 0}.course_detail_nav_wrapper[data-v-1c112fe3]{background:#fff;border-bottom:1px solid #f0f0f5;position:relative}.course_detail_nav_wrapper[data-v-1c112fe3]:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:8px;background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f5),to(#f8fafc));background:linear-gradient(180deg,#f0f0f5,#f8fafc)}.course_detail_nav_wrapper.nav-bar-fixed[data-v-1c112fe3]{background-color:#fff;position:fixed;top:0;left:0;width:100%;z-index:999;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.course_detail_nav_wrapper.nav-bar-fixed[data-v-1c112fe3]:after{background:none}.course_detail_nav_wrapper .course_detail_nav ul[data-v-1c112fe3]{height:64px}.course_detail_nav_wrapper .course_detail_nav ul li[data-v-1c112fe3]{height:100%;line-height:64px}.course_detail_nav_wrapper .course_detail_nav ul li+li[data-v-1c112fe3]{margin-left:64px}.course_detail_nav_wrapper .course_detail_nav ul li.active a[data-v-1c112fe3],.course_detail_nav_wrapper .course_detail_nav ul li:hover a[data-v-1c112fe3]{color:#e33e33}.course_detail_nav_wrapper .course_detail_nav ul li.active a[data-v-1c112fe3]:after{display:block}.course_detail_nav_wrapper .course_detail_nav ul li a[data-v-1c112fe3]{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222226;position:relative}.course_detail_nav_wrapper .course_detail_nav ul li a[data-v-1c112fe3]:after{content:"";position:absolute;left:50%;bottom:-8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:2px;background:#e33e33;border-radius:1px;display:none}.course_desc_wrapper[data-v-1c112fe3]{background:#fff}.course_desc_wrapper[data-v-1c112fe3]:after{content:"";display:block;height:8px;background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f5),to(#f8fafc));background:linear-gradient(180deg,#f0f0f5,#f8fafc)}.course_desc_wrapper .course_desc[data-v-1c112fe3]{height:56px;line-height:56px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa}.course_desc_wrapper .course_desc .icon_course_intro[data-v-1c112fe3]{display:inline-block;width:20px;height:20px;background:url(https://csdnimg.cn/release/edussr/public/img/icon_course_intro.a675868b.png) no-repeat 50%;background-size:contain;vertical-align:-4px;margin-right:8px}.content_wrapper[data-v-1c112fe3]{padding-top:8px;padding-bottom:85px;background:#f8fafc}.content_wrapper.new_content_wrapper[data-v-1c112fe3]{padding-top:74px}.content_wrapper .left[data-v-1c112fe3]{width:calc(100% - 320px)}.content_wrapper .right[data-v-1c112fe3]{width:312px}.content_wrapper .right>div+div[data-v-1c112fe3]{margin-top:8px}.text_ellipsis[data-v-94bf4a80]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}.common_width[data-v-94bf4a80]{width:1200px;margin-right:auto;margin-left:auto}.comment-header[data-v-94bf4a80]{position:relative;overflow:hidden}.comment-header .blur-bg[data-v-94bf4a80]{position:absolute;width:100%;height:100%;z-index:-1;top:0;left:0;background-repeat:no-repeat;background-position:50%;background-size:cover;-webkit-filter:blur(20px);-moz-filter:blur(20px);-o-filter:blur(20px);-ms-filter:blur(20px);filter:blur(20px)}.comment-header .comment-cotent-wrap[data-v-94bf4a80]{background:rgba(0,0,0,.5);position:relative;z-index:1}.comment-header .comment-cotent[data-v-94bf4a80]{padding:55px 0 62px}.comment-header .comment-cotent h1[data-v-94bf4a80]{font-size:32px;color:#fff}.comment-header .comment-cotent .content-info[data-v-94bf4a80]{margin-top:16px;line-height:40px}.comment-header .comment-cotent .content-info .name[data-v-94bf4a80]{display:inline-block;vertical-align:middle;color:#ccccd8}.comment-header .comment-cotent .content-info .name em[data-v-94bf4a80]{color:#fff;font-size:16px}.comment-header .comment-cotent .content-info .score[data-v-94bf4a80]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:32px;color:#ccccd8}.comment-header .comment-cotent .content-info .score[data-v-94bf4a80] .el-rate{height:auto}.comment-header .comment-cotent .content-info .score[data-v-94bf4a80] .el-rate .el-rate__item .el-rate__icon{margin-right:3px}.comment-header .comment-cotent .content-info .score[data-v-94bf4a80] .el-rate .el-rate__item:last-child{margin-right:0}.comment-header .comment-cotent .content-info .score[data-v-94bf4a80] .el-rate .el-rate__item .el-icon-star-on:before{font-size:25px}.comment-header .comment-cotent .content-info .score .star-c .cstar[data-v-94bf4a80]{width:20px;height:20px;margin-right:5px}.comment-header .comment-cotent .content-info .score .score-c[data-v-94bf4a80]{color:#fa0;font-size:20px;margin-left:12px}.comment-header .comment-cotent .content-info .rank-list[data-v-94bf4a80]{display:inline-block}.comment-header .comment-cotent .content-info .rank-list .rank-item[data-v-94bf4a80]{display:inline-block;vertical-align:middle;margin-left:32px}.comment-header .comment-cotent .content-info .rank-list .rank-item .progress-wrap[data-v-94bf4a80]{width:99px;height:6px;border-radius:4px;background:hsla(0,0%,100%,.2);position:relative;margin-top:6px}.comment-header .comment-cotent .content-info .rank-list .rank-item .progress-wrap .progress-inner[data-v-94bf4a80]{border-radius:4px;position:absolute;left:0;top:0;height:100%;background:#999aaa}.comment-header .comment-cotent .content-info .rank-list .rank-item .progress-text[data-v-94bf4a80]{margin-top:8px;line-height:18px}.comment-header .comment-cotent .content-info .rank-list .rank-item .progress-text .p[data-v-94bf4a80]{float:left;font-size:12px;color:#999aaa}.comment-header .comment-cotent .content-info .rank-list .rank-item .progress-text .s[data-v-94bf4a80]{float:right;font-size:0}.comment-header .comment-cotent .content-info .rank-list .rank-item .progress-text .s .cstar[data-v-94bf4a80]{width:12px;height:12px;margin-left:2px;vertical-align:middle}.comment-header .comment-cotent .content-info .rank-list .rank-item .progress-text .s .el-rate__icon[data-v-94bf4a80]{font-size:15px;margin:0;color:#eff2f7}.select-star[data-v-94bf4a80]{margin-top:24px;line-height:30px;padding:24px 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.select-star .left .t[data-v-94bf4a80]{color:#555666;display:inline-block;vertical-align:middle}.select-star .left .start-c[data-v-94bf4a80]{margin-left:12px;display:inline-block;vertical-align:middle}.select-star .left .start-c[data-v-94bf4a80] .el-rate{height:auto}.select-star .left .start-c[data-v-94bf4a80] .el-rate .el-rate__item .el-rate__icon{margin-right:3px}.select-star .left .start-c[data-v-94bf4a80] .el-rate .el-rate__item:last-child{margin-right:0}.select-star .left .start-c[data-v-94bf4a80] .el-rate .el-rate__item .el-icon-star-off:before,.select-star .left .start-c[data-v-94bf4a80] .el-rate .el-rate__item .el-icon-star-on:before{font-size:30px;content:"\e797"}.select-star .left .start-c[data-v-94bf4a80] .el-rate .el-rate__text{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#e33e33!important;line-height:30px;margin-left:24px}.select-star .left .start-c .cstar[data-v-94bf4a80]{width:30px;height:30px;margin-right:8px;vertical-align:middle}.select-star .left .tips[data-v-94bf4a80]{display:inline-block;vertical-align:middle;margin-left:16px;color:#e33e33}.select-star .right .important[data-v-94bf4a80]{display:inline-block;vertical-align:middle;width:16px;height:16px;background-image:url(https://csdnimg.cn/release/edussr/public/img/important.a7a51a17.png);background-size:100% 100%}.select-star .right span[data-v-94bf4a80]{color:#999aaa;display:inline-block;vertical-align:middle}.comment-content[data-v-94bf4a80]{padding:42px 32px 32px;margin-top:8px;margin-bottom:32px}.comment-content .tag-title[data-v-94bf4a80]{font-size:16px;color:#222226;font-weight:500;line-height:24px;margin-bottom:20px}.comment-content .tag-list[data-v-94bf4a80]{margin-bottom:32px}.comment-content .tag-list .tag-item[data-v-94bf4a80]{float:left;position:relative;line-height:28px;border-radius:28px;padding:0 12px;background:rgba(153,154,170,.1);color:#999aaa;font-size:12px;margin-right:20px}.comment-content .tag-list .tag-item[data-v-94bf4a80]:after{content:"";display:none;position:absolute;width:16px;height:16px;top:-4px;right:-4px;background-size:100% 100%;background-position:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADFElEQVRYR8WXS0hUYRTHf8fJzB6KSik9KIgsijRTggRt0YNypdbcwBYtIiIKqkVUIJFFQtHGIqFoGZnXfFFYBG16bcrEsCI1giDDCisozMf4xb2jzNyZO3PvOIbfbrjnnP/vO+d833dGmOYl06zPpACUznw8ZOMjw9yAjx8k8V7K+RrrhlwDqDqW4eEAUIaQjbKF7wWaSeSalPHBDYwjgGoigxEqEQ4CSW6Cohghget4OOuUlagA6g4FjNECLHIlHG7Uj1AuXp5H8o8IoOopRbgFJE9SfMJtCNgrGvV2cWwBlE4+wmMUs+MUD0AoNstunoXGCwNQ90hjkNcoFk+R+ESYfmaQE9oT4QA6F4HjUyzuDydcFS+Hg2NbAFQdS/DQDcz6LwAwAqwWDeO4jjMFKSmdKuB0XOKZ2yG/FvofQfv+8FDCJfEGMmzNQAOdKHImDZBVAoVN4EkC5YPGZFDGpi2rVzRWhGVAtZHCb36albJbnjng+xOZLVjcsOqqhHfn7e1HyZIK+v1tMb5UHQV4eGHrkXcFlh+CnsvQeQxQVrNQ8TdV8PZMZFihWLw8sQLobAUe2npteQVpef5PvbXQYTTyOESs4n7VUvHS6h4gfSMUP4DEFCtE1o5AzY0vTjsPFN4GoJH1+GiPmLeMQii6H4DouwuZ2/wNF4u437pINJ5aM9DKPIbMJkxwDTFh6HbngcALROObBcD4oXQ6gHWRuwcIzUTs4t2isTJQjSA1pZuXkHEZRV/pG2DNOfjSBr01TtbW78IF8XLSHqCVhQzTM4WvYCjcMLBKND7aAphlaKAaxanYtuXaukY0jgZb272GqUAnsNR1WHeGfYySKxV8jwpgZuE2uSSYx2Suu9iOVoN42CQ7w2/aaCNZCWKOUfFCDAJ7RKPZDjP6UOrPhHFlTrYcn0mgVHbxMlKOnMdynVSEE8CRGE7HX2P6QVEtGgPRCuQIMOGsdHM03weUA2ttbkzjdepCaEFxQzQ+OXZGxLffwVPdJIWZrEDG/5oJA4zRIxq/3Ig6noJYg8Rj77oE8YhE8/0HyfvYIRvCCN0AAAAASUVORK5CYII=)}.comment-content .tag-list .tag-item.on[data-v-94bf4a80]{color:#e33e33;background:#fef0f0}.comment-content .tag-list .tag-item.on[data-v-94bf4a80]:after{display:block}.comment-content .comment-text[data-v-94bf4a80]{color:#222226;margin-bottom:24px}.comment-content .comment-input[data-v-94bf4a80]{position:relative;border:1px solid #e8e8ed;border-radius:4px;overflow:hidden;height:180px}.comment-content .comment-input .comment-textarea[data-v-94bf4a80]{display:block;width:100%;height:100%;padding:16px;resize:none;border:0;font-size:14px;outline:0 none}.comment-content .comment-input .tips[data-v-94bf4a80]{position:absolute;right:16px;bottom:16px;font-size:12px;color:#999aaa}.comment-content .bottom-btns[data-v-94bf4a80]{text-align:center;margin-top:32px}.comment-content .bottom-btns .submit-comment[data-v-94bf4a80]{display:inline-block;width:180px;line-height:40px;background:-webkit-gradient(linear,left top,left bottom,from(#ff7968),to(#e33e33));background:linear-gradient(180deg,#ff7968,#e33e33);border-radius:4px;color:#fff;font-size:16px}.box-shadow-radius[data-v-94bf4a80]{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:8px}.cstar[data-v-94bf4a80]{display:inline-block;background-size:100% 100%;background-position:50%;cursor:pointer}.cstar.star-y[data-v-94bf4a80]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA3NJREFUWAnNWEtoFEEQfb2Jn2BED4mYgEIOoqIgHjyIKAhCMBgTNYmggp+DnkRQPHjMTTTEgwejF4ne3E2iEfwHRKIXfwcV0YtCxOAPifjBXZP2dW8mzMzO9PRmJ7tpmO2u6ldVb6p6eqYXmOZNxMVPSggksUH7a8UDISDj8J2Iw4n2kcI59vf1lUSX1sXwE0sGZQqNGEO/j0+TaMvR+SDRYsEEZR/mI4NXDFXrCScwjAqsEFvw3aPPUyi8xP/QmUNOkZCowR+cyZNPDrygDLK09SztrRyvboVAg2jFTbcqn/GkCcprmIu/eMlgiyMCDqESK0UDfkTgAqcnX+I0TluQU0EX4afGBhKIUk4qg7IHG1naAa4ze3uBTSz1QBQh/7x9gHFLeRtzMIIXFOv8ziLk95jHUtfjVwTOM21NUF5HFdfcVmbuAD2s83ixFx4SepFXP/fILzZmRoLyKtdPBs10tJ3lXM++zMapBWaUmEEk0Ity9IlmDIXZ5BCUV7CUK0sR2kajNWGGseoFntBfL2P2MrNv3L41Qb7oE0jhOAF7ObncDSjB+DVjqmXQSbKj5ZpACkdJ7mQJyASFVAk6xSqqr6EOZx9cFYQssU5zyhKUuFRiMkHhLyulJsha32VKO4JQJdGRCzf1OxMENYkqnGA/WBJC3qCD3HEVF9082ww/AGqRxnMuzwUOoKi9wGfMxGrRhI9OXOchybLNTuyiMOYAitiPccHtdpNTsT0ElWL8hd6uxkVu7WIH7vljekrsTOqNO4kblOsd3ZT2gg9ECzbzJJhTuZwMKiIaWIE9fLI/TCkxHYwxZrO0AeTUdCBBbdeIr3xY2tR4ittOoWKFtFCCGl+NxyF28anrzDHMBNOYFR+TEE/fuLEYmplgxmxs8Gs/NWJOgpngb7OxPQsjsoAMoggZLDMnwZzBYhCU5iSYCSbMd2csnO1kRAwzwWmfQZF3BtWGa3WcnEjwqDlGXBl8xoD7Uc1jaiWvBPZRfjpBwjwwPsXZQ1O4A5Nxhu/qHpqe5RfQI5+LbsrdPMKuJeYwX5ktlGf4MI5oikFzQ+Pfa0v4ffHWB/lE+TyP8F38PBr2zQWK/C+nhn4OkeghAhb6QMv8Z2H3vJGgAsokjtHxEQ7f8XYucJykw7Tbie2YGVXZUtk8yKuO/lT2p89ZyPZG3Lj/S8KvDYvUVz8AAAAASUVORK5CYII=)}.cstar.star-h[data-v-94bf4a80]{background-image:url(https://csdnimg.cn/release/edussr/public/img/comment_star_h.84850bcd.png)}.cstar.star-g[data-v-94bf4a80]{background-image:url(https://csdnimg.cn/release/edussr/public/img/comment_star_g.96cd23c8.png)}.cstar.on[data-v-94bf4a80]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA3NJREFUWAnNWEtoFEEQfb2Jn2BED4mYgEIOoqIgHjyIKAhCMBgTNYmggp+DnkRQPHjMTTTEgwejF4ne3E2iEfwHRKIXfwcV0YtCxOAPifjBXZP2dW8mzMzO9PRmJ7tpmO2u6ldVb6p6eqYXmOZNxMVPSggksUH7a8UDISDj8J2Iw4n2kcI59vf1lUSX1sXwE0sGZQqNGEO/j0+TaMvR+SDRYsEEZR/mI4NXDFXrCScwjAqsEFvw3aPPUyi8xP/QmUNOkZCowR+cyZNPDrygDLK09SztrRyvboVAg2jFTbcqn/GkCcprmIu/eMlgiyMCDqESK0UDfkTgAqcnX+I0TluQU0EX4afGBhKIUk4qg7IHG1naAa4ze3uBTSz1QBQh/7x9gHFLeRtzMIIXFOv8ziLk95jHUtfjVwTOM21NUF5HFdfcVmbuAD2s83ixFx4SepFXP/fILzZmRoLyKtdPBs10tJ3lXM++zMapBWaUmEEk0Ity9IlmDIXZ5BCUV7CUK0sR2kajNWGGseoFntBfL2P2MrNv3L41Qb7oE0jhOAF7ObncDSjB+DVjqmXQSbKj5ZpACkdJ7mQJyASFVAk6xSqqr6EOZx9cFYQssU5zyhKUuFRiMkHhLyulJsha32VKO4JQJdGRCzf1OxMENYkqnGA/WBJC3qCD3HEVF9082ww/AGqRxnMuzwUOoKi9wGfMxGrRhI9OXOchybLNTuyiMOYAitiPccHtdpNTsT0ElWL8hd6uxkVu7WIH7vljekrsTOqNO4kblOsd3ZT2gg9ECzbzJJhTuZwMKiIaWIE9fLI/TCkxHYwxZrO0AeTUdCBBbdeIr3xY2tR4ittOoWKFtFCCGl+NxyF28anrzDHMBNOYFR+TEE/fuLEYmplgxmxs8Gs/NWJOgpngb7OxPQsjsoAMoggZLDMnwZzBYhCU5iSYCSbMd2csnO1kRAwzwWmfQZF3BtWGa3WcnEjwqDlGXBl8xoD7Uc1jaiWvBPZRfjpBwjwwPsXZQ1O4A5Nxhu/qHpqe5RfQI5+LbsrdPMKuJeYwX5ktlGf4MI5oikFzQ+Pfa0v4ffHWB/lE+TyP8F38PBr2zQWK/C+nhn4OkeghAhb6QMv8Z2H3vJGgAsokjtHxEQ7f8XYucJykw7Tbie2YGVXZUtk8yKuO/lT2p89ZyPZG3Lj/S8KvDYvUVz8AAAAASUVORK5CYII=)}.el-message{z-index:1000001!important}button{outline:none!important}.evaluation-form-box textarea{resize:none!important;font-size:12px;line-height:18px}.evaluation-form-box textarea::-webkit-input-placeholder{font-size:12px;line-height:18px}.evaluation-form-box textarea::-moz-placeholder{font-size:12px;line-height:18px}.evaluation-form-box textarea:-ms-input-placeholder{font-size:12px;line-height:18px}.evaluation-form-box textarea::-ms-input-placeholder{font-size:12px;line-height:18px}.evaluation-form-box textarea::placeholder{font-size:12px;line-height:18px}.evaluation-form-box span.desc{font-size:12px;color:#999aaa}.evaluation-form-box .el-form-item{margin-bottom:8px}.evaluation-form-box .el-textarea__inner{padding:8px;border-color:#ebebeb}.evaluation-form-box .el-textarea__inner:focus{border-color:#ebebeb}.evaluation-form-box .el-textarea .el-input__count{bottom:1px;line-height:20px}.course_evaluation_wrapper[data-v-31da82f6]{margin-top:8px}.course_evaluation_wrapper .course_ratings[data-v-31da82f6]{padding:24px 20px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border-radius:8px}.course_evaluation_wrapper .course_ratings .title[data-v-31da82f6]{height:24px;line-height:24px;font-size:16px;font-weight:500;color:#222226}.course_evaluation_wrapper .course_ratings .title span[data-v-31da82f6]{display:inline-block;width:4px;height:16px;background:#e33e33;vertical-align:-2px;margin-right:8px}.course_evaluation_wrapper .course_ratings .more_reviews[data-v-31da82f6]{height:22px;line-height:22px}.course_evaluation_wrapper .course_ratings .more_reviews a[data-v-31da82f6]{display:inline-block;font-size:14px;color:#555666}.course_evaluation_wrapper .course_ratings .more_reviews a .icon_arrow[data-v-31da82f6]{display:inline-block;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAMAAAAJbCvNAAAAhFBMVEUAAABQUGBaWmlVVWNRUWtNTWZVVWFRUWhOWWRVVWpSUmZVVWhVWGdVVWZWVmdTVmZWVmZUV2dVVWdVVWZWVmdTVmZVVmZVVmVVVWVVVmZVVWdVVmZVV2ZVVmZVV2ZVVmZVV2ZVVmZVVmZVV2ZVVmVUVWZUVWZVVmZVVmZVVmZUVWVVVmYU3E/mAAAAK3RSTlMAEBESExQVFhcYGRtXWlxfX2FjZmhrrLq/zM7P0dPU1tfY2drb7/v7/P3+Ki8LywAAAIVJREFUOMvd0usSQgAQBWAREol0F3Kn8/7vZ/UAZ2fyw0z7+5vZ2zGM/6qgvW0ouAMPk4HoAzwtJi4i0i0T5xF4OUwkIjKXiZOIfMdELKLwmDgOwHvPRCii8pk49EBNRdAB1yVgbtH4vw85r1mSNeOBH0o7tfYs7d3fwNgLIqeGVo39ejUBVGUPqdIx9AIAAAAASUVORK5CYII=) no-repeat 50%;background-size:contain;vertical-align:-3px;margin-left:2px}.course_evaluation_wrapper .course_ratings .score[data-v-31da82f6]{margin-top:16px}.course_evaluation_wrapper .course_ratings .score .write_review .rate[data-v-31da82f6],.course_evaluation_wrapper .course_ratings .score[data-v-31da82f6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_evaluation_wrapper .course_ratings .score .write_review .rate[data-v-31da82f6] .el-rate{-ms-flex-negative:0;flex-shrink:0}.course_evaluation_wrapper .course_ratings .score .write_review .rate[data-v-31da82f6] .el-rate .el-rate__item .el-rate__icon{margin-top:3px;margin-right:4px;font-size:14px}.course_evaluation_wrapper .course_ratings .score .write_review .rate[data-v-31da82f6] .el-rate .el-rate__item .el-custom-star{font-size:14px}.course_evaluation_wrapper .course_ratings .score .write_review .rate[data-v-31da82f6] .el-rate .el-rate__item:last-child{margin-right:0}.course_evaluation_wrapper .course_ratings .score .write_review .current_score[data-v-31da82f6]{height:40px;line-height:40px;font-size:24px;font-weight:500;color:#fa0;margin-left:10px}.course_evaluation_wrapper .course_ratings .score .write_review .write_review_btn[data-v-31da82f6]{display:block;width:136px;height:32px;line-height:32px;text-align:center;background:#fa0;border-radius:4px;font-size:14px;font-weight:500;color:#fff;margin-top:8px}.course_evaluation_wrapper .course_ratings .score .line[data-v-31da82f6]{display:inline-block;width:1px;height:40px;background:#e8e8ed;margin-left:28px}.course_evaluation_wrapper .course_ratings .score .proportion[data-v-31da82f6]{margin-left:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_evaluation_wrapper .course_ratings .score .proportion li[data-v-31da82f6]{width:99px;position:relative}.course_evaluation_wrapper .course_ratings .score .proportion li+li[data-v-31da82f6]{margin-left:32px}.course_evaluation_wrapper .course_ratings .score .proportion li.active .icon_filter[data-v-31da82f6]{display:block!important}.course_evaluation_wrapper .course_ratings .score .proportion li.active .progress_bar[data-v-31da82f6]{background:#fa0!important}.course_evaluation_wrapper .course_ratings .score .proportion li .progress[data-v-31da82f6]{height:6px;background:#e8e8ed;border-radius:4px;position:relative}.course_evaluation_wrapper .course_ratings .score .proportion li .progress .progress_bar[data-v-31da82f6]{position:absolute;left:0;top:0;height:100%;background:#999aaa;border-radius:4px}.course_evaluation_wrapper .course_ratings .score .proportion li .progress_text[data-v-31da82f6]{margin-top:8px;height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course_evaluation_wrapper .course_ratings .score .proportion li .progress_text .percentage[data-v-31da82f6]{height:100%;font-size:12px;font-weight:500;color:#999aaa}.course_evaluation_wrapper .course_ratings .score .proportion li .progress_text .pingfenstar[data-v-31da82f6]{height:100%;-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_evaluation_wrapper .course_ratings .score .proportion li .progress_text .pingfenstar .el-rate__icon[data-v-31da82f6]{font-size:12px;margin:0;color:#eff2f7}.course_evaluation_wrapper .course_ratings .score .proportion li .icon_filter[data-v-31da82f6]{position:absolute;right:-20px;top:-5px;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAb1BMVEUAAAD////x8f/19frw8PXx8fbx8fXw8PXx8ffw8PTw8Pbw8PTw8Pbw8PXx8fbw8PXMzNjNzdnOztnPz9rQ0NvV1d/W1uDX1+HY2OLZ2eLZ2ePa2uPa2uTc3OXf3+jg4Ojh4enu7vPu7vTv7/Tw8PWdc1soAAAAEHRSTlMABRIxMjaEl5fAwMHB6fv+4ACa7gAAAOFJREFUOMu9k90SgiAQhdUUMkEwLdIyK3j/Z0x+MlaZnG7cG4Y9H3p2WaJo00gRoWVJC7QLylmupsizhRxjprxgOIZ6QtQsDgk4v9BHwv8GVoHAnj8WAtjXqfV/P16kXp+iGmwtU/32RM35+TXqJ84bm0kdgOz2yjWhdd7bDHKAK0EKTWi9kzZDHECVR3i6og4oFSDaj67KOWD+b5xCgALdIyg0afROeEQByxTGn/HRwjJdoyrrXxM1bJRr9dD0xr+8NQ/Y6vXLivYr1x0cGBL/HjmS/De062PvPRyC0m0f7BszPT+jeHlrkAAAAABJRU5ErkJggg==) 50% no-repeat;background-size:contain;cursor:pointer;display:none}.course_evaluation_wrapper .course_evaluation_list_wrapper[data-v-31da82f6]{margin-top:8px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border-radius:8px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li[data-v-31da82f6]{padding:0 32px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li[data-v-31da82f6]:first-child{padding-top:24px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .line-box[data-v-31da82f6]{padding:20px 0;border-bottom:1px solid #f5f6f7}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .avatar[data-v-31da82f6]{width:40px;height:40px;position:relative}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .avatar img[data-v-31da82f6]{height:100%;width:100%;border-radius:50%}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .avatar .vip[data-v-31da82f6]{position:absolute;right:0;bottom:0;width:14px;height:14px;background:#fff4dd;border-radius:10px;border:1px solid #fff}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .avatar .vip .icon_vip[data-v-31da82f6]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px;height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABfVBMVEUAAADfv0DouUbo0XTqv1XrnSfrxGLdu0TesVnesWTcoyvnwmHlwmPbr1Tr0IXYsl3Qoj/TqkfVq1HYrlnSrkjUsErcvWTbvmrPo0PRpkfBk0DAkj7AkT/Ck0HQo0XSqE3bu13bvmHRqELRrEXUrEjUslPSo0LTrE7kwl/n0JDRo0TRnDDTqlDXsVTSpEPewGrUrVLhxXTdsD/So0PVrFXky4XOmzPQp0K/kj/In03JoE3MnkPNo0fOpkPPq0m9kD/XozDKoU3Lok7dvW3In0zJoEzNqEfOqknPmzHQoUPQq0zQrU/RnDDRnzTRokPSnC/SqlLSq0nSrUvSr1HSsVXTrFXUoTHUr1DWoi/WqDrWsVXWsljXoi/XtFXYtVPaqzjasULbuWHcvFndrTjdrjrdvGHdvWnft0XfvFDgwVzgw3DgxHHhxGjhyH/iyH7jvE7jvlrkv1XkxFzkyXXly3flz4fmymrm0I/nzHXnz4Xoymjo0ojpzXDq0Hnq04JB1kJEAAAARHRSTlMACAsLDA0NDxcXJCo7QEFCXV1hYXFxjI6bm5ydnp6en6SlvLy8v8DBw8rNzs/S3+Di4vL29/f5+fr6+vr6+vr7+/z8/TJUT3IAAAC2SURBVBjTY2AgGTCJijBhCCq7uylhCNp5e9liCKqGBKsgcWUsJYEkm6ICC5CSsJIFC9q72IAocTEQae1qARaUdpQHUYb6IFLOSQqiX1iHnYGBLzeLh4GBVUsIaih/gC43s2ZpsQYjl7YnL1SQMzTa2bS8uqLAyMHfjwNmv0lUWl5lXU1hSoy/MdxRBuGJ2SW1VfnJET56cEH1wNjUnLKi9PgwDzW4oKB5UFxSZkZCpK+ZAAONAABQqh+TAzQ0AAAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment[data-v-31da82f6]{width:calc(100% - 56px);margin-left:16px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .info-box[data-v-31da82f6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .info-box .tag[data-v-31da82f6]{margin-left:auto;padding-left:24px;width:140px;-webkit-box-sizing:content-box;box-sizing:content-box}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_info[data-v-31da82f6]{height:20px;line-height:20px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_info span[data-v-31da82f6]{font-size:12px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_info span+span[data-v-31da82f6]{margin-left:16px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_info span.author[data-v-31da82f6]{color:#555666;font-size:14px;font-weight:700}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_content[data-v-31da82f6]{margin-top:8px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_content .comment_desc[data-v-31da82f6],.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_content .tag[data-v-31da82f6]{height:20px;line-height:20px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_content .comment_desc span[data-v-31da82f6]{vertical-align:middle}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_content .comment_desc span+span[data-v-31da82f6]{margin-left:16px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_content .comment_desc span.duration[data-v-31da82f6]{font-size:14px;color:#555666}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_content .comment_desc span.impression[data-v-31da82f6]{font-size:12px;color:#6b5;padding:4px 8px;border-radius:2px;line-height:20px;background-color:rgba(102,187,85,.1)}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .tag[data-v-31da82f6]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .tag[data-v-31da82f6] .el-rate .el-rate__item .el-rate__icon{margin-top:3px;margin-right:4px;font-size:14px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .tag[data-v-31da82f6] .el-rate .el-rate__item .el-custom-star{font-size:14px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .tag[data-v-31da82f6] .el-rate .el-rate__item:last-child{margin-right:0}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .tag span.score[data-v-31da82f6]{height:24px;line-height:24px;font-size:14px;color:#fa0;margin-left:4px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .tag span.featured[data-v-31da82f6]{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(#e33e33),to(#ff7968));background:linear-gradient(180deg,#e33e33,#ff7968);border-radius:12px;font-size:12px;color:#fff;margin-left:16px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .comment_detail[data-v-31da82f6]{margin-top:16px;line-height:24px;font-size:14px;color:#20232c;word-break:break-all}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li+li[data-v-31da82f6]{margin-top:24px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li .user-info-box[data-v-31da82f6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li .user-info-box .reply_avatar[data-v-31da82f6]{display:block;width:40px;height:40px;border-radius:50%}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li .user-info-box .reply-info-box[data-v-31da82f6]{padding-left:16px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li .user-info-box .reply_name[data-v-31da82f6]{font-size:14px;color:#20232c;font-weight:500}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li .user-info-box .icon-is-lecturer[data-v-31da82f6]{padding:4px 6px;line-height:18px;color:#f66;font-size:12px;background-color:hsla(0,100%,70%,.1);border-radius:2px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li .user-info-box .icon-is-student[data-v-31da82f6]{font-size:12px;color:#20232c;margin-left:4px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li .user-info-box .desc[data-v-31da82f6]{font-size:12px}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li .user-info-box .desc .icon-username[data-v-31da82f6]{color:#f66;margin-left:8px;font-weight:500}.course_evaluation_wrapper .course_evaluation_list_wrapper .course_evaluation_list>li .comment .reply_list li .reply_content[data-v-31da82f6]{margin-top:16px;padding-left:56px;font-size:14px;color:#222226;line-height:24px}.course_evaluation_wrapper .see_more_note[data-v-31da82f6]{height:54px;line-height:54px;text-align:center}.course_evaluation_wrapper .see_more_note span[data-v-31da82f6]{font-size:14px;color:#277ccc}.course_evaluation_wrapper .see_more_note span.has_more[data-v-31da82f6]{cursor:pointer}.course_evaluation_wrapper .see_more_note span.loading[data-v-31da82f6],.course_evaluation_wrapper .see_more_note span.no_more[data-v-31da82f6]{color:#ccccd8}.course_evaluation_wrapper .see_more_note span .icon_see_more_note[data-v-31da82f6]{display:inline-block;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAhFBMVEUAAAAgf88eeNIcf9Qbedckec4jdMUhesggf8ofeswce8Yce9Ajfs0ifcwhfc0je8wifs0hfM4jesoifc4hfM0ifcsifcwhfMwifMwjfMwifMwifMwifMwifcwhfMwifc0ifcwifM0ie8wifMwifMwhe8shfMwhfMwifMwifM0ie8wifMwZnTW+AAAAK3RSTlMAEBESExUWFxgZGxtXWlxfYWNmaGusur/Mzs/R09TW19na2+/7/Pz9/f3+ncgJ3QAAAJ9JREFUGBntwdsSgVAAhtHfuYiIHBKFir2/938/xsgkhxmuraW/L3gLX0/8hafSATtTzcxyUGkOdqoHUwtzlRpLMIEqAgPLhu6aKzAT3U0MrJqqaEVwGutmfIKopQftNRx9XflHWLdV04mhGOliVEDc0ZPuBvKhNMxh09ULvS1knpfBtqeXnASyDBJHb7gpF6mrt/p72PX1wSAMB/r7xRlEEQ9US4FGNwAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain;vertical-align:-3px;margin-left:8px}.course_evaluation_wrapper .no_evaluation[data-v-31da82f6]{height:54px;line-height:54px;text-align:center}.course_evaluation_wrapper .no_evaluation span[data-v-31da82f6]{font-size:14px;color:#ccccd8}.course_evaluation_wrapper .reply-opt-box[data-v-31da82f6]{margin-top:16px}.course_evaluation_wrapper .reply-opt-box .btn-show-reply[data-v-31da82f6]{padding-left:24px;height:24px;line-height:24px;background:url(https://csdnimg.cn/release/edussr/public/img/icon_discuss.ccb45eb6.png) no-repeat 0;background-size:contain;font-size:14px;color:#555666;background-color:transparent;border:none}.course_evaluation_wrapper .reply-opt-box .time[data-v-31da82f6]{color:#999aaa}.course_evaluation_wrapper .reply-editor-box[data-v-31da82f6]{display:-webkit-box;display:-ms-flexbox;display:flex}.course_evaluation_wrapper .reply-editor-box.hide[data-v-31da82f6]{display:none}.course_evaluation_wrapper .reply-editor-box.hide~.reply_list[data-v-31da82f6]{margin-top:0}.course_evaluation_wrapper .reply-editor-box~.reply_list[data-v-31da82f6]{margin-top:24px}.course_evaluation_wrapper .reply-editor-box .lecturer-img[data-v-31da82f6]{display:block;width:40px;height:40px;border-radius:50%;margin-right:16px}.course_evaluation_wrapper .reply-container[data-v-31da82f6]{margin-top:16px;padding:16px;border-radius:4px 4px 0 0;background-color:#f6f7f8}.course_evaluation_wrapper .reply-container.hide[data-v-31da82f6]{display:none}.course_evaluation_wrapper .reply-container .comment_desc span[data-v-31da82f6]{vertical-align:middle}.course_evaluation_wrapper .reply-container .comment_desc span+span[data-v-31da82f6]{margin-left:16px}.course_evaluation_wrapper .reply-container .comment_desc span.duration[data-v-31da82f6]{font-size:14px;color:#555666}.course_evaluation_wrapper .reply-container .comment_desc span.impression[data-v-31da82f6]{font-size:12px;color:#6b5;padding:0 4px;border-radius:2px;line-height:20px;background-color:rgba(102,187,85,.1)}.course_evaluation_wrapper .reply-editor-box{margin-top:16px}.course_evaluation_wrapper .reply-editor-box .el-form .el-textarea__inner{min-height:unset}.course_evaluation_wrapper .reply-editor-box .el-textarea__inner{width:672px;min-height:unset;height:64px!important}.course_evaluation_wrapper .reply-editor-box .el-textarea__inner.focus{height:64px!important;display:block;width:672px}.course_evaluation_wrapper .reply-editor-box .el-form-item:last-child{margin-bottom:0}.course_evaluation_wrapper .reply-editor-box button{margin:8px 0 0;padding:0;border:none;width:56px;height:32px;line-height:32px;background:#f66;border-radius:4px}.course_evaluation_wrapper .reply-editor-box span.desc{display:none}.toc-item[data-v-86aea5d8]{font-size:0;position:relative;padding:0 16px}.toc-item:hover span.name[data-v-86aea5d8]{color:#e33e33}.toc-item:hover span.start_learning[data-v-86aea5d8]{display:block}.toc-item.is-finished[data-v-86aea5d8]:before{background-color:#ccccd8}.toc-item.is-active[data-v-86aea5d8]{color:#e33e33}.toc-item.is-active[data-v-86aea5d8]:before{border-color:#e33e33}.toc-item.is-courseware[data-v-86aea5d8]:before{display:none}.toc-item span[data-v-86aea5d8]{font-size:14px;line-height:18px}.toc-item span.name[data-v-86aea5d8]{display:inline-block;max-width:calc(100% - 76px);overflow:hidden;text-overflow:ellipsis;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:gba(34,34,38,1)}.toc-item span.name.free[data-v-86aea5d8]{max-width:calc(100% - 108px)}.toc-item span.name.not_uploaded[data-v-86aea5d8],.toc-item span.name.unreviewed[data-v-86aea5d8]{max-width:calc(100% - 104px);color:#ccccd8!important}.toc-item span.not_uploaded_text[data-v-86aea5d8],.toc-item span.unreviewed_text[data-v-86aea5d8]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#ccccd8;line-height:18px;position:absolute;top:50%;right:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;margin-left:5px}.toc-item span.time[data-v-86aea5d8]{font-size:12px;color:#555666;min-width:32px}.toc-item span.start_learning[data-v-86aea5d8],.toc-item span.time[data-v-86aea5d8]{line-height:32px;position:absolute;top:50%;right:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}.toc-item span.start_learning[data-v-86aea5d8]{height:32px;background:#e33e33;border-radius:16px;padding:0 18px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fff;display:none;cursor:pointer}.icon-free[data-v-86aea5d8]{display:inline-block;width:32px;height:16px;background:url(https://csdnimg.cn/release/edussr/public/img/icon_free.60c4e6e6.svg) no-repeat 50%;background-size:contain;margin-left:8px}.icon-video[data-v-86aea5d8]{display:inline-block;width:16px;height:16px;margin-right:8px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA7VJREFUWAnFV01oE0EUfm+S1FarpGDB0h48aFVE9GC1giJ6EKniT7U5CCIhbXpS0KOopfXnqIIgpLXm4A+Yqq2CFUQUPIiUggj+gBTpoSFiDw2xfyabHd/bsGHbbjK70uBAMrPvfe99b2dm571BcNgGBweXjCWm9kIWDkuUG0BiDYCkHzdMAMoEAn4FAc/rapa9aWpq+pPTFf/H4mqAyL0nNTijdwDCCSnlchWe9Yj4GyQ8lBWis/3ksUQxm4IBRKNvyzVt/IIu8Sy96dJiTgrrcBoFXPd5Vl4NBvfM2uFsAzDeejY7ICVsszNyK0OEIVnuOWI3GwsC6O19ulnLai+IpNYtkQIf93q8B0Kh5k9W3JwAotHYqnQGhktAbnLGy3ywNRgM/DQFwhzwLk9ncEBFTtOZJcyEaeeyr81o0M9cpl0+gLGxyfO02babCvsef9GUrQ23tawUiKcIM2mPKyylfdWY48phjCXgqafIRki5rLCp8XndIvIzJqa7+2k9oPaI7LaYMic9zeKUzwtreCmMGUhrcElFbjiWctRKEA43f6+rrWykA+i2Va4aM1cmgxcZh7FYrGwiCeM0XqEyBCHOtbcev2GHi9zpawFd3iVdpZ3eRpaq8kO1SKVgLynV5DYerKL21pY+j/DuoOkdscqLjFckk2KPyEo4VATkStXa2vzZ5/U10JK8dGIoUT/Me2CjE7BTTDB4NNnWdvwg5Y5HDmw2ilxWcwB1AaFkpEO5h3KIolFGpRkwU6oC7FKdO/dRkZIlB1Ca1tsbW0cvlz/xCrFQAFRMLHKLDA/7NB1uqt1iQnAlowY6R9C5UoEffwxQQbJfaUXcvARflECHgGi030+H2is66ZocmnwRKMUzh+CiMC5i0pnMOwLtLAq0KJlb+P36W5KlLHLXw0j08XqYyb4nw00ujFPMLQKBQJoOjQdODFHX5xQwbNPT07cLMjqTr+Znp41Oy/vMbXyGZV7o4hSpNsZ6K6anJxaSIF+TrMoqV42NdOyTlxmXf6Pu7linBLikMJ6gQiQohGc0q2unabOFFHhbNZF2hcOBDlZ6TURdXeW1sfjkPnLaaMps+ipdygE9q9monIno7T9QDXHNRBtLwA98k6Eq5SgN46ayBH2cOay3pnwATMYlEpfONCxFEEZZbq2ImXNOACww6vYKTwNN1RA/L0YzfJHP+XcC9r0gABZyJvN5q3cLhKu0T6dZ9m+Nr2Z4hX3Z3YrYZ/4rKETw3y6n8wNydD2X+A088MzN9fwvzshJCbp3Fp8AAAAASUVORK5CYII=);background-size:contain;background-repeat:no-repeat;border-radius:7px}.course_catalog_wrapper[data-v-458da3d8]{background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border-radius:8px;padding:24px 0;margin-top:8px;position:relative}.course_catalog_wrapper .course_catalog_title[data-v-458da3d8]{height:24px;line-height:24px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226;padding:0 20px}.course_catalog_wrapper .course_catalog_title span[data-v-458da3d8]{display:inline-block;width:4px;height:16px;background:#e33e33;vertical-align:-2px;margin-right:8px}.course-toc-box[data-v-458da3d8]{position:relative;height:100%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:thin;overflow-y:auto;scrollbar-color:#fff #fff;padding-bottom:12px}.course-toc-box .course-toc[data-v-458da3d8]{border:none}.course-toc-box .no-toc[data-v-458da3d8]{padding:0 20px;margin-top:16px}.course-toc-box[data-v-458da3d8]::-webkit-scrollbar{width:4px}.course-toc-box[data-v-458da3d8]::-webkit-scrollbar-thumb{background-color:#fff;border-radius:2px;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.course-toc-box[data-v-458da3d8]:hover{scrollbar-color:#ccccd8 #fff}.course-toc-box[data-v-458da3d8]:hover::-webkit-scrollbar-thumb{background-color:#ccccd8}.course-toc-box[data-v-458da3d8] .el-menu .el-menu-item-group__title{display:none}.course-toc-box[data-v-458da3d8] .el-menu .el-submenu{margin-bottom:8px;border-radius:2px;padding-left:20px;padding-right:20px;border-bottom:1px solid #f5f6f7}.course-toc-box[data-v-458da3d8] .el-menu .el-submenu:last-child{margin-bottom:0}.course-toc-box[data-v-458da3d8] .el-menu .el-submenu.is-opened{padding-bottom:16px}.course-toc-box[data-v-458da3d8] .el-menu .el-submenu .el-submenu__title:focus,.course-toc-box[data-v-458da3d8] .el-menu .el-submenu .el-submenu__title:hover{background:none}.course-toc-box[data-v-458da3d8] .el-menu .el-submenu .el-submenu__icon-arrow{font-size:16px;color:#222327}.course-toc-box[data-v-458da3d8] .el-menu .el-submenu .el-menu{padding-left:20px}.course-toc-box[data-v-458da3d8] .el-menu .el-menu-item{padding-left:0!important;padding-right:0!important;height:48px;line-height:48px}.course-toc-box[data-v-458da3d8] .el-menu .el-menu-item a{color:unset}.course-toc-box[data-v-458da3d8] .el-menu .el-menu-item:hover{background-color:unset;color:#e33e33;background-color:#fff4f4;border-radius:4px}.course-toc-box[data-v-458da3d8] .el-menu .el-menu-item:hover .icon-video{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon-catalog-video-active.d9889171.png)}.course-toc-box[data-v-458da3d8] .el-menu .el-menu-item.is-active{color:unset}.course-toc-box[data-v-458da3d8] .el-menu .el-menu-item.is-disabled{opacity:1;color:#ccccd8!important}.course-toc-box[data-v-458da3d8] .el-menu .el-menu-item.is-disabled .icon-video{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA7VJREFUWAnFV01oE0EUfm+S1FarpGDB0h48aFVE9GC1giJ6EKniT7U5CCIhbXpS0KOopfXnqIIgpLXm4A+Yqq2CFUQUPIiUggj+gBTpoSFiDw2xfyabHd/bsGHbbjK70uBAMrPvfe99b2dm571BcNgGBweXjCWm9kIWDkuUG0BiDYCkHzdMAMoEAn4FAc/rapa9aWpq+pPTFf/H4mqAyL0nNTijdwDCCSnlchWe9Yj4GyQ8lBWis/3ksUQxm4IBRKNvyzVt/IIu8Sy96dJiTgrrcBoFXPd5Vl4NBvfM2uFsAzDeejY7ICVsszNyK0OEIVnuOWI3GwsC6O19ulnLai+IpNYtkQIf93q8B0Kh5k9W3JwAotHYqnQGhktAbnLGy3ywNRgM/DQFwhzwLk9ncEBFTtOZJcyEaeeyr81o0M9cpl0+gLGxyfO02babCvsef9GUrQ23tawUiKcIM2mPKyylfdWY48phjCXgqafIRki5rLCp8XndIvIzJqa7+2k9oPaI7LaYMic9zeKUzwtreCmMGUhrcElFbjiWctRKEA43f6+rrWykA+i2Va4aM1cmgxcZh7FYrGwiCeM0XqEyBCHOtbcev2GHi9zpawFd3iVdpZ3eRpaq8kO1SKVgLynV5DYerKL21pY+j/DuoOkdscqLjFckk2KPyEo4VATkStXa2vzZ5/U10JK8dGIoUT/Me2CjE7BTTDB4NNnWdvwg5Y5HDmw2ilxWcwB1AaFkpEO5h3KIolFGpRkwU6oC7FKdO/dRkZIlB1Ca1tsbW0cvlz/xCrFQAFRMLHKLDA/7NB1uqt1iQnAlowY6R9C5UoEffwxQQbJfaUXcvARflECHgGi030+H2is66ZocmnwRKMUzh+CiMC5i0pnMOwLtLAq0KJlb+P36W5KlLHLXw0j08XqYyb4nw00ujFPMLQKBQJoOjQdODFHX5xQwbNPT07cLMjqTr+Znp41Oy/vMbXyGZV7o4hSpNsZ6K6anJxaSIF+TrMoqV42NdOyTlxmXf6Pu7linBLikMJ6gQiQohGc0q2unabOFFHhbNZF2hcOBDlZ6TURdXeW1sfjkPnLaaMps+ipdygE9q9monIno7T9QDXHNRBtLwA98k6Eq5SgN46ayBH2cOay3pnwATMYlEpfONCxFEEZZbq2ImXNOACww6vYKTwNN1RA/L0YzfJHP+XcC9r0gABZyJvN5q3cLhKu0T6dZ9m+Nr2Z4hX3Z3YrYZ/4rKETw3y6n8wNydD2X+A088MzN9fwvzshJCbp3Fp8AAAAASUVORK5CYII=)!important}.course-toc-box[data-v-458da3d8] .el-menu .el-submenu__title{padding-left:12px!important;height:24px;line-height:24px;border-radius:2px;margin-top:16px;margin-bottom:16px}.course-toc-box[data-v-458da3d8] .el-menu .el-submenu__title .title{display:inline-block;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222226}.mask[data-v-6750c181]{position:fixed;left:0;top:0;bottom:0;width:100%;background:rgba(0,0,0,.7);z-index:9999}.mask .opt-box[data-v-6750c181]{position:fixed;width:712px;height:380px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mask .pos-box[data-v-6750c181]{position:relative}.mask .btn-link-usersurvey img[data-v-6750c181]{display:block;width:712px;height:380px}.mask .btn-link-close[data-v-6750c181]{position:absolute;top:0;right:0;border:none;background-color:transparent}.mask .btn-link-close img[data-v-6750c181]{display:block;width:24px;height:24px}body.detail-body-box{min-width:1200px}.page-container[data-v-01538680],body.detail-body-box .page-container{display:block;margin:0 auto;width:1200px}.play-body-box .edu_nav[data-v-01538680],.play-body-box header.header[data-v-01538680]{display:none!important}.play-body-box #csdn-toolbar[data-v-01538680]{background:#404041!important}.play-body-box #csdn-toolbar .sub-menu[data-v-01538680]{background:rgba(64,64,65,.9)!important;color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li[data-v-01538680]:hover,.play-body-box #csdn-toolbar .sub-menu>a[data-v-01538680]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container li a[data-v-01538680],.play-body-box #csdn-toolbar .container li a span[data-v-01538680]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li.app-control>div[data-v-01538680]{background:#404041!important;color:#999!important}.play-body-box #csdn-toolbar .container li.write-bolg-btn a svg[data-v-01538680]{color:#e33e33!important}.play-body-box #csdn-toolbar .container li#msgBox a svg[data-v-01538680]{color:#5893c2!important}.play-body-box #csdn-toolbar .container li.userLogin .bord>div[data-v-01538680]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList[data-v-01538680],.play-body-box #csdn-toolbar .container .userControl[data-v-01538680]{background:#404041!important}.play-body-box #csdn-toolbar .container .msgList dd[data-v-01538680]:hover,.play-body-box #csdn-toolbar .container .userControl dd[data-v-01538680]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList a[data-v-01538680],.play-body-box #csdn-toolbar .container .userControl a[data-v-01538680]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container .msgList .bord[data-v-01538680],.play-body-box #csdn-toolbar .container .userControl .bord[data-v-01538680]{border-bottom:1px solid #373739!important}.play-body-box #csdn-toolbar .container div.search_bar[data-v-01538680]{background:#404041!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-01538680]{background:#2f2f2f!important;border-radius:5px 0 0 5px;color:#fff!important;background-color:#555557!important;color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-01538680]::-webkit-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-01538680]::-moz-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-01538680]:-ms-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-01538680]{background:#555557!important;border-radius:0 5px 5px 0}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-01538680]:hover{background:#555557!important}.course_detail_nav_wrapper[data-v-01538680]{background:#fff;border-bottom:1px solid #f0f0f5;position:relative}.course_detail_nav_wrapper[data-v-01538680]:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:8px;background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f5),to(#f8fafc));background:linear-gradient(180deg,#f0f0f5,#f8fafc)}.course_detail_nav_wrapper.nav-bar-fixed[data-v-01538680]{background-color:#fff;position:fixed;top:0;left:0;width:100%;z-index:999;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.course_detail_nav_wrapper.nav-bar-fixed[data-v-01538680]:after{background:none}.course_detail_nav_wrapper .course_detail_nav ul[data-v-01538680]{height:64px}.course_detail_nav_wrapper .course_detail_nav ul li[data-v-01538680]{height:100%;line-height:64px}.course_detail_nav_wrapper .course_detail_nav ul li+li[data-v-01538680]{margin-left:64px}.course_detail_nav_wrapper .course_detail_nav ul li.active a[data-v-01538680],.course_detail_nav_wrapper .course_detail_nav ul li:hover a[data-v-01538680]{color:#e33e33}.course_detail_nav_wrapper .course_detail_nav ul li.active a[data-v-01538680]:after{display:block}.course_detail_nav_wrapper .course_detail_nav ul li a[data-v-01538680]{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222226;position:relative}.course_detail_nav_wrapper .course_detail_nav ul li a[data-v-01538680]:after{content:"";position:absolute;left:50%;bottom:-8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:2px;background:#e33e33;border-radius:1px;display:none}.content_wrapper[data-v-01538680]{padding-top:8px;padding-bottom:85px;background:#f8fafc}.content_wrapper.new_content_wrapper[data-v-01538680]{padding-top:74px}.content_wrapper .left[data-v-01538680]{width:calc(100% - 320px)}.content_wrapper .right[data-v-01538680]{width:312px}.content_wrapper .right>div+div[data-v-01538680]{margin-top:8px}.banner_price_wrapper[data-v-698d6cb8]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:24px}.banner_price_wrapper .price_info[data-v-698d6cb8],.banner_price_wrapper[data-v-698d6cb8]{display:-webkit-box;display:-ms-flexbox;display:flex}.banner_price_wrapper .price_info .free_trial[data-v-698d6cb8]{padding:0 40px;background:-webkit-gradient(linear,left bottom,left top,from(#ffa000),to(#fa0));background:linear-gradient(1turn,#ffa000,#fa0);font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;margin-right:16px;cursor:pointer}.banner_price_wrapper .price_info .buy_now[data-v-698d6cb8],.banner_price_wrapper .price_info .free_trial[data-v-698d6cb8]{display:inline-block;height:48px;line-height:48px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.2);border-radius:4px}.banner_price_wrapper .price_info .buy_now[data-v-698d6cb8]{width:166px;text-align:center;background:-webkit-gradient(linear,left top,left bottom,from(#f37262),to(#e33e33));background:linear-gradient(180deg,#f37262,#e33e33);position:relative}.banner_price_wrapper .price_info .buy_now a[data-v-698d6cb8]{display:inline-block;width:100%;height:100%;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper[data-v-698d6cb8]{position:absolute;left:50%;top:48px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9999;width:200px;height:114px;width:280px;height:132px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box[data-v-698d6cb8]{position:absolute;left:50%;top:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%;padding:16px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border:1px solid #f0f0f5;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box[data-v-698d6cb8]:before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;background:#fff;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);border-color:transparent transparent #f0f0f5 #f0f0f5;border-style:solid;border-width:1px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code[data-v-698d6cb8]{display:-webkit-box;display:-ms-flexbox;display:flex}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item[data-v-698d6cb8]{text-align:center}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item+.icon_item[data-v-698d6cb8]{margin-left:12px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item img[data-v-698d6cb8]{width:36px;height:36px;margin-bottom:4px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .scan_code .icon_item span[data-v-698d6cb8]{display:block;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#222226;line-height:20px;margin-top:4px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .qr_code[data-v-698d6cb8]{width:100px;height:100px;padding:4px;border-radius:4px;border:1px solid #f0f0f5}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .qr_code img[data-v-698d6cb8]{width:92px;height:92px}.banner_price_wrapper .price_info .buy_now .qr_code_wrapper .qr_code_box .qr_code span[data-v-698d6cb8]{color:#212529;font-size:12px}.banner_price_wrapper .price_info .discount_wrapper[data-v-698d6cb8]{height:48px;margin-left:24px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.banner_price_wrapper .price_info .discount_wrapper .discount_text[data-v-698d6cb8]{height:24px;margin-bottom:10px}.banner_price_wrapper .price_info .discount_wrapper .discount_text[data-v-698d6cb8]:only-child{margin-bottom:0}.banner_price_wrapper .price_info .discount_wrapper .discount_num[data-v-698d6cb8],.banner_price_wrapper .price_info .discount_wrapper .original_price[data-v-698d6cb8]{display:inline-block;height:24px;line-height:24px;font-family:PingFangSC-Regular,PingFang SC}.banner_price_wrapper .price_info .discount_wrapper .discount_num[data-v-698d6cb8]{background:linear-gradient(89deg,#e33e33,#9447eb);font-size:12px;padding:0 13px;position:relative;color:#fff;border-radius:2px;margin-right:12px}.banner_price_wrapper .price_info .discount_wrapper .discount_num[data-v-698d6cb8]:before{content:"";position:absolute;left:-3px;top:50%;width:8px;height:8px;background:#e33e33;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg);border-top-color:transparent;border-right-color:transparent}.banner_price_wrapper .price_info .discount_wrapper .original_price[data-v-698d6cb8]{font-size:14px;color:#ccc;text-decoration:line-through}.banner_price_wrapper .price_info .discount_wrapper .join_member[data-v-698d6cb8]{display:block;font-size:14px;line-height:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fa0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.banner_price_wrapper .price_info .discount_wrapper .join_member span[data-v-698d6cb8]{text-decoration:underline}.banner_price_wrapper .desc[data-v-698d6cb8]{border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:40px}.banner_price_wrapper .desc .item[data-v-698d6cb8]{text-align:center}.banner_price_wrapper .desc .item span[data-v-698d6cb8]{display:block}.banner_price_wrapper .desc .item span.num[data-v-698d6cb8],.banner_price_wrapper .desc .item span.text[data-v-698d6cb8]{height:24px;line-height:24px;color:#fff}.banner_price_wrapper .desc .item span.num[data-v-698d6cb8]{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;margin-bottom:2px}.banner_price_wrapper .desc .item span.text[data-v-698d6cb8]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;margin-top:2px}.banner_price_wrapper .desc .pipe[data-v-698d6cb8]{display:inline-block;width:1px;height:32px;background:#d8d8d8;margin:0 16px}.page-container[data-v-3cfe0555]{display:block;margin:0 auto;width:1200px}.play-body-box .edu_nav[data-v-3cfe0555],.play-body-box header.header[data-v-3cfe0555]{display:none!important}.play-body-box #csdn-toolbar[data-v-3cfe0555]{background:#404041!important}.play-body-box #csdn-toolbar .sub-menu[data-v-3cfe0555]{background:rgba(64,64,65,.9)!important;color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li[data-v-3cfe0555]:hover,.play-body-box #csdn-toolbar .sub-menu>a[data-v-3cfe0555]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container li a[data-v-3cfe0555],.play-body-box #csdn-toolbar .container li a span[data-v-3cfe0555]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li.app-control>div[data-v-3cfe0555]{background:#404041!important;color:#999!important}.play-body-box #csdn-toolbar .container li.write-bolg-btn a svg[data-v-3cfe0555]{color:#e33e33!important}.play-body-box #csdn-toolbar .container li#msgBox a svg[data-v-3cfe0555]{color:#5893c2!important}.play-body-box #csdn-toolbar .container li.userLogin .bord>div[data-v-3cfe0555]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList[data-v-3cfe0555],.play-body-box #csdn-toolbar .container .userControl[data-v-3cfe0555]{background:#404041!important}.play-body-box #csdn-toolbar .container .msgList dd[data-v-3cfe0555]:hover,.play-body-box #csdn-toolbar .container .userControl dd[data-v-3cfe0555]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList a[data-v-3cfe0555],.play-body-box #csdn-toolbar .container .userControl a[data-v-3cfe0555]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container .msgList .bord[data-v-3cfe0555],.play-body-box #csdn-toolbar .container .userControl .bord[data-v-3cfe0555]{border-bottom:1px solid #373739!important}.play-body-box #csdn-toolbar .container div.search_bar[data-v-3cfe0555]{background:#404041!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-3cfe0555]{background:#2f2f2f!important;border-radius:5px 0 0 5px;color:#fff!important;background-color:#555557!important;color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-3cfe0555]::-webkit-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-3cfe0555]::-moz-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-3cfe0555]:-ms-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-3cfe0555]{background:#555557!important;border-radius:0 5px 5px 0}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-3cfe0555]:hover{background:#555557!important}.banner_wrapper[data-v-3cfe0555]{height:284px;background:url(https://csdnimg.cn/release/edussr/public/img/new_banner_bg.9d4b885e.png);background-size:cover}.banner_wrapper.activity[data-v-3cfe0555]{height:292px}.banner_wrapper.activity .banner_price_wrapper[data-v-3cfe0555]{margin-top:16px}.banner_wrapper .banner[data-v-3cfe0555]{height:100%}.banner_wrapper .banner .left[data-v-3cfe0555]{width:calc(100% - 352px);padding-top:16px}.banner_wrapper .banner .left .banner_nav a[data-v-3cfe0555]{display:inline-block;height:24px;line-height:24px;font-family:PingFangSC-Regular,PingFang SC;vertical-align:middle;font-size:14px;color:#ccccd8}.banner_wrapper .banner .left .banner_nav a:last-of-type~i[data-v-3cfe0555]{display:none}.banner_wrapper .banner .left .banner_nav a.active[data-v-3cfe0555],.banner_wrapper .banner .left .banner_nav a[data-v-3cfe0555]:hover{color:#fff}.banner_wrapper .banner .left .banner_nav i[data-v-3cfe0555]{display:inline-block;width:7px;height:7px;border-top:1px solid #ccccd8;border-right:1px solid #ccccd8;margin:0 8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle}.banner_wrapper .banner .left .title[data-v-3cfe0555]{margin-top:16px;max-width:760px;height:48px;line-height:48px;font-size:32px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner_wrapper .banner .left .tag[data-v-3cfe0555]{margin-top:8px;height:40px;font-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner_wrapper .banner .left .tag span[data-v-3cfe0555]{display:inline-block;height:40px;line-height:40px;background:rgba(0,0,0,.1);border-radius:20px;padding:0 16px;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;max-width:208px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner_wrapper .banner .left .tag span+span[data-v-3cfe0555]{margin-left:16px}.banner_wrapper .banner .left .desc_2[data-v-3cfe0555]{border-radius:12px;margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner_wrapper .banner .left .desc_2 .item[data-v-3cfe0555]{text-align:center}.banner_wrapper .banner .left .desc_2 .item span[data-v-3cfe0555]{display:block}.banner_wrapper .banner .left .desc_2 .item span.num[data-v-3cfe0555],.banner_wrapper .banner .left .desc_2 .item span.text[data-v-3cfe0555]{height:24px;line-height:24px;color:#fff}.banner_wrapper .banner .left .desc_2 .item span.num[data-v-3cfe0555]{font-size:20px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;margin-bottom:2px}.banner_wrapper .banner .left .desc_2 .item span.text[data-v-3cfe0555]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;margin-top:2px}.banner_wrapper .banner .left .desc_2 .pipe[data-v-3cfe0555]{display:inline-block;width:1px;height:32px;background:#d8d8d8;margin:0 32px}.banner_wrapper .banner .right[data-v-3cfe0555]{width:312px;padding-top:16px}.banner_wrapper .banner .right .operate[data-v-3cfe0555]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.banner_wrapper .banner .right .operate .icon_banner_share[data-v-3cfe0555],.banner_wrapper .banner .right .operate .icon_banner_star[data-v-3cfe0555]{display:inline-block;width:24px;height:24px;background-position:50%;background-repeat:no-repeat;background-size:contain}.banner_wrapper .banner .right .operate .icon_banner_star[data-v-3cfe0555]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_banner_star.95eae59c.png);cursor:pointer}.banner_wrapper .banner .right .operate .icon_banner_star.active[data-v-3cfe0555]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_banner_star_active.5fa092f0.png)}.banner_wrapper .banner .right .operate .icon_banner_share[data-v-3cfe0555]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMABQwSNT4/QEVWWWZvc3qUmLG4yOXr9/5iWbG8AAABAUlEQVRIx+2Vy7KCMBBEBy4mV8JTMZz//1IXokAe1LC0yl5RSR8YYNIj8tNZlaZ2zryurdvo+peyV6MHwIqIWHZ6/Ef2op+XTZMAeITPKG7ANLSpku4A1wDowTdF8s06AFxQ/4y/SNZ/j4ARmry/cyFQeqZ8PZ1EgIHhwB8DNbQH/hiIFvZ+LfDxK4HVrwM2fhWw9WsAs/UrgdUvdunho5LMzmGtaP5DXt8IWHMOsEuWqAFte+f3cwforRZq3RFdNIStkQ+BV8pN+FIbMyIiDYyiDjKRi2euRB2VReOhj5c/YbxXO0zALXGrNe4jzX36g7wHSiA/Vscja6/alL9RflpPZOghSeaWkNMAAAAASUVORK5CYII=);margin-left:16px;position:relative}.banner_wrapper .banner .right .operate .icon_banner_share:hover .share_box_wrapper[data-v-3cfe0555]{display:block}.banner_wrapper .banner .right .operate .icon_banner_share .share_box_wrapper[data-v-3cfe0555]{position:absolute;left:50%;top:25px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;width:280px;height:132px;cursor:default;display:none}.banner_wrapper .banner .right .operate .icon_banner_share .share_box_wrapper .share_box[data-v-3cfe0555]{position:absolute;left:50%;top:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%;padding:16px;background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border:1px solid #f0f0f5;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner_wrapper .banner .right .operate .icon_banner_share .share_box_wrapper .share_box[data-v-3cfe0555]:before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;background:#fff;-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);border-color:transparent transparent #f0f0f5 #f0f0f5;border-style:solid;border-width:1px}.include_course_wrapper .include_course[data-v-8c0cce06]{background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border-radius:8px;padding:24px 20px;position:relative}.include_course_wrapper .include_course .title[data-v-8c0cce06]{height:24px;line-height:24px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226}.include_course_wrapper .include_course .title span[data-v-8c0cce06]{display:inline-block;width:4px;height:16px;background:#e33e33;vertical-align:-2px;margin-right:8px}.include_course_wrapper .include_course .course_list[data-v-8c0cce06]{margin-top:15px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#222226;line-height:22px;padding-left:8px}.include_course_wrapper .include_course .course_list li[data-v-8c0cce06]{height:208px;background:#fff;-webkit-box-shadow:0 0 4px 0 rgba(7,17,27,.1);box-shadow:0 0 4px 0 rgba(7,17,27,.1);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex}.include_course_wrapper .include_course .course_list li[data-v-8c0cce06]:hover{-webkit-box-shadow:0 4px 12px 0 rgba(7,17,27,.1);box-shadow:0 4px 12px 0 rgba(7,17,27,.1)}.include_course_wrapper .include_course .course_list li:hover .title[data-v-8c0cce06]{color:#6629cc!important}.include_course_wrapper .include_course .course_list li+li[data-v-8c0cce06]{margin-top:24px}.include_course_wrapper .include_course .course_list li .course_cover_wrapper[data-v-8c0cce06],.include_course_wrapper .include_course .course_list li .course_desc_wrapper[data-v-8c0cce06]{height:100%}.include_course_wrapper .include_course .course_list li .course_cover_wrapper[data-v-8c0cce06]{cursor:pointer}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_cover[data-v-8c0cce06]{width:211px;height:140px;position:relative}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_cover .course_bg_mask[data-v-8c0cce06],.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_cover .course_cover_img[data-v-8c0cce06]{border-top-left-radius:8px;border-bottom-right-radius:8px}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_cover .course_cover_img[data-v-8c0cce06]{width:100%;height:100%}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_cover .course_bg_mask[data-v-8c0cce06]{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.4)}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_cover .play_btn[data-v-8c0cce06]{width:56px;height:56px;background:hsla(0,0%,100%,.19);border-radius:8px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:9px 10px 12px}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_cover .play_btn img[data-v-8c0cce06]{width:36px;height:35px}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_info_wrapper[data-v-8c0cce06]{height:78px;margin-top:-10px;background:#f7f7fc;border-bottom-left-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_info_wrapper .course_info[data-v-8c0cce06]{width:100%;height:68px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_info_wrapper .course_info .item .num[data-v-8c0cce06],.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_info_wrapper .course_info .item .text[data-v-8c0cce06]{display:block;text-align:center;color:#6629cc}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_info_wrapper .course_info .item .num[data-v-8c0cce06]{font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_info_wrapper .course_info .item .text[data-v-8c0cce06]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC}.include_course_wrapper .include_course .course_list li .course_cover_wrapper .course_info_wrapper .course_info .pipe[data-v-8c0cce06]{width:1px;height:24px;background:#d8d8d8;margin:0 20px}.include_course_wrapper .include_course .course_list li .course_desc_wrapper[data-v-8c0cce06]{margin-left:20px;padding:16px 20px 16px 0;width:calc(100% - 231px)}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .title[data-v-8c0cce06]{display:block;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226;line-height:24px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .course_desc[data-v-8c0cce06]{font-size:14px;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:#999aaa;line-height:22px;margin-top:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .tag_list[data-v-8c0cce06]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:12px}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .tag_list .tag[data-v-8c0cce06]{width:103px;height:28px;border-radius:4px;border:1px solid #f7f7fc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .tag_list .tag+.tag[data-v-8c0cce06]{margin-left:12px}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .tag_list .tag span[data-v-8c0cce06]{display:inline-block;width:87px;height:18px;line-height:18px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .features[data-v-8c0cce06]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:16px}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .features .free_trial[data-v-8c0cce06],.include_course_wrapper .include_course .course_list li .course_desc_wrapper .features .see_detail[data-v-8c0cce06]{width:120px;height:36px;line-height:36px;text-align:center;border-radius:18px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;cursor:pointer}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .features .free_trial[data-v-8c0cce06]{background:#6629cc;color:#fff}.include_course_wrapper .include_course .course_list li .course_desc_wrapper .features .see_detail[data-v-8c0cce06]{background:rgba(255,233,233,.5);color:#e33e33;margin-left:8px}.include_course_wrapper .include_course .course_list img[data-v-8c0cce06],.package_intro_wrapper .package_intro .content img{max-width:100%}.package_intro_wrapper[data-v-6db1e2c2]{margin-top:8px}.package_intro_wrapper .package_intro[data-v-6db1e2c2]{background:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.1);box-shadow:0 2px 8px 0 rgba(7,17,27,.1);border-radius:8px;padding:24px 20px;position:relative}.package_intro_wrapper .package_intro .title[data-v-6db1e2c2]{height:24px;line-height:24px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226}.package_intro_wrapper .package_intro .title span[data-v-6db1e2c2]{display:inline-block;width:4px;height:16px;background:#e33e33;vertical-align:-2px;margin-right:8px}.package_intro_wrapper .package_intro .content[data-v-6db1e2c2]{margin-top:15px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#222226;line-height:22px;padding-left:8px}.package_intro_wrapper .package_intro .content img[data-v-6db1e2c2]{max-width:100%}.package[data-v-be4f6ac4]{background:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:8px;padding:24px 20px;position:relative}.package .course_type[data-v-be4f6ac4]{position:absolute;left:0;top:0;z-index:10;width:48px;height:48px;text-align:center;background:linear-gradient(-45deg,transparent 50%,#fa0 0) 100%;background-size:contain;background-repeat:no-repeat;border-top-left-radius:8px}.package .course_type .text[data-v-be4f6ac4]{width:34px;height:34px;position:absolute;-webkit-transform:rotate(-45deg) translateY(5px);transform:rotate(-45deg) translateY(5px);font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff}.package dl dd[data-v-be4f6ac4]{margin:0;height:60px}.package dl dd+dd[data-v-be4f6ac4]{margin-top:16px}.package dl dd:hover .package_title[data-v-be4f6ac4]{color:#222226!important}.package dl dd a[data-v-be4f6ac4]{display:inline-block;width:100%;height:100%}.package dl dd .cover_pic[data-v-be4f6ac4]{width:90px;height:60px;position:relative}.package dl dd .cover_pic img[data-v-be4f6ac4]{width:100%;height:100%;border-radius:4px}.package dl dd .package_item[data-v-be4f6ac4]{width:174px;height:100%}.package dl dd .package_item[data-v-be4f6ac4]:hover{overflow:hidden}.package dl dd .package_item:hover .package_title[data-v-be4f6ac4]{height:auto;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.package dl dd .package_item p[data-v-be4f6ac4]{margin-top:4px}.package dl dd .package_item p.package_title[data-v-be4f6ac4]{height:24px;line-height:24px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#555666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package dl dd .package_item p.package_info[data-v-be4f6ac4]{height:24px;line-height:24px}.package dl dd .package_item p.package_info span[data-v-be4f6ac4]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#999aaa;vertical-align:middle}.package dl dd .package_item p.package_info span[data-v-be4f6ac4]:last-child:after{display:none}.package dl dd .package_item p.package_info span[data-v-be4f6ac4]:after{content:"";display:inline-block;width:4px;height:4px;background:#d8d8d8;border-radius:2px;vertical-align:2px;margin:0 8px}.page-container[data-v-6d3d43ef]{display:block;margin:0 auto;width:1200px}.play-body-box .edu_nav[data-v-6d3d43ef],.play-body-box header.header[data-v-6d3d43ef]{display:none!important}.play-body-box #csdn-toolbar[data-v-6d3d43ef]{background:#404041!important}.play-body-box #csdn-toolbar .sub-menu[data-v-6d3d43ef]{background:rgba(64,64,65,.9)!important;color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li[data-v-6d3d43ef]:hover,.play-body-box #csdn-toolbar .sub-menu>a[data-v-6d3d43ef]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container li a[data-v-6d3d43ef],.play-body-box #csdn-toolbar .container li a span[data-v-6d3d43ef]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container li.app-control>div[data-v-6d3d43ef]{background:#404041!important;color:#999!important}.play-body-box #csdn-toolbar .container li.write-bolg-btn a svg[data-v-6d3d43ef]{color:#e33e33!important}.play-body-box #csdn-toolbar .container li#msgBox a svg[data-v-6d3d43ef]{color:#5893c2!important}.play-body-box #csdn-toolbar .container li.userLogin .bord>div[data-v-6d3d43ef]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList[data-v-6d3d43ef],.play-body-box #csdn-toolbar .container .userControl[data-v-6d3d43ef]{background:#404041!important}.play-body-box #csdn-toolbar .container .msgList dd[data-v-6d3d43ef]:hover,.play-body-box #csdn-toolbar .container .userControl dd[data-v-6d3d43ef]:hover{background:#2f2f2f!important}.play-body-box #csdn-toolbar .container .msgList a[data-v-6d3d43ef],.play-body-box #csdn-toolbar .container .userControl a[data-v-6d3d43ef]{color:#e2e2e2!important}.play-body-box #csdn-toolbar .container .msgList .bord[data-v-6d3d43ef],.play-body-box #csdn-toolbar .container .userControl .bord[data-v-6d3d43ef]{border-bottom:1px solid #373739!important}.play-body-box #csdn-toolbar .container div.search_bar[data-v-6d3d43ef]{background:#404041!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-6d3d43ef]{background:#2f2f2f!important;border-radius:5px 0 0 5px;color:#fff!important;background-color:#555557!important;color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-6d3d43ef]::-webkit-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-6d3d43ef]::-moz-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar input.input_search[data-v-6d3d43ef]:-ms-input-placeholder{color:#e8e8ed!important}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-6d3d43ef]{background:#555557!important;border-radius:0 5px 5px 0}.play-body-box #csdn-toolbar .container div.search_bar a.btn-search[data-v-6d3d43ef]:hover{background:#555557!important}.course_detail_nav_wrapper[data-v-6d3d43ef]{background:#fff;border-bottom:1px solid #f0f0f5;position:relative}.course_detail_nav_wrapper[data-v-6d3d43ef]:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:8px;background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f5),to(#f8fafc));background:linear-gradient(180deg,#f0f0f5,#f8fafc)}.course_detail_nav_wrapper.nav-bar-fixed[data-v-6d3d43ef]{background-color:#fff;position:fixed;top:0;left:0;width:100%;z-index:999;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}.course_detail_nav_wrapper.nav-bar-fixed[data-v-6d3d43ef]:after{background:none}.course_detail_nav_wrapper .course_detail_nav ul[data-v-6d3d43ef]{height:64px}.course_detail_nav_wrapper .course_detail_nav ul li[data-v-6d3d43ef]{height:100%;line-height:64px}.course_detail_nav_wrapper .course_detail_nav ul li+li[data-v-6d3d43ef]{margin-left:64px}.course_detail_nav_wrapper .course_detail_nav ul li.active a[data-v-6d3d43ef],.course_detail_nav_wrapper .course_detail_nav ul li:hover a[data-v-6d3d43ef]{color:#e33e33}.course_detail_nav_wrapper .course_detail_nav ul li.active a[data-v-6d3d43ef]:after{display:block}.course_detail_nav_wrapper .course_detail_nav ul li a[data-v-6d3d43ef]{font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#222226;position:relative}.course_detail_nav_wrapper .course_detail_nav ul li a[data-v-6d3d43ef]:after{content:"";position:absolute;left:50%;bottom:-8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:24px;height:2px;background:#e33e33;border-radius:1px;display:none}.content_wrapper[data-v-6d3d43ef]{padding-top:8px;padding-bottom:85px;background:#f8fafc}.content_wrapper.new_content_wrapper[data-v-6d3d43ef]{padding-top:74px}.content_wrapper .left[data-v-6d3d43ef]{width:calc(100% - 320px)}.content_wrapper .right[data-v-6d3d43ef]{width:312px}.content_wrapper .right>div+div[data-v-6d3d43ef]{margin-top:8px}.page-container[data-v-4b2a8752]{display:block;margin:0 auto;width:1200px}.course_ranking_wrapper[data-v-4b2a8752]{background:#f8fafc}.course_ranking_wrapper .course_ranking_nav_wrapper[data-v-4b2a8752]{height:80px;background:#fff;position:relative}.course_ranking_wrapper .course_ranking_nav_wrapper .course_ranking_nav[data-v-4b2a8752]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_ranking_wrapper .course_ranking_nav_wrapper .course_ranking_nav .course_ranking_logo[data-v-4b2a8752]{width:173px;height:28px;background:url(https://csdnimg.cn/release/edussr/public/img/course_ranking_logo.4ee3ecf7.png) no-repeat 50%;background-size:contain}.course_ranking_wrapper .course_ranking_nav_wrapper .course_ranking_nav span[data-v-4b2a8752]{margin-left:58px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226;cursor:pointer}.course_ranking_wrapper .course_ranking_nav_wrapper .course_ranking_nav span+span[data-v-4b2a8752]{margin-left:56px}.course_ranking_wrapper .course_ranking_nav_wrapper .course_ranking_nav span.active[data-v-4b2a8752]{color:#e33e33}.course_ranking_wrapper .course_ranking_nav_wrapper .course_ranking_nav span .icon_trophy[data-v-4b2a8752]{width:22px;height:22px;background:url(https://csdnimg.cn/release/edussr/public/img/icon_trophy.9ec9e67c.png) no-repeat 50%;background-size:contain;margin-right:8px}.course_ranking_wrapper .course_ranking_nav_wrapper[data-v-4b2a8752]:after{content:"";position:absolute;left:0;bottom:-16px;width:100%;height:16px;background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f5),to(#f8fafc));background:linear-gradient(180deg,#f0f0f5,#f8fafc)}.course_ranking_wrapper .course_ranking_list_wrapper[data-v-4b2a8752]{background:#fdfeff;-webkit-box-shadow:0 1px 2px 0 rgba(7,17,27,.1);box-shadow:0 1px 2px 0 rgba(7,17,27,.1);border-radius:4px;margin-top:16px;margin-bottom:16px;padding:32px}.course_ranking_wrapper .course_ranking_list_wrapper .course_area[data-v-4b2a8752]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-20px}.course_ranking_wrapper .course_ranking_list_wrapper .course_area a[data-v-4b2a8752]{width:140px;height:44px;line-height:44px;text-align:center;background:#f7f7fc;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;color:#555666;padding:0 10px;margin-top:20px;margin-right:20px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course_ranking_wrapper .course_ranking_list_wrapper .course_area a.active[data-v-4b2a8752]{background:#e33e33;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list[data-v-4b2a8752]{margin-top:32px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li[data-v-4b2a8752]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li+li[data-v-4b2a8752]{margin-top:32px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li:hover .course[data-v-4b2a8752]{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li:hover .course .course_cover .course_cover_img[data-v-4b2a8752]{-webkit-transform:scale(1.1);transform:scale(1.1)}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li:hover .course .course_info .title[data-v-4b2a8752]{color:#e33e33}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .icon_ranking[data-v-4b2a8752]{width:54px;height:54px;background-position:50%;background-repeat:no-repeat;background-size:contain}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .serial_num[data-v-4b2a8752]{width:54px;height:54px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li:first-child .icon_ranking[data-v-4b2a8752]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_ranking_first.4b9430a2.png)}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li:nth-child(2) .icon_ranking[data-v-4b2a8752]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_ranking_second.8e5f2b06.png)}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li:nth-child(3) .icon_ranking[data-v-4b2a8752]{background-image:url(https://csdnimg.cn/release/edussr/public/img/icon_ranking_third.ff5c66bd.png)}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course[data-v-4b2a8752]{background-color:#d8bfd8;width:calc(100% - 56px);height:140px;background:#fff;border-radius:8px;border:1px solid #f0f0f5;display:-webkit-box;display:-ms-flexbox;display:flex}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_cover[data-v-4b2a8752]{width:210px;height:100%;position:relative;-ms-flex-negative:0;flex-shrink:0;background-color:#fff;overflow:hidden}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_cover a[data-v-4b2a8752]{display:inline-block;width:100%;height:100%}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_cover .course_bg_mask[data-v-4b2a8752],.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_cover .course_cover_img[data-v-4b2a8752],.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_cover[data-v-4b2a8752]{border-radius:8px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_cover .course_cover_img[data-v-4b2a8752]{width:100%;height:100%;-webkit-transition:all .3s;transition:all .3s}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_cover .course_bg_mask[data-v-4b2a8752]{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.4)}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_cover .play_btn[data-v-4b2a8752]{width:56px;height:56px;background:hsla(0,0%,100%,.19);border-radius:8px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_cover .play_btn img[data-v-4b2a8752]{width:30px;height:30px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info[data-v-4b2a8752]{width:calc(100% - 434px);height:140px;margin-left:20px;padding:12px 0}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .title[data-v-4b2a8752]{font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222226;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .content[data-v-4b2a8752]{font-size:14px;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:#999aaa;margin-top:8px;height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info[data-v-4b2a8752]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:16px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info span[data-v-4b2a8752]{font-size:14px;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:#555666;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info span+span[data-v-4b2a8752]{margin-left:16px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info span i[data-v-4b2a8752]{width:18px;height:18px;margin-right:2px;background-position:50%;background-repeat:no-repeat;background-size:contain}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info span i.icon_lesson[data-v-4b2a8752]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA+VBMVEUAAAD///+/v7+qqqq2trafn7+iormqqqqlpbScnKqZo62bm62bm6qZn6yenqqbm6yamqqdnayan62bm62anqqZna2cnKubm6qcnKyanaqZnKyamqybm6yZnKyanKybm6qZnKubm6qZnKuZm6qbm6yZnKqZm6qanKubm6uZm6uZm6qZm6uamquamqqZm6uZm6uamquZm6qamquanKuamquam6uamqqZm6qamquZm6qam6uamqqZm6qZm6uam6qam6uZmqqam6qZm6qam6qam6qZm6uZm6qZmqqam6qam6qZm6uam6qZmqqam6qZmqqZmquZmqqam6uZmqr5HRWzAAAAUnRSTlMAAQQGBwgLDBESGRwhKCouMDQ1OD9BQ0VNTlBWXF9iY2RmZ2lrbHh5eoWHjI6QkZSVlpianaassra3v8DBy8zR1dbY2dvd4uTl6uzt7vT2+/3+ePp61QAAAM9JREFUOMvNk8USwjAURXEI7u5OcbdixaHY/f+PYcO0gXTKihnO6mXumeiLRvNP6OejVxXYp5XyIOAghBBCOuAt2vdUm1vc8IY4dNDCADhsaLY3XENynobg/ljR1MDOLI14uNhNTRCW6svJz9JFWRKgDCcLYotlSgtLhYvJ/Eawj33qQhK1b0L9mzDjOK+KEAMAXkUwJAqFvJMV7iuFY2YpYX3VsUIVcuP1UGRy2xlyT1lF9OMRmmj5iCalewTmrR9tIz2hMVTiaCop5x/9yCfzBz/7vjcz6gAAAABJRU5ErkJggg==)}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info span i.icon_student[data-v-4b2a8752]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABhlBMVEUAAAD///////+qqqqqqqq2traqqqqZs7OiormqqqqdnbGkpLaZqqqfn6+lpbSZprObm7Gfn6qhoaqenrCcnK2fn6+bm6qdnaycnKqfn6yZn6ybm66enqqcnK6dna6cnKyZnq2bm6qcnKqZnqyanqucnK2ZnaqZna2cnKuanaybm6yZnKqcnKyanaqbm6uanaybm6qamqybm6qamqqbm6ubm6qbm6qZnKuanKuZm6ybm6uZnKyamquZm6qanKubm6uanKqbm6uanKuZm6qamquamquamqqZm6uamquZm6qZm6qZm6uam6qamquZm6uZm6uZm6qam6uam6qamqqZm6uZmqqam6uZmqqam6qZm6uZmqqZm6qam6uZmqqZmquZm6uZm6uam6qZmqqZm6qam6qZmquZm6qam6qZmquam6qZmqqZmqqam6uZmqqam6qZmquZmquam6qZmqqZm6uZmqqZmqqZmqqam6uZmqqZmqqam6qZmquam6qZmqqam6qZmqqam6uZmqp555aFAAAAgXRSTlMAAQIDBgcJCgsMDQ4PEBEUFxgbHR8gISIkJSgpKiwvMTIzNjc6OzxBQ0RKS01OUlNUVldgYWNmZ2pucHF3eHl6fn+Dh4mOkJSVlpmbnJ2go6ipq6ytr7O0uLy+wcLDyMvOz9DT1tfY2drb3OHj5OXm6err7O7w8fLz9vf4+fr8/f5Oz1JRAAABaUlEQVQYGdXBCWPLYADH4V+amdpGN5lRx5jNMXXUMYbVzS51jFKN1n3TjA1dTdf/N5ekIXl9Ap6Hf0vmwLFdgD1yJJ/Pj/fwl/6FNWnZ4vQXhRbHMBxc0uvihUPdZX1/cKVQKMy135KUWVw9nwJu6JFDyFWGhNuawjfaftNNR0kOsQ0/Ptr4ZnWUSEkOsd26R6CqASIlOcRGNEfgyVoXkYp6ifWqRuCmRumwP3skudqH77ju0nFKRZLGVc8C1jNNEdjf+LkVw0U1J4Dtnh7vpGe+1TqBaaiud/i2vdAdTqqRw2BNNlTZAqy71tIZdqyo7JAwWFFj0gL2vlQ9B2Sr+jbBH5s/qDIEpK62dGsjgdS5FZX7idzXJQvfrOo5fstW9byPkLX8nkBOTzcRS81omlBaLoHrOkzS+tVXhOzmV9d1Hw4WNYzB8+g425TUHCtqGIPnEbHT6XQXl7XkGdo1DH0LnzxDbQ//iV+X418AneCr5AAAAABJRU5ErkJggg==)}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info span i.icon_lecturer[data-v-4b2a8752]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABUFBMVEUAAAD///////+qqqq/v7+ZzMyqqqq2traqqqqZs7OiormdnbGkpLaZqqqZprOioq6bm7Gfn6qZo62hoaqcnK2fn6+bm6qdnayZoK+cnKqdnaqZn6yamqycnK6Zn6qamqqZnq2bm6qbm62anqqZna2cnKubm6qamqyanaubm6yZnKqamqubm6uZnKuamqubm6uanKyZnKuZnKuZm6yZm6qZm6uZm6uZm6uamquamqqam6uZm6qam6qZm6uZm6uam6uZm6qamquZm6qZmquZm6uZmqqam6uam6uZm6qam6qZmquam6qamqqZm6uam6qam6uZm6qZm6qam6qZmquamqqam6qZm6uam6qZmqqZmqqZm6qZmquZmqqam6uZmqqZm6qam6uZmqqZm6qam6qZmquam6qZmqqam6qZmqqZmqqZmqqam6qam6qZmqqam6uZmqqHBcasAAAAb3RSTlMAAQIDBAUGBwkKCw0ODxQWFxgZGx8gISIjJCcoKywtMDIzOD9BQ0VHSUpLTE9VW2FiZGdue32FjI6Ql5mcoKOkpaeoqq2vsLO3uLm6u7y9v8HGx8jKzM7P0tXY2tzg4eLj5Ofo6err7e7x8/T8/f5lfEgJAAABHUlEQVQYGb3BWTsCYQAF4BOpiJGUvRoi2XclS7YIw4SQfcmW1Pn/d8xM01NPX7e9LxrO1h8IBHx21NEey1Pz5ofQ0BMLt6qqXjMOkZYbJlz4J1OByBLPm6CRqUBE4RR0MhWI3LEbOpkKRO7pgm6ExxBJcQy6BW5CZIUJaKxXnIWI85ERO9CxzctmCAV/mD1IfvN9AHX0nJIs7kqozxsOdUHMMzFXIeRGNf8RqxV3PKgwnOPnYVxTyG5pkl988aLM9spYKzQSH6BzbjCNsnmmLNAFWXBAZ1E5CtMJZ2BYJH0wTHMdphwlGKTMnhWGNqZg+mAnSmwWlDh+0zDtM4oay1yFqS/Pi7VIlegZn90okzOsoQyikjc8WWW8Fw3zB5CNTTkitVIrAAAAAElFTkSuQmCC)}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info .score[data-v-4b2a8752]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info .score em[data-v-4b2a8752]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;color:#fa0;margin-left:5px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info .score[data-v-4b2a8752] .el-rate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info .score[data-v-4b2a8752] .el-rate .el-rate__item{height:21px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info .score[data-v-4b2a8752] .el-rate .el-rate__item .el-rate__icon{margin-right:2px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .course_info .info .course_type[data-v-4b2a8752]{background:rgba(227,62,51,.12);border-radius:2px;font-size:14px;font-family:PingFangSC-Light,PingFang SC;font-weight:300;color:#e33e33;padding:0 8px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .features[data-v-4b2a8752]{margin:0 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .features .free_trial[data-v-4b2a8752],.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .features .see_detail[data-v-4b2a8752]{display:block;width:140px;height:36px;line-height:36px;text-align:center;font-size:14px;border-radius:18px;font-family:PingFangSC-Regular,PingFang SC}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .features .free_trial[data-v-4b2a8752]{background:#fff4f4;color:#e33e33;margin-bottom:8px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .features .free_trial[data-v-4b2a8752]:hover{background:#ffe9e9;font-weight:500;color:#e33e33}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .features .see_detail[data-v-4b2a8752]{background:-webkit-gradient(linear,left top,left bottom,from(#f66),to(#e33e33));background:linear-gradient(180deg,#f66,#e33e33);color:#fff;margin-top:8px}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .features .see_detail[data-v-4b2a8752]:only-child{margin-top:0}.course_ranking_wrapper .course_ranking_list_wrapper .course_ranking_list li .course .features .see_detail[data-v-4b2a8752]:hover{background:#f66;font-weight:500;color:#fff}.course_ranking_wrapper .course_ranking_list_wrapper .pagination[data-v-4b2a8752]{margin-top:32px}.course_ranking_wrapper .course_ranking_list_wrapper .pagination[data-v-4b2a8752] .el-pagination{margin:0 auto}.course_ranking_wrapper .course_ranking_list_wrapper .pagination[data-v-4b2a8752] .el-pagination .el-pager .number{color:#555665;font-weight:400}.course_ranking_wrapper .course_ranking_list_wrapper .pagination[data-v-4b2a8752] .el-pagination .el-pager .number.active{background:#e33e33;color:#fff}.course_ranking_wrapper .course_ranking_list_wrapper .pagination[data-v-4b2a8752] .el-pagination .el-pager li:not(.disabled):not(.active):hover{color:#e33e33}.course_ranking_wrapper .course_ranking_list_wrapper .pagination[data-v-4b2a8752] .el-pagination .el-input__inner:focus{border-color:#e33e33}.course_ranking_wrapper .course_ranking_list_wrapper .no_data[data-v-4b2a8752]{text-align:center;color:#ccccd8}