.student-list[data-v-0af6f8f5]{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:20px;flex-wrap:wrap}.student-list .cell[data-v-0af6f8f5]{cursor:pointer;margin-bottom:30px}.student-list .tx[data-v-0af6f8f5]{width:60px;height:60px;border-radius:60px;margin-right:30px}.student-list .name[data-v-0af6f8f5]{width:60px;text-align:center;color:#888;margin-top:10px;font-size:14px}.scroll[data-v-0af6f8f5]{position:absolute;left:-20px;right:-20px;padding-left:20px;top:0;bottom:0;overflow:hidden;box-sizing:border-box}.scroll .scroll-wrapper[data-v-0af6f8f5]{height:100%;overflow-y:scroll;padding-right:20px;box-sizing:border-box}.head-title[data-v-0af6f8f5]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:16px}.head-title .left[data-v-0af6f8f5]{flex:1 1 0%;display:flex;flex-direction:row;align-items:center}.head-title .left .main[data-v-0af6f8f5]{font-size:16px}.head-title .right[data-v-0af6f8f5]{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.head-title .right .msg[data-v-0af6f8f5]{display:flex;flex-direction:row;align-items:center}.head-title .right .msg .txt[data-v-0af6f8f5]{margin-right:3px}.frame-list[data-v-0af6f8f5]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:30px}.frame-list .addframe[data-v-0af6f8f5]{width:175px;margin-bottom:30px;margin-right:30px;cursor:pointer}.frame-list .addbox[data-v-0af6f8f5]{width:250px;height:130px;border-radius:0 20px 0 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:30px;margin-bottom:30px;border:3px dashed #67b0dc;cursor:pointer}.frame-list .addbox .add[data-v-0af6f8f5]{font-size:40px}.frame-list .addbox .addtip[data-v-0af6f8f5]{font-size:20px;color:#67b0dc;margin-bottom:16px}.frame-list .cell[data-v-0af6f8f5]{width:175px;height:120px;background-size:100% 100%;display:flex;flex-direction:row;padding:25px 15px 15px 15px;margin-bottom:30px;box-sizing:border-box;margin-right:30px}.frame-list .cell .tx[data-v-0af6f8f5]{width:92px;height:92px;margin-right:20px}.frame-list .cell.select[data-v-0af6f8f5]{border:3px solid #67b0dc}.frame-list .cell .msg[data-v-0af6f8f5]{width:100%;display:flex;flex-direction:column;justify-content:space-between}.frame-list .cell .msg .top[data-v-0af6f8f5]{cursor:pointer;width:100%;display:flex;flex-direction:row;align-items:center;color:#fff;font-size:18px}.frame-list .cell .msg .top img[data-v-0af6f8f5]{width:20px;margin-left:10px}.frame-list .cell .msg .foot[data-v-0af6f8f5]{font-size:14px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.frame-list .cell .msg .foot .order[data-v-0af6f8f5]{font-size:30px;line-height:1}.frame-list div[data-v-0af6f8f5],.frame-list span[data-v-0af6f8f5]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-ms-user-select:none}[data-v-0af6f8f5]::-webkit-scrollbar-track-piece{background-color:#f1f1f1}[data-v-0af6f8f5]::-webkit-scrollbar{width:6px;height:6px}[data-v-0af6f8f5]::-webkit-scrollbar-thumb{background-color:#a8b3bb;background-clip:padding-box;min-height:28px;border-radius:10px}[data-v-0af6f8f5]::-webkit-scrollbar-thumb:hover{background-color:#bbb}