body{ background-color: #eae9e7; }

.panel { width: 6.16rem; margin-top: .4rem; padding: .1rem .12em .3rem; box-shadow: 0 2px 4px rgba(0,0,0,0.25); background-color: #fff; } 
.panel-title { position: relative; font-size: .3rem; color: #a17023; height: .45rem; line-height: .45rem; border-bottom: .01rem solid #999; }
.panel-title > span:nth-of-type(1) { margin-left: .15rem; font-weight: bold; }
.panel-title > span:nth-of-type(2){ position: absolute; bottom: -.2rem; right: .5rem; width: 1.2rem; text-align: center; background-color: #fff; color: #0e4736; font-size: .16rem; font-weight: bold; }
.round { position: absolute; left: 0; bottom: -.05rem; box-sizing: border-box; width: .1rem; height: .1rem; border-radius: 50%; border: .01rem solid #333; background-color: #e5e5e5;  }
.top-tile { position: relative; height: .28rem; margin: .3rem auto .2rem; font-size: 0; }
.top-tile > i { display: inline-block; width: .35rem; height: .28rem; line-height: .28rem; text-align: center; background-color: #b0770e; font-style: normal; vertical-align: top; }
.top-tile > i > span { font-size: .16rem; color: #fff; }
.top-tile > a { position: absolute; left: .36rem; top: 0; height: .28rem; width: 5.8rem; line-height: .28rem; font-size: .28rem; color: #494949; margin-left: .1rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; }
.top-img { display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 6.16rem; height: 3.5rem; margin: 0 auto; box-shadow: 0 0 4px rgba(0,0,0,1); }
.top-img img { width: 5.92rem; height: 3.25rem; }
.top-desc { width: 5.92rem; margin: 0 auto; line-height: 1.6; margin-top: .2rem; font-size: .2rem; color: #6f6f6f; text-decoration: underline; }
.top-desc > a { color: #0190D4; }
.dashed-line { position: relative; width: 100%; height: .4rem; border-bottom: .02rem dashed #ababab; margin-bottom: .4rem; }
.dashed-line > img { position: absolute; top: .33rem; width: .08rem; height: .16rem; }
.dashed-line > img:first-child { left: -.12rem; }
.dashed-line > img:last-child { right: -.12rem; }

.article-list ul li { font-size: 0; border-top: .01rem solid transparent; margin-bottom: .3rem; }
.article-item-img { display: inline-block; width: 1.64rem; height: 1.11rem; border: .02rem solid #c39b5d; margin: .1rem 0 0 .1rem; border-radius: .1rem; vertical-align: top; }
.article-item-img img { width: 100%; height: auto; margin: -.1rem 0 0 -.1rem; border-radius: .1rem; }
.article-item-desc { display: inline-block; height: 1.11rem; width: 4.1rem; margin: .1rem 0 0 .2rem; border-bottom: .01rem dashed #6f6f6f; }
.article-item-desc-title { font-size: .28rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.article-item-desc-title a { color: #333; }
.article-item-desc-actions { font-size: .2rem; margin-top: .4rem; }
.article-item-desc-actions > span { color: #6f6f6f; }
.article-item-desc-actions > a { color: #c39b5d; font-weight: bold; font-size: .2rem; }
.panel > a { display: block; width: 5.46rem; height: .5rem; line-height: .5rem; margin: 0 auto; text-align: center; font-size: .22rem; background-color: #e3e3e3; border-radius: .1rem; color: #0190D4; }


.news-footer .footer-header { background: #eae9e7; }