body{max-width: 1024px; margin: 0 auto;}
.main{ overflow: hidden; width: 100%; margin: 0; padding: 0;}
img{overflow: hidden;display: block;border: 0;}
.strategyHeight{
    height: 1.5rem;
    overflow: hidden;
}
.strategy-arrow{
    font-size: 0.28rem;
    color: #999;
    text-align: right;
    padding:0.1rem 0.25rem 0 0;
}
.strategy-arrow em{
    display: inline-block;
    vertical-align: middle;
}
.strategy-arrow span{
    vertical-align: middle;
    display: inline-block;
    background: url('https://download.getfc.com.cn/new-live/arrow-stratefy.png') no-repeat;
    background-size: 0.27rem 0.12rem;
    width: 0.27rem;
    height: 0.12rem;
    margin-left: 0.1rem;
}
.strategy-rotate{
    transform: rotate(180deg);
}
.live-header{
    overflow: hidden;
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center;
    border-bottom: solid .01rem #ccc;
}
.live-header img{
    width: 2.49rem;
    margin-left: .25rem;
}
.live-banner{
    overflow: hidden;
    width: 100%;
    margin-top: .14rem;
    padding-bottom: .14rem;
    border-bottom: solid .2rem #f7f7f7;
}
.live-nav{
    overflow: hidden;
    border-bottom: solid .01rem #ccc;
    border-top: solid .01rem #ccc;
}
.live-nav ul{
    overflow: hidden;
}
.live-nav ul li{
    overflow: hidden;
    list-style: none;
    width: 28%;
    float: left;
    margin-right: 5%;
    margin-left: 2%;
    color: #666;
}
.live-nav ul li.margin{ margin-right: 0;}
.live-nav ul li a{
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3rem 0;
}
.live-nav ul li a.on{
    color: #003355;
    border-bottom: solid .03rem #003355;
}
.live-nav ul li a p{
    overflow: hidden;
    width: .38rem;
    height: .36rem;
    margin-right: .24rem;
}
.live-nav ul li a p.zhibo{
    background: url("https://download.getfc.com.cn/new-live/live-icon.jpg");
    background-size: 100% 100%;
}
.live-nav ul li a.on p.zhibo{
     background: url("https://download.getfc.com.cn/new-live/live-icon-1.jpg");
     background-size: 100% 100%;
}
.live-nav ul li a p.kuaixun{
    background: url("https://download.getfc.com.cn/new-live/live-icon02.png");
    background-size: 100% 100%;
}
.live-nav ul li a.on p.kuaixun{
    background: url("https://download.getfc.com.cn/new-live/live-icon02-1.png");
    background-size: 100% 100%;
}
.live-nav ul li a p.jiaoxue{
    background: url("https://download.getfc.com.cn/new-live/live-icon03.png");
    background-size: 100% 100%;
}
.live-nav ul li a.on p.jiaoxue{
    background: url("https://download.getfc.com.cn/new-live/live-icon03-1.png");
    background-size: 100% 100%;
}
.live-nav ul li a span{
    overflow: hidden;
    display: block;
    font-size: .32rem;
    line-height: .32rem;
    width: 1rem;
}
.live-content{
    overflow: hidden;
    width: 100%;
    margin: .27rem auto 0 auto;
}
.live-content .con{
    overflow: hidden;
    width: 94%;
    padding: 0 3%;
    margin-top: .27rem;
}


.live-content .jiaoxue-title ul li{
    border: 0.025rem solid #dcf2f6;
    border-radius: 0.1rem;
    color: #333;
    font-size: 0.28rem;
    float: left;
    background: #fff;
    margin-bottom: 0.25rem;
    margin-left: 0.25rem;
    padding:0.1rem 0.2rem;
}
.live-content .jiaoxue-title ul li.active{
    background: #0096dc;
    color: #fff;
}
#jiaoContent a{
    color: #333;
}
.live-content .jiaoMore a {
    overflow: hidden;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.28rem;
    color: #666;
    padding: 0.6rem 0;
}
/*直播*/
.live-content .video-img{
    overflow: hidden;
    position: relative;
}
.live-content .video-img .btn-list{
    overflow: hidden;
    position: absolute;
    width: 6.6rem;
    z-index: 1;
    margin-top: .2rem;
    margin-left: .28rem;
}
.live-content .video-img .btn-list ul li{
    overflow: hidden;
    list-style: none;
    float: left;
    font-size: .2rem;
    color: #fff;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    border: solid .01rem #fff;
    border-radius: .04rem;
    -moz-border-radius: .04rem;
    margin-right: .22rem;
    padding: .03rem .08rem;
    height: .3rem;
    line-height: .3rem;
    background: rgba(0,0,0,.5);
}
.live-content .video-img .btn-list ul li.playing{
    background: #0096dc;
}
.live-content .video-img .btn-list ul li.not-started{
    background: #ff9100;
}
.live-content .video-img .btn-list ul li.end{
    background: #7d7d7d;
    border: none;
}
.live-content .video-img .btn-list ul li.online{
    /*border: none;*/
    float: right;
    margin-right: 0;
    height: .3rem;
    line-height: .3rem;
}
.live-content .video-img .btn-list ul li.online span{ margin-right: .1rem}
.live-content .video-img .btn-list ul li img{
    width: .26rem;
    margin-right: .06rem;
}
.live-content .video-img .btn-list ul li span{
    overflow: hidden;
    display: block;
    font-size: .2rem;
    vertical-align: middle;
}
.live-content .video-img .picture{
    overflow: hidden;
    position: relative;
}
.live-content .video-img .picture img{
    width: 100%;
    height: 2.5rem;
    margin: 0 auto;
}
.live-content .avatar-con{
    overflow: hidden;
    position: absolute;
    z-index: 1;
    height: 1.34rem;
    margin-top: -.6rem;
    display: flex;
    align-items: center;
    padding-left: .24rem;
    width: 6.76rem;
}
.live-content .avatar-con span{
     overflow: hidden;
     display: block;
     font-size: .22rem;
 }
.live-content .avatar-con time{
    overflow: hidden;
    display: block;
    font-size: .22rem;
    color: #333;
    margin-top: .4rem;
    width: 2.3rem;
    text-align: right;
}
.live-content .avatar-con span.avatar{
    overflow: hidden;
    z-index: 99;
    width: 1.18rem;
    height: 1.18rem;
    border-radius: 100%;
    -moz-border-radius: 100%;
    background: rgba(225,225,225,.3);
    margin-right: .23rem;
}
.live-content .avatar-con span.avatar img{
    width: 1.04rem;
    height: 1.04rem;
    margin-top: .07rem;
    margin-left: .07rem;
    border-radius: 100%;
    -moz-border-radius: 100%;
}
.live-content .avatar-con span.title{
    color: #333;
    margin-top: .4rem;
    width: 3rem;
}
.live-content .avatar-con span.title.margin{
    margin-top: .37rem;
}
.live-content .avatar-con span.avatar-01{
    display: inline;
    color: #333;
    font-size: .28rem;
    margin-right: .12rem;
}
.live-content .avatar-con span.label{
    background: #ff9100;
    color: #fff;
    width: .36rem;
    height: .36rem;
    text-align: center;
    line-height: .36rem;
    margin-top: .35rem;
    margin-right: .17rem;
    border-radius: .04rem;
    -moz-border-radius: .04rem;
}
.live-content .avatar-con span.label-01{
    background: #456d88;
    color: #fff;
    width: .36rem;
    height: .36rem;
    text-align: center;
    margin-top: .35rem;
    line-height: .36rem;
    border-radius: .04rem;
    -moz-border-radius: .04rem;
}
.live-content .explain-con{
    overflow: hidden;
    width: 93%;
    margin: .82rem auto 0 auto;
    padding-bottom: .4rem;
    border-bottom: solid .01rem #ccc;
}
.live-content .explain-con .title{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .25rem;
}
.live-content .explain-con .title span{
    overflow: hidden;
    display: block;
    font-size: .32rem;
    color: #333;
}
.live-content .explain-con .title span.more{
    color: #003355;
    font-size: .24rem;
}
.live-content .explain-con .explain{
    overflow: hidden;
}
.live-content .explain-con .explain p{
    overflow: hidden;
    display: block;
    font-size: .28rem;
    line-height: .48rem;
    color: #333;
    margin-bottom: .1rem;
}
.live-content .explain-con .explain p span{
    overflow: hidden;
    display: block;
    font-size: .28rem;
    line-height: .48rem;
    color: #333;
    margin-bottom: .1rem;
}
.live-content .explain-con .time{
    overflow: hidden;
    font-size: .22rem;
    color: #999;
    text-align: right;
}
.live-content .discuss-con{
    overflow: hidden;
    width: 93%;
    margin: .3rem auto 0 auto;
}
.live-content .discuss-con .btn-list{
    overflow: hidden;
    margin-bottom: .16rem;
}
.live-content .discuss-con .btn-list ul{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.live-content .discuss-con .btn-list ul li{
    overflow: hidden;
    list-style: none;
    display: flex;
    align-items: center;
}
.live-content .discuss-con .btn-list ul li img{
    width: .36rem;
    margin-right: .17rem;
}
.live-content .discuss-con .btn-list ul li span{
    overflow: hidden;
    display: block;
    font-size: .22rem;
    color: #999;
}
.live-content .discuss-con .btn-list ul li span.color{
    color: #003355;
    font-size: .24rem;
}
.live-content .discuss-con .discuss{
    overflow:hidden;
    position:relative;
    color:#333;
}
.live-content .discuss-con .discuss ul li{
    overflow: hidden;
    list-style: none;
}
.live-content .discuss-con .discuss ul li .scroll{
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
}
.live-content .discuss-con .discuss ul li .scroll .avatar{
    width: .46rem;
    height: .46rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -moz-border-radius: 100%;
    margin-right: .2rem;
    margin-top: .1rem;
}
.live-content .discuss-con .discuss ul li .scroll .avatar img{width: .46rem;}
.live-content .discuss-con .discuss ul li .scroll .comment{
    overflow: hidden;
}
.live-content .discuss-con .discuss ul li .scroll .comment span{
    overflow: hidden;
    font-size: .28rem;
    line-height: .48rem;
    color: #333;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow:ellipsis
}
.live-content .discuss-con .discuss ul li span.reply{
    font-weight: bold;
}
.live-content .hr-con{
    overflow: hidden;
    background: #f7f7f7;
    height: .14rem;
    width: 100%;
    margin-top: .24rem;
}
.live-content .hr-con.margin{
    margin-top: .8rem;
}

/*快讯*/
.live-content .news{
    overflow: hidden;
    width: 94%;
    padding: 0 3%;
    margin-top: .27rem;
    margin-bottom: .3rem;
}
.live-content .kuai-more{
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: .24rem;
    margin-bottom: .3rem;
}
.live-content .kuai-more a{
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: #003355;
}
.live-content .ad{
    overflow: hidden;
    width: 94%;
    margin: .3rem auto;
}
.live-content .ad img{width: 7rem}
.live-content .news-left{
    overflow: hidden;
    width: 10%;
    height: .7rem;
    line-height: .7rem;
    color: #666;
    font-size: .28rem;
    background: #eee;
    text-align: center;
    float: left;
    margin-top: .45rem;
    position: relative;
}
.live-content .news-right{
    overflow: hidden;
    float: left;
    width: 89%;
    border-left:dashed .01rem #ddd;
    margin-bottom: -.3rem;
}
.live-content .news-right .list{
    overflow: hidden;
}
.live-content .news-right .dot{
    overflow: hidden;
    position: absolute;
    z-index: 1;
    width: .2rem;
    height: .2rem;
    border-radius: 100%;
    -moz-border-radius: 100%;
    border: solid .03rem #999;
    margin-left: -.146rem;
    background: #fff;
}
.live-content .news-right .dot span{
    overflow: hidden;
    display: block;
    width: .12rem;
    height: .12rem;
    border-radius: 100%;
    -moz-border-radius: 100%;
    background: #999;
    margin: .04rem 0 0 .04rem;
}
.live-content .news-right .time{
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
}
.live-content .news-right .time span{
    overflow: hidden;
    display: block;
    width: .33rem;
    height: .15rem;
    border-bottom: dashed .01rem #ddd;
}
.live-content .news-right .time time{
    overflow: hidden;
    font-size: .26rem;
    height: .3rem;
    line-height: .3rem;
    color: #666;
    background: #eee;
    padding: 0 .06rem;
}
.live-content .news-right .explain{
    overflow: hidden;
    font-size: .28rem;
    line-height: .48rem;
    color: #333;
    padding: .3rem 0;
    margin-left: .3rem;
    text-align: justify;
    border-bottom: solid .01rem #ddd;
    margin-bottom: .3rem;
}
.live-content .news-right .explain.blue{
    color: #0096dc;
}
.live-content .news-right .explain.yellow{
    color: #ff9100;
}

/*教学*/
.live-content .teaching{
    overflow: hidden;
    width: 94%;
    padding: 0 3% .25rem 3%;
    margin: .25rem 0;
    border-bottom: solid .01rem #ddd;
    display: flex;
    justify-content: flex-start;
}
.live-content .teaching .left-img{
    overflow: hidden;
    width: 45%;
    margin-right: 3%;
    position: relative;
}
.live-content .teaching .left-img img{
    width: 100%;
    height: 1.75rem;
    position: relative;
}
.live-content .teaching .left-img img.mark{
    position: absolute;
    z-index: 1;
    width: .4rem;
    height: .4rem;
    margin-left: 84%;
    margin-top: 1.23rem;
}
.live-content .teaching .right-con{
    overflow: hidden;
    width: 52%;
    height: 1.75rem;
    position: relative;
}
.live-content .teaching .right-con .title{
    overflow: hidden;
    font-size: .28rem;
    /*text-indent: -.15rem;*/
}
.live-content .teaching .right-con .nav-con{
    overflow: hidden;
    position: absolute;
    bottom: 0;
}
.live-content .teaching .right-con .nav-con ul{
    overflow: hidden;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.live-content .teaching .right-con .nav-con ul li{
    overflow: hidden;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.live-content .teaching .right-con .nav-con ul li img{
    width: .36rem;
    margin-left: .1rem;
    margin-right: .17rem;
}
.live-content .teaching .right-con .nav-con ul li span{
    overflow: hidden;
    display: block;
    color: #999;
    font-size: .22rem;
}
    /*底部*/
.live-footer{
    overflow: hidden;
}
.live-footer a{
    overflow: hidden;
    display: block;
    background: #456d88;
    padding: .32rem .25rem .3rem .25rem;
}
.live-footer a:hover {
    background-color: #718d9e;
}
.live-footer .words{
    overflow: hidden;
    font-size: .28rem;
    color: #fff;
    text-align: right;
    letter-spacing: 1px;
    padding-bottom: .25rem;
}
.live-footer .download{
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.live-footer .download span{
    overflow: hidden;
    display: block;
    border-bottom: solid .03rem #fff;
    font-size: .28rem;
    color: #fff;
    margin-right: .3rem;
}
.live-footer .download img{
    width: .45rem;
    height: .29rem;
    margin-right: .02rem;
}
.live-copyright{
    background: #f6f6f6;
    padding: .5rem 0 1.5rem 0;
    font-size: .24rem;
    color: #999;
    text-align: center;
    line-height: 1.8;
}
.footer{max-width: 1024px}
.play-icon{
    position: absolute;
    right: .3rem;
    bottom: .3rem;
}
.play-icon img{
    width: .8rem;
}
@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;
    }
}