/* 行高的规范是字号的1.5倍 */

.font12 {font-size: .12rem; }
.font14 {font-size: .14rem;}
.font16 {font-size: .16rem}
.font18 {font-size: .18rem;}
.font20 {font-size: .2rem}
.font22 {font-size: .22rem}
.font24 {font-size: .24rem;}
.font26 {font-size: .26rem;}
.font28 {font-size: .28rem;}

.font30 {font-size: .3rem;}
.font32 {font-size: .32rem;}
.font34 {font-size: .34rem;}
.font36 {font-size: .36rem;}
.font38 {font-size: .38rem;}
.font40 {font-size: .4rem;}
.font42 {font-size: .42rem;}
.font44 {font-size: .44rem;}

.font46 {font-size: .46rem;}
.font48 {font-size: .48rem;}
.font50 {font-size: .5rem;}
.font52 {font-size: .52rem;}
.font54 {font-size: .54rem;}

.font56 {font-size: .56rem;}
.font58 {font-size: .58rem;}
.font60 {font-size: .6rem;}
.font62 {font-size: .62rem;}
.font64 {font-size: .64rem;}
.font66 {font-size: .66rem;}

.font68 {font-size: .68rem;}
.font70 {font-size: .7rem;}
.font72 {font-size: .72rem;}
.font74 {font-size: .74rem;}
.font76 {font-size: .76rem;}

.font78 {font-size: .78rem;}
.font80 {font-size: .8rem;}
.font82 {font-size: .82rem;}
.font84 {font-size: .84rem;}
.font86 {font-size: .86rem;}

.font88 {font-size: .88rem;}
.font90 {font-size: .9rem;}
.font92 {font-size: .92rem;}
.font94 {font-size: .94rem;}
.font96 {font-size: .96rem;}
.font98 {font-size: .98rem;}
.font100 {font-size: 1rem;}
.font120 {font-size: 1.2rem;}
.font170 {font-size: 1.7rem;}
.font150 {font-size: 1.5rem;}

 
/* fonts */
@media screen and (max-width: 1520px) {
    
.font12 {font-size: 12px; }
.font14 {font-size: 12px;}
.font16 {font-size: 14px}
.font18 {font-size: 16px;}
.font20 {font-size: 18px}
.font22 {font-size: 18px}
.font24 {font-size: 20px;}
.font26 {font-size: 22px;}
.font28 {font-size: 22px;}
 
}

@media screen and (max-width:1200px){    

   
.font20 {font-size: 16px}
.font22 {font-size: 16px}
.font24 {font-size: 18px;}
.font26 {font-size: 20px;}
.font28 {font-size: 0.36rem;}

.font30 {font-size: 0.36rem;}
.font32 {font-size: 0.36rem;}
.font34 {font-size: 0.38rem;}
.font36 {font-size: .4rem;}
.font38 {font-size: .4rem;}
.font40 {font-size: .4rem;}
.font42 {font-size: .4rem;}
.font44 {font-size: .4rem;}

.font46 {font-size: .4rem;}
.font48 {font-size: .4rem;}
.font50 {font-size: .45rem;}
.font52 {font-size: .45rem;}
.font54 {font-size: .5rem;}

.font56 {font-size: 0.52rem;}
.font58 {font-size: 0.52rem;}
.font60 {font-size: 0.54rem;}
.font62 {font-size: 0.54rem;}
.font64 {font-size: 0.56rem;}
.font66 {font-size: 0.56rem;}

.font68 {font-size: .58rem;}
.font70 {font-size: .58rem;}
.font72 {font-size: .6rem;}
.font74 {font-size: .6rem;}
.font76 {font-size: .62rem;}

.font78 {font-size: .62rem;}
.font80 {font-size: .64rem;}
.font82 {font-size: .64rem;}
.font84 {font-size: .66rem;}
.font86 {font-size: .66rem;}

.font88 {font-size: .68rem;}
.font90 {font-size: .68rem;}
.font92 {font-size: .7rem;}
.font94 {font-size: .7rem;}
.font96 {font-size: .72rem;}
.font98 {font-size: .72rem;}
.font100 {font-size: .76rem;}
.font120 {font-size: .76rem;}
.font170 {font-size: 1rem;}
.font150 {font-size: 1rem; }
  
        
}


 

@media screen and (max-width:767px){    /*iphone*/

    .font12 {font-size: 12px; }
    .font14 {font-size: 12px;}
    .font16 {font-size: 12px}
    .font18 {font-size:12px;}
    .font20 {font-size: 14px}
    .font22 {font-size: 14px}
    .font24 {font-size:14px;}
    .font26 {font-size:14px;}
    .font28 {font-size: 14px;}
    
    .font30 {font-size: 18px;}
    .font32 {font-size:18px;}
    .font34 {font-size: 18px;}
    .font36 {font-size: 18px;}
    .font38 {font-size: 18px;}
    .font40 {font-size:20px;}
    .font42 {font-size:20px;}
    .font44 {font-size:20px;}
    
    .font46 {font-size: 24px;}
    .font48 {font-size:24px;}
    .font50 {font-size: 26px;}
    .font52 {font-size: 26px;}
    .font54 {font-size: 26px;}
    
    .font56 {font-size: 26px;}
    .font58 {font-size: 28px;}
    .font60 {font-size: 30px;}
    .font62 {font-size: 30px;}
    .font64 {font-size: 30px;}
    .font66 {font-size: 30px;}
    
    .font68 {font-size: 30px;}
    .font70 {font-size: 30px;}
    .font72 {font-size:34px;}
    .font74 {font-size: 34px;}
    .font76 {font-size: 36px;}
    
    .font78 {font-size:36px;}
    .font80 {font-size: 38px;}
    .font82 {font-size:38px;}
    .font84 {font-size: 38px;}
    .font86 {font-size: 40px;}
    
    .font88 {font-size: 40px;}
    .font90 {font-size: 40px;}
    .font92 {font-size: 40px;}
    .font94 {font-size: 40px;}
    .font96 {font-size: 40px;}
    .font98 {font-size: 40px;}
    .font100 {font-size:40px;}
    .font120 {font-size: 40px;/*30 120 */}
    .font170 {font-size: 40px;/*30 170 */}
    .font150 {font-size: 40px;/*30 150 */}
    
    
}