/* 字体引入 start */ @font-face { font-family: Rany-Medium; src: url('../fonts/Rany-Medium.otf'); } @font-face { font-family: Rany-Bold; src: url('../fonts/Rany-Bold.otf'); } @font-face { font-family: Quicksand; src: url('../fonts/Quicksand-Regular.ttf'); } @font-face { font-family: D-DIN-PRO; src: url('../fonts/D-DIN-PRO-800-ExtraBold.otf'); } /* 字体引入 end */ /* 字体公共类 (偶数字号) start*/ .fontSize_12 { font-size: 12px; } .fontSize_14 { font-size: 14px; } .fontSize_16 { font-size: 16px; } .fontSize_18 { font-size: 18px; } .fontSize_20 { font-size: 20px; } .fontSize_22 { font-size: 22px; } .fontSize_24 { font-size: 24px; } .fontSize_26 { font-size: 26px; } .fontSize_28 { font-size: 28px; } .fontSize_30 { font-size: 30px; } .fontSize_32 { font-size: 32px; } .fontSize_34 { font-size: 34px; } .fontSize_36 { font-size: 36px; } .fontSize_38 { font-size: 38px; } .fontSize_40 { font-size: 40px; } .fontSize_42 { font-size: 42px; } .fontSize_44 { font-size: 44px; } .fontSize_46 { font-size: 46px; } .fontSize_48 { font-size: 48px; } .fontSize_50 { font-size: 50px; } .fontSize_52 { font-size: 50px; } .fontSize_54 { font-size: 50px; } .fontSize_56 { font-size: 56px; } .fontSize_60 { font-size: 60px; } .fontSize_72 { font-size: 72px; } .fontSize_76 { font-size: 76px; } @media(max-width:1280) { .fontSize_12 { font-size: 14px; } .fontSize_14 { font-size: 16px; } .fontSize_16 { font-size: 18px; } .fontSize_18 { font-size: 20px; } .fontSize_20 { font-size: 22px; } .fontSize_22 { font-size: 24px; } .fontSize_24 { font-size: 28px; } .fontSize_26 { font-size: 30px; } .fontSize_28 { font-size: 32px; } .fontSize_30 { font-size: 34px; } .fontSize_32 { font-size: 36px; } .fontSize_34 { font-size: 38px; } .fontSize_36 { font-size: 42px; } .fontSize_38 { font-size: 44px; } .fontSize_40 { font-size: 46px; } .fontSize_42 { font-size: 50px; } .fontSize_44 { font-size: 52px; } .fontSize_46 { font-size: 52px; } .fontSize_48 { font-size: 54px; } .fontSize_50 { font-size: 56px; } .fontSize_60 { font-size: 64px; } } @media (max-width: 767px) { .fontSize_60 { font-size: 40px; } .fontSize_48 { font-size: 38px; } .fontSize_40 { font-size: 32px; } .fontSize_36 { font-size: 28px; } .fontSize_32 { font-size: 26px; } .fontSize_30 { font-size: 24px; } .fontSize_28, .fontSize_26 { font-size: 20px; } .fontSize_24, .fontSize_22, .fontSize_20 { font-size: 16px; } .fontSize_18 { font-size: 14px; } .fontSize_16 { font-size: 14px; } .fontSize_14 { font-size: 12px; } } @media (max-width: 320px) { .fontSize_28 { font-size: 18px; } } @media (max-width: 368px) { .fontSize_36 { font-size: 24px; } .fontSize_32 { font-size: 22px; } .fontSize_24, .fontSize_22, .fontSize_20 { font-size: 16px; } .fontSize_40 { font-size: 28px; } .fontSize_60 { font-size: 32px; } } /* 字体公共类 (偶数字号) end */