.gxjd_content {
    margin: 0 auto;
    /* height: 72vh; */
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.page-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*height: 1.0417rem/* 200/192 */
    height: 150px ;
    position: absolute;
    right: .5208rem/* 100/192 */;
    top: 45%;
    transform: translateY(-50%);
}

.gxjd_bg {
    position: relative;
    width: 8.0729rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-y: scroll;
}

.item-box {
    width: 3.86rem;
    height: 1.6146rem;
    background: #FFFFFF;
    border-radius: .0521rem/* 10/192 */
    ;
    margin-bottom: .1042rem/* 20/192 */
    ;
}

.item-box .info-title {
    display: flex;
    align-items: center;
    width: 100%;
    height: .3802rem/* 73/192 */
    ;
    padding-left: .1042rem/* 20/192 */
    ;
    font-size: .1563rem/* 30/192 */
    ;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #D01C1D;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
}

.item-box .info {
    display: flex;
    padding: .1042rem/* 20/192 */
    ;
}

.item-box .info .img {
    width: .8333rem/* 160/192 */
    ;
    height: 1.0417rem/* 200/192 */
    ;
}

.item-box .msg-box {
    margin-left: .1042rem/* 20/192 */
    ;
}

.item-box .msg-box .info-item {
    font-size: .1042rem/* 20/192 */
    ;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #323131;
    margin-bottom: .0781rem/* 15/192 */
    ;
}

.before,
.next {
    width: .1979rem/* 38/192 */;
    height: .401rem/* 77/192 */;
    cursor: pointer;
}