.container .audio{width:450px;height:193px;-webkit-box-shadow:0 4px 8px 0 rgba(75,151,221,.2);box-shadow:0 4px 8px 0 rgba(75,151,221,.2);padding:10px 15px 20px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.container .audio #audio,.container .audio #audio_player,.container .audio .record{background-color:#f7f7f7;margin-top:10px;height:60px}.container .audio #audio_player wave,.container .audio #audio wave,.container .audio .record wave{height:60px}.container .audio #audio_player wave:after,.container .audio #audio wave:after,.container .audio .record wave:after{content:"";display:block;height:1px;background-color:#63cb35;position:absolute;top:30px;z-index:100;width:419px}.container .audio .play_control{margin-top:10px}.container .audio .play_control .btn{width:24px;height:24px;border-radius:50%;border:2px solid #d7f1cb;-webkit-box-sizing:border-box;box-sizing:border-box}.container .audio .play_control .btn .pause{width:0;height:0;border-top:5px solid #fff;border-left:5px solid #fff;border-bottom:5px solid #fff;border-left:8px solid #63cb35;margin-top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:3px}.container .audio .play_control .btn .play:after{margin-left:3px}.container .audio .play_control .btn .play:after,.container .audio .play_control .btn .play:before{content:"";display:block;width:2px;height:10px;background-color:#63cb35;margin-top:5px}.container .audio .play_control .bar{width:300px;height:9px;background-color:#eee;border-radius:5px;margin-top:7px}.container .audio .play_control .bar span{height:9px;background-color:#63cb35;float:left;border-radius:5px}.container .audio .play_control .time span{line-height:24px}.container .audio .volume .title{line-height:16px}.container .audio .volume .change{margin-left:10px}.container .audio .volume .change .item{background-color:#d0d0d0;border-radius:1px;margin-right:3px}.container .audio .volume .change .item:nth-of-type(2n){width:2px;height:16px}.container .audio .volume .change .item:nth-of-type(odd){width:1px;height:16px}.container .audio .volume .change .active{background-color:#63cb35}.container .body .audio{position:relative}.container .body .audio .hidden{-webkit-transition:all 10s;transition:all 10s;z-index:0}.container .body .audio .record{position:absolute;width:420px;top:27px;z-index:1000}.container .body .audio .record .line{height:1px;background-color:#fff;top:30px;width:420px}.container .body .audio .record .process{height:1px;top:30px;background-color:#63cb35}.container .body .btn button{line-height:28px;width:90px;background:#f7f7f7;border-radius:5px;border:1px solid #dfe0df;-webkit-box-sizing:border-box;box-sizing:border-box}.container .body[data-v-6832c485]{width:1200px;height:470px;background-color:#fff;-webkit-box-shadow:0 2px 6px 0 hsla(0,0%,91%,.5);box-shadow:0 2px 6px 0 hsla(0,0%,91%,.5);padding-top:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.container .body .table[data-v-6832c485]{margin-bottom:60px}.container .body .table .item[data-v-6832c485]:first-of-type{padding-right:10px;border-right:1px solid #666}.container .body .table .item[data-v-6832c485]:nth-of-type(2){padding-left:10px}.container .body .table .item img[data-v-6832c485]{width:18px;height:18px;margin-right:5px}.container .btn[data-v-6832c485]{margin:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container .btn span[data-v-6832c485]{border-radius:5px;line-height:32px;height:32px;text-align:center}.container .btn span img[data-v-6832c485]{width:32px;height:32px;top:0;left:34px}.container .btn span .active[data-v-6832c485]{opacity:.5}.container .btn span[data-v-6832c485]:first-of-type{color:#fff;margin-right:20px}.container .btn span:first-of-type i[data-v-6832c485]{display:block;border-radius:5px;width:100px;background-color:#63cb35}.container .btn span[data-v-6832c485]:nth-of-type(2){width:100px;border:1px solid #dfe0df;-webkit-box-sizing:border-box;box-sizing:border-box}