@charset "UTF-8";
/*************视频详情页 start***********/
.am-header-default{
    position:fixed;
    top:0;
    z-index:9999;
}
/* 头部返回 start*/
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;
}
/* 头部返回 end*/

/* 视频区域 start*/
.video-area{
    position:fixed;
    top:0;
    width:100vw;
    height:56vw;
    background:#fff;
    z-index:100;
}
.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,.5);
    z-index:999;
}
.video-shade>img{
    display:block;
    width:50px;
    margin:calc(28vw - 25px) auto 0;
    opacity:.8;
}
/* 视频区域 end */

/* 上 start*/
.head_message{
    width:100%;
    background:#fff;
    border-bottom:10px solid #f4f4f4;
    padding:56vw 15px 0;
    margin:10px auto 0;
    box-sizing: border-box;
}
.head_title h1{
    color:#000;
    line-height:30px;
    font-size:1.6rem;
    font-weight:bold;
}
.head_title h2{
    width:100%;
    color:#333;
    font-size: 1.5rem;
    line-height:28px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
/* 上 end/

/* tab切换 start*/
#sliderSegmentedControl{
    position:sticky;
    position:-webkit-sticky;
    top:56vw;
    z-index:99;
    background:#fff;
}
.mui-segmented-control.mui-scroll-wrapper{
    height:50px;
}
.mui-fullscreen .mui-segmented-control~.mui-slider-group{
    position:inherit;
    top:auto;
    bottom:auto;
    height:100%;
}
.mui-segmented-control.mui-scroll-wrapper .mui-scroll{
    width:100%;
    height:50px;
}
.mui-segmented-control.mui-scroll-wrapper .mui-control-item{
    width:calc((100% - 60px)/3);
    height:48px;
    line-height:48px;
    font-size:1.6rem;
    color:#000;
    padding:0;
    border-bottom:2px solid transparent;
    margin-left: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{
    position:relative;
    font-weight:bold;
    color:#000;
    border:0;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active::before{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-10px;
    width:20px;
    height:6px;
    background:#3b64ea;
    border-radius:10px;
}
/*tab切换 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:26px;
    height:26px;
    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_content{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}
.tab_content>div{
    display:none;
}
/*课程目录 start*/
.catalog_list li {
    position: relative;
    width:calc(100% - 30px);
    background:#f4f4f4;
    border-radius:6px;
    line-height:28px;
    padding:10px;
    margin:15px auto 0;
    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:33px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.catalog_list li i{
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-12px;
    width:24px;
    height:24px;
    background:url("../images/icon_video1.png") no-repeat center;
    background-size:cover;
}
.catalog_list li.beat a{
    color:#3b64ea;
}
.catalog_list li.beat i{
    background:url("../images/icon_video2.png") no-repeat center;
    background-size:cover;
}
/*课程目录 end*/

/*课程详情 start*/
.intro{
    width:100%;
    padding:0 15px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.intro li{
    width:100%;
    background:#edf1ff;
    border-radius:8px;
    padding:10px;
    margin:15px auto;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.intro li span{
    height: 18px;
    line-height: 18px;
    border-left: 5px solid #3b64ea;
    color: #000;
    font-size:1.5rem;
    font-weight: bold;
    padding: 0 8px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.intro li span img{
    width:18px;
    margin-right: 7px;
    vertical-align: -3px;
}
.intro li p{
    color:#333;
    font-size:1.5rem;
    line-height:26px;
    text-indent:3rem;
}
/*课程详情 end*/
/**************视频详情页 end*************/