.list-article{padding:0.4rem 0.2rem;}
.list-article ul{margin-top: -0.4rem;}
.list-article li{margin: 0.4rem 0 0 0;}
.list-article h3 {margin: 0 0 0.05rem;}
.list-article h3 a{font-size: 0.26rem;font-weight: 600;line-height: 1.5;color: #333;}
.list-article p{font-size: 0.24rem;color: #666;line-height: 1.5;}
.list-article p a{color: #0088bf;}

.article-article{padding: 0.2rem 0.2rem 0;}
.article-article .title{position: relative;padding:0 0 0.2rem;margin: 0 0 0.2rem;font-size: 0.28rem;font-weight: 600;line-height: 1.5;color: #333; text-align: center;}
.article-article .title::after{content: '';position: absolute;left: 0;bottom: 0;width: 200%;height: 1px;transform-origin: 0 0;transform: scale(0.5);background: #dedede;}
.article-article .meta{margin: 0 0 0.2rem;text-align: center;font-size: 0.2rem;}
.article-article .meta span{display: inline-block;vertical-align: top;margin: 0 0.1rem;color: #888;}
.article-article .meta a{color: #888;}
.article-article .btns{display: flex;justify-content: space-between;margin:0 0 0.2rem;}
.article-article .btns a{display: flex;justify-content: center;align-items: center;width: 48%;height: 0.48rem;line-height: 0.48rem;font-size: 0.26rem;color: #fff;background: #0088bf; border-radius: 0.1rem;}
.article-article .btns2{margin-bottom: 0;}
.article-article .btns a.btn2{color: #5d3b00;background: #fbb946;}
.article-article .body{overflow: hidden; margin-top: -0.1rem;margin-bottom: 0.2rem;font-size: 0.28rem !important; line-height: 1.6 !important;color: #333;}
.article-article .body p{margin: 0.1rem 0 0 0; font-size: 0.28rem;}
.article-article .body img{width: auto !important; height: auto !important; max-width: 100%;}
.article-nav{margin: 0 0 0.4rem;}
.article-nav .title{margin: 0 0 0.05rem;padding: 0;font-size: 0.24rem;line-height: 1.5;text-align: left !important;}
.article-nav .title::after{display: none;}
.article-nav .description{font-size: 0.2rem;line-height: 1.5;}
.article-nav .article-prev{position: relative;padding: 0 0 0.2rem;margin: 0 0 0.2rem;}
.article-nav .article-prev::after{content: '';position: absolute;left: 0;bottom: 0;width: 200%;height: 1px;transform-origin: 0 0;transform: scale(0.5);background: #dedede;}

.list-doc li{padding: 0.2rem 0.2rem;}
.list-doc li:nth-child(2n){background: #eee;}
.list-doc a{display: flex;justify-content: space-between;}
.list-doc .avatar{width: 38%;border-radius: 0.1rem;overflow: hidden;}
.list-doc .avatar img{display: block;width: 100%;height: auto;}
.list-doc .info{width: 58%;}
.list-doc .title{padding: 0 0 0.1rem 0;display: flex; align-items: center;}
.list-doc .sp1{margin: 0 0.1rem 0 0;font-size: 0.24rem;font-weight: bold;color: #0088bf;}
.list-doc .sp2{font-size: 0.2rem; color: #666;}
.list-doc .rongyu{margin: 0 0 0.1rem;font-size: 0.2rem; color: #666;line-height: 1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.list-doc .btns{display: flex;justify-content: space-between;}
.list-doc .btns span{display: flex;justify-content: center;align-items: center;width: 48%;height: 0.4rem;line-height: 0.4rem;font-size: 0.2rem;color: #5d3b00;background: #fbb946;border-radius: 0.05rem;}
.list-doc .btns span.btn2{color: #fff;background: #0088bf;}

.article-doc .title{text-align: center;}
.article-doc .avatar{position: relative; height: 2.2rem;margin: 0 0 0.2rem; overflow: hidden; background-position: center top; background-size: cover; border-radius: 0.1rem; overflow: hidden;}
.article-doc .avatar img{display: block;width: auto; height: 100%; margin: 0 auto;}
.article-doc .avatar .btns{position: absolute; bottom: 0.2rem; right: 0.2rem; left: 2.3rem; margin: 0;}
.article-doc .body{font-size: 0.28rem !important; line-height: 1.6 !important;}
.article-doc .body h3{font-size: 0.28rem !important; font-weight: bold;}
.article-doc .btns2{margin-bottom: 0.2rem;}
.article-doc .article-nav{margin-bottom: 0;}

.price-banner{margin-bottom: 0.35rem;}
.price-title{font-size: 0.42rem;color: #484848;text-align: center;line-height: 0.65rem;}
.price-sub{margin: 0 0 0.3rem;font-size: 0.24rem;color: #484848;text-align: center;line-height: 0.46rem;}
.price-nav{padding: 0 0.3rem;margin: 0 0 0.4rem;}
.price-nav ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: -0.1rem 0 0 0;}
.price-nav li{width: 1.86rem;height: 0.5rem;margin: 0.1rem 0 0 0;text-align: center;}
.price-nav li a{display: flex; justify-content: center; align-items: center; font-size: 0.24rem; color: #3b3b3b; width: 100%;height: 0.5rem;background: #eee; border-radius: 0.08rem;}
.price-nav li.on a{color: #fff; background: #002a72;}
.price-main{padding: 0 0.2rem;}
.price-main img{display: block;width: 100% !important;height: auto !important;}