.page[data-v-27db3b7c]{position:relative;height:100%}.page-content[data-v-27db3b7c]{height:100%;padding-top:20px;position:relative;background:#fff}.studyMeau[data-v-27db3b7c]{margin:0 0 20px 0;z-index:1}.releaseRecordBtn[data-v-27db3b7c]{float:right;margin-right:30px}.recordUpload .recordBtnGroup[data-v-27db3b7c],.recordUpload[data-v-27db3b7c]{width:100%}.recordUpload .recordBtnGroup .recordBtn[data-v-27db3b7c]{width:100%;padding:20px 15px;border:1px solid #e5e5e5;margin-bottom:15px;height:82px;cursor:pointer}.recordUpload .recordBtnGroup .recordBtn .fontRight[data-v-27db3b7c]{float:left;margin:0 0 0 10px}.recordUpload .recordBtnGroup .recordBtn .fontRight h3[data-v-27db3b7c]{font-size:14px;font-weight:600;color:#262626;line-height:20px}.recordUpload .recordBtnGroup .recordBtn .fontRight p[data-v-27db3b7c]{font-weight:400;color:#8c8c8c;line-height:17px;margin-top:5px}.recordUpload .recordBtnGroup .recordBtn[data-v-27db3b7c]:after{clear:both;content:" ";height:1px}.recordUpload .recordBtnGroup .recordBtn i[data-v-27db3b7c]{width:42px;height:42px;line-height:42px;background:linear-gradient(315deg,#10bbb8,#18daa8);border-radius:2px;float:left}.recordUpload .recordBtnGroup .upload i[data-v-27db3b7c]{background:linear-gradient(315deg,#ff5e00,#ff8c00)}.recordUpload .startRecord[data-v-27db3b7c]{width:350px;height:180px;border-radius:2px;border:1px solid #e5e5e5}.recordUpload .startRecord i[data-v-27db3b7c]{margin:50px 161px 0 161px}.recordUpload .startRecord p[data-v-27db3b7c]{text-align:center;width:100%;font-weight:600;color:#262626;line-height:20px;font-size:14px;margin-top:10px}.recordUpload .startRecord p span[data-v-27db3b7c]{font-size:12px;font-weight:400;color:#8c8c8c;line-height:17px}.recordUpload .recordSubmit[data-v-27db3b7c]{width:350px;height:180px;border-radius:2px;border:1px solid #e5e5e5}.recordUpload .recordSubmit .ico[data-v-27db3b7c]{color:#3983fa}.recordUpload .recordSubmit i[data-v-27db3b7c]{margin:20px 161px 0 161px}.recordUpload .recordSubmit p[data-v-27db3b7c]{text-align:center;width:100%;font-weight:600;color:#262626;line-height:20px;font-size:14px;margin-top:10px}.recordUpload .recordSubmit .ctrBtnBox[data-v-27db3b7c]{margin-top:15px;text-align:center}.recordUpload .recordSubmit .ctrBtnBox .btn[data-v-27db3b7c]{margin:0 6px}.recordConentIco[data-v-27db3b7c]{color:#8c8c8c}.recordConent[data-v-27db3b7c]{width:100%;height:auto;padding:0;margin:0 0 15px 0;line-height:24px;font-size:14px;color:#333}.tips[data-v-27db3b7c]{width:100%;color:#999;font-size:12px;margin:10px 0 20px 0}.recordWavesurfer[data-v-27db3b7c]{display:block;height:20px}.handBtn[data-v-27db3b7c]{margin:0 5px;color:#3983fa}.isDisabled[data-v-27db3b7c]{color:#8c8c8c}.demo-spin-icon-load[data-v-27db3b7c]{-webkit-animation:ani-demo-spin-27db3b7c 1s linear infinite;animation:ani-demo-spin-27db3b7c 1s linear infinite}@-webkit-keyframes ani-demo-spin-27db3b7c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin-27db3b7c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}