@charset "utf-8";
/* Info */
.infor-list{background: #fff; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); padding: 20px 60px 60px; border-radius: 10px; overflow: hidden;}
.infor-item{border-bottom: 1px solid #EEEEF0; padding: 25px 0; font-size: 1.6rem; line-height: 1.625;}
.infor-item .head{position: relative; padding-right: 50px; cursor: pointer;}
.infor-item .head i{display: block; position: absolute; top: 16px; right: 0; width: 24px; height: 24px; border-radius: 100%; background: #4B4594;}
.infor-item .head i:before,
.infor-item .head i:after{content: ""; display: block; background: #fff; position: absolute;}
.infor-item .head i:before{width: 12px; height: 2px; left: 6px; top: 11px;}
.infor-item .head i:after{width: 2px; height: 12px; left: 11px; top: 6px;}
.infor-item .head.is-open i:after{display: none;}

.infor-item .cont{margin-top: 8px; display: none;}
.infor-item .date{font-size: 1.6rem; font-weight: bold; color: #4B4594; font-family: "Afacad", sans-serif; margin-bottom: 2px;}
.infor-item .txt{font-size: 1.8rem; font-weight: bold;}

@media screen and (max-width: 768px){
    .infor-list{padding: 10px 20px 30px;}
    .infor-item{padding: 15px 0;}
    .infor-item .head{padding-right: 40px;}
    .infor-item .head i{top: 0;}
    .infor-item .txt{font-size: 1.6rem;}    
}

.paging{margin-top: 40px;}