.list {
    position: absolute;
    right: 0;
    top: 0;
    /*bottom: 0;*/
    width: 6.4rem;
    background: #333;
    display: flex;
    align-items: center;
    transition: 0.3s;
    transform: translate(6.4rem);
	
}

.list.open {
    transform: translate(0);
}
.list.open {
}

.list > p {
        border-right: 0.6rem solid #228B63;
    border-top: 0.4rem solid transparent;
    border-bottom: 0.4rem solid transparent;
    padding: 0.3rem 0;
    font-size: 0.24rem;
    width: 0;
    margin-left: -0.6rem;
}

.list > p span {
    color: #fff;
    display: inline-block;
    transform: translate(0.2rem);
}

.list ul {
    overflow-y: auto;
    height: 6rem;
}

.list li {
    margin: 0.2rem 0.2rem 0;
    display: flex;
    overflow: hidden;
    border-radius: 0.08rem;
    background-color: #444;
    color: #228B63;
    font-size: 0.26rem;
}

.list li .title {
    padding: 0.2rem;
}

.list li.cur {
    background-color: #228B63;
    color: #fff;
}

.list li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    color: #fff;
    text-align: center;
    padding: 0 0.2rem;
    font-size: 0.24rem;
    background-color: rgba(255, 255, 255, 0.2);
}

.list li span {
    display: block;
    width: 1rem;
    padding-top: 0.1rem;
}

.list li i {
    font-size: 0.34rem;
    color: #fff;
}
.app_vodel_lt_bq p {
    font-size: 0.22rem;
    color: #666666;
    margin-top: 0.3rem;
}

.app_vodel_lt_zb h1 {
    font-size: 0.32rem;
    margin-top: 0.85rem;
	margin-left: 15px;
}

.app_vodel_lt_zb h1::before {
    content: '';
    width: 0.08rem;
    height: 0.36rem;
    background: #FB1236 ;
    border-radius: 0.03rem;
    margin-right: 0.05rem;
    display: inline-block;
    vertical-align: sub;
}

.app_vodel_lt_zb .app_vodel_lt_zw {
    font-size: 0.28rem;
    line-height: 0.6rem;
    clear: both;
    user-select: none;
	background: #fff;
	padding: 10px;
}

.app_vodel_lt_zbbt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #EEEEEE;
	    background: #fff;
}

.app_vodel_lt_zbbt .com_tb_mc {
    margin-left: 10;
}

.app_vodel_lt_zbbt .com_tb_mc .com_tb_mc_img {
    background: url(../images/qdfl_lx.png) no-repeat;
    background-size: contain;
}
.com_tb_mc {
    margin-left: 0.25rem;
    font-size: 0.34rem;
    font-weight: 700;
    padding: 0.25rem 0;
}
.com_tb_mc .com_tb_mc_img {
    background: url(../images/qdfl_video.png) no-repeat;
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background-size: contain;
    vertical-align: middle;
}
.app_vodel_lt_zbbt a {
    font-size: 0.22rem;
}
.app_up_dowm_nav {
    background: #fff;
    margin-top: 0.2rem;
    border-radius: 0.1rem;
}

.app_up_dowm_nav div {
    display: flex;
}

.app_up_dowm_nav div a {
    color: #333333;
    font-size: 0.26rem;
    display: flex;
    flex-direction: column;
    margin: 0.2rem 0.1rem;
    border: solid 1px #eee;
    border-radius: 0.1rem;
    padding: 0.15rem;
    width: 3.5rem;
    height: 2rem;
    box-shadow: 0.02rem 0.02rem 0.05rem #e9e9e9;
}

.app_up_dowm_nav div a span:nth-child(1) {
    margin: 0 auto 0.4rem;
    ;}

.app_up_dowm_nav div a span:nth-child(2) {
    color: #FB1236 ;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.app_up_dowm_nav div a p {
    color: #FB1236 ;
}
.app_lv_cn {
    background: #FFFFFF;
    position: relative;
}

.app_lv_cn_lt {
    box-sizing: border-box;
}

.app_lv_cn_lt>li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: .15rem .1rem;
    border-bottom: 1px solid #eeeeee;
    height: 2rem;
    box-sizing: border-box;
}

.app_lv_cn_lt_con {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
}

.app_lv_cn_tb-dw_xx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    flex-shrink: 0;
}

.app_lv_cn_tb-dw_xx img {
    width: .7rem;
    height: .7rem;
}

.app_lv_cn_tb-dw_xx p {
    font-size: .28rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding: .1rem .1rem 0 .1rem;
    text-align: center;
}

.app_lv_cn_tb-dw_bs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.app_lv_cn_tb-dw_bf {
    text-align: center;
    margin: 0 0 .15rem 0;
}

.app_lv_cn_tb-dw {
    display: flex;
    align-items: center;
}

.app_lv_cn_tb-dw img {
    width: .25rem;
    height: .25rem;
}

.app_lv_cn_tb-dw_sj,.app_lv_cn_tb-dw_ss {
    color: #868DA3;
    font-size: .19rem;
    margin: 0 .1rem;
}

.app_lv_cn_tb-dw_ss {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app_lv_cn_tb-dw_bf_vs {
    color: #999999;
    font-size: .3rem;
}
img {
    border: 0 none;
    max-width: 100%;
    vertical-align: top;
    height: auto
}
.app_lv_cn_tb-dw_btn img {
    width: .3rem;
    margin-right: 0.05rem;
}
.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 .luxianglist{overflow:auto;height:50px}
.head-nav .luxianglist a{    color: #fff;
    font-size: .3rem;
    height: 1.05rem;
    /* line-height: 1.08rem; */
    margin: 0 .05rem;
    display: inline-block;
    padding: 16px 5px;}
.head-nav .luxianglist 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%;}