* { -webkit-box-sizing: inherit; box-sizing: inherit; color: inherit; font: inherit; margin: 0; padding: 0; } @media screen and (min-width: 320px) { html { font-size: 85.33333333px; } } @media screen and (min-width: 360px) { html { font-size: 96px; } } @media screen and (min-width: 375px) { html { font-size: 100px; } } @media screen and (min-width: 414px) { html { font-size: 110.4px; } } @media screen and (min-width: 750px) { html { font-size: 200px; } } @media screen and (min-width: 768px) { html { font-size: 204.8px; } } body { -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; font-family: 'Microsoft Yahei'; font-size: 12px; line-height: 2; padding: 0.15rem; } .title { font-size: 0.2rem; font-weight: bold; margin-bottom: 0.06rem; } .title_datetime { color: #999; font-size: 0.14rem; font-weight: bold; } .content { padding: 0.18rem 0.04rem; } .content_ad, .content_title { background-color: #FFECCE; font-size: 0.16rem; font-weight: bold; line-height: 0.4rem; margin-bottom: 0.16rem; text-align: center; } .content_title { color: #F09C12; font-size: 0.2rem; padding-left: 0.7rem; position: relative; text-align: left; } .content_order { background-image: url(../images/icon_title.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; color: #fff; font-size: 0.24rem; font-weight: bold; height: 0.4rem; left: 0rem; padding-left: 0.14rem; position: absolute; top: 0; width: 0.64rem; z-index: 1; } /*.content_title::before { background-color: #F09C12; content: ''; height: 0.4rem; left: 0; position: absolute; top: 0; width: 0.64rem; } .content_title::after { border: 0.2rem solid #FFECCE; border-color: #F09C12 #FFECCE #FFECCE #F09C12; content: ''; left: 0.24rem; position: absolute; top: 0; }*/ .text_default, .text_warning, .text_info { font-size: 0.14rem; } .text_warning { color: #E22020; } .text_info { color: #547BFF; } .text_bold { font-weight: bold; } .text_large { font-size: 0.16rem; }