.list-head{background:#f5f5f5;cursor:pointer;font-weight:700;padding:20px;position:relative}h3.list-head{margin:5px 0 0}.toggle-button{cursor:pointer;height:16px;position:relative;width:16px}.list-content{height:0;overflow:hidden;padding:0 20px;position:relative;transition:.3s}.active{height:auto;padding:20px}.list-head:after,.list-head:before{background:#2b39a4;border-radius:8px;content:"";display:block;height:4px;position:absolute;right:16px;top:50%;transition:all .3s ease-in-out;width:15px}.list-head:after{transform:rotate(90deg)}.head-active.list-head:before{right:12px;transform:rotate(-50deg) scale(.85)}.head-active.list-head:after{right:19px;transform:rotate(50deg) scale(.9)}