.student-page[data-v-d463fd8c]{margin-top:40px;margin-bottom:40px;font-family:Helvetica Neue,Helvetica,Microsoft YaHei}.live-list[data-v-d463fd8c]{margin:20px -10px 0 -10px;zoom:1}.live-list[data-v-d463fd8c]:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}.live-list .live-wrap[data-v-d463fd8c]{float:left;width:25%;padding:10px}.live-list .live-item[data-v-d463fd8c]{position:relative;border-radius:5px;box-shadow:0 0 5px #c5d0dd;transition:all .3s;color:#333;cursor:pointer;overflow:hidden}.live-list .live-item[data-v-d463fd8c]:hover{box-shadow:0 6px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.live-list .live-avatar[data-v-d463fd8c]{position:relative;padding-top:56.25%;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}.live-list .live-avatar .live-cover[data-v-d463fd8c]{position:absolute;top:0;left:0;width:100%;height:100%}.live-list .live-avatar .live-type[data-v-d463fd8c]{position:absolute;right:10px;top:10px;padding:3px 12px;border-radius:12px;font-size:12px}.live-list .live-avatar .live-type.type-online[data-v-d463fd8c]{background:#22b9ff;color:#fff}.live-list .live-avatar .live-type.type-offline[data-v-d463fd8c]{background:#ccc;color:#666}.live-list .live-avatar .live-type .online-gif[data-v-d463fd8c]{width:10px;height:10px;vertical-align:baseline}.live-list .live-content[data-v-d463fd8c]{padding:8px;border-top:1px solid #eee}.live-list .live-content .title[data-v-d463fd8c]{line-height:20px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.live-list .live-content .time[data-v-d463fd8c]{padding-top:4px;font-size:12px;color:#999}.live-list .live-content .host[data-v-d463fd8c]{margin-top:5px;color:#999}.live-list .nodata[data-v-d463fd8c]{padding-top:25px;padding-bottom:55px;color:#999;text-align:center;line-height:400px}