.font12 {font-size: 12px;} .font13 {font-size: 13px;} .font14 {font-size: 14px;} .font15 {font-size: 15px;} .font16 {font-size: 16px;} .font17 {font-size: 17px;} .font18 {font-size: 18px;} .font19 {font-size: 19px;} .font20 {font-size: 20px;} .font22 {font-size: 22px;} .font23 {font-size: 23px;} .font24 {font-size: 24px;} .font26 {font-size: 26px;} .font28 {font-size: 28px;} .font30 {font-size: 30px;} .font32 {font-size: 32px;} .font34 {font-size: 34px;} .font36 {font-size: 36px;} .font38 {font-size: 38px;} .font40 {font-size: 40px;} .font42 {font-size: 42px;} .font44 {font-size: 44px;} .font46 {font-size: 46px;} .font48 {font-size: 48px;} .font50 {font-size: 50px;} .font54 {font-size: 54px;} .font56 {font-size: 56px;} .font60 {font-size: 60px;} .font66 {font-size: 66px;} .font70 {font-size: 70px;} .font77 {font-size: 77px;} .font80 {font-size: 80px;} .font100 {font-size: 100px;} .flh24 {line-height: 24px;} .flh26 {line-height: 26px;} .flh28 {line-height: 28px;} .flh30 {line-height: 30px;} .flh32 {line-height: 32px;} .flh34 {line-height: 34px;} .flh36 {line-height: 36px;} .flh40 {line-height: 40px;} .flh60 {line-height: 60px;} .flh72 {line-height: 72px;} /* fonts */ body,a,input{font-family: 'ml','Microsoft YaHei',Arial;} @font-face {font-family: 'meb';src: url('../font/Montserrat-Extra-Bold.ttf');font-weight: normal;font-style: normal;} @font-face {font-family: 'ml';src: url('../font/Montserrat-Light.woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'mb';src: url('../font/Montserrat-Bold.ttf');font-weight: normal;font-style: normal;} @font-face {font-family: 'mr';src: url('../font/Montserrat-Regular.ttf');font-weight: normal;font-style: normal;} @media screen and (max-width: 5120px) { } @media screen and (max-width: 3840px) { } @media screen and (max-width: 2560px) { } @media screen and (max-width: 2048px) { } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1680px) { .font13 {font-size: 12px;} .font14 {font-size: 13px;} .font15 {font-size: 14px;} .font16 {font-size: 15px;} .font17 {font-size: 16px;} .font18 {font-size: 17px;} .font19 {font-size: 18px;} .font20 {font-size: 19px;} .font22 {font-size: 20px;} .font23 {font-size: 21px;} .font24 {font-size: 22px;} .font26 {font-size: 23px;} .font28 {font-size: 24px;} .font30 {font-size: 25px;} .font32 {font-size: 26px;} .font34 {font-size: 27px;} .font36 {font-size: 28px;} .font38 {font-size: 29px;} .font40 {font-size: 30px;} .font42 {font-size: 32px;} .font44 {font-size: 34px;} .font46 {font-size: 36px;} .font48 {font-size: 38px;} .font50 {font-size: 40px;} .font54 {font-size: 44px;} .font56 {font-size: 46px;} .font60 {font-size: 50px;} .font66 {font-size: 56px;} .font70 {font-size: 60px;} .font77 {font-size: 67px;} .font80 {font-size: 70px;} .font100 {font-size: 90px;} .flh24 {line-height: 20px;} .flh26 {line-height: 24px;} .flh28 {line-height: 26px;} .flh30 {line-height: 28px;} .flh32 {line-height: 30px;} .flh34 {line-height: 32px;} .flh36 {line-height: 34px;} .flh40 {line-height: 38px;} .flh60 {line-height: 50px;} .flh72 {line-height: 62px;} } @media screen and (max-width: 1440px) { .font14 {font-size: 12px;} .font15 {font-size: 13px;} .font16 {font-size: 14px;} .font17 {font-size: 15px;} .font18 {font-size: 16px;} .font19 {font-size: 17px;} .font20 {font-size: 18px;} .font22 {font-size: 19px;} .font23 {font-size: 20px;} .font24 {font-size: 21px;} .font26 {font-size: 22px;} .font28 {font-size: 23px;} .font30 {font-size: 24px;} .font32 {font-size: 25px;} .font34 {font-size: 26px;} .font36 {font-size: 27px;} .font38 {font-size: 28px;} .font40 {font-size: 29px;} .font42 {font-size: 30px;} .font44 {font-size: 31px;} .font46 {font-size: 32px;} .font48 {font-size: 33px;} .font50 {font-size: 34px;} .font54 {font-size: 35px;} .font56 {font-size: 36px;} .font60 {font-size: 36px;} .font66 {font-size: 37px;} .font70 {font-size: 40px;} .font77 {font-size: 57px;} .font80 {font-size: 60px;} .font100 {font-size: 80px;} .flh26 {line-height: 20px;} .flh30 {line-height: 24px;} .flh32 {line-height: 28px;} .flh34 {line-height: 30px;} .flh36 {line-height: 32px;} .flh40 {line-height: 34px;} .flh60 {line-height: 40px;} .flh72 {line-height: 52px;} } @media screen and (max-width: 1366px) { .font15 {font-size: 12px;} .font16 {font-size: 13px;} .font17 {font-size: 14px;} .font18 {font-size: 15px;} .font19 {font-size: 16px;} .font20 {font-size: 17px;} .font22 {font-size: 18px;} .font23 {font-size: 19px;} .font24 {font-size: 20px;} .font26 {font-size: 21px;} .font28 {font-size: 22px;} .font30 {font-size: 23px;} .font32 {font-size: 24px;} .font34 {font-size: 25px;} .font36 {font-size: 26px;} .font38 {font-size: 27px;} .font40 {font-size: 28px;} .font42 {font-size: 29px;} .font44 {font-size: 30px;} .font46 {font-size: 31px;} .font48 {font-size: 32px;} .font50 {font-size: 33px;} .font54 {font-size: 34px;} .font56 {font-size: 34px;} .font60 {font-size: 35px;} .font66 {font-size: 36px;} .font70 {font-size: 40px;} .font77 {font-size: 50px;} .font80 {font-size: 55px;} .font100 {font-size: 70px;} .flh26 {line-height: 18px;} .flh30 {line-height: 22px;} .flh32 {line-height: 24px;} .flh34 {line-height: 28px;} .flh36 {line-height: 30px;} .flh40 {line-height: 32px;} .flh60 {line-height: 38px;} .flh72 {line-height: 50px;} } @media screen and (max-width: 1280px) { .font70 {font-size: 35px;} .font77 {font-size: 45px;} .font80 {font-size: 50px;} .font100 {font-size: 60px;} } @media screen and (max-width: 1152px) { .font38 {font-size: 20px;} } @media screen and (max-width: 1024px) { } @media screen and (max-width: 980px) { .font19 {font-size: 14px;} .font100 {font-size: 30px;} .font20 {font-size: 14px;} } @media screen and (max-width: 860px) { } /* iPad */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } /* iPad x*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* iPad y */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }