.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; }