/*
 * @Author: JianChun
 * @E-mail: yu.jianchun@qq.com
 * @Update: 2024-03-25 11:25
 * @Statement: 尊重原创作者,请保留版权信息！
 *
 */
body{ font-family:Microsoft Yahei,Arial; font-size:16px; background:#fff; color:#252525;}
body,h1,h2,h3,form,button,input,textarea,ul,li,p{ margin:0; padding:0;}
ul,li{ list-style:none;}
img{ border:0; vertical-align:middle; max-width:100%;display:block;margin:0 auto;}
a,a:visited{ color:#252525; text-decoration:none;}

header{ width:90%; margin:0 auto; overflow:hidden;}
header h1{ font-size:24px; line-height:150%; margin-top:16px;}
header section{ display:flex; width:100%; margin:20px 0 24px;}
header .logo{ width:36px;}
header .logo img{ border-radius:100%;}
header .guide{ width:calc(100% - 36px - 56px - 16px); padding:0 8px;}
header .guide h3{ font-size:14px; font-weight:500;}
header .guide p{ padding-top:3px; font-size:12px; color:#888; height:14px; line-height:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
header .guide p a,header .guide p a:visited{ color:#888;}
header .guide p span{ margin-right:8px;}
header .tips{ width:56px; text-align:center;}
header .tips a{ display:block; color:#2280ef; background:#f2f2f2; border-radius:15px; width:56px; height:28px; line-height:28px; font-size:13px; margin-top:1px;}

.header .logo{ width:50px;}
.header .guide{ width:calc(100% - 50px - 56px - 20px); padding:0 10px;}
.header .guide h3{ font-size:17px; margin-top:2px;}
.header .guide p{ padding-top:7px; font-size:13px;}
.header .tips a{ margin-top:8px;}

.home .logo{ width:56px;}
.home .guide{ width:calc(100% - 56px - 56px - 20px); padding:0 10px;}
.home .guide h3{ font-size:20px; margin-top:2px;}
.home .guide p{ padding-top:8px; font-size:14px;}
.home .tips a{ margin-top:10px;}

article{ width:90%; margin:0 auto; overflow:hidden;}
.content{ text-align:justify; line-height:170%; font-size:17px; margin-bottom:26px;}
.content p{ margin-bottom:18px;}

section{ margin-bottom:24px; overflow:hidden;}
section h2{ margin-bottom:12px; font-size:20px; overflow:hidden;}
section ul li{ height:180%; line-height:180%; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section ul li b{ font-weight:normal;}

footer{ border-top:5px solid #f5f5f5; margin:0 auto; padding:10px 0 12px; overflow:hidden;}
footer p{ line-height:28px; text-align:center;}
footer p a,footer p a:visited{ margin:0 5px;}

@media (min-width:768px){
body{ background:#f5f5f5;}
header,article,footer{ max-width:640px; padding-left:40px; padding-right:40px; background:#fff;}
header h1{ font-size:28px; margin-top:24px;}
header section{ margin:28px 0 32px;}

header .logo{ width:44px;}
header .guide{ width:calc(100% - 44px - 56px - 20px); padding:0 10px;}
header .guide h3{ font-size:16px;}
header .guide p{ padding-top:6px; font-size:13px;}
header .tips a{ margin-top:6px;}
.content{ margin-bottom:34px;}

section{ margin-bottom:32px;}
.homepage section ul{ display:flex; flex-wrap:wrap;}
.homepage section ul li{ padding-right:1%; width:49%;}
}