@charset "utf-8";
/*css reset*/
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
th,
td,
span,
input,
textarea {
    margin: 0;
    padding: 0;
}
li,
ol {
    list-style: none;
}
i,
em {
    font-style: normal;
}
a {
    text-decoration: none;
}

input, button, textarea {
    border: 0 none;
    -webkit-appearance: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
html {
    font-size: 50px;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
*{
    box-sizing: border-box;
}
@media screen and (min-width: 320px) {
    html {
        font-size: 42.67px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 48px;
    }
}
@media screen and (min-width: 375px) {
    html {
        font-size: 50px;
    }
}
@media screen and (min-width: 412px) {
    html {
        font-size: 54.93px;
    }
}
@media screen and (min-width: 414px) {
    html {
        font-size: 55.2px;
    }
}
@media screen and (min-width: 420px) {
    html {
        font-size: 56px;
    }
}
@media screen and (min-width: 429px) {
    html {
        font-size: 57.2px;
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size: 64px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 87.5px;
    }
}
@media screen and (min-width: 640px) {
    html {
        font-size: 85.3px;
    }
}
@media screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
}
/* -- 整体布局 -- */
body {
    font-family: Helvetica, STHeiTi, sans-serif;
    max-width: 1024px;
    margin: 0 auto;
}
/*头部*/

.m-header{
    background: #fff;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.m-header .layout-1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0;
    height: 1rem;
    box-shadow: 0 7px 11px #f7f7f7;
}
.m-header .layout-1 .item-1{
    height: 1rem;
}
.m-header .layout-1 .item-1 div{
    display: inline-block;
    padding-left: 0.25rem;
    position: relative;
    padding-top: .3rem;
}

.m-header .layout-1 .item-1 .bg-jiantou2 {
    display: inline-block;
    width:.4rem;
    height: 0.62rem;
    background: url('https://download.getfc.com.cn/new-live/live-logo.png') no-repeat;
    background-size: .4rem .62rem;
}
.m-header .layout-1 .item-1 .bg-jiantou1 {
    display: inline-block;
    width:1.58rem;
    height: 0.44rem;
    background: url('https://download.getfc.com.cn/new-live/live-logo1.png') no-repeat;
    background-size:1.58rem .44rem;
    vertical-align: middle;
}
.m-header .item-1 img{
    width: 3rem;
    height: 0.6rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: .2rem;
}
.host-h .layout-1 .item-1 img{
    vertical-align: inherit;
}
.m-header  .user .user-name{
    font-size: 0.28rem;
    color: #666;
    margin-right: 0.25rem;
}
.m-header  .user{
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 0.1rem;
    padding-top: 0.1rem;
}
.m-header  .user .bg-person {
    display: inline-block;
}
.m-header  .user .bg-person img{
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 50%;
}
.m-header .user .bg-person.login_head {
    display: inline-block;
    width: 0.66rem;
    height: 0.66rem;
    background: url('https://download.getfc.com.cn/new-live/login.png') no-repeat;
    background-size: 0.66rem 0.66rem;
}
.m-header  .m-user.ds{
    display: block;
}
.m-header  .m-user{
   height: 1rem;
    width: 100%;
    line-height: 1rem;
    display: none;
}
.m-header   .m-user ul{
    display: flex;
    font-size: 0;
    justify-content: space-around;
    background: #f7f7f7;
}
.m-header  .m-user ul li a{
    font-size: 0.28rem;
    color: #333;
    display: block;
    height: 100%;
    width: 100%;
}
.m-header  .m-user ul li a:active{
    background: #eee;
}
.m-header  .m-user ul li{
    width: 25%;
    height: 100%;
}

    /*登陆框  我的账号 消息公告 课程安排*/
.m-login,.m-account,.m-arrange,.m-message{
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.popup-title{
    font-size: 0.32rem;
    color: #333;
    padding:0.34rem 0;
    position: relative;
    border-top: 0.01rem solid #ccc;
    border-bottom: 0.01rem solid #ccc;
    text-align: center;
}
.popup-title .popup-close{
    position: absolute;
    right: 0.5rem;
    top: 0.4rem;
}
.popup-title .popup-close a{
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url('https://download.getfc.com.cn/new-live/css_sprites.png') -0.1rem -2.35rem;
    background-size: 1.7rem 14.91rem;
}
.m-login .login-content,.m-account .account-content,.m-nick .nick-content{
    padding:0 0.4rem;
}
.m-login .login-content .login-items,.m-account .account-content .account-items,.m-nick .nick-content .account-items {
    border-bottom: 0.01rem solid #ddd;
    font-size: 0;
    position: relative;
}

.m-login .login-content .login-items i{
    display: inline-block;
    width: 0.22rem;
    height: 0.36rem;
    background: url('https://download.getfc.com.cn/new-live/css_sprites.png') -0.1rem -5rem;
    background-size: 1.7rem 14.91rem;
    position: absolute;
    top: 0.35rem;
    left: 0.4rem;
}
.m-login .login-content .login-items i.lock{
    width: 0.26rem;
    height: 0.36rem;
    background: url('https://download.getfc.com.cn/new-live/css_sprites.png') -0.1rem -5.56rem;
    background-size: 1.7rem 14.91rem;
}
.m-login .login-content .login-items input,.m-account .account-content .account-items input{
    border: 0;
    width: 100%;
    color: #444;
    height: 0.88rem;
    font-size: 15px;
    /*line-height: 0.88rem;*/
    margin:0.05rem 0;
    padding-left: 1.1rem;
}
.m-account .account-content .account-items .sculpture{
   height: .88rem;
    text-align: right;
    padding-top: .1rem;
    padding-right: .2rem;

}
.m-account .account-content .account-items .sculpture img{
   width: .66rem;
    height: .66rem;
    border-radius: 50%;
}
.m-account .account-content .account-items .revise{
    position: absolute;
    display: block;
    font-size: .24rem;
    color: #666666;
    top:.1rem;
    right: .1rem;
    width: 1rem;
    height: .8rem;
    line-height: .8rem;
}
.m-account .account-content  .revise img{
   width: .12rem;
    height: .22rem;
    position: relative;
    top: .02rem;
}
.m-nick .nick-content .modifyNickneer-save{
    text-align: center;
}
.m-nick .nick-content .modifyNickneer-save a.grey{
    background: #cccccc;
}
.m-nick .nick-content .account-items input,.first_nick .nick_content .account-items input{
    border: 0;
    width: 100%;
    color: #444;
    height: 0.88rem;
    font-size: 15px;
    /*line-height: 0.88rem;*/
    margin:0.05rem 0;
    padding-left: .3rem;
}
.first_nick .nick_content .account-items input{
    border: .025rem solid #ccc;
    border-radius: .1rem;
    width: 100%;
    color: #444;
    height: 0.88rem;
    font-size: 15px;
}
.m-nick .nick-content .account-items span{
    position: absolute;
    top: 0.3rem;
    right: .5rem;
    background: url("https://download.getfc.com.cn/new-live/close-nick.png") no-repeat;
    width: .34rem;
    height: .34rem;
    background-size: .34rem .34rem;
}
.m-nick .back-nick{
    display: block;
    width: 1rem;
    height: .8rem;
    line-height: .8rem;
    position: absolute;
    left: -.1rem;
    top: .2rem;
}
.m-nick .back-nick img{
    width: .16rem;
    height: .29rem;
}
.m-nick .nick-info,.first_nick .nick-info{
    padding-top: .2rem;
    text-align: center;
   font-size: .24rem;
    color: #999999;
}
.m-nick .nick-content{
    position: relative;
}
.m-nick .nick-content .modifyNickneer-popup,.account-content .photo-popup{
    position: absolute;
    top:50%;
    left: 50%;
    margin-left: -1rem;
    margin-top: -.3rem;
    background: rgba(0,0,0,.8);
    color: #fff;
    font-size: .28rem;
    width: 2rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    border-radius: .1rem;
}
.first_nick .nick_content .modifyfirst-popup{
    position: absolute;
    top:50%;
    left: 50%;
    margin-left: -1rem;
    margin-top: -.3rem;
    background: rgba(0,0,0,.8);
    color: #fff;
    font-size: .28rem;
    width: 2rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    border-radius: .1rem;
}
.errormodifyNickneer.dn,.errormodifyfirst.dn{
    display: none;
}
.errormodifyNickneer,.errormodifyfirst{
    font-size: .28rem;
    color: red;
    text-align: center;
}
    /*登录错误信息*/
.errorbox{ position:fixed; top:50%; width:100%; left:0; margin-top:-19px; height:38px; font-size:0; text-align:center; z-index:100}
.errorbox .cont{ display:inline-block; padding:10px; background:rgba(0,0,0,.7); color:#fff; line-height:31px; font-size:14px; border-radius:2px; max-width: 80%; text-align: left; white-space: normal; word-break: break-all;}

.m-account .account-content .account-items input{
    padding-left: 1.45rem;
}
.m-login .login-content .login-in,.m-account .account-content .account-save,.m-nick .modifyNickneer-save,.first_nick .modifyNickneer-save{
    margin-top:0.5rem;
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    margin-bottom: .5rem;
}
.m-login .login-content .login-in a,.m-account .account-content .account-save a,.m-nick .modifyNickneer-save a,.first_nick .modifyNickneer-save a{
    display: block;
    color: #fff;
    background: #0096dc;
    font-size: 0.32rem;
    transition: all 0.3s;
    border-radius: 0.06rem;
}
.m-login .login-content .login-in a:active{
    background: #003355;
}
.m-login .login-content .login-other{
    padding-top: 0.2rem;
}
.m-login .login-content .login-other a{
    color: #0096dc;
    font-size: 0.28rem;
}
.m-login .login-content .login-other a.register{
    float: left;
}
.m-login .login-content .login-other a.f-word{
    float: right;
}
.m-login .login-loading{
    background: #fff;
    width: 100%;
    height: 4.88rem;
    position: absolute;
    top:0;
    z-index: 100;
    padding-top: 1rem;
}
.change-loading{
    background: #fff;
    width: 100%;
    height: 7rem;
    position: absolute;
    top: 0;
    z-index: 100;
    padding-top: 2rem;
    left: 0;
}
.change-loading img{
    width: 1.38rem;
    height: 1.38rem;
}
.m-account .account-content .account-items label{
    font-size: 0.28rem;
    color: #333;
    position: absolute;
    top:0.3rem;
    left:0.1rem;
}

.m-account .photo-popup .photo-choose{
    border-bottom: 0.01rem solid #ddd;
    position: relative;
    height: 0.88rem;
    color: #333;
    line-height: .88rem;
    font-size: 15px;
}
.file{
    position: absolute;
    right: .3rem;
    width: 130%;
    height: 60px;
    opacity: 0;
}
.m-account .photo-popup .photo-cancel{
    width: 100%;
    height: 0.88rem;
    color: #fff;
    line-height: .88rem;
    font-size: 15px;
    background: #0096dc;
    border-radius: .1rem;
}
.m-arrange .arrange-content{

    background: #f7f7f7;
}
.m-arrange .arrange-content ul li{
    float: left;
    width: 20%;
    padding:0.3rem 0;
}
.m-arrange .arrange-content ul li a{
    display: block;
    font-size: 0.28rem;
    color: #333;
}
.m-arrange .arrange-content ul li.active{
    background: #fff;

}
.m-arrange .arrange-content ul li.active a{
    color: #0096dc;
}
.m-arrange .arrange-content .arrange-title{
    position: relative;
}
.m-arrange .arrange-content .crouse-info1{
    font-size: 0.32rem;
    color: #333;
}
.m-arrange .arrange-content .crouse-info1 span{
    font-size: 0.24rem;
    color: #999;
}
.m-arrange .arrange-content .arrange-crouse{
    background: #fff;
    margin: 0.15rem 0;
    text-align: left;
    padding:0.3rem 0 0.2rem 0.15rem;
    line-height: 0.48rem;
}
.m-arrange .arrange-content .crouse-info2 span{
    margin-left: 0.2rem;
}
.m-arrange .arrange-content .crouse-title{
    position: relative;
}
.m-arrange .arrange-content  .crouse-state{
    position: absolute;
    font-size:0.24rem;
    padding:0.01rem 0.15rem;
    border-radius: 0.06rem;
    right: 0.2rem;
    top: -0.05rem;
}
.m-arrange .arrange-content .arrange-week{
    border-bottom: 0.01rem solid #ccc;
    padding:0 0.25rem;
}
.m-arrange .arrange-content  .crouse-state a{
    color: #fff;
}

.ing{
    background: #ff9100;
}
.ever{
    background: #0096dc;
}
.over{
    background: #999;
}
.m-arrange .arrange-content .crouse-info2{
    font-size: 0.28rem;
    color: #666;
}
.m-arrange .arrange-content .crouse-inner{
    /*padding:0 0.25rem;*/
    height:5rem;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.m-arrange .arrange-content .crouse-inner.addCheight{
    height: 8rem;
}
.m-arrange .arrange-content .crouse-inner.addLheight{
    height: 9rem;
}
.m-message .message-content{
    padding:0 0.4rem;
}
.m-message .message-content .message-ititle{
    padding:0.25rem 0.1rem;
    font-size: 0.28rem;
    color: #333;
    text-align: left;
    position: relative;
}
.m-message .message-content .message-ititle em{
    position: relative;
    width: 5rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m-message .message-content .message-items{
    border-bottom: 0.01rem solid #ddd;
}
.m-message .message-content .message-ititle span{
    position: absolute;
    right: 0.1rem;
    color: #999;
    top: 0.3rem;
}
.m-message .message-content .message-icontent.ds{
    display: block;
}
.m-message .message-content .message-icontent{
    display: none;
    font-size: 0.24rem;
    text-align: justify;
    color: #999;
    line-height: 0.48rem;
    padding:0 0.2rem 0.2rem;
}
.m-brief .brief-content{
    text-align: justify;
    font-size: .28rem;
    color: #333;
    padding: .5rem .3rem;
    line-height: .48rem;
}

.m-footer{
    position: fixed;
    bottom: 0;
    /* left: 0; */
    width: 100%;
    z-index: 10;
    max-width: 1024px;
    margin: 0 auto;
}
.m-footer .layout-1{
    display: flex;
    padding: 5px;
    background: #fff;
    justify-content: space-around;
}
.m-footer .layout-1 .face-icon{
    width: 0.6rem;
    height: 0.58rem;
    background: url('https://download.getfc.com.cn/new-live/css_sprites.png') -0.1rem -11.73rem;
    background-size: 1.7rem 14.91rem;
    position: relative;
    top: 0.1rem;
}
.m-footer .layout-1 .pic-button{
    width: 0.58rem;
    height: 0.58rem;
    background: url('https://download.getfc.com.cn/new-live/css_sprites.png') -0.1rem -10.95rem;
    background-size: 1.7rem 14.91rem;
    position: relative;
    top: 0.1rem;
}
.m-footer .layout-1 .scroll-box{
    font-size: 0;
    position: relative;
    top: .15rem;
    width: 0.58rem;
    height: 0.58rem;
    background: url(https://download.getfc.com.cn/new-live/css_sprites.png) -0.87rem -10.95rem;
    background-size: 1.7rem 14.91rem;
}
.m-footer .layout-1 .scroll-box.active{
    width: 0.58rem;
    height: 0.58rem;
    background: url(https://download.getfc.com.cn/new-live/css_sprites.png) -0.87rem -11.73rem;
    background-size: 1.7rem 14.91rem;
}

.m-footer .layout-1 .talk-content{
    width: 65%;
    border: 0;
    border-bottom: solid #BFBFBF 1px;
    background: 0 0;
    height: 29px;
    font: 12px microsoft yahei;
    line-height: 29px;
    resize: none;
    text-indent: 5px;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 0;
    overflow-y: scroll;
    /*padding:0 0.2rem;*/
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    /*box-sizing: content-box;*/
}
.m-footer .layout-1 .sent-button{
    width: 1.2rem;
    background: #0096dc;
    text-align: center;
    font-size: 15px;
    line-height: 37px;
    border-radius: 3px;
    color: #fff;
}

.ds {
    display: block;
}
.dn {
    display: none;
}


/*键盘 表情*/
.m-footer .board {display: none;background: #fff;height: 2.5rem;font-size: 0; }
.m-footer .board .face{padding-bottom: 15px;}
.m-footer .board .face img{width: 24px; height: 24px;}
.m-footer .board .face table{width : 100%; text-align: center; vertical-align: middle;}
.m-footer .board .face table tr{height: 40px;}
.m-footer .board .face-nav{bottom: 3px;}
.m-footer .board .face-nav span.on{opacity: 0.7}
/*发送图片*/
.add-img{position:relative;padding:0.2rem 0.2rem 0;background: #fff;}
.add-img-in{width:0.8rem;border-top:solid #FAFAFA 1px;font-size: 0;}
.select-img{position:absolute;left:0.4rem;top:0.16rem;}
.select-img i{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width: 0.4rem; height: 0.4rem;
    background: url('https://download.getfc.com.cn/new-live/css_sprites.png') -0.1rem -9.05rem;
    background-size: 1.7rem 14.91rem;
}
.file-img{width:0.4rem;height:0.4rem;opacity:0; vertical-align: top;}
.add-img p{text-align:center;color:#616366;font-size: 12px;line-height:18px;}
/*聊天室*/
.talk-infobox{padding:10px;}
.talk-infobox li{padding:5px 38px; position:relative; margin-bottom:5px}
.talk-infobox .headimg{ position:absolute; left:0; top:0;height:auto; width:30px; padding-top:6px;}
.talk-infobox .headimg img{ width:100%; height:auto; display:block; vertical-align:bottom; border-radius:2px; }
.talk-infobox .me-li .headimg{ left:auto; right:0}
.talk-infobox .uname{ height:24px; line-height:20px; font-size:12px; color:#999; float:left;}
.talk-infobox .uname strong{ font-size:14px; color:#333; font-weight:normal; line-height:12px; padding-right:5px; vertical-align: middle; display: inline-block;}
.talk-infobox .me-li .uname strong{padding-right: 0px; padding-left: 5px;margin-right: 2px}
.talk-infobox .admin .uname strong{ color:#3181c6}
.talk-infobox .me-li .detail{ text-align:right}
.talk-infobox .me-li .uname{ clear:both; float:right}
.talk-infobox .dialog{ clear:both; background:#fff; line-height:20px; border-radius:5px; border-top-left-radius:0; padding:6px 10px; position:relative; color:#333; font-size:14px;text-align:left; float:left; white-space: normal; word-break: break-all;}
.talk-infobox .dialog a{color:#3181c6;}
.talk-infobox .dialog em.ruleTipStyle{color:#ff0000;font-size:12px;margin-left:5px;}
.talk-infobox .dialog::after{ display:block; content:''; height:0; width:0; border-style:solid; border-width:3px; border-color:#fff transparent transparent transparent; left:-3px; top:0; position:absolute; }
.talk-infobox .visitor-li .dialog{background:#fff;}
.talk-infobox .visitor-li .dialog::after{border-color:#fff transparent transparent transparent;}
.talk-infobox .admin .dialog{background:#fff7e2; color:#8f7d50;}
.talk-infobox .admin .dialog::after{border-color:#fff7e2 transparent transparent transparent;}
.talk-infobox .analyst .dialog{background: #e2f0f6;color: #333;}
.talk-infobox .analyst .dialog::after{border-color:#e2f0f6 transparent transparent transparent;}
.talk-infobox .me-li .dialog{background:#c3e8f8; border-top-left-radius:5px; border-top-right-radius:0; float:right; }
.talk-infobox .me-li .dialog::after{border-color:#c3e8f8 transparent transparent transparent; left:auto; right:-3px;}
.talk-infobox .push{background-color: #ff9100; padding: 6px 10px;    margin: 0 3px;border-radius: 5px}
.talk-infobox .push p{color: #fff; background-color: inherit; font-size: 14px; word-break: break-all;}
.talk-infobox .push p a{color: #3181c6; text-decoration: underline;}
.talk-infobox .dialog img{ vertical-align:bottom;}
.talk-infobox .dialog .to{ color:#666; font-size:10px;}
.talk-infobox .dialog .question{ color:#777; font-size:12px; border-bottom:1px solid #ddd3ba; padding-bottom:5px; margin-bottom:5px}
.talk-infobox .dialog .question em{ font-style:normal; font-weight:bold}
/*.talk-infobox .dialog .reply span{ font-weight:bold}*/
.talk-infobox .analyst .dialog .question{ color:#333;border-bottom-color:#f7f7f7}
.talk-infobox .analyst .dialog .reply{ color:#333}
.ss-tk-info{position:fixed;height:25px;line-height:25px;color:#e93030;font-size:12px;background:#F2F181; z-index: 100001;width: 100%;  bottom: 0.4rem; overflow: hidden;}
.ss-tk-info label{margin-left: 10px}
.ss-tk-info span{margin-left:5px;text-align:justify;}
.ss-tk-info i{position:absolute;right:5px;top:4px;display:block;width:17px;height:17px;background-image: url(https://download.getfc.com.cn/new-live/close-you.png);background-repeat: no-repeat;background-size: 17px 17px;}
.talk-dlbox{font-size:0;width:80%}
.talk-dlbox dt,.talk-dlbox dd{display:inline-block;font:7px arial;vertical-align:bottom}
.talk-dlbox dt{margin-right:5px;font:10px microsoft yahei}
.talk-content{position:relative;margin-top:8px;width:80%}
.arrow-outer{position:absolute;height:7px;width:30px;overflow:hidden;top:-6px;left:7px;z-index:6}
.arrow-shadow{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);background:#fff;height:20px;position:absolute;top:7px;width:20px;border:solid #bdbdbd 1px}
.talk-content p{width:80%;border:solid #BDBDBD 1px;border-radius:4px;padding:5px;font-size:12px;text-align:justify;background:#fff}
.analyst .talk-content p,.analyst .arrow-shadow{border-color:#DE5555;background:#DE5555;color:#fff}
.me-li .talk-dlbox,.me-li .talk-content{float:right}
.me-li .talk-dlbox dt{float:right;margin-right:0}
.me-li .talk-dlbox dd{position:relative;bottom:-4px;right:5px;float:right}
.me-li .talk-content{margin-right:10px}
.me-li .talk-content p{width:100%}
.me-li .arrow-outer{left:auto;right:-13px}

/*教学课程*/
.m-tab .tabs-container  .crouse .crouse-content{
    padding:0.55rem 0.4rem 0;
    font-size: 0;
    text-align: center;
}
.m-referral .referral-content,.crouse .referral-content{
    padding:0.4rem 0.1rem 0;
    font-size: 0;
    text-align: left;
    background: #fff;
}
.m-referral .referral-content{
    background: #f6f6f6;
}
.m-referral  .referral-detail,.crouse  .referral-detail{
    position: relative;
    margin-bottom: 0.4rem;
    display: inline-block;
    width: 3.5rem;
    text-align: left;
    padding: 0 0.2rem;
    margin-right: 0.1rem;
    margin-left: 0.05rem;
}
.m-referral  .referral-poster,.crouse  .referral-poster{
    width: 3.1rem;
    height: 1.75rem;
}
.m-referral .play-icon,.crouse .play-icon{
    position: absolute;
    bottom: 1rem;
    right: 0.4rem;
}
.m-referral .play-icon img{
    width: 0.4rem;
    height: 0.4rem;
}

.crouse .crouse-more a,.m-referral  .crouse-more a{
    display: block;
    font-size: 0.28rem;
    color: #035b83;
    text-align: center;
    padding: 0.2rem 0;
    transition: all 0.3s;
}
.crouse  .crouse-more a:active,.m-referral  .crouse-more a:active{
    background: #ccc;
}
.crouse .referral-text,.m-referral .referral-text{
    display: block;
    font-size: 0.28rem;
    color:#333;
    margin-top: 0.1rem;
    text-align: left;
}