.test-color[data-v-8b924ac8]{color:#1890ff}.page-content[data-v-8b924ac8]{height:100%;display:flex;flex-direction:column}.inner-banner[data-v-8b924ac8]{background-image:url(../img/banner.e444459e.png)}.detail-box[data-v-8b924ac8]{padding:20px 0;padding-top:30px;position:relative;display:flex;flex-direction:column;height:auto}.detail-box .bread-crumb .nav[data-v-8b924ac8]{font-size:14px;font-family:MicrosoftYaHei;color:#333;line-height:19px}.detail-box .bread-crumb .nav[data-v-8b924ac8]:hover{color:#3385ff}.detail-box .date[data-v-8b924ac8]{display:flex;flex-direction:column;background:#4d8cff;width:80px;height:80px;justify-content:center;position:absolute;left:100px;top:90px}.detail-box .date .day[data-v-8b924ac8]{color:#fff;font-size:24px;font-family:MicrosoftYaHei-Bold;font-weight:700;text-align:left;white-space:nowrap;line-height:31px;margin:13px 0 0 25px}.detail-box .date .month[data-v-8b924ac8]{overflow-wrap:break-word;color:#fff;font-size:14px;font-family:MicrosoftYaHei;font-weight:NaN;text-align:left;white-space:nowrap;line-height:19px;margin:4px 0 13px 12px}.class-content[data-v-8b924ac8]{display:flex;flex-wrap:wrap;justify-content:space-between}.class-content .class-box[data-v-8b924ac8]{width:282px;height:306px;background:#fff;margin-bottom:24px;box-shadow:0 4px 12px 0 rgba(0,51,128,.1);border-radius:4px}.class-content .class-box .class-picture[data-v-8b924ac8]{width:100%;height:160px;background:#add8e6}.class-content .class-box .word-box[data-v-8b924ac8]{padding:20px}.class-content .class-box .word-box .class-desc[data-v-8b924ac8]{font-size:16px;color:#333;margin-bottom:10px;font-weight:700}.class-content .class-box .word-box .date[data-v-8b924ac8]{font-size:14px;color:#333}.class-content .class-box .word-box .price[data-v-8b924ac8]{color:#e67f11;font-size:16px;margin-left:auto;display:block}.big-box[data-v-8b924ac8]{display:block;width:100%;height:282px;margin-bottom:20px}.big-box .class-box[data-v-8b924ac8]{width:100%!important;display:flex;padding:20px;height:282px}.big-box .class-box .class-picture[data-v-8b924ac8]{width:440px;height:250px}.big-box .class-box .class-picture img[data-v-8b924ac8]{width:100%}.big-box .class-box .word-box[data-v-8b924ac8]{flex:1;display:flex;flex-direction:column}.big-box .class-box .word-box .class-desc[data-v-8b924ac8]{font-size:24px!important}.big-box .class-box .word-box .date[data-v-8b924ac8]{color:#999!important;font-size:14px!important}.big-box .class-box .word-box .series-invoke[data-v-8b924ac8]{display:flex;justify-content:space-between;margin-top:auto}.big-box .class-box .word-box .series-invoke .price[data-v-8b924ac8]{margin-left:unset}.big-box .class-box .word-box .series-invoke .look-all[data-v-8b924ac8]{width:160px;height:40px;background:#3384ff;border-radius:28px;text-align:center;line-height:40px;color:#fff;display:block}.detail[data-v-8b924ac8]{width:100%;display:flex}.detail .left-box[data-v-8b924ac8]{width:880px;padding:20px;background:#fff}.detail .left-box ul[data-v-8b924ac8]{display:flex;border-bottom:1px solid #d9d9d9}.detail .left-box ul li[data-v-8b924ac8]{font-size:18px;color:#333;padding-bottom:11px;margin-right:60px;position:relative;cursor:pointer}.detail .left-box ul li .line[data-v-8b924ac8]{width:24px;height:3px;background:#3384ff;border-radius:2px;position:absolute;bottom:0;margin-left:-12px;left:50%}.detail .left-box ul .active[data-v-8b924ac8]{color:#3384ff}.detail .left-box .evaluate .star[data-v-8b924ac8]{position:relative;width:0;height:0;border-style:solid;border-color:transparent transparent #d8d8d8 transparent;border-width:70px 100px;transform:rotate(35deg);zoom:.1;margin-right:6px}.detail .left-box .evaluate .star[data-v-8b924ac8]:before{top:-128px;left:-95px;border-width:80px 30px;transform:rotate(-35deg)}.detail .left-box .evaluate .star[data-v-8b924ac8]:after,.detail .left-box .evaluate .star[data-v-8b924ac8]:before{position:absolute;content:"";width:0;height:0;border-style:solid;border-color:transparent transparent #d8d8d8 transparent}.detail .left-box .evaluate .star[data-v-8b924ac8]:after{top:-45px;left:-140px;border-width:70px 100px;transform:rotate(-70deg)}.detail .left-box .evaluate .active[data-v-8b924ac8],.detail .left-box .evaluate .active[data-v-8b924ac8]:after,.detail .left-box .evaluate .active[data-v-8b924ac8]:before{border-color:transparent transparent #f67800 transparent}.detail .left-box .evaluate .message[data-v-8b924ac8]{display:flex;margin-top:30px;margin-bottom:20px}.detail .left-box .evaluate .submit-box[data-v-8b924ac8]{display:flex;margin-top:20px}.detail .left-box .evaluate .submit-box .submit[data-v-8b924ac8]{width:80px;height:40px;background:#3384ff;border-radius:20px;color:#fff;font-size:14px;margin-left:auto;display:block;text-align:center;line-height:40px}.detail .left-box .evaluate .submit-box .cancel[data-v-8b924ac8]{width:80px;height:40px;border-radius:20px;border:1px solid #ccc;font-size:14px;color:#333;margin-left:20px;display:block;text-align:center;line-height:40px}.detail .left-box .evaluate .evaluate-list .evaluate-detail[data-v-8b924ac8]{margin-top:20px}.detail .left-box .evaluate .evaluate-list .evaluate-detail .top[data-v-8b924ac8]{display:flex}.detail .left-box .evaluate .evaluate-list .evaluate-detail .top .user-info[data-v-8b924ac8]{display:flex;flex-direction:column;justify-content:space-around;margin-left:10px}.detail .left-box .evaluate .evaluate-list .evaluate-detail .top .user-info .name[data-v-8b924ac8]{font-size:16px;font-weight:700;color:#333}.detail .left-box .evaluate .evaluate-list .evaluate-detail .top .user-info .date[data-v-8b924ac8]{color:#999;font-size:14px}.detail .left-box .evaluate .evaluate-list .evaluate-detail .top .star-info[data-v-8b924ac8]{margin-left:auto;display:flex}.detail .left-box .evaluate .evaluate-list .evaluate-detail .bottom[data-v-8b924ac8]{font-size:14px;color:#333;margin-top:16px}.detail .left-box .class-detail[data-v-8b924ac8]{padding:30px 0;font-size:14px;line-height:19px;color:#333}.detail .right-box[data-v-8b924ac8]{flex:1;margin-left:20px;display:flex;flex-direction:column}.detail .right-box .title[data-v-8b924ac8]{font-size:18px;color:#333;border-bottom:1px solid #d9d9d9;padding-bottom:18px;margin-bottom:24px}.detail .right-box .right-top[data-v-8b924ac8]{width:100%;padding:20px;background:#fff}.detail .right-box .right-top .recommand-class[data-v-8b924ac8]{display:flex;flex-direction:column}.detail .right-box .right-top .recommand-class .class-box1[data-v-8b924ac8]{display:flex;margin-bottom:20px;cursor:pointer}.detail .right-box .right-top .recommand-class .class-box1 .class-picture[data-v-8b924ac8]{width:120px;height:68px;background:#add8e6;margin-right:10px;display:flex;align-content:center;justify-content:center}.detail .right-box .right-top .recommand-class .class-box1 .class-picture img[data-v-8b924ac8]{max-width:100%;max-height:100%;-o-object-fit:fill;object-fit:fill}.detail .right-box .right-top .recommand-class .class-box1 .word-box[data-v-8b924ac8]{display:flex;flex:1;flex-direction:column;justify-content:space-between;font-size:14px}.detail .right-box .right-top .recommand-class .class-box1 .word-box .class-desc[data-v-8b924ac8]{color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.detail .right-box .right-top .recommand-class .class-box1 .word-box .price[data-v-8b924ac8]{color:#e67f11}.detail .right-box .right-bottom[data-v-8b924ac8]{margin-top:20px;background:#fff;padding:20px}.detail .right-box .right-bottom .pdf-box[data-v-8b924ac8]{display:flex;flex-direction:column}.detail .right-box .right-bottom .pdf-box .pdf-message[data-v-8b924ac8]{width:260px;height:70px;background:#fff;border-radius:8px;border:1px solid #d7d8d9;display:flex;align-items:center;padding:17px 12px;margin-bottom:20px}.detail .right-box .right-bottom .pdf-box .pdf-message img[data-v-8b924ac8]:first-child{margin-right:6px}.detail .right-box .right-bottom .pdf-box .pdf-message .text[data-v-8b924ac8]{color:#333;font-size:14px;margin-right:17px}.ant-pagination[data-v-8b924ac8]{justify-content:center;background:transparent}