.alist li{margin-top:8px;background:#fff;}.alist li:first-child{margin-top:0;}
.alist .tit{height:46px;font-size:1.42rem;}
.alist .tit a{display:block;height:46px;line-height:46px;padding:0 10px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.alist .pic a{position:relative;display:block;height:210px;}
.alist .pic img{display:block;width:100%;height:100%;}
.alist .icon,.alist .times{position:absolute;display:block;}
.alist .icon{left:50%;top:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px;background:url(../images/vicon.png) no-repeat; background-size:60px auto;}
.alist .times{right:0;bottom:0;display:block;width:100%;height:40px;line-height:40px;text-align:right;color:#fff;padding-right:10px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.1) 30%, #000 100%);}
.alist .author{max-width:60px;overflow:hidden;}
.alist .info{height:20px;line-height:20px;padding: 12px 10px;font-size:1.0rem;display:-webkit-box;display: box;}
.alist .info > div{-webkit-box-flex:1;box-flex:1;}
.alist .r{text-align:right;}
.alist .r span{display:inline-block;float:right;}
.alist .f span{display:inline-block;float:left;height:20px;overflow:hidden;margin-right:10px;color:#333;}
.alist .f span:last-child{margin-right:0;}
.alist .f .cata{display:none;}
.alist .f .cata,.alist .f .flei{padding:0 10px;font-size:1.0rem;background:#3fd0ce;color:#fff;border-radius:25px;}
.alist .f .flei a{color:#fff;}
.alist .user-pic{position:relative;top:-21px;left:10px;width:50px;text-align:center;}
.alist .user-pic img{display:block;width:42px;height:42px;margin:0 auto;border-radius:50%;}
.alist .user-pic span{display:block;line-height:20px;margin:0;}
.alist .r .share-btn{width:30px;height:20px;text-indent:999px;overflow:hidden;background-position:0 -140px;}
.alist .pic .img-wrap,.alist .pic .img-wrap-two{display:-webkit-box;display: box;height:80px}
.alist .pic .img-wrap img,.alist .pic .img-wrap-two img{-webkit-box-flex:1;box-flex:1;margin-left:10px;}
.alist .pic .img-wrap img:nth-child(1){margin-left:0;}
.alist .pic .img-wrap-two{height:106px;}
.alist .pic .img-wrap-two img:nth-child(1){margin-left:0;}

.channel{width:100%;height:0;max-height:100%;box-sizing:border-box;display:block;overflow:hidden;background:#fff;position:fixed;top:0;left:0;z-index:99999;overflow:auto}
::-webkit-scrollbar {display:block;}
.channel .title{position:relative;height:45px;line-height:45px;background: #3fd0ce;color:#fff; text-align:center;font-size: 1.6rem;}
.channel .close{position:absolute;left:0;top:0;}
.channel .hd{position:relative;line-height:40px;margin-top:10px;padding:0 10px;font-size:1.25rem;color:#989898;}
.channel .state{position:absolute;right:10px;top:10px;display:inline-block;float:right;height:18px;line-height:19px;padding:0 12px;font-size:0.8rem;border:1px solid #ccc;border-radius:25px;}
.channel ul{margin:0 5px;*zoom:1;}
.channel li{float:left;width:25%;}
.channel li a{display:block;height:32px;line-height:32px;overflow:hidden;margin:0 5px 10px;text-align:center;font-size:1.2rem;color:#333;background:#fff;border:1px solid #ddd;}
.my-channel li{position:relative;}
.my-channel li i{position:absolute;right: 0px;top: -5px;display:none;width: 15px;height: 15px;text-align:center;line-height: 16px;font-size:0.8rem;color:#fff;background: rgba(0,0,0,0.3);border-radius:50%;font-size: 1.6rem;font-weight: normal;}
.my-channel li:nth-child(1) a,.my-channel li:nth-child(2) a,.my-channel li:nth-child(3) a{background:#f0f0f0;}
.recom-channel{padding-bottom:20px;}
.recom-channel li a::before{content:'+';width:10px;height:10px;margin-right:2px;font-size:1.2rem;}
::-webkit-scrollbar {display: none;}

@media only screen and (max-width:320px) {.channel li a{font-size:1.1rem;}}

.fnav{height:40px;line-height:40px;padding:0 10px;background:#f4f5f6;font-size:1.42rem;}