#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}@media (min-width:1601px) and (max-width:1920px){.operation{height:90px!important}}@media (min-width:1921px) and (max-width:2800px){.operation{height:105px!important}}@media (min-width:2801px) and (max-width:3840px){.operation{height:115px!important}}@media (min-width:3841px) and (max-width:7680px){.operation{height:125px!important}}#app,body,html{height:100%;margin:0}.header::-moz-selection{color:#27ad95!important;background:#fff!important}.header::selection{color:#27ad95!important;background:#fff!important}.makeBody::-moz-selection{color:#fff;background:#27ad95}.makeBody::selection{color:#fff;background:#27ad95}.operation::-moz-selection{color:#fff;background:#27ad95}.operation::selection{color:#fff;background:#27ad95}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:hsla(0,17%,91%,.4);box-shadow:inset 0 0 6px 0 rgba(0,0,0,.3);border-radius:3px;cursor:pointer}::-webkit-scrollbar-track{background:transparent;border-radius:3px;box-shadow:inset 0 0 6px 0 rgba(0,0,0,.1)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.35)}.make{height:100vh;width:100vw;display:flex;flex-direction:column}.header{height:52px;display:block;background:#27ad95;font-size:20px;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.header .logo{margin:0 20px;line-height:52px}.header .editName{display:flex;color:#fff;width:220px;cursor:pointer;align-items:center;justify-content:center;font-size:15px}.header .editName span{max-width:200px;overflow:hidden;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}.header .save_and_user{display:flex;align-items:center;justify-content:center;cursor:pointer}.header .save_and_user .save_draft_btn{width:100px;height:28px;border-radius:30px;cursor:pointer;line-height:28px;min-width:100px;font-size:15px;background:#fff;color:#27ad95;margin-right:30px}.header .save_and_user .user{margin:0 20px;font-size:24px}.operation{display:block;display:flex;flex-direction:row;align-items:center}.operation .partingLine{width:1px;min-width:1px;height:40px;background-color:#e4e9ed}.operation .btn_box{margin:5px 20px 15px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}.operation .btn_box span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.operation .btn_box .backmusic{width:70px}.operation .btn_box .remove_backmusic{position:absolute;width:12px;height:12px;top:30px;right:5px;z-index:2;cursor:pointer;box-sizing:border-box;color:#9c9c9c;font-size:10px}.operation .operation_icon{margin:10px 10px 5px 10px;text-align:center;font-size:30px;width:30px;color:#27ad95}.operation .light_orange{color:#ffa963}.operation .light_blue{color:#32b7fc}.operation .selectorContainer div:hover{color:#ff8560;background-color:#fff}.operation .selectorContainer div{display:inline-block;width:100%;cursor:pointer;border-radius:4px;transition:background-color .2s;text-wrap:nowrap}.operation .selectorContainer{padding:10px;background-color:#ff8560;position:absolute;border-radius:10px;text-align:center;color:#fff;top:140px;z-index:99;width:100px}.disabled{cursor:help!important}.makeBody{min-height:1rem}.makeBody,.make_left{width:100%;flex:1;display:flex;background:#fff}.make_left{flex-direction:column;overflow:auto;border-right:0}.editor{flex:1;text-align:left;overflow-y:auto;border-radius:20px;margin:0 10px}.editor,.editor .tts-mark-editor{border-right:0;background:#f5f5f5}.editor .tts-mark-editor{display:block;outline:0;height:calc(100% - 40px);box-sizing:border-box;width:100%;padding:0 36px;margin:20px 0;position:relative;line-height:222%;overflow:auto;min-height:1em;caret-color:#27ad95;word-break:break-word}.editor .tts-mark-editor[empty=true]:after{content:attr(data-placeholder);font-weight:400;font-size:15px;color:rgba(27,35,55,.48);line-height:222%;position:absolute;top:-36px;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%)}.editor .tts-content-paragraph,.editor .tts-lrc{margin:0 0 10px 0;font-weight:400;color:#000;padding-top:0;line-height:222%}.editor .tts-mark-editor-preview>br{content:"";margin:15px;display:block}.editor .tts-mark-editor-preview>.activeing{background:#e8fffa;color:#000}.editor .tts-mark-editor-preview>.active{background:#fff!important;color:#27ad95!important}.editor .tts-mark-point{display:inline-flex;align-items:center;justify-content:center;border-radius:2px;color:#fff;padding:0 5px;cursor:pointer;margin:0 2px;line-height:24px;font:inherit}.editor .tts-mark-point:after{content:attr(data-label);font-size:11px}.editor .tts-mark-point.tts-mark-breath{background:#7d78ef;line-height:16px;padding:0 5px}.editor .tts-mark-point.tts-mark-breath:after{font-weight:500;font-size:11px;line-height:20px}.editor .tts-mark-point.tts-mark-continuity{background:#7ec143;line-height:16px;padding:0 5px}.editor .tts-mark-point.tts-mark-continuity:after{font-weight:500;font-size:11px;line-height:20px}.editor .tts-mark-point.tts-mark-pinyin{margin:0;padding:0;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.editor .tts-mark-point.tts-mark-pinyin:after{color:#ff8560;font-size:15px}.speakerList::-webkit-scrollbar,.tts-mark-editor::-webkit-scrollbar{width:3px}.music_library::-webkit-scrollbar{width:3px}.core{width:100%;height:80px;font-size:20px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end}.core .core_btn{width:200px;height:50px;margin:15px;border-radius:30px;cursor:pointer;border:2px solid #f1f2f4;line-height:50px;min-width:100px}.core .complete{background:#27ad95;color:#fff}.core .trial{border:2px solid #27ad95;background:#fff;color:#27ad95}.core .word_count{margin:15px;line-height:50px;color:#27ad95;font-size:14px;min-width:150px}.mini_make_right{display:block;width:150px;min-width:150px;overflow:auto;background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mini_make_right .speakerSelect{height:calc(100% - 15px);background:#f5f5f5;border-radius:20px;border:1px solid #f1f2f4;margin:0 10px}.mini_make_right .speakerSelect .speaker_header{height:50px;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;margin:10px 0}.mini_make_right .speakerSelect .speaker_header .retractBtn{cursor:pointer;width:50px;height:50px;line-height:50px;font-size:20px}.mini_make_right .speakerSelect .speaker_header .mini_tip{flex:1;text-align:left;line-height:50px;font-size:20px;cursor:pointer}.mini_make_right .speakerSelect .speaker_main{display:flex;flex-direction:column;margin:0 12px;background:#fff;border-radius:10px;height:calc(100% - 85px)}.mini_make_right .speakerSelect .speaker_main .speakerList{flex:1;padding:5px;border-radius:10px;overflow-x:auto;justify-content:flex-start}.mini_make_right .speakerSelect .speaker_main .speakerList,.mini_make_right .speakerSelect .speaker_main .speakerList .speaker{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center}.mini_make_right .speakerSelect .speaker_main .speakerList .speaker .active{border:1px solid #27ad95!important;box-shadow:0 0 6px 0 skyblue}.mini_make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_img{width:70px;height:70px;border-radius:50px;border:1px solid #f1f2f4}.mini_make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_img>img{width:70px;height:70px;border-radius:50px}.mini_make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_name{width:90px;margin:5px 0 15px 0;font-size:18px;font-weight:600;line-height:30px;font-style:normal;overflow:hidden;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}.make_right{display:block;width:600px;min-width:600px;overflow:auto;background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.make_right .speakerSelect{height:calc(100% - 15px);background:#f5f5f5;border-radius:20px;border:1px solid #f1f2f4;margin:0 10px}.make_right .speakerSelect .speaker_header{height:50px;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;margin:10px 0}.make_right .speakerSelect .speaker_header .selectTxt{flex:1;text-align:left;height:50px;line-height:50px;font-size:20px;padding:0 20px}.make_right .speakerSelect .speaker_header .retractBtn{cursor:pointer;width:50px;height:50px;line-height:50px;font-size:20px}.make_right .speakerSelect .speaker_main{display:flex;flex-direction:column;margin:0 16px;background:#fff;border-radius:10px;height:calc(100% - 85px)}.make_right .speakerSelect .speaker_main .tabs{height:50px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.make_right .speakerSelect .speaker_main .tabs .tab{flex:1;text-align:center;line-height:50px;width:auto;font-size:16px;font-weight:500}.make_right .speakerSelect .speaker_main .tabs .active{color:#27ad95;cursor:pointer!important}.make_right .speakerSelect .speaker_main .tabs .active:after{position:relative;content:"";display:block;width:60%;left:20%;height:4px;background:#27ad95;border-radius:4px}.make_right .speakerSelect .speaker_main .speakerList{display:flex;flex:1;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-content:flex-start;padding:16px;margin-top:10px;border-radius:10px;overflow:auto}.make_right .speakerSelect .speaker_main .speakerList .active{border:1px solid #27ad95!important;box-shadow:0 0 6px 0 skyblue}.make_right .speakerSelect .speaker_main .speakerList .speaker{width:250px;max-width:250px;height:130px;cursor:pointer;border-radius:10px;border:1px solid #f1f2f4;margin-bottom:10px;background:#f2f6f5cc}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_top{display:flex;flex-direction:row}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_top .speaker_img{width:70px;height:70px;margin:10px 10px 0 10px}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_top .speaker_img>img{width:70px;height:70px;border-radius:50px}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_top .speaker_intro{text-align:left}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_top .speaker_intro .speaker_name{width:135px;margin-top:15px;font-size:18px;font-weight:600;line-height:30px;font-style:normal;overflow:hidden;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_top .speaker_intro .speaker_tag{width:155px;max-width:155px;font-size:14px;font-weight:400;line-height:20px;font-style:normal;overflow:hidden;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_top .delete_icon{position:relative;right:23px;top:3px;width:25px;height:30px;font-size:20px;color:#f16e78b0}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_bottom{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_bottom .speaker_info{width:90px;height:50px;font-size:10px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_bottom .speaker_info .speaker_info_item{margin:5px;color:#868686;text-wrap:nowrap;white-space:nowrap}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_bottom .speaker_btn{width:170px;text-align:center;line-height:30px;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-evenly}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_bottom .speaker_btn .speaker_btn_item{color:#27ad95;padding:0 15px;height:30px;border:1px solid #27ad95;border-radius:15px}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_bottom .speaker_btn .playerSpeaker{background:linear-gradient(90deg,#27ad9533,#fff 0)}.make_right .speakerSelect .speaker_main .speakerList .speaker .speaker_bottom .speaker_btn .setting{background-color:#27ad95;color:#fff}.make_right .speakerSelect .speaker_main .speakerList .custom_speaker_btn{width:250px;max-width:250px;height:130px;cursor:pointer;border-radius:10px;border:1px dashed #bbb;margin-bottom:10px}.make_right .speakerSelect .speaker_main .speakerList .custom_speaker_btn .custom_tip{font-size:20px;color:#9c9c9c;margin:0}.make_right .settingSpeaker{height:calc(100% - 15px);background:#f5f5f5;border-radius:20px;border:1px solid #f1f2f4;margin:0 10px}.make_right .settingSpeaker .speaker_header{height:50px;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;margin:10px 0}.make_right .settingSpeaker .speaker_header .mini_tip{flex:1;text-align:left;line-height:50px;font-size:20px;cursor:pointer}.make_right .settingSpeaker .speaker_header .retractBtn{cursor:pointer;width:50px;height:50px;line-height:50px;font-size:20px}.make_right .settingSpeaker .setting_main{display:flex;flex-direction:column;margin:0 12px;background:#fff;border-radius:10px;height:calc(100% - 85px)}.make_right .settingSpeaker .setting_main .speaker{height:130px;cursor:pointer;border-radius:10px;margin-bottom:30px}.make_right .settingSpeaker .setting_main .speaker .speaker_top{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:30px}.make_right .settingSpeaker .setting_main .speaker .speaker_top .speaker_img{height:100px}.make_right .settingSpeaker .setting_main .speaker .speaker_top .speaker_img>img{width:100px;height:100px;border-radius:50px}.make_right .settingSpeaker .setting_main .speaker .speaker_top .speaker_intro{margin-left:30px;text-align:left;width:calc(100% - 130px)}.make_right .settingSpeaker .setting_main .speaker .speaker_top .speaker_intro .speaker_name{font-size:20px;font-weight:600;line-height:40px;font-style:normal;overflow:hidden;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}.make_right .settingSpeaker .setting_main .speaker .speaker_top .speaker_intro .speaker_tag{font-size:16px;font-weight:400;line-height:30px;font-style:normal;color:#9c9c9c;overflow:hidden;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}.make_right .settingSpeaker .setting_main .speaker_setting_item{height:100px;margin:0 30px 20px 30px}.make_right .settingSpeaker .setting_main .speaker_setting_item .setting_item_title{width:100%;height:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:16px}.make_right .settingSpeaker .setting_main .speaker_setting_item .setting_item_title .setting_item_name,.make_right .settingSpeaker .setting_main .speaker_setting_item .setting_item_title .setting_item_value{font-size:16px;font-weight:400;line-height:50px;font-style:normal;color:#000}.custom_btn{width:160px;height:45px;margin:15px;border-radius:30px;cursor:pointer;min-width:100px}.customCancel{border:2px solid #27ad95;background:#fff;color:#27ad95}.customUpload{background:#27ad95;color:#fff;box-shadow:0 0}.uploadContent{margin:36px 36px 10px 36px;width:400px;max-width:400px;cursor:pointer;text-align:center;border:1px dashed #bbb}.uploadContent .custom_tip{font-size:20px;color:#454545;margin:0}.uploadContent .custom_tip2{font-size:16px;color:#9c9c9c;margin:5px}.uploadContent .custom_tip3{font-size:14px;color:#9c9c9c;margin:5px}.custom_speaker{height:180px}.import_txtfile{height:200px}.custom_speaker_optimize{margin-top:20px;text-align:center}.music_library{height:420px;width:calc(100% + 6px);grid-column-gap:12px;overflow-x:auto;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;align-content:flex-start;padding:6px 0 6px 6px}.music_library .active{border:1px solid #27ad95!important;box-shadow:0 0 6px 0 skyblue}.backmusic_footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.backmusic_footer .bgvolume{width:35%}.backmusic_footer .setting_item_title{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap}.music_library_item{width:294px;height:90px;margin-bottom:12px;border-radius:12px;background:#f2f6f5cc;display:flex;align-items:center;cursor:pointer;box-sizing:border-box;position:relative}.music_library_item .player_icon{width:30px;height:30px;margin:0 10px;font-size:20px;border-radius:30px;color:#27ad95;border:2px solid #27ad95;display:flex;align-items:center;justify-content:center}.music_library_item .music_info{text-align:left;font-weight:400}.music_library_item .music_info .music_name{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:210px}.music_library_item .music_info .music_duration{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:210px;color:rgba(27,35,55,.32)}.music_library_item .delete_icon{position:absolute;right:6px;width:20px;height:20px;line-height:0;cursor:pointer;bottom:6px;color:#9c9c9c}.fileSettingOpen .ant-modal-content{padding:0}.back[data-v-76b3edf7]{position:absolute;top:24px;left:24px;z-index:1000;cursor:pointer;color:#6a6a6ae0;font-size:24px}.back span[data-v-76b3edf7]{color:#6a6a6ae0}.logo[data-v-76b3edf7]{margin-top:200px}.logo .avatar[data-v-76b3edf7],.logo img[data-v-76b3edf7]{width:80px;height:80px}.sider[data-v-76b3edf7]{background:#fff!important}.menu_item[data-v-76b3edf7]{margin-top:24px}.editName[data-v-76b3edf7]{display:flex;color:#000000e0;width:120px;cursor:pointer;align-items:center;justify-content:center;font-size:15px;margin:20px 40px}.editName input[data-v-76b3edf7]{height:30px}.editName span[data-v-76b3edf7]{height:30px;line-height:30px;max-width:200px;overflow:hidden;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}