.head-logo{width: 100%; background: #FFF; }
.head-logo .user{width:.63rem;height:.63rem;background:url("../../images/user_m.png") no-repeat 50%;background-size:100%;margin-top:.12rem;float:left;border-radius:100%}
.head-logo .logo{width: 50px;height: 50px; margin: 0 auto;background:url("../../images/logo.png") no-repeat 50%;background-size:85%;}
.head-logo .search{width:.51rem;height:.51rem;background:url("../../images/search_m.png") no-repeat 50%;background-size:100%;float:right;margin-top:.15rem}


.head-nav{width:100%;height:50px;white-space:nowrap;background:#228B63;border-bottom: 1px solid #e8e8e8;}
.head-nav:after{bottom:0;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
.head-nav .list{overflow:auto;height:50px}
.head-nav .list a{    color: #fff;
    font-size: .3rem;
    height: 1.05rem;
    /* line-height: 1.08rem; */
    margin: 0 .05rem;
    display: inline-block;
    padding: 16px 5px;}
.head-nav .list a.on{font-weight:700;color:#d9c21c}
.head-nav .listmore{width:1.24rem;height:1.08rem;background:url('../../images/down.png') no-repeat 50%;background-size:.39rem .21rem;float:right;position:relative}
.celebrate-nav .tab.active{color:#dc0033}
.channel-news-page{position:relative}
.article_morem{background:url(../../images/menu.png) no-repeat center;width:19px;height:16px;POSITION: absolute;right: 15px;top: 17px;}
.article_channel{ padding:0;}
.close{position: absolute;right: 0;border: 1px solid #e8e8e8;color: #fff;display: inline-block;padding: 3px 10px;font-size: 12px;}
.page-channel{ background: #228B63; overflow: hidden;}
.back-wrapper{width:100%;height:1.17rem;background:#eff8ff;padding-left:.57rem;position:fixed;top:1.47rem;left:0;z-index:1}
.back-wrapper .back{height:1.17rem;line-height:1.2rem;padding-left:.57rem;color:#129aee;font-size:.42rem;position:relative}
.back-wrapper .back:before{content:"";width:.18rem;height:.36rem;background:url('../../images/back.png') no-repeat 50%;background-size:100%;position:absolute;left:0;top:.4rem}
.my-channel,.recommend-channel{margin: .57rem;
    color: #FFF;
    font-size: .39rem;}
.my-channel h4,.recommend-channel h4{font-weight:400;position:relative}
.my-channel .edit,.recommend-channel .edit{float:right;color:#129aee}

.my-channel .channel-list,.recommend-channel .channel-list{padding-top:.4rem}
.channel-list a{    color: #FFF;
    width: 30%;
    /* height: 1.96rem; */
    float: left;
    margin-bottom: .36rem;
    position: relative;
    border-radius: .2rem;
    border-color: #ccc;
    border: 1px solid #ccc;
    text-align: center;
    line-height: .66rem;
	margin-right: 3%;}
.channel-list a.active{ border-color:#129aee;}
.channel-list a.t{display: block;
    /* width: 100%; */
    font-size: 16px;
    border: none;
    color: #fff;
    margin-right: 3;
    background-color: #13704d;
}
.channel-list a:nth-child(3n){}
.close{position: absolute;right: 0;border: 1px solid #e8e8e8;color: #fff;display: inline-block;padding: 3px 10px;font-size: 12px;}
.footer{border-top:#D93757 solid 3px; background: #222222;overflow: hidden;color: #EBEBEB;margin-top: 40px;    font-size:14px;text-align:center;padding:15px; padding-bottom:5px;}
.footer p{ margin-bottom:5px;}
.footer a{ color:#EBEBEB}
.top{position: fixed;right:5%; bottom: 12%;}