* {margin:0;padding:0;touch-action: pan-y;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;}
em,i {font-style:normal;}
::-webkit-scrollbar {width:0;opacity:0;}
img {width:100%;float:left;}
.main > * {width:100%;float:left;position:relative;}
ul,li {list-style:none;}

.main {width:100%;max-width:750px;height:100%;position:absolute;left:50%;transform:translateX(-50%);overflow:hidden;}

.main > .son_top {height:0.8rem;background:#ececec;}
.main > .son_top > a {width:0.8rem;height:100%;position:absolute;top:0;left:0;background:url('')no-repeat center;background-size:0.2rem;}
.main > .son_top > span {width:100%;float:left;font-size:0.32rem;line-height:0.8rem;text-align:center;border-bottom:solid 1px #ccc;}

.main > .son_body {width:6.9rem;height:calc(100% - 0.8rem - 1px);position:relative;float:left;overflow:auto;margin-left:0.3rem;}
.main > .son_body > p {width:100%;float:left;padding:0.16rem 0;font-size:0.24rem;line-height:2em;color:#636363;}
.main > .son_body > p + p {display:none;}
.main > .son_body > p > i {color:#a61d1d;}

.main > .son_body > span {width:100%;float:left;border-bottom:solid 1px #9a9a9a;}
.main > .son_body > span > i {width:3.2rem;float:left;font-size:0.28rem;line-height:0.6rem;color:#363636;text-align:center;cursor:pointer;background:#d3d3d3;margin-top:0.24rem;border-radius:0.14rem 0 0 0;}
.main > .son_body > span > i + i {border-radius:0 0.14rem 0 0;}
.main > .son_body > span > i.active {background:#6026db;color:#fff;}