.video_preview_title_container{
    width: 100%;
    margin-top: 64px;
    margin-bottom: 40px;
}
.video_preview_title{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: rgba(17,15,15,1);
    font-size: 28px;
    text-align: left;
}

.video_title_left{
    background-image: url("/cdn/imgs/title-left.png");
}

.video_title_right{
    background-image: url("/cdn/imgs/title-right.png");
}
.video_title_left, .video_title_right{
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}
.video_title_left_big{
    background-image: url("/cdn/imgs/big-left.png");
}

.video_title_right_big{
    background-image: url("/cdn/imgs/big-right.png");
}
.video_title_left_big, .video_title_right_big{
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}

.video-swiper{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.video-swiper-button-prev{
    background-image: url("/cdn/imgs/swiper-left.png");
    left: 0;
    top: 110px;
}
.video-swiper-button-prev:hover{
    cursor: pointer;
}
.video-swiper-button-next:hover{
    cursor: pointer;
}
.video-swiper-button-next{
    background-image: url("/cdn/imgs/swiper-right.png");
    right: 0;
    top:110px;
}
.video-swiper-button-prev,.video-swiper-button-next{
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 1000;
}
.video-tag{
    width: 70px;
    height: 30px;
    line-height: 30px;
    border-radius: 0px 5px 5px 0px;
    background-color: rgba(252,120,24,1);
    font-size: 14px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 15px;
    left: 0;
}
.video-item{
    width: 380px;
    height: 280px;
    border-radius: 5px;
    background-color: rgba(255,255,255,1);
    position: relative;
}
.video-item .player-tag{
    position: absolute;
    left: 170px;
    top: 90px;
}

.video-image{
    width: 380px;
    height: 200px;
}
.video-view-count{
    position: absolute;
    right: 10px;
    top: 15px;
}
.video-view-count-number{
    font-size: 16px;
    color: #fff;
    position: relative;
    top:2px;
}
.video-intro{
    display: flex;
    padding: 10px;
    justify-content: space-between;
}
.text{
    width: 277px;
    height: 54px;
    line-height: 28px;
    color: rgba(17,15,15,1);
    font-size: 20px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;

}
.of1{
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.btn{
    width: 50px;
    height: 50px;
    background-image: url("/cdn/imgs/btn-bg.png");
    background-size: cover;
    line-height: 50px;
    color: #fff;
    text-align: center;
}
.time-item-container{
    width: 410px;
}
.time-item-container-end{
    width: 210px;
    height: 270px;
    border-radius: 5px 5px 0px 0px;;
}

.time-line-container{
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
}
.time-line{
    border-top: 2px solid rgba(210,155,68,1);

}
.time-line-container .yuan{
    width: 20px;
    height: 20px;
    background-color: rgba(140,67,0,1);
    border-radius: 50%;
}
.time-line-container .time-item{
    position: relative;
    top: -11px;
    left: 180px;
}
.time-item-end{
    position: relative;
    top: -11px;
    left: 148px;
}
.time{
    position: relative;
}
.time-desc{
    width: 100px;
    height: 80px;
    border-radius: 5px;
    background-color: rgba(140,67,0,1);
    margin-top: 15px;
    position: relative;
    left: -40px;
    color: #fff;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}


.player-container{
    background-color: rgba(17,15,15,1);
    height: 740px;
    margin-top: 40px;
}
.player-and-info{
    display: flex;
}
.player{
    height: 618px;
    width: 1100px;
    position: relative;
}
.player .player-tag{
    position: absolute;
    top: 259px;
    left: 500px;
}
.player .realTitle{
    color: #fff;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    padding-left: 20px;
    margin-top: 17px;
}
.vlive{
    border-right: 1px solid rgba(255,255,255,1);
}

.live-comment{
    height: 50px;
    width: 340px;
    box-sizing: border-box;
    padding: 5px 0;
    display: flex;
    background-color: rgba(59,59,59,1);
}
.live-comment .title-active{
    color: red;
}
.vheader{
    font-size: 20px;
    text-align: center;
    color: rgba(255,255,255,1);
    flex:1;
    height: 28px;
    line-height: 28px;
    margin: auto;

}
.title-and-comment{
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.title-and-comment .title{

    color: rgba(255,255,255,1);
    font-size: 16px;
    padding-left: 20px;
    margin-top: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 50px;
}
.title-and-comment  .commentContentInput{
    width: 250px;
    height: 50px;
    display: block;
    background-color: rgba(59,59,59,1);
    font-size: 16px;
    border: none;
    padding-left: 10px;
    color: rgba(191,191,191,1);
}
.title-and-comment .cbtn{
    width: 90px;
    height: 50px;
    display: block;
    background-color: rgba(136,17,11,1);
    border: none;
    color: #fff;
    position: relative;
    top:1px;

}
.title-and-comment .cbtn:focus{
    outline: none;
}

.live-infos{
    height: 610px;
    overflow: auto;

}
.live-infos .live-info{
    position: relative;
    display: flex;
    margin-top: 20px;
    padding-left: 10px;
}
.live-infos .live-info .live-info-image{
    width: 150px;
    height: 110px
}
.live-infos .live-info .live-info-tag{
    height: 23px;
    line-height: 20px;
    color: rgba(255,255,255,1);
    background-color:  #88110b;
    font-size: 12px;
    position: absolute;
    padding: 0 5px;
    top: 0;
    left: 10px;
    border-radius: 0px 5px 5px 0px;
}
.live-infos .live-info .info-active{
    box-sizing: border-box;
    border: 1px solid #88110B;
}
.live-infos .live-info .info-title-view{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 150px;
    margin-left: 20px;
}
.live-infos .live-info .info-title-view .title{
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 16px;
}
.live-infos .live-info .info-title-view .view{
    color: #fff;
}
.live-infos .live-info .info-title-view .title-active{
    color: red;

}

.type-container-img {
    display: flex;
    justify-content: space-between;
    height: 60px;
}
.type-container-img .type-container{
    background-image: url("/cdn/imgs/type-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 1180px;
    display: flex;
}
.type-container-img .type-container .active{
    border-radius: 100px;
    background-color: rgba(136,17,11,1);
    color: #fff !important;
}
.type-container-img .type-container .type-first,.type-container-img .type-container .type{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: rgba(140,67,0,1);
    text-align: center;
    margin: 15px 0 0 40px;
    padding: 0 13px;

}
.type-container-img .type-container .type-first,.type-container-img .type-container .type:hover{
    cursor: pointer;
}

.video-list-container .list-row{
    display: flex;
    margin-top: 42px;
}
.video-list-container .list-row .list-item{
     position: relative;
    background-color: #fff;
    box-shadow: 0px 2px 6px 0px rgba(175,175,175,0.4);
}
.video-list-container .list-row .list-item .item-img{
    width: 460px;
    height: 300px;
}
.video-list-container .list-row .list-item .item-img img{
    width: 100%;
    height: 100%;
}
.video-list-container .list-row .list-item .player-tag{
    position: absolute;
    left: 190px;
    top: 120px;
}
.video-list-container .list-row .list-item .list-ttile{
    width: 440px;
    height: 28px;
    line-height: 28px;
    color: rgba(41,41,41,1);
    font-size: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    padding: 0 10px;
}
.video-list-container .list-row .list-item .time-view .time{
    color:  rgba(102,102,102,1);
}
.video-list-container .list-row .list-item .time-view {
    padding: 0 0 8px 10px;
}
.pagination-container{
    display: flex;
    margin-top:20px;
}
.pagination-container .pagination{
    margin: auto;
    height: 52px;
    /*background-color: #fff;*/
    padding: 0 10px;
}
.comment-infos{
    padding-bottom: 10px;
    height: 595px;
    overflow: auto;
}
.comment-infos .comment-info{
    display: flex;
    margin-top: 20px;
}
.comment-infos .comment-info .avatar{
    width: 45px;
    height: 45px;

}
.comment-infos .comment-info .avatar img{
    border-radius: 50%;
}
.comment-infos .comment-info .time-content{
    color: #fff;
    margin-left: 10px;
}
.comment-infos .comment-info .time-content .time{
    height: 45px;
    display: flex;
    justify-content: space-between;
}
.comment-infos .comment-info .time-content .content1{

    font-size: 14px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    width: 255px;
}
.hv:hover{
    cursor: pointer;
}
.ac-list-item{
    width: 460px;
    background-color: #fff;
    box-shadow: 0px 2px 6px 0px rgba(175,175,175,0.4);
}
.ac-list-item .ac-img img{
    width: 100%;
    height: 100%;
}
.ac-list-item .ac-img{
    width: 460px;
    height: 300px;
}
.ac-list-item .ac-content .down-container{
    display: flex;
    justify-content: space-between;
    margin-top: 21px;
}
.ac-list-item .ac-content{
    height: 200px;
    padding: 5px 16px 5px 13px;
    box-sizing: border-box;
}
.ac-list-item .ac-content .ac-title{
    height: 59px;
    width: 370px;
    line-height: 28px;
    color: rgba(41,41,41,1);
    font-size: 20px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.ac-list-item .ac-content .down-container img{
    width: 25px;
    height: 25px;
}
.ac-list-item .ac-content .down-container div>span{
    position: relative;
    top: 0;
    left: 5px;
}
.ac-list-item .ac-content .down-container .tag-container div{
    margin-top: 5px;
}

/*展文旅*/
.sc-banner{
    position: relative;
}
.sc-banner .sc-banner-list{
    width: 380px;
    height: 580px;
    padding-top: 8px;
    box-sizing: border-box;
    background-color: rgba(17,15,15,0.7);
    position: absolute;
    top:0;
    right: 0;
    z-index: 100;
}
.sc-banner .sc-banner-list .sc-banner-list-item{
    padding-right: 20px;
    height: 56px;
    line-height: 56px;
    color: rgba(220,220,220,1);
    font-size: 20px;
    padding-left: 30px;
    box-sizing: border-box;

}
/* 去掉下划线 */
a {
    text-decoration: none;
}

/* 改变链接颜色 */
a {
    color: #000;
}

/* 去除鼠标悬停效果 */
/*a:hover {*/
/*    text-decoration: none;*/
/*    color: rgba(220, 220, 220, 1);*/
/*}*/
.sc-banner .sc-banner-list a{

}
.sc-banner .sc-banner-list .sc-active{
    border-left: 8px solid rgba(140,0,0,1);
    padding-left: 22px;
}
.sc-banner .sc-banner-list .sc-banner-list-item:hover{
    cursor: pointer;
}

.sc-list{
    display: flex;
    margin-top: 30px;
}
.sc-img{
    width: 460px;
    height: 300px;
}
.sc-img>img{
    width: 100%;
    height: 100%;
}
.sc-list-item{
    box-shadow: 0px 2px 6px 0px rgba(175,175,175,0.4);
    position: relative;
    width: 460px;
    height: 380px;
    background-color: rgba(229,229,229,1);
}

.sc-tag{
    width: 70px;
    height: 30px;
    line-height: 30px;
    border-radius: 0px 5px 5px 0px;
    background-color: rgba(140,67,0,1);
    color: #fff;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}
.sc-title{
    width: 440px;
    height: 28px;
    line-height: 28px;
    color: rgba(41,41,41,1);
    font-size: 20px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
}
.sc-address{
    margin-top: 5px;
}
.sc-address span{
    color: rgba(102,102,102,1);
    font-size: 16px;
}

/* 享活动*/
.ac-swiper-item>img{
    width: 380px;
    height: 200px;

}
.ac-swiper-title{
    width: 370px;
    height: 59px;
    color: rgba(41,41,41,1);
    font-size: 20px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.ac-swiper-other{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.ac-swiper-container{
    width: 1192px;
    margin: 0 auto;
    display: flex;
}
.ac-right-btn{
    margin-top: 46px;
}
.ac-title-other{
    height: 180px;
    width: 360px;
    padding: 10px;
    box-shadow: 0px 2px 6px 0px rgba(175,175,175,0.4);
    background-color: rgba(255,255,255,1);
}
.ac-swiper-intro{
    margin-top: 5px;
}
/*汇社团*/
.le-container{
    margin: 0 auto;
    width: 1440px;
    overflow: hidden;
}
.le-container1{
    margin: 0 auto;
    width: 1440px;
    overflow: hidden;
}
.le-content{
    position: relative;
    padding: 105px 0 0;
}
.le-info-date{
    width: 63px;
    height: 70px;
    line-height: 70px;
    color: rgba(102,102,102,1);
    font-size: 50px;
}
.le-info-year{
    color: rgba(102,102,102,1);
}
.le-info-item{
    position: relative;
    border: 1px solid rgba(211,211,211,1);
    border-radius: 5px;
    padding: 25px 30px;
    display: flex;
    background-color: #fff;
}
.le-info-tag{
    position: absolute;
    width: 62px;
    height: 62px;
    line-height: 62px;
    background-color: rgba(255,157,92,1);
    color: #fff;
    font-size: 14px;
    border-radius: 0 0 30px 30px;
    text-align: center;
    top:-1px;
    left:-1px;
}
.le-info-tag.le-info-tag-inactive{
    background-color: rgba(212,212,212,1);
    color:#fff;
}
.le-info-item-middle{
    padding-left: 20px;
    border-left: 1px solid rgba(187,187,187,1);
    width: 292px;
}
.le-info-item-left{
    margin: 19px 58px 0 30px;
}
.le-info-item-img{
    width: 300px;
    height: 150px;
    margin-left: 40px;
    margin-top: 25px;

}
.le-left{
    margin-left: 60px;
    width: 1200px;
}
.le-info-item-title{
    color: rgba(38,38,38,1);
    font-size: 20px;
}
.le-info-item-btn{
    width: 118px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    color: rgba(255,132,50,1);
    font-size: 14px;
    text-align: center;
    border: 1px solid rgba(235,138,41,1);
    margin: 125px 0 0 214px;
}
.le-info-item-inactive.le-info-item-btn{
    background-color: rgba(221,221,221,1);
    color: #fff;
    border-color: rgba(221,221,221,1);
}

.le-details-intro{
    /*text-indent: 2em;*/
}

/*社团详情*/
.le-details{
    display: flex;
}
.le-fixed{
    display: flex;
}
.le-fixed > img{
    width: 560px;
    height: 300px;
}
.le-details-middle{
    color: rgba(102,102,102,1);
    font-size: 16px;
    margin-left: 19px;
    width: 499px;
    position: relative;
}
.le-details-title{
    color: #000;
    font-size: 20px;

}
.le-details-btn{
    width: 160px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    background-color: rgba(140,0,0,1);
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.le-details-right > span{
    position: relative;
    top: -10px;
}
/* 定场地 */
.site-search-condition{
    display: flex;
    justify-content: space-around;
    position: relative;
    height: 106px;
}
.site-list-row{
    display: flex;
    justify-content: space-between;
}
.site-list-item{
    display: flex;
}
.site-list-item .site-img{
    width: 300px;
    height: 350px;
}
.site-list-item .site-content .site-title{
    width: 375px;
    height: 28px;
    line-height: 28px;
    color: rgba(41,41,41,1);
    font-size: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;

}
.site-list-item .site-content{
    padding: 19px 15px 18px 20px;
    background-color: rgba(255,255,255,1);
    border: 1px solid rgba(232,217,198,1);
    border-left: none;

}
.site-list-item .site-content .site-line{
    width: 50px;
    height: 6px;
    border-radius: 2px;
    background-color: rgba(140,67,0,1);
}
.site-list-item .site-content .site-btn{
    width: 120px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    color: #fff;
    background-color: rgba(136,17,11,1);
    text-align: center;
}
/*分馆*/
.ve-banner-container{
    border: 10px solid rgba(198,167,123,1);
    width: 1440px;
    height: 440px;
    box-sizing: border-box;
    margin-top: 60px;
}
.ve-img-bg{
    width: 490px;
    height: 340px;
    border-radius: 5px;
    background-color: rgba(250,236,211,1);
    margin: 44px 0 0 154px;
}
.ve-banner-left{
    position: relative;
}
.ve-banner-left img{
    width: 560px;
    height: 300px;
    position: absolute;
    top: 64px;
    left: 64px;
}
.ve-title{
    height: 40px;
    line-height: 39px;
    color: rgba(16,16,16,1);
    font-size: 28px;
}
.ve-title-line{
    width: 70px;
    height: 6px;
    border-radius: 50px;
    background-color: rgba(198,167,123,1);
}
.ve-banner-container{
    display: flex;
}
.ve-intro{
    width: 740px;
    height: 184px;
    line-height: 23px;
    color: rgba(102,102,102,1);
    font-size: 16px;
    /*text-indent: 2em;*/
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.ve-right-bottom{
    display: flex;
    justify-content: flex-end
}
.ve-right-bottom a{
    color: rgba(136,17,11,1);
    font-size: 16px;
    margin-top: 33px;
}
.ve-banner-tag1{
    width: 30px;
    height: 20px;
    border-radius: 2px;
    background-color: rgba(250,236,211,1);
    position: relative;
    left: 15px;
    top: -10px;
}
.ve-banner-tag2{
    width: 30px;
    height: 20px;
    border-radius: 2px;
    background-color: rgba(198,167,123,1);
    z-index: 10;
}
.ve-banner-tag-container{
    display: flex;
    justify-content: flex-end;
}
.ve-list-row{
    display: flex;
}
.ve-list-item{
    width: 460px;
    height: 280px;
    border-radius: 5px;
    background-color: rgba(229,229,229,1);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    position: relative;
}
.ve-list-item img{
    width: 100%;
    height: 100%;
}
.ve-list-item-title{
    height: 40px;
    background-color: rgba(7,7,7,0.49);
    line-height: 40px;
    color: #fff;
    padding-left: 10px;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 450px;
}
.vol-list-item{
    width: 710px;
    height: 550px;
    background: url("/cdn/imgs/voluteerlist.png") no-repeat ;
}
.vol-list-container{
    display: flex;
}
/*志愿者*/
.vol-list-container .title{
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 20px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    position: relative;
}
.vol-list-container .more{
    font-size: 16px;
    height: inherit;
    position: absolute;
    right: 19px;
    top: 0px;
    color: #fff;
}
.vol-list-inner-item{
    background-color: #fff;
    width: 305px;
    font-size: 16px;
    padding: 10px;
}
.vol-list-row{
    display: flex;
}
.vol-list-inner-item .line{
    width: 305px;
    height: 1px;
    background-color: rgba(211,211,211,1);
}
.avatar-name-work{
    display: flex;

}

.avatar-name-work img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
}
.avatar-name-work .name{
    color: rgba(38,38,38,1);
}
.avatar-name-work .work{
    color: rgba(102,102,102,1);
}
.gy-list{
    padding: 0 20px;
}
.gy-list-item{
    width: 670px;
    height: 100px;
    border-radius: 5px;
    background-color: rgba(255,255,255,1);
}
.gy-list-item>img{
    width: 100px;
    height: 100px;
}
.gy-list-item{
    display: flex;
}
.vol-recurit-container{
    background: url("/cdn/imgs/voluteerjoin.png") no-repeat;
    width: inherit;
    height: 540px;
}
.vol-recurit-title{
    font-size: 30px;
    height: 66px;
    color: #fff;
    line-height: 66px;
    width: 100%;
    text-align: center;

}
.vol-recurit-down{
    display: flex;
    padding: 0 40px;
}
.vol-recurit-seq{
    width: 30px;
    height: 30px;
    background: url("/cdn/imgs/taoxin.png") no-repeat center;
    display: inline-block;
    color: #97571c;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;

}
.vol-recurit-last{
    color: rgba(140,67,0,1);
    margin-top: 44px;
}
.vol-recurit-content{
    font-size: 16px;
    margin-top: 64px;
}
.vol-recurit-btn{
    width: 280px;
    height: 40px;
    border-radius: 5px;
    background-color: rgba(140,0,0,1);
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin: 77px auto 0;
    display: block;

}
.vol-recurit-img{
    width: 560px;
    height: 390px;
    margin-top: 40px;
    margin-left: 179px;

}
.gy-item-title{
    font-size: 16px;
}
.gy-item-service,.gy-item-addr{
    color: rgba(102,102,102,1);
    font-size: 14px;
}
/* 读好书 */
.book-tag{
    color:#fff;
    position: absolute;
    top:250px;
    left: 0;
    height: 50px;
    line-height: 50px;
    width: 100%;
    background-color: rgba(17,15,15,0.6);
    padding-left: 10px;
    box-sizing: border-box;
}
    /*通用*/
.cls-item.active, .cls-item.inactive {
    background-repeat: no-repeat;
    background-size: cover;

}

.cls-item.active {
    background-image: url("/cdn/imgs/active.png");
    color: rgba(136, 17, 11, 1);
}

.cls-item.inactive {
    background-image: url("/cdn/imgs/inactive.png");
    color: #fff;
}
.cls-item.inactive a{
    color: #fff;
}
.cls-item.active a{
    color: rgba(136, 17, 11, 1);
}
.mt4{
    margin-top: 4px;
}
.mt10{
    margin-top: 10px;
}
.mt15{
    margin-top: 15px;
}
.mt20{
    margin-top: 20px;
}
.mt24{
    margin-top: 24px;
}
.mt30{
    margin-top: 30px;
}
.mt36{
    margin-top: 36px;
}
.mt40{
    margin-top: 40px;
}
.mt44{
    margin-top: 44px;
}
.mt50{
    margin-top: 50px;
}
.mt6{
    margin-top: 6px;
}
.ml10{
    margin-left: 10px;
}
.ml20{
    margin-left: 20px;
}
.ml23{
    margin-left: 23px;
}
.ml30{
    margin-left: 30px;
}
.ml26{
    margin-left: 26px;
}
.pointer:hover{
    cursor: pointer;
}
.addr-icon:before{
    background: url("/cdn/imgs/addr-icon.png") no-repeat center;
}
.user-icon:before{
    background: url("/cdn/imgs/user-icon.png") no-repeat center;
}
.clock-icon:before{

    background: url("/cdn/imgs/clock-icon.png") no-repeat center;
}
.device-icon:before{
    background: url("/cdn/images/icon1.png") no-repeat -57px -388px;
}
.zan-icon:before{
    background: url("/cdn/images/icon1.png") no-repeat -53px -275px;;
}
.eyes-icon:before{
    background: url("/cdn/images/icon1.png") no-repeat -287px -314px;;
}
.eyes-gray-icon:before{
    content: "";
    background: url("/cdn/imgs/eye-gray.png") no-repeat  center;
    width: 35px;
    height: 30px;
    margin-right: 2px;
    display: inline-block;
    position: relative;
    top: 10px;

}
.clock-icon:before,.user-icon:before,.addr-icon:before,.device-icon:before,.zan-icon:before,.eyes-icon:before{
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    top: 8px;
    margin-right: 2px;
}
.addr-icon,.user-icon,.clock-icon,.device-icon,.zan-icon,.eyes-icon{
    color: rgba(102,102,102,1);
}
.cls-item {
    width: 180px;
    height: 64px;
    font-size: 20px;
    line-height: 64px;
    text-align: center;

}
.container1440{
    width: 1440px;
    margin: 0 auto;
}

img{
    object-fit: cover;
}
.colorhui{
    color: rgba(102,102,102,1);
}