.everyday_title@charset "UTF-8";
/*************视频详情页 start***********/
.am-header-default{
    position:fixed;
    top:0;
    z-index:9999;
}
/* 头部返回 */
header{
    position:fixed;
    width:40px;
    line-height:35px;
    text-align:center;
    color:#fff;
    font-size:24px;
    z-index:99999;
}
header a{
    color:#fff;
    font-size:3rem;
}
/* 公用样式 */
.head_message{
    border-bottom:10px solid #f4f4f4;
    padding:56vw 3% 0;
}
/* 视频区域 */
.video-area{
    position:fixed;
    top:0;
    width:100vw;
    height:56vw;
    background:#fff;
    z-index:888;
}
.video-area>video{
    width:100%;
    height:100%;
    object-fit:cover;
}
.video-shade{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    z-index:999;
}
.video-shade>img{
    display:block;
    width:60px;
    margin:calc(28vw - 30px) auto 0;
}
/* 头部标题 start*/
.head_title .head_name{
    position:relative;
    font-size: 1.6rem;
    color:#000;
    line-height:30px;
    padding-left:10px;
    margin:10px 0 0;
    box-sizing: border-box;
}
.head_title .head_name::after{
    content:'';
    position:absolute;
    top:5px;
    left:0;
    width:5px;
    height:20px;
    background:#d11e01;
    border-radius:5px;
}
/* 头部标题 end*/

/* 课程介绍 start*/
.course_referral{
    line-height:2rem;
    font-size:1.2rem;
    color:#777;
    padding:5px 0 10px;
}
.course_referral .course_content{
    display: flex;
    font-size:1.4rem;
}
.course_referral .course_content>div{
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 50%;
    font-size:1.5rem;
    line-height:30px;
}
.course_referral .course_content .collect i{
    float:left;
    width:20px;
    height:20px;
    background:url("../images/icon_collect1.png") no-repeat center;
    background-size:cover;
}
.course_referral .course_content .collect i.sel{
    background:url("../images/icon_collect2.png") no-repeat center;
    background-size:cover;
}
/* 课程介绍 end*/

/* tab切换 start*/
#sliderSegmentedControl{
    position:sticky;
    position:-webkit-sticky;
    top:56vw;
    z-index:800;
    background:#fff;
}
.mui-segmented-control.mui-scroll-wrapper{
    height:46px;
}
.mui-segmented-control.mui-scroll-wrapper .mui-scroll{
    padding-left:15px;
}
.mui-fullscreen .mui-segmented-control~.mui-slider-group{
    position:inherit;
    top:auto;
    bottom:auto;
    height:100%;
}
.mui-segmented-control.mui-scroll-wrapper .mui-control-item{
    position:relative;
    height:46px;
    line-height:43px;
    font-size:1.6rem;
    color:#000;
    padding:0;
    border-bottom:2px solid transparent;
    margin-right:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color:#d11e01;
    border:0;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active::after{
    content:'';
    position:absolute;
    bottom:5px;
    left:50%;
    margin-left:-10px;
    width:20px;
    height:5px;
    background:#d11e01;
    border-radius:5px;
}
/*tab切换 end*/
.tab_content{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}
.tab_content>div{
    display:none;
}
/*课程目录 start*/
.catalog_list{
    width:100%;
    margin-top:15px;
}
.catalog_list li {
    position: relative;
    width:calc(100% - 30px);
    line-height:28px;
    background:#fff9fa;
    border-radius:6px;
    padding:10px;
    margin:0 auto 15px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.catalog_list li a{
    display:block;
    width:100%;
    padding-left:30px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.catalog_list li i{
    position:absolute;
    left:3%;
    top:13px;
    width:22px;
    height:22px;
    background:url("../images/icon_play.png") no-repeat center;
    background-size:cover;
}
.catalog_list li.beat a{
    color:#d11e01;
}
/*课程目录 end*/

/*教案讲稿下载 start*/
.download_list{
    width:100%;
    margin-top:15px;
    overflow:hidden;
}
.download_list li{
    position:relative;
    width:calc(100% - 30px);
    line-height:28px;
    background:#fff9fa;
    border-radius:6px;
    padding:10px;
    margin:0 auto 15px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.download_list li a{
    display:block;
}
.download_list li img{
    float:left;
    width:24px;
    margin-right:5px;
}
.download_list li span{
    float:left;
    width:calc(100% - 30px);
    line-height:24px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*教案讲稿下载 end*/

/*课程详情 start*/
.intro{
    width:100%;
    padding:0 4%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.intro li{
    width:100%;
    margin:10px auto;
    overflow:hidden;
}
.intro li h2{
    font-size:1.5rem;
    color:#000;
    line-height:30px;
}
.intro li span{
    color:#000;
    font-size:1.6rem;
    line-height:30px;
}
.intro li span img{
    width:18px;
    margin-right:5px;
    vertical-align: -3px;
}
.intro li p{
    color:#666;
    font-size:1.5rem;
    line-height:26px;
    text-indent:3rem;
}
/*课程详情 end*/

/*自测练习 start*/
.section{
    margin-top:15px;
}
.section li{
    width:calc(100% - 30px);
    background:#fff9fa;
    border-radius:6px;
    border:0;
    margin:0 auto 15px;
    overflow:hidden;
}
/*自测练习 end*/
/**************视频详情页 end*************/

/**************每日一课 start*************/
.everyday_one{
    width:100%;
    line-height:50px;
    font-size:1.6rem;
    background:#d11e01;
    color:#fff;
    padding:56vw 10px 0;
    margin:0 auto 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.everyday_title{
    position:sticky;
    position:-webkit-sticky;
    top:56vw;
    z-index:666;
    width:100%;
    height:50px;
    line-height:50px;
    background:url(../images/d_bg.jpg) no-repeat;
    background-size:100% 100%;
    color:#fff;
    font-size:1.65rem;
    padding:0 15px 0 25px;
    margin:0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.everyday_title::after{
    content:'';
    position:absolute;
    top:50%;
    left:15px;
    margin-top:-9px;
    width:5px;
    height:18px;
    background:#ffe9bc;
    border-radius:10px;
}
.everyday_content .vertical_list{
    width:100%;
    padding:0 15px;
    box-sizing: border-box;
}
.everyday_content li{
    background:#fff;
    border-bottom:1px solid #eee;
    padding:10px 0;
    overflow:inherit;
}
.everyday_content li:last-child{ border:0;}
.everyday_content .list_main h3{
    line-height:2.5rem;
}
.everyday_content .vertical_list li.active h3{
    color:#dc211c;
}
/**************每日一课 end*************/