.box[data-v-02d18590]{max-width:1000px;min-width:800px;margin:0 auto;border-radius:10px}.box .head[data-v-02d18590]{height:60px;background-image:linear-gradient(264deg,#1ad0b3,#23ccd1),linear-gradient(#fff,#fff);border-radius:10px;font-size:22px;line-height:60px;letter-spacing:1px;color:#fff;padding:0 10px}.box .head .el-icon-caret-left[data-v-02d18590]{vertical-align:text-bottom;font-size:28px;cursor:pointer;margin-right:2px}.box .body .body-box[data-v-02d18590]{max-width:1000px;min-width:800px;height:82vh;margin:12px 0 0 0;background-color:#fff;border-radius:10px;padding:20px 40px;position:relative}.box .body .body-box .box-top[data-v-02d18590]{display:flex;justify-content:space-between}.box .body .body-box .box-top .circle i[data-v-02d18590]{display:inline-block;width:14px;height:14px;background:#07dd7b;border-radius:50%;margin:0 5px 0 20px}.box .body .body-box .box-top .circle i[data-v-02d18590]:nth-child(3){background:#f44236}.box .body .body-box .box-top .circle i[data-v-02d18590]:nth-child(5){background:#f4cc01}.box .body .body-box .box-top .circle i[data-v-02d18590]:nth-child(7){width:20px;height:2px;background:#000;border-radius:0}.box .body .body-box .box-top .circle i[data-v-02d18590]:nth-child(9){background:#fff;margin:0 0 0 20px}.box .body .body-box .box-top .circle span[data-v-02d18590]{width:54px;height:14px;font-size:14px;font-family:PingFang SC;font-weight:400;color:#333}.box .body .body-box .box-content[data-v-02d18590]{position:absolute;top:10%;left:50%;transform:translateX(-50%);width:760px;height:52vh;background:#fff;box-shadow:0 0 27px 0 rgba(0,0,0,.1);border-radius:10px;overflow:auto}.box .body .body-box .box-content>p[data-v-02d18590]{height:22vh;width:620px;font-size:20px;font-weight:400;line-height:38px;margin:30px auto;text-align:center;overflow:auto}.box .body .body-box .box-content ul[data-v-02d18590]{width:370px;margin:0 auto}.box .body .body-box .box-content ul li[data-v-02d18590]{display:flex;justify-content:space-between;font-size:14px;font-family:PingFang SC,sans-serif;font-weight:400;color:#333;height:40px;line-height:38px}.box .body .body-box .box-content ul li u[data-v-02d18590]{text-decoration:none;width:100px;text-align:left;font-family:PingFang SC}.box .body .body-box .box-content ul li span[data-v-02d18590]{width:60%;margin:auto}.box .body .body-box .box-content .page[data-v-02d18590]{position:absolute;left:50%;transform:translateX(-50%);bottom:0;font-size:14px;font-family:PingFang SC,sans-serif;font-weight:400;color:#000;line-height:52px}.box .body .body-box .last[data-v-02d18590],.box .body .body-box .next[data-v-02d18590]{position:absolute;top:50%;transform:translateY(-50%);font-size:14px;font-family:PingFang SC;text-align:center;font-weight:400;color:#a6a6a6;line-height:30px;cursor:pointer}.box .body .body-box .last[data-v-02d18590]{left:40px}.box .body .body-box .next[data-v-02d18590]{right:40px}.box .body .body-box .box-bottom[data-v-02d18590]{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;width:340px;margin:auto;text-align:center;font-size:14px;font-weight:400;color:#424242;line-height:34px}.box .body .body-box .box-bottom .original[data-v-02d18590]{height:96px;margin-top:15px;cursor:pointer}.box .body .body-box .box-bottom .original img[data-v-02d18590]{max-width:50px}.box .body .body-box .box-bottom .record[data-v-02d18590]{cursor:pointer}.box .body .body-box .box-bottom .record img[data-v-02d18590]{max-height:76px}.box .body .body-box .box-bottom .radius-circle[data-v-02d18590]{width:85px;height:85px;margin:0 auto;position:relative}.box .body .body-box .box-bottom .radius-circle[data-v-02d18590] .el-progress-circle{width:85px!important;height:85px!important}.box .body .body-box .box-bottom .radius-circle .djs[data-v-02d18590]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.box .body .body-box .box-bottom .radius-circle .dwc[data-v-02d18590]{position:absolute;top:50%;left:50%;transform:translate(-43%,-50%)}.box .body .body-box .box-bottom .radius-circle .dwc p[data-v-02d18590]{margin-top:16px;color:#32c9cc}.box .body .body-box .box-bottom .radius-circle .dwc .m-duigou[data-v-02d18590]{width:40px;height:20px;transform:rotate(-45deg);overflow:hidden}.box .body .body-box .box-bottom .radius-circle .dwc .m-duigou[data-v-02d18590]:after,.box .body .body-box .box-bottom .radius-circle .dwc .m-duigou[data-v-02d18590]:before{content:"";position:absolute;background:#32c9cc;border:2px solid #32c9cc}.box .body .body-box .box-bottom .radius-circle .dwc .m-duigou[data-v-02d18590]:before{width:0;height:20px;left:0;-webkit-animation:dgLeft-data-v-02d18590 .5s linear 0s 1 both;animation:dgLeft-data-v-02d18590 .5s linear 0s 1 both}.box .body .body-box .box-bottom .radius-circle .dwc .m-duigou[data-v-02d18590]:after{width:40px;height:0;bottom:0;-webkit-animation:dgRight-data-v-02d18590 .5s linear .5s 1 both;animation:dgRight-data-v-02d18590 .5s linear .5s 1 both}@-webkit-keyframes dgLeft-data-v-02d18590{0%{top:-100%}to{top:0}}@-webkit-keyframes dgRight-data-v-02d18590{0%{left:-100%}to{left:0}}.box .body .body-box .box-bottom .radius-circle .button-stop[data-v-02d18590]{text-align:center;font-size:16px;line-height:48px;letter-spacing:1px;color:#959db3}.box .body .body-box .box-bottom .radius-circle .button-stop u[data-v-02d18590]{color:#ff4242;cursor:pointer}.box .body .body-box .box-bottom .my-play[data-v-02d18590]{cursor:pointer;height:96px;margin-top:15px}.box .body .body-box .box-bottom .my-play img[data-v-02d18590]{max-width:50px}