@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:1px solid #eee;
    padding:56vw 3% 0;
}
/* 视频区域 */
.video-area{
    position:fixed;
    top:0;
    width:100vw;
    height:56vw;
    background:#fff;
    z-index:9999;
}
.larkplayer 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:50px;
    margin:calc(28vw - 25px) auto 0;
    opacity:.8;
}
/* 头部标题 start*/
.head_title .head_name{
    font-size: 1.6rem;
    color:#000;
    line-height:30px;
    margin:10px 0 0;
}
/* 头部标题 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:1111;
    background:#fff;
    box-shadow:0 1px 5px rgba(0,0,0,.1);
}
.mui-segmented-control.mui-scroll-wrapper{
    height:46px;
}
.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{
    height:46px;
    line-height:46px;
    font-size:1.6rem;
    color:#000;
    padding:0;
    border-bottom:2px solid transparent;
    margin:0 0 0 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:#c91418;
    border-bottom:2px solid #c91418;
}
/*tab切换 end*/
.tab_content{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}
.tab_content>div{
    display:none;
}
/*课程目录 start*/
.catalog_list li {
    position: relative;
    width: 100%;
    line-height: 28px;
    border-bottom: 1px solid #eee;
    padding: 10px 3%;
    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_play1.png") no-repeat center;
    background-size:cover;
}
.catalog_list li.beat i{
    background:url("../images/icon_play2.png") no-repeat center;
    background-size:cover;
}
.catalog_list li.beat a{
    color:#e50d01;
}
/*课程目录 end*/

/*教案讲稿下载 start*/
.download_list{
    width:100%;
    overflow:hidden;
}
.download_list li{
    position:relative;
    width:100%;
    line-height:24px;
    border-bottom:1px solid #eee;
    padding:10px 3%;
    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 span{
    color:#000;
    font-size:1.5rem;
    font-weight:bold;
    line-height:30px;
}
.intro li span img{
    width:18px;
    margin-right: 7px;
    vertical-align: -3px;
}
.intro li p{
    color:#666;
    font-size:1.5rem;
    line-height:26px;
}
/*课程详情 end*/
/*相关试卷 start*/
.section{ padding-top:15px;}
/*相关试卷 end*/
/**************视频详情页 end*************/

/**************党史今天播放页 start*************/
.today_play{
    position:sticky;
    position:-webkit-sticky;
    top:56vw;
    z-index:1111;
    display:flex;
    line-height:50px;
    font-size:1.5rem;
    color:#000;
    background:#fff;
    box-shadow:0 1px 5px rgba(0,0,0,.1);
    padding:0 4%;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*列表 start*/
.history_content{
    width:100%;
    padding: 56vw 0 0;
    overflow:hidden;
}
.history_list{
    width:100%;
    padding:15px 4% 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.history_list li{
    width:100%;
    background:#fff;
    border-radius:6px;
    padding:10px;
    margin-bottom:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.history_list li a{
    position:relative;
    display:block;
    width:100%;
    height:50px;
}
.history_list li i{
    position:absolute;
    left:0;
    top:0;
    width:50px;
    height:50px;
    background:#ab0f13;
    border-radius:6px;
    text-align:center;
}
.history_list li i img{
    width:30px;
    margin:10px 0;
}
.history_list li span{
    display:block;
    width:100%;
    color:#000;
    line-height:50px;
    padding-left:65px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*列表 end*/
/**************党史今天播放页 end*************/

/**************每日一课 start*************/
.everyday_one{
    width:100%;
    line-height:80px;
    font-size:1.6rem;
    color:#fff;
    padding:56vw 4% 0;
    background:#c91418;
    box-shadow:0 1px 5px rgba(0,0,0,.1);
    margin-bottom:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.everyday_one>img{
    width: 42px;
    margin-right: 5px;
}
.everyday_title{
    position:sticky;
    position:-webkit-sticky;
    top:56vw;
    z-index:1111;
    display:flex;
    width:100%;
    line-height:40px;
    background: #fff;
    box-shadow:0 1px 5px rgba(0,0,0,.1);
    color:#000;
    font-size:1.6rem;
    padding:0 4%;
    text-align:center;
    margin:0 auto 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.everyday_content .vertical_list{
    width:100%;
    padding:5px 4% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.everyday_content li{
    background:#fff;
    border-radius:6px;
    box-shadow:0 1px 5px rgba(0,0,0,.1);
    padding:10px;
    overflow:inherit;
    margin-bottom:15px;
}
.everyday_content .list_main h3{
    line-height:2.5rem;
}
.everyday_content .vertical_list li.active{
    background:#c91418;
}
.everyday_content .vertical_list li.active h3{
    color:#fff;
}
/**************每日一课 end*************/

#myvideo{
    position: relative;
    width: 100%;
    height: 100%;
}
.larkplayer{
    position: relative;
    height: 100%;
}