.notData[data-v-24183bf6]{text-align:center;padding:200px 0;background:#fff;border-radius:10px}.notData i.common[data-v-24183bf6]{display:inline-block;width:70px;height:70px;background:url(../img/notData.15c9ad5a.png) no-repeat;background-size:70px 70px}.notData i.active[data-v-24183bf6]{display:inline-block;width:70px;height:70px;background:url(../img/notActive.fd00ff01.png) no-repeat;background-size:70px 70px}.notData i.art[data-v-24183bf6]{display:inline-block;width:70px;height:70px;background:url(../img/notArt.00511359.png) no-repeat;background-size:70px 70px}.notData i.collection[data-v-24183bf6]{display:inline-block;width:70px;height:70px;background:url(../img/notCollection.08175ebc.png) no-repeat;background-size:70px 70px}.notData i.course[data-v-24183bf6]{display:inline-block;width:70px;height:70px;background:url(../img/notCourse.1db224d5.png) no-repeat;background-size:70px 70px}.notData i.chat[data-v-24183bf6]{display:inline-block;width:70px;height:70px;background:url(../img/notChat.e59d91ff.png) no-repeat;background-size:70px 70px}.notData i.order[data-v-24183bf6]{display:inline-block;width:70px;height:70px;background:url(../img/notOrder.c4466930.png) no-repeat;background-size:70px 70px}.notData p[data-v-24183bf6]{margin-top:26px;font-size:16px;line-height:24px;color:#999;text-align:center}.privateLetter[data-v-bfa4b8c2]{background:#fff;height:720px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.privateLetter .userList[data-v-bfa4b8c2]{width:400px;overflow:auto;position:relative}.privateLetter .userList ul li[data-v-bfa4b8c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:20px 0 20px 20px;cursor:pointer}.privateLetter .userList ul li .img[data-v-bfa4b8c2]{width:50px;height:50px;border-radius:50%;overflow:hidden}.privateLetter .userList ul li .img img[data-v-bfa4b8c2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.privateLetter .userList ul li .teacher[data-v-bfa4b8c2]{margin-left:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;padding-right:16px}.privateLetter .userList ul li .teacher .name[data-v-bfa4b8c2]{font-size:18px;line-height:24px;color:#333;font-weight:bolder;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.privateLetter .userList ul li .teacher .name span[data-v-bfa4b8c2]:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.privateLetter .userList ul li .teacher span.time[data-v-bfa4b8c2]{font-weight:400;margin-left:20px;font-size:12px;line-height:16px;color:#999}.privateLetter .userList ul li .teacher .text[data-v-bfa4b8c2]{font-size:14px;line-height:20px;color:#999;margin-top:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.privateLetter .userList ul li .teacher .text span[data-v-bfa4b8c2]:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.privateLetter .userList ul li .teacher .text span.reading[data-v-bfa4b8c2]{margin-left:20px;display:inline-block;height:16px;font-size:12px;line-height:16px;color:#fff;width:16px;border-radius:8px;background:#ee0019;text-align:center}.privateLetter .userList ul li .teacher .text span.max[data-v-bfa4b8c2]{width:30px}.privateLetter .userList ul li[data-v-bfa4b8c2]:not(:last-child){margin-bottom:1px solid #ededed}.privateLetter .userList ul li.active[data-v-bfa4b8c2]{background:#f2f2f2}.privateLetter .userList .loading[data-v-bfa4b8c2]{position:absolute;left:0;right:0;top:0;bottom:0;z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.privateLetter .userList .loading i[data-v-bfa4b8c2]{display:inline-block;width:50px;height:50px;border-radius:50%;border:2px solid #ccc;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:mescrollRotate-bfa4b8c2 .6s linear infinite;animation:mescrollRotate-bfa4b8c2 .6s linear infinite}.privateLetter .userList .loading p[data-v-bfa4b8c2]{margin-top:26px;font-size:16px;line-height:24px;color:#999;text-align:center}.privateLetter .chatBox[data-v-bfa4b8c2]{background:#f2f2f2;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px 40px 40px}.privateLetter .chatBox .chatRoom[data-v-bfa4b8c2]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.privateLetter .chatBox .chatRoom .bg[data-v-bfa4b8c2]{position:absolute;left:0;right:0;top:0;bottom:0;background:#f2f2f2}.privateLetter .chatBox .chatRoom .messageBox[data-v-bfa4b8c2]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.privateLetter .chatBox .chatRoom .messageBox ul li[data-v-bfa4b8c2]{margin-bottom:20px}.privateLetter .chatBox .chatRoom .messageBox ul li .time[data-v-bfa4b8c2]{font-size:12px;line-height:20px;color:#ccc;margin-bottom:16px;text-align:center}.privateLetter .chatBox .chatRoom .messageBox ul li .user[data-v-bfa4b8c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.privateLetter .chatBox .chatRoom .messageBox ul li .user .img[data-v-bfa4b8c2]{width:40px;height:40px;border-radius:50%;overflow:hidden;display:inline-block}.privateLetter .chatBox .chatRoom .messageBox ul li .user .img img[data-v-bfa4b8c2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.privateLetter .chatBox .chatRoom .messageBox ul li .user .text[data-v-bfa4b8c2]{display:inline-block;max-width:calc(100% - 110px);font-size:14px;line-height:21px;color:#333;background:#fff;border-radius:8px;padding:12px 16px}.privateLetter .chatBox .chatRoom .messageBox ul li .user .text img[data-v-bfa4b8c2]{max-width:200px;max-height:200px;width:auto;height:auto}.privateLetter .chatBox .chatRoom .messageBox ul li.leftChat .user[data-v-bfa4b8c2]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.privateLetter .chatBox .chatRoom .messageBox ul li.leftChat .user .img[data-v-bfa4b8c2]{margin-right:16px}.privateLetter .chatBox .chatRoom .messageBox ul li.rightChat .user[data-v-bfa4b8c2]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.privateLetter .chatBox .chatRoom .messageBox ul li.rightChat .user .img[data-v-bfa4b8c2]{margin-left:16px}.privateLetter .chatBox .chatRoom .sendBox[data-v-bfa4b8c2]{border-top:1px solid #e6e6e6;padding:15px 0}.privateLetter .chatBox .chatRoom .sendBox .tool ul li[data-v-bfa4b8c2]{float:left;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.privateLetter .chatBox .chatRoom .sendBox .tool ul li i[data-v-bfa4b8c2]{display:inline-block;width:30px;height:30px}.privateLetter .chatBox .chatRoom .sendBox .tool ul li.img[data-v-bfa4b8c2]{position:relative;overflow:hidden}.privateLetter .chatBox .chatRoom .sendBox .tool ul li.img i[data-v-bfa4b8c2]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAADg0lEQVRoQ+2aWchOQRjHfx+F7BQ3kkRcSFHiSpYLS3FhiZI1slxyQYmsRSEucKcsV4SQFFkuLUUp7mxlKUUhW1n715yv6bznzDmn7505p/c7c/m+887z/Ob/zDPPzLxtdLLW1sl4qYFbXfFa4VrhFpuBOqRbTNAGnFrhFIW7AuOAIUCXCkbBW+AR8CfLtzwKLwAOA0OzBiv5+3fARuCcy48s4OXAqZJBippfA5xI+5ELeADwCuhb1GLJ/b8Bw4CPSX64gJcCZ6wf7QGOAz9LBoqb7wGsBXZZX6xMi0wX8HZgtxlEkD2BfxWDtd35BPQzH+yMTUB7PxewfrTD9PwM9K8wrFzT8lMoq0lt+V9oH84D3A1YDEwG+gAvgbPA4xImxzvwaOAKMCoGp7A/BGwOvAS8AvcGnlghlCSogA8EVNor8CajYsTz3oTzRKsS0/YwGPgeCNor8DVgtgHRuh0LCHAFcNICnA7caQXge8AkA3IRUPmpNgJ4ZgHOAy61ArAy8SID8hWYCzwF9gGrLcAJwMNWAJ4PXMgAkdLK5H8LAI8BlplIUWl4Hbiccwyva1gFi7akOSkwv4GZwO0CsFuBvdBwdfwA0NLQacjVvALLcHfgILAB0Hk5as+BdcCtArD7gS2O/hpzKvDG0cc7cGRbW48SWFRpSZHMg7jleBLsXWAkMCg2kS7oYMAFhGzoGof9ZZKhMrtqd61h7e129KRBVx44CXahyQ0RoE4/NxKgZwAvYtNXWWAlPK19VWtRk7JxWBtamXqK1V93WFLa3vMrCSxYXSKszwkbddNZ/CowzQFdOeAk2B+maMmT0bOgKwWcBqt9vMhe7YK+GeICIE+GbhZsVnj3sm5lvN14ZAE3G9YFbftSCrAv2DzQwYFVah4zJWbkoBJU0TWbFUFa0zq5xWv6oMCCPQ0ssbz1ARsNr4vE8ybbR58FA06C/QLMAlQf+2qCfm2ulGQjCHAarMrA+75IrXGD7sNlw4q7w8DbAL0nqbmeWqoAKx87/NSS5zFNW8/RhASlG4oQYSzQpMe0VbHb0/bId70tDTRHsOiBKsAybIoJXSoOBz4kjVY/iCfMis6pR8z/O5oigadBmvKXh8g3JabxBjorKjzxpA6rxzvBNu1PLaEBvNqrmlpeYTV4Dex9iks2UCtcsgDezdcKe5/ikg3UCpcsgHfztcLep7hkA/8BSKsLTCOd370AAAAASUVORK5CYII=) no-repeat;background-size:30px 30px}.privateLetter .chatBox .chatRoom .sendBox .tool ul li.img input[data-v-bfa4b8c2]{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0}.privateLetter .chatBox .chatRoom .sendBox .textBox[data-v-bfa4b8c2]{position:relative;margin-top:10px}.privateLetter .chatBox .chatRoom .sendBox .textBox textarea[data-v-bfa4b8c2]{font-size:14px;line-height:21px;color:#333;width:100%;height:80px;resize:none;border:none}.privateLetter .chatBox .chatRoom .sendBox .textBox textarea[data-v-bfa4b8c2]::-webkit-input-placeholder{color:#999;font-size:14px;line-height:21px}.privateLetter .chatBox .chatRoom .sendBox .textBox textarea[data-v-bfa4b8c2]::-moz-placeholder{color:#999;font-size:14px;line-height:21px}.privateLetter .chatBox .chatRoom .sendBox .textBox textarea[data-v-bfa4b8c2]:-ms-input-placeholder{color:#999;font-size:14px;line-height:21px}.privateLetter .chatBox .chatRoom .sendBox .textBox textarea[data-v-bfa4b8c2]::-ms-input-placeholder{color:#999;font-size:14px;line-height:21px}.privateLetter .chatBox .chatRoom .sendBox .textBox textarea[data-v-bfa4b8c2]::placeholder{color:#999;font-size:14px;line-height:21px}.privateLetter .chatBox .chatRoom .sendBox .textBox .tip[data-v-bfa4b8c2]{position:absolute;right:0;bottom:0;font-size:12px;line-height:16px;color:#ccc}.privateLetter .chatBox[data-v-bfa4b8c2] .notData{height:100%;width:100%;background:transparent}@-webkit-keyframes zoom-bfa4b8c2{0%{-webkit-transform:scale(.98);transform:scale(.98)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.98);transform:scale(.98)}}@keyframes zoom-bfa4b8c2{0%{-webkit-transform:scale(.98);transform:scale(.98)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.98);transform:scale(.98)}}@-webkit-keyframes mescrollRotate-bfa4b8c2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes mescrollRotate-bfa4b8c2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}