.header-1{
    width: 100%;
    height: 8vh;
    /*height: 71px;*/
    background: #D4002A;
    display: flex;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.comp-icon{
    width: 100%;
    height: 100%;
    margin:0 10%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.comp-icon .menu{
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
}

.comp-icon .menu .menu-item{
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #FFFFFF;
    text-align: justify;
    width: 160px;
    height: 100%;
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.menu-item a div{
    transform: skew(20deg);
}

.comp-icon .menu .menu-item-active{
    background: #31353B;
}

.menu :hover{
    background: #31353B;
}

.footer{
    width: 100%;
    height: 6vh;
    /*height: 50px;*/
    background: #D4002A;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #FFFFFF;
    text-align: justify;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;

}
.footer-body{
    display: flex;
    flex-wrap: wrap;
    /*padding: 20px 0;*/
}
.footer .footer-text{
}
.footer img{
    margin-left: 20px;
}

.body{
    margin-top: 5vh;
    margin-bottom: 5vh;
    width: 100%;
    height: 100%;
    /*height: 76vh;*/
    display: flex;
}

.layui-layout-body{
    background: rgb(245,245,245);
    overflow: scroll;
    width: 100%;
    height: 100%;
}

.header-1 img{
    width: 100%;
    height: 100%;
}


body .layer-open .layui-layer-title{
    background:#D4002A;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #FFFFFF;
    border: none;
}
body .layer-open .layui-layer-content{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #31353B;
    text-align: center;
}



pre{
    font-family: PingFangSC-Regular !important;
}