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

.font12 {font-size: 1.2rem; }
.font14 {font-size: 1.4rem;}
.font16 {font-size: 1.6rem}
.font18 {font-size: 1.8rem;}
.font20 {font-size: 2rem}
.font22 {font-size: 2.2rem}
.font24 {font-size:2.4rem;}
.font26 {font-size: 2.6rem;}
.font28 {font-size: 2.8rem;}

.font30 {font-size: 3rem;}
.font32 {font-size: 3.2rem;}
.font34 {font-size: 3.4rem;}
.font36 {font-size: 3.6rem;}
.font38 {font-size: 3.8rem;}
.font40 {font-size: 4rem;}
.font42 {font-size: 4.2rem;}
.font44 {font-size:4.4rem;}

.font46 {font-size: 4.6rem;}
.font48 {font-size: 4.8rem;}
.font50 {font-size:5rem;}
.font52 {font-size: 5.2rem;}
.font54 {font-size: 5.4rem;}

.font56 {font-size: 5.6rem;}
.font58 {font-size: 5.8rem;}
.font60 {font-size:6rem;}
.font62 {font-size: 6.2rem;}
.font64 {font-size: 6.4rem;}
.font66 {font-size: 6.6rem;}

.font68 {font-size: 6.8rem;}
.font70 {font-size: 7rem;}
.font72 {font-size: 7.2rem;}
.font74 {font-size: 7.4rem;}
.font76 {font-size: 7.6rem;}

.font78 {font-size:7.8rem;}
.font80 {font-size: 8rem;}
.font82 {font-size: 8.2rem;}
.font84 {font-size: 8.4rem;}
.font86 {font-size: 8.6rem;}

.font88 {font-size: 8.8rem;}
.font90 {font-size: 9rem;}
.font92 {font-size: 9.2rem;}
.font94 {font-size: 9.4rem;}
.font96 {font-size: 9.6rem;}
.font98 {font-size: 9.8rem;}
.font100 {font-size: 10rem;}
.font120 {font-size: 12rem;/*30 120 */}
.font170 {font-size: 17rem;/*30 170 */}
.font150 {font-size: 15rem;/*30 150 */}

 
/* fonts */



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

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

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

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

}

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

}

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

@media screen and (max-width:1024px){    /*ipad-y*/
    
}

@media screen and (max-width:980px){    /*ipad-x*/
    
}

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

    .font12 {font-size: 12px; }
    .font14 {font-size: 12px;}
    .font16 {font-size: 12px}
    .font18 {font-size:12px;}
    .font20 {font-size: 12px}
    .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: 32px;}
    
    .font68 {font-size: 32px;}
    .font70 {font-size: 34px;}
    .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: 42px;}
    .font92 {font-size: 42px;}
    .font94 {font-size: 42px;}
    .font96 {font-size: 46px;}
    .font98 {font-size: 46px;}
    .font100 {font-size:50px;}
    .font120 {font-size: 50px;/*30 120 */}
    .font170 {font-size: 50px;/*30 170 */}
    .font150 {font-size: 50px;/*30 150 */}
    
    
}