.read-page[data-v-38af9526]{width:100%;height:100%;background-image:url(../img/zyk-bj.f81aee9a.png);background-color:#e5f1ff;background-repeat:no-repeat;background-position:top;background-size:100% auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.read-page .left-book[data-v-38af9526],.read-page[data-v-38af9526]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.read-page .left-book[data-v-38af9526]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.read-page .left-book .tip-box[data-v-38af9526]{width:314px;height:121px}.read-page .left-book .read-book[data-v-38af9526]{width:412px;height:376px;margin-top:-4px}.read-page .course-card[data-v-38af9526]{width:402px;padding:42px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:16px;border:1px solid #fff;background:-webkit-linear-gradient(312deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.5));background:linear-gradient(138deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.5));box-shadow:0 12px 30px 0 rgba(30,80,121,.1);backdrop-filter:blur(2px);margin-left:58px}.read-page .course-card .card-title[data-v-38af9526]{font-size:36px;line-height:1;color:#000;margin-bottom:12px}.read-page .course-card .line[data-v-38af9526]{width:80px;height:4px;background:#0057ff;margin-bottom:36px}.read-page .course-card .tip[data-v-38af9526]{font-size:16px;line-height:24px;color:#666}.read-page .course-card .course-item[data-v-38af9526]{margin-top:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.read-page .course-card .course-item .course-name[data-v-38af9526]{font-size:14px;color:#666;margin-right:8px;line-height:24px;margin-top:12px}.read-page .course-card .course-item .course-item-list[data-v-38af9526]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.read-page .course-card .course-item .course-item-list .item[data-v-38af9526]{padding:0 8px;height:24px;line-height:24px;border-radius:4px;font-size:14px;color:#1a1a1a;background:#fff;margin-right:12px;cursor:pointer;margin-top:12px}.read-page .course-card .course-item .course-item-list .item[data-v-38af9526]:last-child{margin-right:0}.read-page .course-card .course-item .course-item-list .item[data-v-38af9526]:hover{background:#e6f2ff;color:#0057ff}.read-page .course-card .course-item .course-item-list .item.active[data-v-38af9526]{background:#0057ff;color:#fff}.read-page .course-card .course-item .course-item-list .item.active[data-v-38af9526]:hover{background:#0057ff}.read-page .course-card .submit-btn[data-v-38af9526]{cursor:pointer;text-align:center;margin-top:60px;height:42px;line-height:42px;border-radius:6px;font-size:14px;color:#fff;background:#9cf}.read-page .course-card .submit-btn.active[data-v-38af9526]{background:#0057ff}.read-page .course-card .submit-btn[data-v-38af9526]:hover{background:#4494ff}