.i-icon{display:inline-block;background-size:100%!important;margin-right:5px;width:1em;height:1em}.i-icon-edit{background:url(/img/icon_edit@2x-b2cc31c6.png) no-repeat}.i-icon-recorder{background:url(/img/icon-recorder@2x-6b47b60f.png) no-repeat}.i-icon-recording{background:url(/img/icon-recording@2x-a8e47e95.png) no-repeat}.i-icon-player{background:url(/img/icon-play@2x-39e77fb6.png) no-repeat}.i-icon-playing{background:url(/img/icon-playing@2x-0e4af3bd.gif) no-repeat}.i-icon-arrow-up{background:url(/img/icon-arrow-up@2x-03ed1a4c.png) no-repeat}.i-icon-arrow-down{background:url(/img/icon-arrow-down@2x-dcee2dcf.png) no-repeat}.i-icon-right{background:url(/img/icon-right@2x-67d3fa57.png) no-repeat}.i-icon-wrong{background:url(/img/icon-wrong@2x-e201d951.png) no-repeat}.i-icon-github{background:url(/img/icon-github@2x-c87b2093.png) no-repeat}.i-icon-back{background:url(/img/icon_back@2x-227f128f.png) no-repeat}.i-icon-pause{background:url(/img/icon_pause@2x-cf1d4be2.png) no-repeat}.i-icon-new{background-image:url(/img/icon_new@2x-737356f3.png);background-size:cover;width:32px;height:16px}html{height:100%;display:block;min-width:1200px;font-family:Open Sans}body{margin:0}[v-cloak]{display:none}*{padding:0;margin:0;box-sizing:border-box;outline:none}a{text-decoration:none}.nav-bar-drop-down .el-dropdown-menu__item a{color:#333!important}.nav-bar-drop-down .el-dropdown-menu__item:hover a{color:#1377e1!important}#app{position:relative}#app header{height:75px;background:#fff;position:fixed;top:0;left:0;width:100%;z-index:1500;box-shadow:0 0 15px 0 hsla(0,0%,79.6%,.5)}#app header .container{display:flex;align-items:center;justify-content:space-between;width:1200px;margin:0 auto;height:75px}#app header .container .logo,#app header .container .logo img{width:177px;height:38px}#app header .container .nav{display:flex;align-items:center;padding-left:80px}#app header .container .nav .nav-item{list-style:none;font-size:17px!important;padding:0 25px;cursor:pointer;user-select:none;color:#333!important;font-weight:700}#app header .container .nav .nav-item:hover{color:#1377e1!important;font-weight:700}#app header .container .nav .nav-item:hover a{color:#1377e1}#app header .container .nav .nav-item .el-dropdown{font-size:17px!important;color:#333!important}#app header .container .nav .nav-item .el-dropdown:hover{color:#1377e1!important;font-weight:700}#app header .container .nav .nav-item .el-dropdown:hover a{color:#1377e1}#app header .container .nav .nav-item .login{font-size:17px;font-weight:700;color:#1377e1}#app header .container .nav .nav-item .button{width:160px;height:50px;background:#1377e1;border-radius:10px;font-size:17px;font-weight:600;color:#fff}#app header .container .nav .nav-item a{cursor:pointer;color:#333;text-decoration:none}#app header .container .nav .nav-item .active,#app header .container .nav .nav-item:hover{color:#1377e1;font-weight:700}#app header .container .nav .nav-item .active a,#app header .container .nav .nav-item:hover a{color:#1377e1}#app header .container .nav .nav-item .el-icon-arrow-down,#app header .container .nav .nav-item .el-icon-arrow-up{margin-left:6px}#app header .container .nav .nav-item:last-child{padding-left:25px;padding-right:0}#app header .container .nav .nav-item:first-child{padding-left:0;padding-right:25px}#app header .container .nav.demo .nav-item{padding:0 20px}#app header .container .nav.demo .nav-item:last-child{padding-left:20px}#app .dialog-mask{z-index:9998;width:100%;height:100vh;position:absolute;left:0;top:0}#app .product-dialog{position:fixed;top:70px;z-index:9999;width:100%}#app .product-dialog .container{width:1200px;height:800px;margin:0 auto;box-shadow:0 0 10px 0 #ddd;border-radius:10px 10px 10px 10px;background:#fff}#app .product-dialog .container .product-list{display:flex;align-items:flex-start;justify-content:space-between}#app .product-dialog .container .product-list .product-api .product-title,#app .product-dialog .container .product-list .product-sdk .product-title{font-size:28px;font-weight:700;color:#333}#app .product-dialog .container .product-list .product-api .product-sub-title,#app .product-dialog .container .product-list .product-sdk .product-sub-title{padding-top:20px;font-size:20px;font-weight:600;color:#333}#app .product-dialog .container .product-list .product-api .product-sub-title span,#app .product-dialog .container .product-list .product-sdk .product-sub-title span{color:#1377e1}#app .product-dialog .container .product-list .product-api .icon-support,#app .product-dialog .container .product-list .product-sdk .icon-support{width:10px;height:10px;background-image:url(/img/icon-support@2x-cb87eb6a.png);background-size:cover;margin-right:5px}#app .product-dialog .container .product-list .product-api{padding-left:30px;padding-top:20px;width:748px}#app .product-dialog .container .product-list .product-api .demo-language-list{display:flex;align-items:center;justify-content:space-between;padding-top:20px;flex-wrap:wrap}#app .product-dialog .container .product-list .product-api .demo-language-list .item{flex:1}#app .product-dialog .container .product-list .product-api .demo-language-list .item:nth-child(3) .item-title{width:150px}#app .product-dialog .container .product-list .product-api .demo-language-list .item .item-title{font-size:16px;font-weight:700;color:#333}#app .product-dialog .container .product-list .product-api .demo-language-list .item .demo-list{padding-top:5px}#app .product-dialog .container .product-list .product-api .demo-language-list .item .demo-list .demo-item{font-size:16px;color:#333;line-height:20px;padding-top:15px}#app .product-dialog .container .product-list .product-api .demo-language-list .item .demo-list .demo-item a{color:#333}#app .product-dialog .container .product-list .product-api .demo-language-list .item .demo-list .demo-item a:hover{color:#1377e1}#app .product-dialog .container .product-list .product-api .demo-language-list .line{width:1px;height:100px;background:#e9f2ff;opacity:1;margin:0 30px}#app .product-dialog .container .product-list .product-api .demo-tips{width:670px;height:40px;background:#f8f8f8;border-radius:5px 5px 5px 5px;opacity:1;font-size:14px;color:#666;line-height:40px;padding-left:20px;margin-top:15px}#app .product-dialog .container .product-list .product-api .demo-tips span{padding-right:30px}#app .product-dialog .container .product-list .product-api .demo-list2{display:flex;margin-top:20px}#app .product-dialog .container .product-list .product-api .demo-list2 .demo-item{cursor:pointer;width:175px;height:50px;background:#fff;border-radius:5px 5px 5px 5px;opacity:1;border:1px solid #d1def2;font-size:16px;font-weight:700;color:#333;line-height:50px;text-align:center;margin-right:20px}#app .product-dialog .container .product-list .product-api .demo-list2 .demo-item:hover{background:#e9f1fe;border-radius:5px 5px 5px 5px;border:1px solid #1377e1}#app .product-dialog .container .product-list .product-api .demo-list3{margin-top:20px}#app .product-dialog .container .product-list .product-api .demo-list3 .demo-item{width:670px;height:50px;background:#fff;border-radius:5px 5px 5px 5px;opacity:1;border:1px solid #d1def2;display:flex;align-items:center;justify-content:center}#app .product-dialog .container .product-list .product-api .demo-list3 .demo-item:hover{background:#e9f1fe;border-radius:5px 5px 5px 5px;border:1px solid #1377e1}#app .product-dialog .container .product-list .product-api .demo-list3 .demo-item .label{font-size:16px;font-weight:700;color:#333}#app .product-dialog .container .product-list .product-api .demo-list3 .demo-item .fun-list{padding-left:20px;width:430px;display:flex;align-items:center;justify-content:space-between}#app .product-dialog .container .product-list .product-api .demo-list3 .demo-item .fun-list .item{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#666}#app .product-dialog .container .product-list .product-sdk{background:#f7f8fc;flex:1;height:800px;padding:30px}#app .product-dialog .container .product-list .product-sdk .sdk-item{margin-top:20px;width:392px;height:90px;background:#fff;border-radius:10px 10px 10px 10px;opacity:1;border:1px solid #d1def2;cursor:pointer;padding:20px}#app .product-dialog .container .product-list .product-sdk .sdk-item .label{font-size:16px;font-weight:700;color:#333}#app .product-dialog .container .product-list .product-sdk .sdk-item:hover{background:#e9f1fe;border-radius:5px 5px 5px 5px;border:1px solid #1377e1}#app .product-dialog .container .product-list .product-sdk .sdk-item .fun-list{display:flex;align-items:center;justify-content:space-between;width:300px;margin-top:10px}#app .product-dialog .container .product-list .product-sdk .sdk-item .fun-list .item{font-size:14px;color:#666;line-height:20px;display:flex;align-items:center}#app .product-dialog .container .product-list .product-sdk .sdk-fun-list .icon{width:32px;height:32px;background-size:cover;margin-right:20px}#app .product-dialog .container .product-list .product-sdk .sdk-fun-list .icon-offline{background-image:url(/img/icon-offline@2x-cd77ff93.png)}#app .product-dialog .container .product-list .product-sdk .sdk-fun-list .icon-limitless{background-image:url(/img/icon-limitless@2x-c898bd6b.png)}#app .product-dialog .container .product-list .product-sdk .sdk-fun-list .icon-privacy{background-image:url(/img/icon-privacy@2x-61f32f5f.png)}#app .product-dialog .container .product-list .product-sdk .sdk-fun-list .item{margin-top:30px;display:flex;align-items:center;font-size:18px;color:#939bb9}#app .main-cnt{padding-top:75px}#app .main-cnt .container{width:1200px;margin:0 auto}#app footer{width:100%;height:244px}#app footer .top-container{height:244px;background:#161f2a}#app footer .top-container .container{width:1200px;height:244px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}#app footer .top-container .container .company-info{width:600px}#app footer .top-container .container .company-info .company-name{font-size:24px;color:#fff;line-height:24px}#app footer .top-container .container .company-info .company-address,#app footer .top-container .container .company-info .company-desc{padding-top:20px;font-size:14px;color:#fff;line-height:18px}#app footer .top-container .container .links{width:400px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}#app footer .top-container .container .links li{list-style:none;width:200px;padding:10px 0}#app footer .top-container .container .links li a{font-size:14px;color:#fff;text-decoration:none;cursor:pointer}#app footer .top-container .container .links li:nth-child(2n){padding-left:100px}#app footer .bottom-container{background:#202934}#app footer .bottom-container .container{height:70px;width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px}#app .dashboard-foot{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding-bottom:30px}#app .dashboard-foot .dashboard-foot-container{font-size:12px;color:#333;line-height:14px}#app .dashboard-foot .dashboard-foot-container a{color:#1377e1;font-size:12px;text-decoration:underline}#app .dashboard-header{display:flex;align-items:center;justify-content:space-between;position:relative}#app .dashboard-header .nav-dashboard{display:flex}#app .dashboard-header .nav-dashboard li{list-style:none;padding:10px 20px;font-size:17px;color:#333;cursor:pointer}#app .dashboard-header .nav-dashboard li a{color:#333;text-decoration:none}#app .dashboard-header .nav-dashboard li a.active{color:#1377e1;font-weight:700}#app .dashboard-header .nav-dashboard li a:hover{color:#1377e1}.ContactDialog{padding-top:120px}.ContactDialog .header{position:absolute;left:0;top:-5px;background:url(/img/header-bg@2x-85861879.png) no-repeat;width:700px;height:191px;background-size:100% 100%;padding-top:50px}.ContactDialog .header .text{font-size:40px;font-weight:700;color:#004288;line-height:55px;letter-spacing:1px;text-align:center}.ContactDialog .header .icon-close{position:absolute;right:30px;top:30px;cursor:pointer}.ContactDialog .header .icon-close img{width:25px;height:25px}.ContactDialog .body{padding:30px}.ContactDialog .body .notice{font-size:16px;font-weight:600;color:#333;line-height:22px}.ContactDialog .body .notice span{color:#1377e1;font-weight:700}.ContactDialog .body .form-item{font-weight:600;color:#333}.ContactDialog .body .submit-button{width:100%;height:60px;font-size:24px;font-weight:600;color:#fff}.successDialog .icon-close{position:absolute;right:30px;top:30px;cursor:pointer}.successDialog .icon-close img{width:25px;height:25px}.successDialog .header{display:flex;align-items:flex-end;justify-content:center}.successDialog .header .cup{width:27px;height:24px;margin-bottom:32px}.successDialog .header .cao{width:78px;height:157px;margin-bottom:32px}.successDialog .body{padding-bottom:50px;width:100%;background:#eceef0;border-radius:0 0 10px 10px;margin-top:-40px}.successDialog .body .title{font-size:46px;font-weight:700;color:#004288;line-height:62px;text-align:center;padding:30px 0}.successDialog .body .content{margin:0 auto;width:600px;height:168px;font-size:16px;color:#333;line-height:24px;word-wrap:break-word;word-break:break-word}.successDialog .body .content p{padding-bottom:20px}.successDialog .body .content span{color:#1377e1;font-weight:700}.successDialog .body .btn-ok{width:600px;height:60px;background:#1377e1;border-radius:5px;margin:50px auto 0;font-size:24px;font-weight:600;color:#fff;display:block}.contact-dialog .el-dialog{border-radius:10px}.contact-dialog .el-dialog__body{padding:0}.el-checkbox-group{display:flex;align-content:center;flex-wrap:wrap}.el-checkbox-group .el-checkbox{margin:0;width:25%}.demo-main{width:1200px;background:#fff;box-shadow:0 0 15px 0 hsla(0,0%,79.6%,.5);border-radius:10px;margin-top:30px;margin-bottom:30px;padding:88px 20px 30px;display:flex;align-items:center;flex-direction:column;position:relative}.demo-main .breadcrumb{position:absolute;left:30px;top:30px}.demo-main .breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner{color:#1377e1}.demo-main .btn-contact-us{position:absolute;right:20px;top:20px}.demo-main .title{width:1000px;margin:0 auto;font-size:30px;font-weight:700;color:#000;line-height:38px;text-align:center}.demo-main .sub-title{width:1000px;margin:70px auto 0;font-size:20px;color:#333;line-height:28px;text-align:center}.demo-main .demo-container{display:flex;align-items:center;flex-direction:column;padding:40px 0}.demo-main .demo-container .ref-text-content{display:flex;align-items:center;justify-content:center;width:1040px;margin:0 auto}.demo-main .demo-container .ref-text-content .ref-text{position:relative;font-size:40px;font-weight:700;color:#333}.demo-main .demo-container .ref-text-content .ref-text .record-tips{padding-top:60px;color:#cbcdd0}.demo-main .demo-container .ref-text-content .ref-text.para{font-size:30px;white-space:pre-line}.demo-main .demo-container .ref-text-content .edit-ref-text{width:480px;height:70px}.demo-main .demo-container .ref-text-content .edit-ref-text .el-input__inner{border-radius:5px;border:1px solid #eee;height:70px;padding:12px 10px;font-size:40px;font-weight:700;color:#333;text-align:center}.demo-main .demo-container .ref-text-content .btn-edit{position:absolute;right:-70px;top:8px;font-size:18px;color:#1377e1;display:flex;align-items:center}.demo-main .demo-container .ref-text-content .btn-player{position:absolute;right:-70px;top:0;font-size:36px;color:#1377e1;display:flex;align-items:center}.demo-main .demo-container .ref-text-content .btn-save-edit{margin-left:10px;width:100px;height:48px;font-size:16px;font-weight:800}.demo-main .demo-container .demo-choice{width:1000px;margin:0 auto}.demo-main .demo-container .demo-choice .question-text{padding-top:20px;font-size:30px;font-weight:700;color:#333;line-height:38px}.demo-main .demo-container .demo-choice .question-options{padding-top:20px}.demo-main .demo-container .demo-choice .question-options .option-item{margin-top:10px;font-size:30px;color:#333;line-height:38px;position:relative}.demo-main .demo-container .demo-choice .question-options .option-item .i-icon-right,.demo-main .demo-container .demo-choice .question-options .option-item .i-icon-wrong{font-size:23px;position:absolute;left:-30px;top:5px;display:none}.demo-main .demo-container .demo-choice .question-options .is-right{color:#14cc2d!important;font-weight:700}.demo-main .demo-container .demo-choice .question-options .is-right .left-text{color:#14cc2d!important}.demo-main .demo-container .demo-choice .question-options .is-right .i-icon-right{display:inline-block}.demo-main .demo-container .demo-choice .question-options .answer-item.is-wrong{font-weight:700;color:#ff3636!important}.demo-main .demo-container .demo-choice .question-options .answer-item.is-wrong .left-text{color:#ff3636!important}.demo-main .demo-container .demo-choice .question-options .answer-item.is-wrong .i-icon-wrong{display:inline-block}.demo-main .demo-container .demo-choice .left-text{color:#666}.demo-main .demo-container .btn-try-next-box{height:48px;margin-top:50px}.demo-main .demo-container .btn-try-next{height:48px;font-size:16px;font-weight:800;color:#1377e1;border-color:#1377e1}.demo-main .demo-container .btn-recorder{margin-top:23px;cursor:pointer;width:100px;height:100px;position:relative}.demo-main .demo-container .btn-recorder .i-icon-recorder{font-size:100px}.demo-main .demo-container .btn-recorder .i-icon-recorder.disable{opacity:.5}.demo-main .demo-container .btn-recorder .i-icon-recording{font-size:90px;position:absolute;top:8px;left:5px}.demo-main .demo-container .btn-recording{height:80px;margin-top:23px;cursor:pointer}.demo-main .demo-container .btn-recording img{height:100%}.demo-main .demo-container .error-tips{margin-top:20px;display:inline-block;padding:0 50px;height:40px;background:#ffe8e8;font-size:20px;color:red;line-height:40px;text-align:center}.demo-main .demo-container .word-score{width:1040px;margin:0 auto}.demo-main .demo-container .word-score .word{font-size:40px;font-weight:700;text-align:center}.demo-main .demo-container .word-score .word.para{font-size:30px}.demo-main .demo-container .word-score .phonics{margin-top:10px;font-size:30px;color:#333;line-height:38px;text-align:center}.demo-main .demo-container .word-score2{width:1040px;margin:0 auto;line-height:55px}.demo-main .demo-container .word-score2 .word{display:flex;justify-content:center;font-size:40px;text-align:center;white-space:pre-wrap}.demo-main .demo-container .word-score2 .word .pause{width:24px;height:24px;background:url(/img/icon_pause@2x-cf1d4be2.png) no-repeat;background-size:100%;margin-top:18px}.demo-main .result-history .part-title{font-size:24px;font-weight:700;color:#000;padding:30px 0;text-align:center}.demo-main .result-history .result-history-table{width:1002px;margin:0 auto;background:#fff;border-radius:8px;border:1px solid #d2e8ff;overflow:hidden}.demo-main .result-history .result-history-table .click-style{color:#1377e1!important;text-underline:#1377e1;cursor:pointer}.demo-main .result-history .result-history-table .tb-row{display:flex;border-top:1px solid #d2e8ff}.demo-main .result-history .result-history-table .tb-row .tb-col{height:70px;line-height:70px;flex:1;text-align:center;font-size:20px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;position:relative}.demo-main .result-history .result-history-table .tb-row .tb-col .tips{position:absolute;top:-22px;width:100%;text-align:center;font-size:14px}.demo-main .result-history .result-history-table .tb-row .tb-col .blue{color:#37a869}.demo-main .result-history .result-history-table .tb-row .tb-col .yellow{color:#fd9c00}.demo-main .result-history .result-history-table .tb-row .tb-col.tb-header{background:#edf6ff;font-weight:700}.demo-main .result-history .result-history-table .tb-row .tb-col.border{border-right:1px solid #d2e8ff}.demo-main .result-history .result-history-table .tb-row.tb-header{background:#edf6ff}.demo-main .result-history .result-history-table .tb-row.tb-header .tb-col{font-size:20px;font-weight:700;color:#333}.demo-main .result-history .result-history-table .tb-row.tb-header .tb-col.border{border-right:1px solid #d2e8ff}.demo-main .result-detail{width:100%}.demo-main .result-detail .result-overall{margin-top:35px;display:flex;align-items:center;flex-direction:column}.demo-main .result-detail .result-overall .text{font-size:20px;color:#1377e1;line-height:25px}.demo-main .result-detail .result-overall .btn-replay{width:168px;height:72px;background:#d2e8ff;border-radius:36px;display:flex;align-items:center;justify-content:center;margin-top:10px;cursor:pointer}.demo-main .result-detail .result-overall .btn-replay .overall{font-size:40px;font-weight:700;color:#1377e1;line-height:56px}.demo-main .result-detail .result-overall .btn-replay .i-icon-player,.demo-main .result-detail .result-overall .btn-replay .i-icon-playing{font-size:22px;margin-left:10px}.demo-main .result-detail .result-part{width:100%}.demo-main .result-detail .result-part .part-title{font-size:24px;font-weight:700;color:#000;padding:30px 0;text-align:center}.demo-main .result-detail .result-part .result-part-detail{width:1002px;margin:0 auto;background:#fff;border-radius:8px;border:1px solid #d2e8ff}.demo-main .result-detail .result-part .result-part-detail .tb-row{display:flex;border-top:1px solid #d2e8ff}.demo-main .result-detail .result-part .result-part-detail .tb-row .tb-col{min-height:70px;line-height:70px;flex:1;text-align:center;align-self:center;font-size:20px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;position:relative}.demo-main .result-detail .result-part .result-part-detail .tb-row .tb-col .tips{position:absolute;top:-22px;width:100%;text-align:center;font-size:14px}.demo-main .result-detail .result-part .result-part-detail .tb-row .tb-col .blue{color:#37a869}.demo-main .result-detail .result-part .result-part-detail .tb-row .tb-col .yellow{color:#fd9c00}.demo-main .result-detail .result-part .result-part-detail .tb-row .tb-col.tb-header{background:#edf6ff;font-weight:700}.demo-main .result-detail .result-part .result-part-detail .tb-row .tb-col.border{border-right:1px solid #d2e8ff}.demo-main .result-detail .result-part .result-part-detail .tb-row.tb-header{background:#edf6ff}.demo-main .result-detail .result-part .result-part-detail .tb-row.tb-header .tb-col{font-size:20px;font-weight:700;color:#333}.demo-main .result-detail .result-part .result-part-detail .tb-row.tb-header .tb-col.border{border-right:1px solid #d2e8ff}.demo-main .result-detail .result-part .result-part-detail .tb-row.click{cursor:pointer}.demo-main .result-detail .result-part .result-part-detail .tb-row:first-child{border-top:none}.demo-main .result-detail .result-part .result-part-detail .i-icon-arrow-down,.demo-main .result-detail .result-part .result-part-detail .i-icon-arrow-up{font-size:20px}.demo-main .result-detail .result-part .result-part-detail .text-detail{padding:30px;font-size:20px;color:#333}.demo-main .result-detail .more-score{width:1000px;display:flex;align-items:center;margin:40px auto}.demo-main .result-detail .more-score .score-item{flex:1;display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:60px;text-align:center;border-right:1px solid #d2e8ff}.demo-main .result-detail .more-score .score-item .score-name{font-size:20px;font-weight:700;color:#333}.demo-main .result-detail .more-score .score-item .score-value{font-size:30px;font-weight:700;color:#1377e1}.demo-main .result-detail .more-score .score-item:last-child{border-right:none}.demo-main .setting{width:100%}.demo-main .setting .el-form-item__label{font-weight:700;font-size:16px}.demo-main .setting-container{width:100%}.demo-main .setting-container .el-collapse-item__header{font-size:18px;color:#1377e1}.demo-main .setting-container .el-form-item{width:48%}.demo-main .setting-container .el-form-item .el-slider{width:180px;margin:0 10px}.demo-main .setting-container .el-form-item .el-form-item__label{font-size:16px;font-weight:600;color:#333}.com-audio-player[data-v-5770319f]{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px}.com-audio-player .player-control[data-v-5770319f]{cursor:pointer;width:50px;height:50px;background-size:cover}.com-audio-player .player-control.play[data-v-5770319f]{background-image:url(/img/play@2x-22bcdd78.png)}.com-audio-player .player-control.pause[data-v-5770319f]{background-image:url(/img/pause@2x-928a3b38.png)}.com-audio-player .player-progress[data-v-5770319f]{margin-left:16px;flex:1;height:6px;background:#edeff1;border-radius:6px 6px 6px 6px;position:relative;cursor:pointer}.com-audio-player .player-progress .value[data-v-5770319f]{position:absolute;left:0;top:0;height:6px;border-radius:6px 6px 6px 6px;background:#1377e1}