font-family: Arial, Helvetica, sans-serif;
background-color: #ffffff;
.gaw-accordion-title:not(:nth-last-child(2))::after {
border: 1px solid transparent;
border-bottom-color: #eaeaea;
border-right-color: transparent;
.gaw-accordion-title span {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
transition: margin 0.3s ease 0.1s;
background-color: #f7f7f7;
.gaw-accordion-select:checked+.gaw-accordion-title+.gaw-accordion-content {
.gaw-accordion-select:hover+.gaw-accordion-title,
.gaw-accordion-select:checked+.gaw-accordion-title {
background-color: #ffffff;
<div style='margin: auto; width: 70%;'>
<div class='gaw-accordion'><input type='radio' name='select' class='gaw-accordion-select' checked />
<div class='gaw-accordion-title'><span>标题</span></div>
<div class='gaw-accordion-content'>内容</div><input type='radio' name='select' class='gaw-accordion-select' />
<div class='gaw-accordion-title'><span>标题</span></div>
<div class='gaw-accordion-content'>内容</div><input type='radio' name='select' class='gaw-accordion-select' />
<div class='gaw-accordion-title'><span>标题</span></div>
<div class='gaw-accordion-content'>内容</div>