html,body,p{margin: 0;padding: 0;font-size: 0;font-family: "PingFang SC",'Microsoft YaHei';}
.header{width: 100%;background-color: #FFE800;text-align: center;position: relative;}
.header-con{position: relative;}
.header-img{width: 100%;}
.btn-1{position: absolute;left: 26%;top: 68%;width: 48%;padding-top: 14%;}

.header-font{font-size: 13px;line-height: 17px;margin-top: 20px;text-align: center;font-weight: bold;}

.list{text-align: center;width: 100%;margin: 40px auto;}
.item-con{display: inline-block;vertical-align: top;margin-top: 40px;padding: 0 16px;}
.item-img{width: 100%;}
.item-title{font-size: 16px;color: #222222;margin-top: 24px;font-weight: bold;}
.item-subtitle{font-size: 13px;color: #666666;margin-top: 4px;height: 56px;}

.block-title{margin: 40px auto;color: #222222;font-size: 22px;font-weight: bold;margin-left: 30px;margin-bottom: 20px;}

.manga{text-align: center;width: 100%;margin: 20px auto;}
.manga-con{display: inline-block;width: 26%;vertical-align: top;margin: 0 2%;}
.manga-img{width: 100%;border-radius: 10px;}
.manga-title{font-size: 11px;color: #222222;margin-top: 8px;font-weight: bold;}

.bottom{text-align: center;margin-top: 80px;}
.font-1{font-size: 16px;color: #222222;font-weight: bold;}
.bottom-btn{width: 180px;margin-top: 20px;}
.font-2{font-size: 13px;color: #222222;margin-top: 40px;}

.footer{margin-top: 40px;background-color: #111111;}
.footer-con{margin: 0 auto;text-align: center;width: 100%;padding: 15px 0;}
.footer-a{font-size: 16px;color: #fff;display: block;padding: 15px 0;}
.footer-font{font-size: 13px;color: #999;padding: 15px 0;display: block;}

.header-2{height: 218px;background-color: #FFE800;text-align: center;position: relative;}
.header-con-2{position: relative;display: inline-block;}
.header-img-2{height: 218px;}
.btn-2{position: absolute;left: 50%;top: 56px;margin-left: -600px;width: 40px;height: 40px;}

.content-con{margin: 24px auto;padding: 0 16px;}
.content-con .content-title{font-size: 16px;color: #222222;padding-bottom: 16px;font-weight: bold;}
.content-con .content-subtitle{font-size: 13px;color: #666666;padding-bottom: 20px;}
.content-con p{font-size: 13px;color: #222222;padding-bottom: 16px;}

.back{position: absolute;width: 19px;left: 16px;top: 13px;}
.top-con{height: 45px;line-height: 45px;background-color: #FFE800;color: #222222;font-size: 18px;font-weight: bold;text-align: center;}