/* 移动端 */
 html {
   font-size: 10px;
 }

 /* 小屏 */
 @media screen and (min-width:640px) {
   html {
     font-size: 12px;
   }
 }

 /* 中屏 */
 @media screen and (min-width:768px) {
   html {
     font-size: 14px;
   }
 }

 /* 大屏 */
 @media screen and (min-width:1024px) {
   html {
     font-size: 15px;
   }
 }

 /* 超大屏 */
 @media screen and (min-width:1280px) {
   html {
     font-size: 16px;
   }
 }

 .font1 {
   font-family: PingFang SC, PingFang SC-Medium;
 }

 .hover-effect {
   transition: all 0.3s ease-in-out;
 }

 .hover-effect:hover {
   transform: translateY(-1rem);
 }

 .img-fluid {
   max-width: 100%;
   height: auto;
 }

 .blog-box .blog-title {
   color: #272a33;
   transition: all 0.5s;
 }

 .text-muted {
   color: #95a0ab !important;
 }