.font12{
    font-size: calc(100vw*12/1440);
}
.font14{
    font-size: calc(100vw*14/1440);
}
.font18{
    font-size: calc(100vw*18/1440);
}
.font20{
    font-size: calc(100vw*20/1440);
}
.font22{
    font-size: calc(100vw*22/1440);
}
.font24{
    font-size: calc(100vw*24/1440);
}
.font28{
    font-size: calc(100vw*28/1440);
}
.font30{
    font-size: calc(100vw*30/1440);
}
.font32{
    font-size: calc(100vw*32/1440);
}
.font36{
    font-size: calc(100vw*36/1440);
}
.font40{
    font-size: calc(100vw*40/1440);
}
.font48{
    font-size: calc(100vw*48/1440);
}


.font55{
    font-size: calc(100vw*55/1440);
}

.font16{
    font-size: calc(100vw*16/1440);
}

.font15{
    font-size: calc(100vw*15/1440);
}

.font19{
    font-size: calc(100vw*19/1440);
}

.font25{
    font-size: calc(100vw*25/1440);
}

.font28{
    font-size: calc(100vw*28/1440);
}

.font30{
    font-size: calc(100vw*30/1440);
}




.font40{
    font-size: calc(100vw*40/1440);
}

.line22{
    line-height: calc(100vw*22/1440);
}

.line24{
    line-height: calc(100vw*24/1440);
}
.line30{
    line-height: calc(100vw*30/1440);
}

.line33{
    line-height: calc(100vw*33/1440);
}

.line40{
    line-height: calc(100vw*40/1440);
}

.line42{
    line-height: calc(100vw*42/1440);
}

.line44{
    line-height: calc(100vw*44/1440);
}

.line54{
    line-height: calc(100vw*54/1440);
}

.line57{
    line-height: calc(100vw*57/1440);
}

.opacity04{
    opacity: 0.4;
}

.opacity055{
    opacity: 0.55;
}

.opacity06{
    opacity: 0.6;
}


.colorFFFFFF{
    color: #FFFFFF;
}

.color484848{
    color: #484848;
}

.color6B6A6A{
    color: #6B6A6A
}

.color848080{
    color: #848080
}

.color99A096{
    color: #99A096;
}

.color353535{
    color: #353535;
}

.color99A096{
    color: #99A096;
}

.color909399{
    color: #909399;
}

.color303133{
    color:#303133;
}

.color606266 {
    color:#606266
}

.color000000{
    color: #000000;
}

.color303B9A{
    color: #303B9A;
}