.main-content{background-color: #f7f6f5;overflow:hidden;padding-bottom: 46px;}
.studyDetai_top{height: 410px;background: #fff;}
.studyDetai_top .studyDetai_top_w{width: 1200px;margin: 0 auto;overflow:hidden;}
.studyDetai_top_w .line-content{margin: 25px 0;}
.studyDetai_top .left_img{width: 585px;height: 313px;margin-right: 27px;}
.studyDetai_top .left_img img{width: 585px;height: 313px;}
.studyDetai_top .left .title{font-weight: normal;margin-bottom: 16px;font-size: 24px;}
.studyDetai_top .left .label_list{margin-bottom: 22px;overflow: hidden;}
.studyDetai_top .left .label_list div{color: #f6a91b;border: 1px solid #f6a91b;border-radius: 4px;font-size: 12px;padding: 6px;margin-right: 7px;}
.studyDetai_top .left ul li{font-size: 16px;}
.studyDetai_top .left ul li span:first-child{color: #7d7d7d;}
.studyDetai_top .left ul li span:last-child{color: #333;}
.studyDetai_top .left ul li:last-child .red_color{color: #e35d08;font-size: 20px;}
.studyDetai_top .left .watch_btn{width: 243px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 18px;background: #e35d08;margin-right: 30px;}
.studyDetai_top .left .mall_program{height: 48px;line-height: 48px;font-size: 14px;position: relative;display: block;}
.studyDetai_top .left .mall_program .img{width: 20px;height: 20px;border-radius: 50%;margin-right: 6px;display: inline-block;
    color: #7d7d7d;background-image: url('../images/mall_program_h.png');background-size: 100% 100%;}
.studyDetai_top .left .mall_program .mall_img{width: 162px;height: 172px;position: absolute;left: -40px;top: -182px;opacity: 0;
    box-shadow: 0 0 20px 6px #ebebeb;border: solid 1px #ebebeb;text-align: center;font-size: 14px;color: #7d7d7d;}
.studyDetai_top .left .mall_program .mall_img img{width: 108px;height: 108px;margin-top: 15px;}
.studyDetai_top .left .mall_program:hover span{color: #28a446;}
.studyDetai_top .left .mall_program:hover .img{background-image: url('../images/wx_icon.png');}
.studyDetai_top .left .mall_program:hover .mall_img,.studyDetai_top .left .mall_program:hover .triangle{opacity: 1;}
.studyDetai_top .left .mall_program .triangle{width: 14px;height: 14px;background: #FFFFFF;position: absolute;left: 50%;top: -18px;
    z-index: 99;transform: rotate(45deg);margin-left: -10px;opacity: 0;}
.studyDetai-content{margin: 20px auto;width: 1200px;}
.studyDetai-content .left-content{width: 846px;background: #fff;height: 920px;}
.studyDetai-content .left-content .left-contents{height: 868px;overflow-y: auto;width: 100%;}
.studyDetai-content .left-content .top_tab{height: 50px;border-bottom: 1px solid #e9e9e9;}
.studyDetai-content .left-content .top_tab li{width: 16%;height: 50px;line-height: 50px;text-align: center;position: relative;float: left;}
.studyDetai-content .left-content .top_tab .active{color: #e35d08;}
.studyDetai-content .left-content .top_tab .active::before{content: ''; border-bottom: 2px solid #e35d08;width: 50%;position: absolute;left: 25%;bottom: 0;}
.studyDetai-content .left-content .active-0,.studyDetai-content .left-content .active-1,.studyDetai-content .left-content .active-2{padding: 24px;width: 100%;}
.studyDetai-content .left-content .active-0 .title1{height: 40px;color: #333;font-size: 18px;font-weight: bold;display: flex;}
.studyDetai-content .left-content .active-0 .title1 div:last-child{height: 10px;width: 10px;border: 1px solid #333;
    border-bottom-color: transparent;border-left-color: transparent;}
.studyDetai-content .left-content .active-0 .title1 .trans1{transform: rotate(-45deg);margin: 10px 0 0 14px;}
.studyDetai-content .left-content .active-0 .title1 .trans2{transform: rotate(135deg);margin: 4px 0 0 14px;}
.studyDetai-content .left-content .active-0 .title2{background: #f4f4f4;height: 50px;line-height: 50px;width: 798px;overflow: hidden;}
.studyDetai-content .left-content .active-0 .title2 img{width: 20px;height: 20px;margin: 15px 30px 0 20px;}
.studyDetai-content .left-content .active-0 .title2 div:nth-child(2){font-size: 16px;color: #343434;}
.studyDetai-content .left-content .active-0 .title2 div:nth-child(3){font-size: 16px;color: #7d7d7d;margin-left: 20px;}
.studyDetai-content .left-content .active-0 .title2 .right{font-size: 14px;margin-right: 20px;color: #e35d08;}
.studyDetai-content .left-content .active-0 .title2 .juse{color: #f6a91b;}
.studyDetai-content .left-content .active-0 a{display: block;}
.studyDetai-content .left-content .active-2 .comment_list{border-bottom: 1px solid #eeeeee;margin-bottom: 25px;}
.studyDetai-content .left-content .active-2 .comment_list .name_score{color: #333333;font-size: 16px;display: flex;line-height: 18px;}
.studyDetai-content .left-content .active-2 .comment_list .name_score div:first-child{margin-right: 14px;}
.studyDetai-content .left-content .active-2 .comment_list .name_score img{width: 16px;height: 16px;}
.studyDetai-content .left-content .active-2 .comment_list .comment_content{font-size: 14px;color: #333;margin: 16px 0;}
.studyDetai-content .left-content .active-2 .comment_list .comment_time{font-size: 14px;color: #7d7d7d;margin-bottom: 25px;}
.studyDetai-content .left-content .left-contents .is_active{display: none;}
.studyDetai-content .right-content{width: 334px;height: 375px;background: #fff;overflow: hidden;justify-content: space-around;}
.right-content-top{height: 50px;border-bottom: 1px solid #eeeeee;line-height: 50px;padding-left: 20px;width: 100%;font-size: 18px;}
.star{font-size: 14px;color: #1a1a1a;width: 100%;padding: 28px 0 18px 20px;}
.star span{margin-right: 10px;}
.star .starXin,.star .starXin img{width: 16px;height: 16px;display: inline-block;}
.right-content textarea{padding: 12px 15px;height: 200px;font-size: 14px;width: 88%;overflow: hidden;margin: 0 20px;}
.right-content .sub_btn{display: flex;justify-content: right;width: 100%;}
.right-content .sub_btn .right{width: 100px;height: 30px;color: #fff;text-align: center;line-height: 30px;background: #f6a91b;
    margin: 10px 20px 0 0;}

.audio{height: 80px;width: 100%;background: rgba(0, 0, 0, .68);position: fixed;bottom: 0;z-index: 99;}
.audio .audio_content{width: 1200px;margin: 0 auto;}
.audio .audio_content .audio_img1{width: 60px;height: 60px;margin: 10px 16px 0 0;}
.audio .audio_content ul{height: 80px;color: #fff;color: 14px;margin-right: 50px;}
.audio .audio_content ul li{width: 160px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.audio .audio_content ul li:first-child{margin: 14px 0 4px 0;font-size: 18px;}
.hk-audio-controls{width: 142px;position: relative;height: 80px;}
.hk-audio-controls .btn-prev {width: 16px;height: 20px;position: absolute;left: 0;top: 28px;cursor: pointer}
.hk-audio-controls .btn-prev:before {width: 2px;height: 20px;border-radius: 1px;background: #999;position: absolute;
    left: 0;top: 0;content: "";transition: all .2s}
.hk-audio-controls .btn-prev:after {border: 11px transparent solid;border-right: 16px #999 solid;position: absolute;
    right: 0;top: -1px;content: "";border-radius: 2px;transition: all .2s}
.hk-audio-controls .btn-prev:hover:before {background: #fff;}
.hk-audio-controls .btn-prev:hover:after {border-right-color: #fff}
.hk-audio-controls .btn-prev.course-grey {cursor: default;}
.hk-audio-controls .btn-prev.course-grey:before {background: #999;}
.hk-audio-controls .btn-prev.course-grey:after {border-right-color: #999;}
.hk-audio-controls .btn-next {width: 16px;height: 20px;position: absolute;right: 0;top: 28px;cursor: pointer;}
.hk-audio-controls .btn-next:before {width: 2px;height: 20px;border-radius: 1px;background: #999;position: absolute;
    right: 0;top: 0;content: "";transition: all .2s;}
.hk-audio-controls .btn-next:after {border: 11px transparent solid;border-left: 16px #999 solid;position: absolute;
    left: 0;top: -1px;content: "";border-radius: 2px;transition: all .2s;}
.hk-audio-controls .btn-next:hover:before{background: #fff;}
.hk-audio-controls .btn-next:hover:after{border-left-color: #fff}
.hk-audio-controls .btn-next.course-grey{cursor: default;}
.hk-audio-controls .btn-next.course-grey:before{background: #999;}
.hk-audio-controls .btn-next.course-grey:after{border-left-color: #999}
.hk-audio-controls .btn-play {width: 50px;height: 50px;border-radius: 50%;position: absolute;left: 46px;background: #ff701d;
    top: 15px;cursor: pointer;transition: transform .2s linear;}
.hk-audio-controls .btn-play:before {border: 12px transparent solid;position: absolute;left: 18px;top: 12px;border-left: 18px #fff solid;
    content: "";border-radius: 2px;box-sizing: border-box;}
.hk-audio-controls .btn-play:after {border: 12px transparent solid;position: absolute;left: 18px;
    top: 12px;border-left: 18px #fff solid;content: "";border-radius: 2px;}
.hk-audio-controls .btn-play.active {transform: rotate(180deg);}
.hk-audio-controls .btn-play.active:before {width: 0;height: 20px;left: 16px;top: 15px;border: 2px #fff solid;}
.hk-audio-controls .btn-play.active:after {width: 0;height: 20px;left: 30px;top: 15px;border: 2px #fff solid;}
.hk-audio-progress-bar {padding-top: 39px;margin-left: 39px;width: 426px;}
.hk-audio-progress-bar .hk-audio-progress-bar-wrapper {height: 2px;background: #ddd;cursor: pointer;}
.hk-audio-progress-bar .hk-audio-progress-bar-wrapper .hk-audio-progress-bar-played {height: 2px;background: #ff701d;position: relative;width: 0;}
.hk-audio-progress-bar .hk-audio-progress-bar-wrapper .hk-audio-progress-bar-played .hk-audio-progress-bar-pointer {width: 10px;height: 10px;
    border-radius: 50%;background: #ff701d;position: absolute;right: -5px;top: -4px;cursor: pointer;transition: all .25s;}
.hk-audio-progress-bar .hk-audio-progress-bar-wrapper .hk-audio-progress-bar-played .hk-audio-progress-bar-pointer:hover{
    width: 16px; height: 16px;top: -7px; right: -8px;}
.audio_time{font-size: 14px;color: #fff;margin: 26px 40px 0 16px;}
.audio_time span:last-child{color: #999;}
.audio .audio_content .audio_img2{width: 16px;height: 16px;margin: 30px 9px 0 0;}
.audio .audio_content .volume_t{width: 86px;margin-left: 0;}