.home .main{max-width:1000px;margin:0 auto}.home .main .wrapper{display:-webkit-flex;display:flex;justify-content:space-between;width:100%;background:#fff;padding-right:320px;position:relative}@media (max-width:768px){.home .main .wrapper{padding-right:0}}.home .main .wrapper .left-cont{width:100%;min-height:700px}.home .main .wrapper .left-cont .more-btn{width:60%;height:40px;display:block;line-height:40px;text-align:center;color:#bdc3c7;border-radius:40px;border:1px solid #bdc3c7;margin:0 auto 20px}.home .main .wrapper .right-bar{position:absolute;right:20px;top:20px;width:280px}.home-category{width:100%;background:#fff}.home-category .title{width:100%;position:relative;height:26px;text-align:left;text-indent:10px;line-height:26px;border-bottom:1px solid #f1f1f1}.home-category .title:before{position:absolute;left:0;top:0;content:'';background:#1ABC9C;width:4px;height:100%}.home-category .cont{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between}.home-category .cont a{padding:10px 0;border-bottom:1px solid #f1f1f1;display:-webkit-flex;display:flex;width:calc(50% - 10px);align-items:center;color:#2B4356;justify-content:space-between}.home-category .cont a:nth-child(odd){margin-right:10px}.home-category .cont a:nth-child(even){margin-left:10px}.home-category .conta span{font-size:12px}.home-category .cont a:hover span{color:#1ABC9C}.article-rank{width:100%}.article-rank .tab-list{display:-webkit-flex;display:flex;justify-content:space-between;border-bottom:1px solid #1abc9c}.article-rank .tab-list a{width:22%;height:40px;line-height:40px;text-align:center;background:#ebeef2;display:block;color:#2B4356}.article-rank .tab-list a.active{background:#1abc9c;color:#fff}.article-rank .tab-cont{position:relative;height:280px;width:100%;overflow:hidden}.article-rank .tab-cont .popular{position:absolute;left:0;width:100%;top:0}.article-rank .tab-cont .popular a{padding-left:70px;display:block;position:relative;margin-top:10px;width:100%}.article-rank .tab-cont .popular a .img{width:60px;height:60px;border:1px solid #f1f1f1;overflow:hidden;position:absolute;left:0;top:0;background:#f1f1f1}.article-rank .tab-cont .popular a .img .img-box{width:100%;height:100%;display:flex;align-items:center;color:#fff;justify-content:center}.article-rank .tab-cont .popular a:nth-of-type(1) .img .img-box{background:#20a0ff}.article-rank .tab-cont .popular a:nth-of-type(2) .img .img-box{background:#13ce66}.article-rank .tab-cont .popular a:nth-of-type(3) .img .img-box{background:#f7ba2a}.article-rank .tab-cont .popular a:nth-of-type(4) .img .img-box{background:#ff4949}.article-rank .tab-cont .popular a .img .img-box img{height:100%}.article-rank .tab-cont .popular a .text h4{text-align:left;color:#2B4356;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-rank .tab-cont .popular a .text p{margin-top:20px;color:#999;text-align:left}.article-rank .tab-cont .popular a .text p i{margin-right:10px;color:#999}.tags{width:100%}.tags .title{width:100%;position:relative;height:26px;text-align:left;text-indent:10px;line-height:26px;border-bottom:1px solid #f1f1f1}.tags .title:before{position:absolute;left:0;top:0;content:'';background:#1ABC9C;width:4px;height:100%}.tags .cont{width:100%}.tags .cont .wrapper{display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;width:calc(100% + 10px);margin-left:-10px;padding-right:0;justify-content:flex-start}.tags .cont .tag-item{margin-left:10px;margin-top:10px;cursor:pointer}.tags .cont .tag-item input{display:none}.tags .cont .tag-item span{border-bottom:1px solid #d9d9d9;display:block;padding:5px 8px;border-radius:3px;overflow:hidden;background:#e7e7e7;color:#2B4356;font-size:12px}.tags .cont .tag-item input:checked+span{background:#20A0FF;border-bottom:1px solid #1D8CE0;color:#fff}.article-list{background:#fff;width:100%;padding:0 10px}.article-list .item{width:100%;padding:20px 0;position:relative;overflow:hidden;border-bottom:1px solid #eee}.article-list .item.has-right{padding-right:230px}.article-list .item .left{width:100%}.article-list .item .left .preview{color:#3E5E77}.article-list .item .right{width:180px;height:100%;position:absolute;right:0;padding:10px;display:-webkit-flex;display:flex;align-items:center;top:0}.article-list .item:nth-of-type(1){margin-top:0}.article-list .item .img{width:100%;height:100%;overflow:hidden;border-radius:2px;padding:0;margin:0;display:flex;display:-webkit-flex;justify-content:center;align-items:center}.article-list .item .img img,.article-list .item .title{width:100%}.article-list .item .title h4{font-size:16px;text-align:left}.article-list .item .title .info{overflow:hidden;margin:10px 0}.article-list .item .title .info span{float:left;margin-right:20px;color:#bbb;font-size:12px}.article-list .item .left .bottom .more:before,.article-list .item .title .info a:before,.article-list .item .title .info span:before{margin-right:5px}.article-list .item .title .info a{float:right;color:#bbb;font-size:12px}.article-list .item .title .info a.active{color:#E24C3C}.article-list .item .preview{text-align:left;color:#999;line-height:22px;margin-top:10px}.article-list .more-btn,.home .more-btn{height:40px;line-height:40px;text-align:center}.article-list .item .left .bottom{display:-webkit-flex;display:flex;align-items:center;margin-top:10px}.article-list .item .left .bottom .more{padding:2px 6px;text-align:center;border:1px solid #1ABC9C;display:block;float:left;font-size:12px;color:#1ABC9C;border-radius:2px}.article-list .more-btn{width:60%;display:block;color:#bdc3c7;border-radius:40px;border:1px solid #bdc3c7;margin:0 auto}@media screen and (min-width:768px){.article-list{padding:0 20px 10px}}@media screen and (max-width:768px){.article-list .item .img{display:none}.article-list .item.has-right{padding-right:0}.home{padding:0}}.home{text-align:center;margin-top:70px}.home .more-btn{width:50%;border-radius:40px;display:block;color:#999;border:1px solid #eee;margin:0 auto}