.supvis-cover {
width: 30%; /*想用fit-content来着*/
}
.supvis-container {
padding: 20px 2em;
max-width: 600px;
max-height: 400px;
border: 1px solid #000;
background-image: linear-gradient(90deg, rgba(0,0,0,.2), transparent 10%, transparent 90%,rgba(0,0,0,.2));
overflow: auto;
}
.supvis-others,
.supvis-player {
margin: 15px 1em;
overflow: hidden;
}
.supvis-others span {
float: left;
clear: both;
}
.supvis-player span {
float: right;
clear: both;
}
.supvis-name {
color: #000;
font-size: 115%;
}
.supvis-cont {
color: #333;
font-size: 110%;
}
.supvis-branch {
border: none;
border-radius: 0;
box-shadow: none;
background: transparent;
}
.supvis-branch .panel-heading {
margin: 15px 1em;
padding: 0 1em;
text-align: right;
border: 0.1em solid #666;
border-radius: 0;
box-shadow: 1px 2px 2px #666;
}
.supvis-branch .panel-title {
cursor: pointer;
display: inline-block;
width: 100%;
line-height: 1.75;
}
.supvis-branch .panel-body {
padding: 0;
background: transparent;
}
.supvis-msg {
margin-left: 1em;
font-size: 105%;
}
.supvis-sys::before {
content: "";
display: block;
width: 0.5em;
height: 0.2em;
position: relative;
left: -10px;
top: -3px;
background: red;
box-shadow: 0 0px 2px red;
}
.supvis-sysmsg .supvis-sys {
margin: 0 1em 0 0.8em;
background-image: linear-gradient(
90deg,
rgba(57, 57, 57, 0.2),
transparent 60%
);
}
.supvis-sysmsg .supvis-msg,
.supvis-sysmsg .supvis-rew {
margin: 3px 1em;
}
.supvis-sysmsg span {
position: relative;
left: 0.2em;
top: -5px;
line-height: 12px;
}