.accordionbox{width:100%;margin:10px auto 40px;padding:0.5rem 0 2rem}.accordionlist dd{display:none;margin:0 0 1rem;padding:1rem 0 0 3.6rem;position:relative}.accordionlist dd:after{content:"A";font-weight:bold;position:absolute;top:13px;left:10px;width:36px;height:36px;color:#fff;background-color:#dd4c81;border-radius:5px;text-align:center;line-height:36px}.accordionlist dt{display:block;background-color:rgba(0,117,193,0.1);padding:1rem 0 0 3rem;margin-bottom:0.5rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;position:relative;cursor:pointer}.accordionlist dt:first-child{border-top:none !important}.accordionlist dt .title{padding-left:10px;-webkit-flex-basis:calc(100% - 40px);-moz-flex-basis:calc(100% - 40px);-ms-flex-basis:calc(100% - 40px);flex-basis:calc(100% - 40px)}.accordionlist dt .title:after{content:"Q";font-weight:bold;position:absolute;top:13px;left:10px;width:36px;height:36px;color:#fff;background-color:#567686;border-radius:5px;text-align:center;line-height:36px}.accordionlist dt .accordion_icon{display:inline-block;transition:all .4s;box-sizing:border-box;position:relative;width:20px;height:20px;margin-right:10px;background-color:#0075c1;border-radius:4px}.accordionlist dt .accordion_icon span{display:inline-block;transition:all .4s;box-sizing:border-box;position:absolute;left:5px;width:50%;height:2px;background-color:#fff}.accordionlist dt .accordion_icon span:nth-of-type(1){top:9px;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}.accordionlist dt .accordion_icon span:nth-of-type(2){top:9px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}.accordionlist dt .accordion_icon.active span:nth-of-type(1){display:none}.accordionlist dt .accordion_icon.active span:nth-of-type(2){top:9px;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}