.l0{
    height: 12px;
}
.l1{
    height: 24px;
}
.l2{
    height: 48px;
}
.l3{
    height: 72px;
}
.l4{
    height: 96px;
}
.l5{
    height: 120px;
}
.l6{
    height: 144px;
}
.l7{
    height: 168px;
}
.l8{
    height: 192px;
}
.l9{
    height: 216px;
}
.l10{
    height: 240px;
}
.l11{
    height: 264px;
}
.l12{
    height: 288px;
}
.l13{
    height: 312px;
}
.l22{
    height: 528px;
}
.l23{
    height: 552px;
}
.l24{
    height: 576px;
}
.l25{
    height: 600px;
}
.l26{

 }
.l27{

}
.l28{

}
.l29{

}
.l30{

}
.l31{

}
.l32{

}
.l33{

}
.l34{

}
.l35{

}
.l36{

}
.l37{

}
.l38{

}
.l39{

}
.l40{

}
.l41{

}
.l42{

}
.l43{

}
.h100pr{
    height:100%;
}

.f0p{
    font-size:12px;
}
.f0pp{
    font-size:18px;
}
.f1{
    font-size: 24px;
}
.f1p{
    font-size: 36px;
}
.f2{
    font-size: 48px;
}
.f2p{
    font-size: 60px;
}
.f3{
    font-size: 72px;
}
.f3p{
    font-size: 84px;
}
.f4{
    font-size: 96px;
}
.f4p{
    font-size: 108px;
}
.f5{
    font-size: 120px;
}
.f5p{
    font-size: 132px;
}
.f6{
    font-size: 144px;
}

.w0p{
    width:12px;
}

.w1{
    width:24px;
}
.w2{
    width:48px;
}
.w3{
    width:72px;
}
.w4{
    width:96px;
}
.w5{
    width:120px;
}
.w6{
    width:144px;
}
.w7{
    width:168px;
}
.w8{
    width:192px;
}
.w9{
    width:216px;
}
.w10{
    width:240px;
}
.w11{
    width:264px;
}
.w12{
    width:288px;
}
.w13{
    width:312px;
}
.w22{
    width:528px;
}

.flex-center{
    display: flex;
    align-items: center;
}
.flex-top{
    display: flex;
    align-items: flex-start;
}

.carousel .left  {
    background-image: url(svg/back.svg);
    -webkit-background-size:60px;
    background-size:60px;
    background-repeat:no-repeat;
    background-position: center center;
}
.carousel .right  {
    background-image: url(svg/next.svg);
    -webkit-background-size:60px;
    background-size:60px;
    background-repeat:no-repeat;
    background-position: center center;
}