.surround-box[data-v-22591e9a]{position:relative}.surround-box .first-row[data-v-22591e9a]{width:100%;display:flex;align-items:stretch;height:40px}.surround-box .first-row .col-1[data-v-22591e9a]{display:flex;flex-direction:column;width:16px}.surround-box .first-row .col-1 .left-top-corner[data-v-22591e9a]{width:100%;height:16px;flex-grow:0;flex-shrink:0;box-sizing:border-box;position:relative;overflow:hidden}.surround-box .first-row .col-1 .left-top-corner .rotate-content[data-v-22591e9a]{width:32px;height:32px;border-left:3px solid #0090ff;position:absolute;left:6px;top:0;transform:rotate(45deg);background:rgba(0,0,0,.5)}.surround-box .first-row .col-1 .col-1-bottom[data-v-22591e9a]{flex-grow:1;flex-shrink:1;background:rgba(0,0,0,.5);border-left:3px solid #0090ff}.surround-box .first-row .col-2[data-v-22591e9a]{width:16px;border-top:3px solid #0090ff;background:rgba(0,0,0,.5)}.surround-box .first-row .title[data-v-22591e9a]{color:#fff;flex-grow:1;flex-shrink:1;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:18px;background:rgba(0,0,0,.5);padding-right:32px}.surround-box .content-box[data-v-22591e9a]{width:100%;background:#082c3a}.surround-box .right-top-corner[data-v-22591e9a]{width:16px;height:16px;border-top:3px solid #0090ff;border-right:3px solid #0090ff;position:absolute;right:0;top:0}.surround-box .right-bottom-corner[data-v-22591e9a]{width:16px;height:16px;border-bottom:3px solid #0090ff;border-right:3px solid #0090ff;position:absolute;right:0;bottom:0;z-index:1}.surround-box .left-bottom-corner[data-v-22591e9a]{width:16px;height:16px;border-bottom:3px solid #0090ff;border-left:3px solid #0090ff;position:absolute;left:0;bottom:0;z-index:1}.content-box[data-v-6c3fbb28]{width:100%;height:220px;position:relative;color:#fff;padding:4px 16px;overflow:auto}.content-box[data-v-6c3fbb28]::-webkit-scrollbar{display:none}.content-box .info-item[data-v-6c3fbb28]{padding:8px 0}.content-box .info-item .info-title[data-v-6c3fbb28]{display:flex;align-items:flex-start}.content-box .info-item .info-title span[data-v-6c3fbb28]:first-child{padding-right:8px}.content-box .info-item .info-title img[data-v-6c3fbb28]{width:16px;height:16px}.content-box .info-item .time-status[data-v-6c3fbb28]{width:100%;display:flex;justify-content:space-between}.content-box .info-item .time-status .no-read[data-v-6c3fbb28]{color:#00ffdc}