#app{
    width: 100%;
    box-sizing: border-box;
    padding: 20rem;
}
.pt-ared{
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5rem; */
    color: red;margin-right: 4rem;
}
.f1{
    flex: 1;
}
.f1-5{
    flex: 1.5;
}
.f2{
    flex: 2;
}
.f3{
    flex: 3;
}
.f4{
    flex: 4;
}
.h-auto{
    height: auto;
}
.tablebox{
    border-left: 1px solid #000;
    border-top: 1px solid;
    width: 100%;
}
.span{
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 14rem;
    color: #000;
    padding: 5rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: break-all;
    min-height: 44rem;
    text-align: center;
}
.headbox{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.headbox .headboxli{
    display: flex;
    justify-content: flex-start;
    
}
.headbox .headboxli .left{
    width: 200rem;
}
.headbox .headboxli .right{
    width: calc(100% - 200rem);
}

.centerbox{
    display: flex;
    justify-content: space-between;
    /* height: 200rem; */
}
.centerbox .center1,
.centerbox .center2,
.centerbox .center3,
.centerbox .center4,
.centerbox .center5{
    /* width: 20%; */
    flex: 2;
    height: auto;
    border: 0;
    padding: 0;
    align-items: normal !important;
}
.centerbox .center5{
	flex: 1;
}

.centerbox .center1,.centerbox .center5{
    display: flex;
    height: auto;
}
.centerbox .center1 .span,.centerbox .center5 .span{
    flex: 1;
    height: auto;
}

.centerbox .center2{
    display: flex;
    height: auto;

}
.centerbox .center2 .span{
    flex: 1;
    height: auto;
}
.centerbox .center2 .center2_1{
    display: flex;
    justify-content: space-between;
    height: auto;
    border: 0;
    align-items: normal !important;

}
.centerbox .center2 .center2_1 .span{
    height: auto;
    align-items: center;
    padding: 5rem;
    /* border: 0; */

}