.sec-tit{
    height: 75px;
    padding-top: 35px;
    box-sizing: border-box;
}
.sec-tit a{
    font-size: 12px;
    color: #666;
    line-height: 1;
}



.main{
    margin-top: 25px;
}
.main .left-box{
    width: 771px;
}
.main .sideBar{
    width: 409px;
}

.left-box .section1{
    width: 100%;
    height: 142px;
    padding: 30px 20px;
    background-color:#fff;
    box-sizing: border-box;
}
.left-box .section1 .p-1{
    font-size: 22px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.left-box .section1 .sec-box{
    margin-top: 15px;
    height: 23px;
}
.left-box .section1 .sec-box span{
    display: inline-block;
    float: left;
    margin-right: 25px;
    font-size: 15px;
    color: #ced0d6;
    cursor: pointer;
}
.left-box .section1 .sec-box span i{
    float:  left;
    margin-top: 1px;
    margin-right: 5px;
    font-weight:  bold;
}
.left-box .section1 .sec-box span .icon-solid-star{
    margin-top: -1px;
}
.left-box .section1 .sec-box span .collected{
    color: #FFCA39;
}
.left-box .section1 .sec-box .share-way{
    float: left;
}
.left-box .section1 .sec-box .share-way a{
    width: 38px;
    height: 38px;
    margin-top: -8px;
    margin-right: 15px;
    text-align: center;
    color: #CDCDCD;
    font-size: 16px;
    line-height: 41px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.left-box .section1 .sec-box .share-way a i{
    float: none;
    margin-right: 0;
    font-size: 24px;
}
.share-way .weibo:hover{
    color: #FF6161!important;
}
.share-way .qq:hover{
    color: #38C0FF!important;
}
.share-way .wechat:hover{
    color: #47C93D!important;
}




.left-box .section1 .bottom{
    margin-top: 10px;
    color: #999;
}
.left-box .section1 .bottom .label{
    height: 12px;
    padding-right: 15px;
    margin-right: 15px;
    margin-top: 5px;
    line-height: 12px;
    font-size: 14px;
    color: #a3a5ac;
    border-right: 1px solid #c7c9d1;
}
.left-box .section1 .bottom span{
    margin-right: 25px;
    font-size: 14px;
    color: #c7c9d1;
}

.left-box .section2{
    padding: 10px 20px;
    margin-top: 18px;
    background-color: #fff;
}
.left-box .section2 .text-box{
    padding:  0 22px;
    margin-bottom: 45px;
}
.main .tit{
    font-size: 18px;
    color: #333;
}
.main .tit:before{
    content: "";
    float: left;
    visibility: initial;
    width: 5px;
    height: 21px;
    margin-right: 10px;
    margin-top: 1px;
    background-color: #FF6161;
    border-radius: 10px;
}
.left-box .section2 .text-box .p-1{
    margin: 24px 0;
    font-size: 14px;
    color: #909097;
}
.left-box .section2 .text-box .p-2{

}
.left-box .section2 .text-box .p-2 p{
    margin: 24px 0;
    font-size: 14px;
    color: #666;
}

.comment .comment-tit:before{
    content: "";
    float: left;
    visibility: initial;
    width: 5px;
    height: 21px;
    margin: 25px 10px 0 22px;
    background-color: #FF6161;
    border-radius: 10px;
}
.comment .comment-tit a{
    background-color: #FF7D43;
}





.main .sideBar{
    width: 409px;
}
.sideBar .enterBox{
    position: relative;
}

.sideBar .enterBox:nth-child(2){
   margin-top: 10px;
}
.sideBar .enterBox .promotionMainTitle{
    position: absolute;
    left: 82px;
    top: 13px;
    font-size: 18px;
    font-weight: 600;
}

.sideBar .enterBox:nth-child(1) .promotionMainTitle{
    color: #1773B6;
}
.sideBar .enterBox:nth-child(2) .promotionMainTitle{
    color: #DC454C;
}


.sideBar .enterBox .promotionSubTitle{
    position: absolute;
    left: 82px;
    top: 39px;
    font-size: 14px;
}
.sideBar .enterBox:nth-child(1) .promotionSubTitle{
    color: #1773B6;
}
.sideBar .enterBox:nth-child(2) .promotionSubTitle{
    color: #DC454C;
}


.sideBar .section1{
    width: 100%;
    padding: 35px 25px;
    background-color: #fff;
    box-sizing: border-box;
}
.sideBar .section1 .teacher-box{
    margin-top: 10px;
    text-align: center;
}
.sideBar .section1 .teacher-box .avatar{
    width: 83px;
    height: 83px;
    margin: auto;
    border-radius: 50%;
}
.sideBar .section1 .teacher-box .name{
    font-size: 18px;
    color: #666;
}
.sideBar .section1 .teacher-box .position{
    margin-top: 6px;
    font-size: 12px;
    color: #999;
    line-height: 16px;
}
.sideBar .section1 .teacher-box .ps{
    margin-top: 22px;
    text-align: left;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.sideBar .section1 .scan-box{
    display:  flex;
    align-items:  center;
    width: 100%;
    height: 161px;
    margin-top: 40px;
    padding: 23px 21px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}
.sideBar .section1 .scan-box img{
    width: 116px;
    height: 111px;
    margin-right: 15px;
}
.sideBar .section1 .scan-box p{
    font-size: 16px;
    color: #666;
}

.recommend{
    background-color: #fff;
    padding: 35px 25px;
    box-sizing: border-box;
}
.recommend .tit a{
    float: right;
    color: #999;
    font-size: 12px;
}
.recommend ul{
    margin-top: 10px;
    padding: 0 10px;
}
.recommend ul li{
    display: flex;
    padding: 18px 0;
}
.recommend ul li .img-box{
    margin-right: 10px;
    width: 157px;
    height: 88px;
}
.recommend ul li .img-box img{
    width: 100%;
    height: 100%;
    border-radius: 3px;
}
.recommend ul li .right-box{
    width: 171px;
}
.recommend ul li .right-box .p-1{
    font-size:  16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommend ul li .right-box .p-2{
    margin-top: 5px;
    font-size:  14px;
    color: #a3a5ac;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommend ul li .right-box .p-2 span{
    height: 19px;
    padding: 0 5px;
    line-height: 19px;
    color: #f9904d;
    font-size: 12px;
    border-radius: 3px;
    background-color: #fef2ed;
}
.recommend ul li .right-box .sec-box{
    margin-top: 17px;
}
.recommend ul li .right-box .sec-box .price{
    color: #fe3e36;
    font-size: 14px;
}
.recommend ul li .right-box .sec-box .chapter{
    margin-left: 20px;
    color: #ced0d6;
    font-size: 14px;
}
.recommend ul li .right-box .sec-box .num{
    color: #ced0d6;
    font-size: 14px;
}
.recommend ul li .right-box .sec-box .num i{
    float: left;
    margin-top: 2px;
    margin-right: 4px;
}



/*小讲页样式开始处*/
.play{

}
.play .video-play{

}
.play .video-play .video-center{
    position: relative;
    width: 750px;
    height: 432px;
}
.play .video-play .video-center .video-bk{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
}
.play .video-play .video-center .video-bk img{
    width: 100%;
    height: 100%;
}
.play .video-play .right{
    width: 450px;
    height: 432px;
    padding: 20px 45px;
    background-color: #3B3B3B;
    box-sizing: border-box;
}
.play .video-play .right .tit{
    font-size: 20px;
    color: #fff;
}
.play .video-play .right .tit a{
    float: right;
    color: #FAFAFA;
    font-size: 12px;
}
.play .video-play .right .tit:before{
    content: "";
    float: left;
    width: 6px;
    height: 21px;
    margin-right: 10px;
    margin-top: 1px;
    background-color: #FF6161;
}
.play .video-play .right .outElem{
    padding-top: 15px;
    height: 390px;
    width: 360px;
    overflow: hidden;
    box-sizing: border-box;
}
.play .video-play .right .outElem .inElem{
    overflow-y: scroll;
    width: 380px;
    height: 350px;
}

.play .video-play .right .recommend{
    padding: 0;
    background-color: inherit;
}
.play .recommend ul{
    margin-top: 0;
}
.play .recommend ul li{
    padding: 15px 0;
}
.play .recommend ul li .right-box .p-1{
    color: #fff;
}
.play .recommend ul li .right-box .p-2{
    color: #CDCDCD;
}

.little .left-box{
    width: 750px;
}
.little .left-box .section1{
    height: auto;
}
.little .left-box .section1 .content{
    margin-top: 27px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.little .sideBar .section1 .scan-box{
    margin-top: 0;
}








.little .sideBar{
    width: 432px;
}

.exerciseGroup{
    position:absolute;
    z-index: 99;
    left:426px;
    top:60px;
    /* padding:13px 25px; */
    border: 1px solid #ff5555;
    border-radius: 5px;
    color:#ff5555;
    background-color:#fff;
    font-size:16px;
    width:144px;
    height:33px;
    box-sizing:border-box;
    text-align:center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.liveOrder{
    position:absolute;
    z-index: 99;
    left:606px;
    top:60px;
    border: 1px solid #FF7D1E;
    border-radius: 5px;
    color:#FF7D1E;
    background-color:#fff;
    font-size:16px;
    width:144px;
    height:33px;
    box-sizing:border-box;
    text-align:center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.liveCommit{
    position:absolute;
    z-index: 99;
    left:565px;
    top:57px;
    padding:13px 25px;
    border: 1px solid #FF7D1E;
    border-radius: 5px;
    color:#fff;
    background-color:#FF7D1E;
    font-size:23px;
    width:144px;
    height:50px;
    box-sizing:border-box;
    text-align:center;
    cursor: pointer;
}
.orderBox{
    position:fixed;
    z-index:99;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:#fff;
    width:400px;
    height:300px;
    border-radius:5px;
    box-shadow:0 0 10px #eaeaea;
    padding:33px 35px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    flex-direction:column;
    
}
.orderBox .orderTitle{
    color:#333;
    font-size:16px;
    font-weight:900;
    border-bottom: 2px solid #e3e3e3;
    padding-bottom:27px;
    width:330px;
    text-align:center;
}
.orderBox .orderContent{
    display:flex;
    align-items: center;
    justify-content:space-between;
    width:100%;
    padding: 40px 0px;
}
.orderBox .orderContent .orderItem{
    font-size:13px;
    color:#5A5A5A;
    width: 90px;
    box-sizing: border-box;
    padding:2px 10px;
    position:relative
}
.orderBox .orderContent .active{
    color:#fe7d1f;
    border:1px solid #fe7d1f;
    width: 90px;
    box-sizing: border-box;
    border-radius:15px;
    padding:2px 10px
}
.orderBox .orderContent .orderItem .orderRadio{
    opacity: 0;
    position:absolute
}
.orderBox .orderBtn{
    width:322px;
    height:50px;
    background-image: linear-gradient(to right,#FFCB93, #FF7D1E);
    color:#fff;
    margin-top:15px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px
}