@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.page-head{position:fixed;top:0;left:0;width:100%;height:50px;z-index:910;background-color:#fff;border-bottom:1px solid #ececec}.page-head .btn-back{position:fixed;top:5px;left:0;width:40px;height:40px;font-size:30px;text-align:center;line-height:40px;color:#929292;z-index:2}.page-body{position:fixed;top:50px;left:0;width:100%;height:calc(100% - 50px);background-color:#fff}.page-body .view-cont{max-width:800px}.page-body .view-cont .select-voice{width:calc(100% - 60px);height:32px;border-radius:0;margin:10px;margin-bottom:0;padding-left:10px;border-color:#c8c8c8;color:#666;outline:none}.page-body .view-cont .btn-play{width:32px;height:32px;border:1px solid #c8c8c8;border-radius:none;margin-top:10px}.page-body .view-cont .view-body{text-align:left}.page-body .view-cont .view-body .ex-box{word-break:break-all;font-size:1rem;color:#666;text-align:left;padding:10px}.page-body .view-cont .view-body .ex-box .tit{padding:20px 0 5px;font-size:11px}.page-body .view-cont .view-body .ex-box .btn{display:inline-block;border:1px solid #1da600;border-radius:20px;width:16px;height:16px;font-size:13px;line-height:15px;padding:0;margin:0;text-align:center;color:#fff;background-color:rgba(29,166,0,.6);vertical-align:top;margin-top:2px;margin-left:6px}.page-body .view-cont .view-body .ex-box .script .speech{font-size:15px;margin-left:20px}.page-body .view-cont .view-body .ex-box .script .speech:first-child{margin-left:0}.page-body .view-cont .view-body .result-box .hover{background-color:rgba(0,0,0,.1)}.page-body .view-cont .view-body .result-box .best{color:#4744f7}.page-body .view-cont .view-body .result-box .good{color:#1da600}.page-body .view-cont .view-body .result-box .average{color:#ffeb00}.page-body .view-cont .view-body .result-box .fair{color:#fab905}.page-body .view-cont .view-body .result-box .poor{color:#fc2415}.page-body .view-cont .view-body .result-box span{font-size:11px}.page-body .view-cont .view-body .result-box span>span{font-size:18px;cursor:pointer}.page-body .view-cont .view-body .chart{position:relative;width:100%;height:150px}.page-body .view-cont .ex-pron{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;background-color:hsla(0,0%,78.4%,.4);vertical-align:middle}.page-body .view-cont .ex-pron .ex-box{position:relative;display:inline-block;vertical-align:middle;margin:50px auto 0;text-align:center}.page-body .view-cont .ex-pron .ex-box table{border-radius:4px;background-color:#fff;box-shadow:0 0 8px #999}.page-body .view-cont .ex-pron .ex-box table th{padding:10px 0 6px;border-bottom:1px solid #c8c8c8}.page-body .view-cont .ex-pron .ex-box table td{padding:6px 10px 10px}.page-body .view-cont .ex-pron .ex-box .btn-ex-close{position:absolute;top:-20px;left:calc(50% - 10px);width:20px;height:20px;background-color:transparent;border:0;line-height:20px;padding:0;color:#fff;font-size:16px;text-shadow:#000 0 0 8px}.page-body .view-cont .ex-pron .ex-bg{position:absolute;top:0;left:0;width:100%;height:100%}