#audacityCourseDetail{width:100%;min-height:100vh}#audacityCourseDetail .back_add{width:1200px;margin:auto;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#audacityCourseDetail .back_add .center{width:1140px;position:relative;height:433px;overflow:hidden}#audacityCourseDetail .back_add .iconleft,#audacityCourseDetail .back_add .iconright{width:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:30px;cursor:pointer}#audacityCourseDetail .back_add .iconleft img,#audacityCourseDetail .back_add .iconright img{width:25px}#audacityCourseDetail .back_add ul{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .3s;transition:all .3s}#audacityCourseDetail .back_add ul li{height:100%;width:371px;border-radius:4px 4px 4px 4px;border:1px solid #e2e2eb;margin:0 5px}#audacityCourseDetail .back_add ul li img{width:100%;height:240px}#audacityCourseDetail .back_add ul li .bottomBox{padding:22px 18px 14px 18px}#audacityCourseDetail .back_add ul li .bottomBox h3{font-size:18px;font-weight:bolder;color:#333;margin-bottom:14px}#audacityCourseDetail .back_add ul li .bottomBox .teacherBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#audacityCourseDetail .back_add ul li .bottomBox .teacherBox .name{font-size:14px;font-weight:bolder}#audacityCourseDetail .back_add ul li .bottomBox .teacherBox p{font-size:12px;font-weight:400;color:#666}#audacityCourseDetail .historyBox{width:100%;padding:44px 0 32px 0;margin-top:34px;background-color:#f8f8f8}#audacityCourseDetail .historyBox>div{width:1200px;margin:0 auto}#audacityCourseDetail .historyBox>div .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:53px}#audacityCourseDetail .historyBox>div .title h2{font-size:35px;font-weight:500;color:#000}#audacityCourseDetail .historyBox>div .title .left{width:35px;height:8px;background:-webkit-gradient(linear,right top,left top,from(#4362a2),to(rgba(67,98,162,0)));background:linear-gradient(270deg,#4362a2,rgba(67,98,162,0));border-radius:22px 22px 22px 22px;margin-right:9px}#audacityCourseDetail .historyBox>div .title .right{width:35px;height:8px;background:linear-gradient(116deg,#4362a2 33%,rgba(67,98,162,0));border-radius:22px 22px 22px 22px;margin-left:9px}#audacityCourseDetail .videoChatBox{width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto}#audacityCourseDetail .videoChatBox .videoPlayer{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:.31733rem;position:relative}#audacityCourseDetail .videoChatBox .videoPlayer .errorMsg{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:20px;font-size:12px;z-index:999}#audacityCourseDetail .videoChatBox .videoPlayer .errorMsg p{white-space:nowrap}#audacityCourseDetail .videoChatBox .videoPlayer .errorMsg i{margin-left:20px;cursor:pointer}#audacityCourseDetail .videoChatBox .chatBox{width:230px;background:#0c152f;margin-top:.31733rem;border-radius:0 5px 5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:PingFangSC-Regular,PingFang SC}#audacityCourseDetail .videoChatBox .chatBox .chatHead{width:230px;height:30px;line-height:30px;padding-left:25px;background:#424a61;font-size:14px;font-weight:500;color:#fff}#audacityCourseDetail .videoChatBox .chatBox #chatList{height:515px;padding:15px;overflow-y:auto}#audacityCourseDetail .videoChatBox .chatBox #chatList::-webkit-scrollbar{width:0!important}#audacityCourseDetail .videoChatBox .chatBox #chatList li{margin-bottom:12px}#audacityCourseDetail .videoChatBox .chatBox #chatList li h2{height:42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #979797}#audacityCourseDetail .videoChatBox .chatBox #chatList li h2 span{font-size:14px;opacity:.95;display:inline-block;color:#fff}#audacityCourseDetail .videoChatBox .chatBox #chatList li h2 p{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#audacityCourseDetail .videoChatBox .chatBox #chatList li .item{margin-top:15px;overflow:hidden;cursor:pointer}#audacityCourseDetail .videoChatBox .chatBox #chatList li .item .toin{font-size:12px;color:#fff;padding:0 4px;border:1px solid #fff;margin-right:10px;border-radius:13px;float:left;opacity:.95}#audacityCourseDetail .videoChatBox .chatBox #chatList li .item .detail{float:left;width:150px}#audacityCourseDetail .videoChatBox .chatBox #chatList li .item .itemHeader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#audacityCourseDetail .videoChatBox .chatBox #chatList li .item .itemHeader .title{opacity:.95;font-size:13px;color:#fff}#audacityCourseDetail .videoChatBox .chatBox #chatList li .item .itemContent{opacity:.73;font-size:12px;color:#fff;margin:5px 0}#audacityCourseDetail .videoChatBox .chatBox #chatList li .item .timeBox{opacity:.95;font-size:12px;color:#fff}#audacityCourseDetail .videoChatBox .chatBox #chatList li .activeItem .itemContent,#audacityCourseDetail .videoChatBox .chatBox #chatList li .activeItem .timeBox,#audacityCourseDetail .videoChatBox .chatBox #chatList li .activeItem .title,#audacityCourseDetail .videoChatBox .chatBox #chatList li .activeItem .toin{color:#82a7f3!important}#audacityCourseDetail .videoChatBox .chatBox #chatList li .activeItem .toin{border:1px solid #82a7f3}#audacityCourseDetail .signImg{width:1200px;height:auto;margin-top:45px;cursor:pointer}