.audio-recorder-wrap{padding:20px 0}.audio-recorder-wrap .recorder-btn{width:500px;height:55px;border-radius:50px}.audio-recorder-wrap .is-edit-audio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:10px 0 0;color:#666}.audio-recorder-wrap .form{width:560px;margin:0 auto;min-height:calc(100vh - 400px)}.audio-recorder-wrap .audio-file-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:30px;padding-top:20px}.audio-recorder-wrap .audio-file-list audio{width:430px;height:44px;margin:5px 0;border-radius:50px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 6px -1px rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 6px -1px rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)}.audio-recorder-wrap .audio-file-list .audio-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.audio-recorder-wrap .audio-file-list .audio-item .del-btn{margin-left:8px}.audio-recorder-wrap .tc-pattern{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.audio-recorder-wrap .a-button-wave{display:inline-block;cursor:pointer;margin:25px 0 0;padding:0;outline:none;text-align:center;position:relative;width:280px;height:180px;color:#fff}.audio-recorder-wrap .a-button-wave:focus,.audio-recorder-wrap .a-button-wave:hover{color:#fff}.audio-recorder-wrap .a-button-wave.recording .a-button-wave__circle--size-m{-webkit-animation:animation-a-button-wave--pulse-m 2.25s linear .25s infinite;animation:animation-a-button-wave--pulse-m 2.25s linear .25s infinite}.audio-recorder-wrap .a-button-wave.recording .a-button-wave__circle--size-l{-webkit-animation:animation-a-button-wave--pulse-l 2.25s linear .25s infinite;animation:animation-a-button-wave--pulse-l 2.25s linear .25s infinite}.audio-recorder-wrap .a-button-wave.recording .a-button-wave__text{color:#dc143c}.audio-recorder-wrap .a-button-wave:hover .a-button-wave__circle--size-m{background-color:rgba(160,20,45,.6)}.audio-recorder-wrap .a-button-wave:hover .a-button-wave__circle--size-l{background-color:rgba(160,20,45,.75)}.audio-recorder-wrap .a-button-wave:hover .a-button-wave__text{color:#dc143c}.audio-recorder-wrap .a-button-wave__icon{font-size:34px;line-height:1;color:#fff;z-index:1}.audio-recorder-wrap .a-button-wave__circle,.audio-recorder-wrap .a-button-wave__icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.audio-recorder-wrap .a-button-wave__circle{border-radius:50%;z-index:0;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.audio-recorder-wrap .a-button-wave__circle--size-s{width:90px;height:90px;background-color:#dc143c;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 6px -1px rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 1px 6px -1px rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1)}.audio-recorder-wrap .a-button-wave__circle--size-m{width:130px;height:130px;background-color:rgba(220,20,60,.45);opacity:0}.audio-recorder-wrap .a-button-wave__circle--size-l{width:170px;height:170px;background-color:rgba(220,20,60,.3);opacity:0}.audio-recorder-wrap .a-button-wave__text{font-size:14px;letter-spacing:1px;display:block;position:absolute;bottom:-6px;width:100%;-webkit-transition:color .2s ease-in;transition:color .2s ease-in;color:#dc143c}@-webkit-keyframes animation-a-button-wave--pulse-m{0%{width:80px;height:80px;opacity:0}25%{width:90px;height:90px;opacity:.5}50%{width:130px;height:130px;opacity:1}75%{width:140px;height:140px;opacity:.5}to{width:160px;height:160px;opacity:0}}@keyframes animation-a-button-wave--pulse-m{0%{width:80px;height:80px;opacity:0}25%{width:90px;height:90px;opacity:.5}50%{width:130px;height:130px;opacity:1}75%{width:140px;height:140px;opacity:.5}to{width:160px;height:160px;opacity:0}}@-webkit-keyframes animation-a-button-wave--pulse-l{0%{width:90px;height:90px;opacity:0}25%{width:130px;height:130px;opacity:.5}50%{width:170px;height:170px;opacity:1}75%{width:180px;height:180px;opacity:.5}to{width:200px;height:200px;opacity:0}}@keyframes animation-a-button-wave--pulse-l{0%{width:90px;height:90px;opacity:0}25%{width:130px;height:130px;opacity:.5}50%{width:170px;height:170px;opacity:1}75%{width:180px;height:180px;opacity:.5}to{width:200px;height:200px;opacity:0}}