#holidayFreeChapter{width:100%;min-height:100vh}#holidayFreeChapter .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}#holidayFreeChapter .back_add .center{width:1140px;position:relative;height:433px;overflow:hidden}#holidayFreeChapter .back_add .iconleft,#holidayFreeChapter .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}#holidayFreeChapter .back_add .iconleft img,#holidayFreeChapter .back_add .iconright img{width:25px}#holidayFreeChapter .back_add ul{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:all .3s;transition:all .3s}#holidayFreeChapter .back_add ul li{height:100%;width:371px;border-radius:4px 4px 4px 4px;border:1px solid #e2e2eb;margin:0 5px}#holidayFreeChapter .back_add ul li img{width:100%;height:240px}#holidayFreeChapter .back_add ul li .bottomBox{padding:22px 18px 14px 18px}#holidayFreeChapter .back_add ul li .bottomBox h3{font-size:18px;font-weight:bolder;color:#333;margin-bottom:14px}#holidayFreeChapter .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}#holidayFreeChapter .back_add ul li .bottomBox .teacherBox .name{font-size:14px;font-weight:bolder}#holidayFreeChapter .back_add ul li .bottomBox .teacherBox p{font-size:12px;font-weight:400;color:#666}#holidayFreeChapter .historyBox{width:100%;padding:44px 0 32px 0;margin-top:34px;background-color:#f8f8f8}#holidayFreeChapter .historyBox>div{width:1200px;margin:0 auto}#holidayFreeChapter .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}#holidayFreeChapter .historyBox>div .title h2{font-size:35px;font-weight:500;color:#000}#holidayFreeChapter .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}#holidayFreeChapter .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}#holidayFreeChapter .activeItem{color:#82a7f3!important}#holidayFreeChapter .activeItem .toin{border:1px solid #82a7f3}#holidayFreeChapter .videoChatBox{width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto}#holidayFreeChapter .videoChatBox .videoPlayer{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:.31733rem;position:relative;background:#0c152f}#holidayFreeChapter .videoChatBox .closeChatBox{width:0!important;padding:0!important}#holidayFreeChapter .videoChatBox .chatBox{width:260px;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;position:relative}#holidayFreeChapter .videoChatBox .chatBox .openIcon{cursor:pointer;width:30px;height:30px;text-align:center;line-height:30px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-30px;background:hsla(0,0%,100%,.5)}#holidayFreeChapter .videoChatBox .chatBox .openIcon i{font-size:18px}#holidayFreeChapter .videoChatBox .chatBox .chatHead{width:260px;height:30px;line-height:30px;padding-left:25px;background:#424a61;font-size:14px;font-weight:500;color:#fff}#holidayFreeChapter .videoChatBox .chatBox #chatList{height:515px;padding:15px;overflow-y:auto}#holidayFreeChapter .videoChatBox .chatBox #chatList::-webkit-scrollbar{width:0!important}#holidayFreeChapter .videoChatBox .chatBox #chatList li{margin-bottom:12px}#holidayFreeChapter .videoChatBox .chatBox #chatList li .el-tree,#holidayFreeChapter .videoChatBox .chatBox #chatList li .el-tree .el-tree-node:focus>.el-tree-node__content,#holidayFreeChapter .videoChatBox .chatBox #chatList li .el-tree .el-tree-node__content:hover{background-color:#0c152f}#holidayFreeChapter .videoChatBox .chatBox #chatList li .el-tree .custom-tree-node{font-size:13px;background-color:#0c152f;color:#fff}#holidayFreeChapter .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;padding-bottom:5px;margin-bottom:5px}#holidayFreeChapter .videoChatBox .chatBox #chatList li h2 span{font-size:14px;opacity:.95;display:inline-block;color:#fff}#holidayFreeChapter .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}#holidayFreeChapter .signImg{width:1200px;height:auto;margin-top:45px;cursor:pointer}