body{margin: 0px;padding: 0px;background: #f3f3f3;}
p{margin: 0px;padding: 0px;}
a{text-decoration: none;color: #333;}
ul{list-style-type:none;margin: 0px;padding: 0px;}
hr{height: 0;line-height: 0;margin: 10px 0;padding: 0;border: none!important;border-bottom: 1px solid #e5e5e5!important;clear: both;background: 0 0;overflow: hidden;}

.container{max-width: 680px;margin: 0 auto;}
.header{display: flex;justify-content: space-between;align-items: center;padding: 1rem;background: #00C29A;color: #fff;}
.header .site-title{font-weight: bold;font-size: 1.5rem;font-style: italic;color: #fff;flex-grow: 1;text-align: center;}
.header .iconfont{font-size: 1.2rem}
.top-wigets{background: #00C29A;padding-bottom: 1rem;}
.top-wigets .cates{display: flex;justify-content: space-between;padding: 0rem 1rem;font-size: 1.1rem;color: #fff}
.top-wigets .cates ul{display: flex;flex-wrap: wrap;height: 2.5rem;overflow: hidden;}
.top-wigets .cates ul li:first-child a{padding-left: 0rem;}
.top-wigets .cates a{padding: 0.5rem;display: inline-block;color: #fff;}
.top-wigets .cates span{padding-top: 0.5rem;}
.top-wigets .cates i{font-size: 1rem;}
.top-wigets .searchs{display: flex;justify-content: space-between;align-items: center;padding: 0.5rem;flex-grow: 1;margin: 0rem 4rem;background: #fff;border-radius: 0.5rem;}
.top-wigets .searchs i{color: #0348f9;font-size: 1.3rem;}
.top-wigets .searchs input{border: none;outline: none;width: 0;flex-grow: 1;font-size: 1rem; background:fff;padding:0rem 0.5rem;}
.top-wigets .searchs button{border:none;background: #f1f1f1;padding: 0.25rem 1rem;border-radius: 0.5rem;color: #0348f9;}
.top-wigets .searchs input::-webkit-input-placeholder {color:#999;}
.top-wigets .swip{padding:1rem;margin-bottom: 1rem;}
.top-wigets .swip img{width:100%;border-radius: 0.8rem;height: 10rem;border:1px solid #f1f1f1;}
.art-label{padding: 1rem;padding-bottom: 0rem;border-bottom: 1px solid #e5e5e5;background: #fff;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;margin-top: -1rem;}
.art-label a{color: gray;}
.art-label h1{font-size: 1.1rem;color: #333;margin: 0px;}
.art-label i{font-size: 1.3rem;color: rgb(67,176,251);margin-right: 0.5rem;}
.art-label .label{display: flex;justify-content: space-between;}
.art-label .label a{font-size: 0.9rem;}
.art-label .cate{display: flex;justify-content: space-between;padding: 0.6rem 0rem;flex-wrap: wrap;}
.art-label .cate a{font-size: 1rem;}
.art-list{background: #fff;padding: 1rem;}
.art-list .art{display: flex;justify-content: space-between;padding: 1rem 0rem;border-bottom: 1px solid #f1f1f1;}
.art-list .art:last-child{border-bottom: none;}
.art-list .info{display: flex;flex-direction: column;justify-content: space-between;padding-right:1rem;}
.art-list .info h3{font-size: 1.1rem;font-weight: normal;margin: 0px;}
.art-list .info .date{font-size: 0.9rem;color:#c7c7c7;display:flex;justify-content: space-between;}
.art-list .info .date a{color:gray;}
.art-list .art img{width: 8.5rem;height: 5rem;border-radius: 4px;flex-shrink: 0;}
.top-wigets .art-label{background: none;margin-top: 0rem;}
.art-label .mult{justify-content: start;}
.art-label .mult a{margin-right: 0.5rem;padding: 0.25rem 0rem;}
.lanmu .art-label{padding: 1rem;}
.lanmu .art-list .art:first-child{padding-top: 0rem;}
.lanmu .top-cate{padding: 1rem;padding-bottom: 0rem;background: #fff;display: flex;align-items: center;}
.lanmu .top-cate:before{content: '';width: 15px;height: 15px;border: 3px solid #00C29A;border-radius: 50%;box-sizing: border-box;display: inline-block;margin-right: 0.3rem;}
.lanmu .top-wigets{background:#fff;border-top: none;padding: 1rem;padding-top: 0.5rem;display: flex;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #f1f1f1;}
.lanmu .top-wigets a{padding: 0.25rem 0.5rem;}

.artcon .art-title{background: #fff;}
.artcon .art-label{margin-top: 0.5rem;padding: 1rem;}
.artcon .art-label h1:before{content: '';border-left: 0.3rem solid #00C29A;border-radius: 1rem;margin-right: 0.6rem;}
.art-title{padding: 1rem;color: #333;border-bottom: 1px solid #e5e5e5;}
.art-title h1{margin: 0rem;font-size: 1.6rem;}
.art-title .date{margin-top: 1rem;color: gray;display: flex;}
.art-title .date span{margin-right: 0.5rem;}
.artcon .art-title .date a{color:rgb(41,117,230)}
.contents{background: #fff;padding: 1rem;}
.contents p{font-size: 1.125rem;letter-spacing: 0.1rem;line-height: 1.8rem;color: #3f3f3f;text-align: justify;margin-bottom: 1rem;}
.contents img{max-width: 100%;}
.artcon .share{position: sticky;bottom: 0px;display: flex;justify-content: space-between;padding: 1rem;background: #fff;align-items: center;}
.artcon .share .iconfont{font-size: 1.2rem;}
.artcon .share .btn{background: rgb(41,117,230);padding: 0.35rem 2rem;color: #fff;border-radius: 0.5rem;}
.artcon .share .btn .icon-download{margin-right: 0.3rem;font-size: 1rem;}
.artcon .share .icon-top{transform: rotate(30deg);display: inline-block;font-size: 1.8rem;}
.artcon .share .sends{display: flex;flex-direction: column;justify-content: center;font-size: 0.8rem;color: gray;padding:0rem 0.5rem;}
.footer{background: #333;color: #fff;text-align: center;display: flex;flex-direction: column;padding: 1rem 0rem;}
.footer div{margin: 0.5rem 0rem;}
.footer a{color: #fff;margin: 0rem 1rem;}

.pages{background: #fff;padding: 1rem 9rem;margin-top: 1.2rem;}
.pages ul{display: flex;justify-content: center;}
.pages ul li{border: 1px solid #cdcdcd;height: 2rem;line-height: 2rem;background: #f1f1f1;margin: 0 -1px 0px 0;}
.pages ul li a{padding: 0px 0.7rem;display: inline-block;}
.pages ul .active{padding: 0px 0.7rem;background: #333;color: #fff;border-color: #333;}
.pages ul .disabled{padding: 0px 0.7rem;}