body {
  background: #111122;
}

.vidmain {
  max-width: 2560px;
  min-width: 1280px;
  /* height: 480px; */
  margin: 0 auto;
  margin-top: 108px;
  display: flex;
  /* min-height: 765px; */
  background: #111122;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: none;
}

.related-model-section {
  width: 280px;
}

.video-player-section {
  flex: 1
}

.live-info-section {
  height: 100%;
  padding: 32px;
  width: 280px;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  overflow: hidden;
  position: relative;
}

.top-section {
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 93px;
}

.live-title {
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-weight: bold;
  /* margin-bottom: 16px; */
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.live-detail-wrapper {
  margin-top: 20px;
}

.live-detail-item {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.live-detail-item h4 {
  width: 64px;
  text-align: justify;
  text-align-last: justify;
  white-space: nowrap;
  line-height: 22px;
  font-size: 14px;
  color: #555566;
}

.live-detail-item span {
  color: #9999AA;
}

.live-detail-item i {
  font-size: 16px;
  color: #555566;
  font-style: initial;
  margin-right: 10px;
}

.live-description {
  color: #9999AA;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
}

.live-share {
  position: relative;
  margin-top: 16px;
  cursor: pointer;
  width: 216px;
  height: 37px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.live-share:hover {
  color: #fff;
}

.live-share:hover .icon-wechat {
  opacity: 1;
}

.scan-qr-code {
  width: 220px;
  height: 275px;
  background-image: url("//s.auto.itc.cn/public/auto/images/scan-qr-code.png");
  background-size: cover;
  position: absolute;
  /* left: 16px; */
  top: -264px;
  display: none;
  text-align: center;
}

#qrcode {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  margin-top: 42px;
}

.scan-qr-code span {
  display: inline-block;
  color: #9999AA;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}

.icon-wechat {
  width: 19px;
  height: 16px;
  background-image: url("//s.auto.itc.cn/public/auto/images/wechat-fill.png");
  background-size: cover;
  margin-right: 4px;
  opacity: 0.5;
  position: relative;
  top: -2px;
}

.bot-section {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111122;
}

.hot-value-wrapper {
  cursor: pointer;
  display: flex;
  align-items: center;
  display: none;
}

.hot-value-wrapper i {
  display: block;
  width: 12px;
  height: 16px;
  background: url("//s.auto.itc.cn/public/auto/images/hot-value-icon.png") no-repeat;
  background-size: cover;
  margin-right: 4px;
}

.hot-value-wrapper h4 {
  color: #555566;
  font-size: 14px;
  margin-right: 9px;
}

.hot-value-wrapper span {
  color: #9999AA;
  font-size: 14px;
}

/* related model */
.related-model-section {
  width: 280px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto
}

.related-model-section::-webkit-scrollbar,
.top-section::-webkit-scrollbar {
  width: 0px;
  background-color: transparent
}

.related-model-section::-webkit-scrollbar-track,
.top-section::-webkit-scrollbar-track {
  width: 3px;
  background-color: transparent
}

.related-model-section::-webkit-scrollbar-thumb,
.top-section::-webkit-scrollbar-thumb {
  width: 3px;
  height: 10px;
  background-color: transparent;
  border-radius: 2px
}

.related-model-section::-webkit-scrollbar-thumb:hover,
.top-section::-webkit-scrollbar-thumb:hover {
  background: #555
}

.related-model-section:hover::-webkit-scrollbar-thumb,
.top-section::-webkit-scrollbar-thumb {
  width: 3px;
  height: 10px;
  background: #d5d5e2;
  border-radius: 2px
}

.main-left-content--inner {
  padding: 20px 10px;
  background: url(https://s.auto.itc.cn/model2023/static/resource/dist/assets/png/car-new-bg.0d4ed91e.png) center top no-repeat;
  background-size: 280px 200px;
  width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  padding-top: 0;
}

.main-left-content--image,
.main-left-content--img {
  width: 260px;
  height: 173px;
  overflow: hidden
}

.main-left-content--model {
  margin-top: 31px;
  display: flex;
  justify-content: space-between;
  width: 216px
}

.main-left-content--model-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start
}

.main-left-content--model-score {
  height: 32px;
  font-size: 32px;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  margin-bottom: 8px
}

.main-left-content--model-name {
  width: 120px;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 16px;
  margin-bottom: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.main-left-content--model-price {
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #d53;
  line-height: 14px
}

.main-left-content--model-evaluate {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start
}

.main-left-content--model-evaluate-text {
  width: 82px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABQCAMAAACgaC58AAAAAXNSR0IArs4c6QAAAPlQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////69QrlAAAAFN0Uk5TAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlMzIDinAAAG70lEQVQYGe3B6VriUAIE0AoIgoobKjYu2O62uLaK0u6NqIAB6v0fZhSSUDe5irb8mW/mHPzf/7Txi55NqFRBJfCxk4tBmIfVEXu2oNYpWnF8yGlzEBZhE3fZMw11TnGNj6U4EFnYrLCn6UA4LxQ7+NgUByIBmwp7/kBNUs3CU3HFNHx5DsIDbHIUq1AbFK0YPEcU2/CtchCKsLmkSENdUFzB94PiGr5dDkIGFlmKOyjnhWIHvniLPa04PCccgGPYXFFsQk1SzSBQpsjBc8nvqyRgMUfRTkFtULRiCKxSFOF54Lf9GYaF80BxDkOZ4go9IxR38Dy7doxyLep/j3Ow2qCah3Jcim2ICkUCH3OGswdNqht8xViT4smBmqLKQhQp8uhvtk1Rwhc4t1SrwN5BzyXV4YEoUxTxCXcU+/iCXapaHAn+gyN8wgXFBj5vkYYNIMN/cIw3iY/dU6wkPhRHz2yLqjYEzPEfbOHVGAdnG4HZJg3LAAr8Bzm8muXgFOArtGi4xattfl3NwaslDk4OngJDpvHqkF9XwJtNDs44PAc07eHNBb/sFB0HHJwEPCUaHmJ4c8+vOnDQUeLANOG7pWpPoqPGr7nJwnPLganC90y1hg6HX9C+3R1H4JkDcwVfm+I3PIlAnmomERWDanNgTuFJUdzFEPGLwnXwWYntBk1PaQBVihyAZJ2mxhTCptjzmELUDUUZn5QqugypjeJVk2Icr5YZ0swjJM/A8wii4m2KTXxGLHfcYlg9g1cJqiTeXDHsYgyGVfrqGVjkqKbRV2Kp5DKqOoY3GYoWOlLPjLhdnx5GYJe+ltt1AFWkaDp44+RVDIZn2twk0TFH8YiuiSZttuA7YdgO1D3FJTpGqBwohzYnMXQVKK7hmW/RogDfJcNWIBJU2+jIUtRgSDPKXYJvm+IMvmyDUTn4Hhg2D5GnmkHHIsUdDFOMuB1F4JBiD4FMlRHj8LkMm4A4oGjF0LFBcQ5DniH1FYgLinX0xA8ZloBniPXSWpYqCVGhuEbXHsUhDGs0tPcTUPcUC1BzVRqa8MUzADIULYhhqh10nVFswbBL0dxPw1SjyMLgFJ4oqjDMUTxCLFLNouuGYhmGEwaedpIIcahGEBIr3DJwBcMyxQ3EEUU7jq5HijkYrtjl/p5FVJoqhqjM3hO7TmHYojiDqFLcwNOiyMBQ5avKXi4Om2mKOuwya2WXZBGGQ4o99KSpdtGVpBqCoVr+lU/jPQsU93jf6MKveRjOKTbQs0yVQ9cEhYuwJ35Dq175vRyDxR3FInpOKNpD6JqneEBYi99Vm0JUjSKLnieKO3hWKC4RMszvexlCmEM1isAY1R48OxQnCJngACwiLE0VQ2CF6gc8xxS7CJnnABQQNk3RQM8ZVQKeMsUqQn5yALIIW6D4i546xV/4/lLkEbLD72s4CFujKCMwTrUPX4NiCiHH/L5dRBQpjhBYo8rDE6NKIeQPv81NIuKUYgeBc6okPKMUbQchFX7X3RSirihWEHihqMA3Q/GMsIOTrksaSic2Zy2GNX46sKhS5OCbpDqEb5HiFu85o7qCzcwDw46SsGpSjMO3QbUI3wZFCe+YoCGLqMQxw+6mYJegSsJXpkrBt09xgHeUqcqIWqwzpLGC92QoWvA5LkUVgRLFJuyyNEwhbKTMiJbrui/1x9IPRMxRPMI3TXWMwA3FEuyuqc4R4mw0+YHzGEIKFNfwbVMtIfBEMQurHA0TME3e82NFhGxTnMF3RZVGoE0xBqt7qhIMzh77aQ3BdEixB0+sRfGIwDBVHDYLNGRgGGN/8zBdUKzDM0v1G4FJihfYOA9UJzDNsr81mO4pFuD5RVVA4AfFA2wKVO0xmJbY3xZMdYosPDdUowj8pLiEReyJ6hghP5+sqNZhcKhG0BVvUzyj5xfFb1isU7VH8ClJqmUYRqhi6MpRnaLnN0URUUN1qkN8zjjVHAzTFHV4ilQr6PlDcYGobapWCp/zgyoDwwLFPTz3VGPoqVBVLjyT8CRfqPbxSSWqIRjWKS7QlaCqQdRpNQlPkao5DIvsetjmHyoXpiLFEbryVCUIl1bD6Eo1qXZhc8w+HmA6pdhG1wHVKkSLNm14DqncJGzK7KMM0zVFHl0VqnGIKm2e0DXaptqB1V/2sQVTlSKNjmGqBlSJNrfoOqV6ScCqwT6yMDXZc4muRapzqAXalNAxTsMWrGLsw43BkGBPexJdR1TrULF7Wuyj45yqMQSrUfZRgGmcPQV4qlQTMGRqjNrEm2kaNmCX5cdKCMnR9zALT5rqxYEpdc6IJby5oqrFYbfIjzR34ghZcl33pV693JtBYPJEbSJibPO88vziiixeZV3DKt6x6r6ncXe2k8Z/n/8ASb8HgDiYJDoAAAAASUVORK5CYII=) center center no-repeat;
  background-size: 82px 40px
}

.main-left-content--model-evaluate .best {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABQCAMAAACgaC58AAAAAXNSR0IArs4c6QAAAPlQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////69QrlAAAAFN0Uk5TAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlMzIDinAAAG70lEQVQYGe3B6VriUAIE0AoIgoobKjYu2O62uLaK0u6NqIAB6v0fZhSSUDe5irb8mW/mHPzf/7Txi55NqFRBJfCxk4tBmIfVEXu2oNYpWnF8yGlzEBZhE3fZMw11TnGNj6U4EFnYrLCn6UA4LxQ7+NgUByIBmwp7/kBNUs3CU3HFNHx5DsIDbHIUq1AbFK0YPEcU2/CtchCKsLmkSENdUFzB94PiGr5dDkIGFlmKOyjnhWIHvniLPa04PCccgGPYXFFsQk1SzSBQpsjBc8nvqyRgMUfRTkFtULRiCKxSFOF54Lf9GYaF80BxDkOZ4go9IxR38Dy7doxyLep/j3Ow2qCah3Jcim2ICkUCH3OGswdNqht8xViT4smBmqLKQhQp8uhvtk1Rwhc4t1SrwN5BzyXV4YEoUxTxCXcU+/iCXapaHAn+gyN8wgXFBj5vkYYNIMN/cIw3iY/dU6wkPhRHz2yLqjYEzPEfbOHVGAdnG4HZJg3LAAr8Bzm8muXgFOArtGi4xattfl3NwaslDk4OngJDpvHqkF9XwJtNDs44PAc07eHNBb/sFB0HHJwEPCUaHmJ4c8+vOnDQUeLANOG7pWpPoqPGr7nJwnPLganC90y1hg6HX9C+3R1H4JkDcwVfm+I3PIlAnmomERWDanNgTuFJUdzFEPGLwnXwWYntBk1PaQBVihyAZJ2mxhTCptjzmELUDUUZn5QqugypjeJVk2Icr5YZ0swjJM/A8wii4m2KTXxGLHfcYlg9g1cJqiTeXDHsYgyGVfrqGVjkqKbRV2Kp5DKqOoY3GYoWOlLPjLhdnx5GYJe+ltt1AFWkaDp44+RVDIZn2twk0TFH8YiuiSZttuA7YdgO1D3FJTpGqBwohzYnMXQVKK7hmW/RogDfJcNWIBJU2+jIUtRgSDPKXYJvm+IMvmyDUTn4Hhg2D5GnmkHHIsUdDFOMuB1F4JBiD4FMlRHj8LkMm4A4oGjF0LFBcQ5DniH1FYgLinX0xA8ZloBniPXSWpYqCVGhuEbXHsUhDGs0tPcTUPcUC1BzVRqa8MUzADIULYhhqh10nVFswbBL0dxPw1SjyMLgFJ4oqjDMUTxCLFLNouuGYhmGEwaedpIIcahGEBIr3DJwBcMyxQ3EEUU7jq5HijkYrtjl/p5FVJoqhqjM3hO7TmHYojiDqFLcwNOiyMBQ5avKXi4Om2mKOuwya2WXZBGGQ4o99KSpdtGVpBqCoVr+lU/jPQsU93jf6MKveRjOKTbQs0yVQ9cEhYuwJ35Dq175vRyDxR3FInpOKNpD6JqneEBYi99Vm0JUjSKLnieKO3hWKC4RMszvexlCmEM1isAY1R48OxQnCJngACwiLE0VQ2CF6gc8xxS7CJnnABQQNk3RQM8ZVQKeMsUqQn5yALIIW6D4i546xV/4/lLkEbLD72s4CFujKCMwTrUPX4NiCiHH/L5dRBQpjhBYo8rDE6NKIeQPv81NIuKUYgeBc6okPKMUbQchFX7X3RSirihWEHihqMA3Q/GMsIOTrksaSic2Zy2GNX46sKhS5OCbpDqEb5HiFu85o7qCzcwDw46SsGpSjMO3QbUI3wZFCe+YoCGLqMQxw+6mYJegSsJXpkrBt09xgHeUqcqIWqwzpLGC92QoWvA5LkUVgRLFJuyyNEwhbKTMiJbrui/1x9IPRMxRPMI3TXWMwA3FEuyuqc4R4mw0+YHzGEIKFNfwbVMtIfBEMQurHA0TME3e82NFhGxTnMF3RZVGoE0xBqt7qhIMzh77aQ3BdEixB0+sRfGIwDBVHDYLNGRgGGN/8zBdUKzDM0v1G4FJihfYOA9UJzDNsr81mO4pFuD5RVVA4AfFA2wKVO0xmJbY3xZMdYosPDdUowj8pLiEReyJ6hghP5+sqNZhcKhG0BVvUzyj5xfFb1isU7VH8ClJqmUYRqhi6MpRnaLnN0URUUN1qkN8zjjVHAzTFHV4ilQr6PlDcYGobapWCp/zgyoDwwLFPTz3VGPoqVBVLjyT8CRfqPbxSSWqIRjWKS7QlaCqQdRpNQlPkao5DIvsetjmHyoXpiLFEbryVCUIl1bD6Eo1qXZhc8w+HmA6pdhG1wHVKkSLNm14DqncJGzK7KMM0zVFHl0VqnGIKm2e0DXaptqB1V/2sQVTlSKNjmGqBlSJNrfoOqV6ScCqwT6yMDXZc4muRapzqAXalNAxTsMWrGLsw43BkGBPexJdR1TrULF7Wuyj45yqMQSrUfZRgGmcPQV4qlQTMGRqjNrEm2kaNmCX5cdKCMnR9zALT5rqxYEpdc6IJby5oqrFYbfIjzR34ghZcl33pV693JtBYPJEbSJibPO88vziiixeZV3DKt6x6r6ncXe2k8Z/n/8ASb8HgDiYJDoAAAAASUVORK5CYII=)
}

.main-left-content--model-evaluate .good {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABOCAMAAACZtE2XAAAAAXNSR0IArs4c6QAAAPlQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////69QrlAAAAFN0Uk5TAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlMzIDinAAAGeklEQVQYGd3B60LaWBgF0A0oCmKLVJSKgKgV0SqotIiixTtSEbLf/2GGkuTkS04CcZo/M2vhf6TccfmOMAodpQlTvOPIIGItulwijDqVW5hW6EgDWL2dp7mIsLp0aSKMcyo/YPpCRxzAV871koKfhZVc3qNPl4u8x3o2HYfXNZXvMG1T+Y2JKufrwStTu3rjvzK+rS3C5ZHKPkzfqDxg4oghbMIl3+XfGFYhvVEpwnRC5QoTFwzhCMJCk3+rDkeCjhxMP6mcYeKaITTgWOjx7+WhrNCRhukXlTomHhnCIZRYlxF4hLJORwymFyo7mBgyhE0oe4zEJ5ju30d0vFvoGL13kWAIwzhsySEjUYNpxLnayDCEJpR9RuMMU4ucr4GVhp97SkYayj2jcYWpT5zvAL7SQ0qnUJYZkWtMbXK+EvzEepSeE1A2Ke0uhrOc3Tx5o8slpiqcLw8/R5SMNTi+UdpAeIl7Si1MHXK+DHzk6XII4YzSKj4gS+k7ps44XwK65IDSrxiEDqVFfECK0j6mOpxrCB8dSu8rkO4pjPARKUpFTN1zrkfo9uhSgctvCs/4iBylHKaKlR9UXiumXTrqlQI0n8eU2nCJUxp2PqJHKQXLEZUbmDJ0pKBLPFEaJOGSZlRisFxQacG0TkcMunO6bMLtCyMygK1L5RimEpUBdNt0acCjyIjcw/ZEZQ+mAyr30D1SekrAY58R6cA2pLIF0ymVDnRDCkYWXieMSBOWBB1rMLWpNKFJUKpB85MROYQlQ0cKph6VQ2gyFG5j0NwyIhVY8nTEYOpTqUCTp7AB3QsjsgFLicoAFoPKBjQlChnoxhTeOuFc3fUNeqzCckDlDqYlOlahOaCQgCZJ6RKhLe4N6LIIS4PKJUxZOhahadAxhO4zpSY+YG1MYQRbm0oTpq9URtC16XiErkCpho+4o/AM2x2VGkxVKs9AvO7Rp6Nft23DtkOpjI+4oXAD2yuVMkxHVG6AFYZyAVud0gY+4p5CC5aYQSUP0wWVFrDOUI5gO6d0WPmIIYVjWJbpWIWpS+UYKDGUKmxXjMgeLGt0LMD0RGUPOGAoX2F7YES2YNmi8g7LkMoWcMpQsrC9MSJrsOxSeYIpQcca0GYoS7DEGZUULMdUujBl6EgBPYZhwLbCqMRgaVFpwZSnIwb0GUYfti+MyAC2LpVjmEpUBgAMhvELtm1G5A62Jyq7MB1QuQMWH2zPBr2GD7YT2L4xIpewvVPZgqlB5RJSLF0d0uUUulNGpAnLAh3rMF1TacJjqUfpG3RtSuWtf20VllU6rjFVpaMGrxylbeh+UTBi+HsbFCqYKFAoQ3NLYR26PoVXRKBMYbgMZEcUNqD5SWEFujGFHiJQo9RBekBpFZpzCnFolii1ESyWP7hoBSpAydNl95FSNwbNGR1v0H2m1ECQeH3AWSpwnDFYPwndJR0P0BUoHSDA8hNn24Rj4ZVBxln4uKPjCroqpRIC9DjHJwgFBinDz4COc+jqlPLwV+A8i5B+0F8DfmIU6tCdU8rAX5NzjOCS/E0/v+Lwk6KwA901pQT8XXGOZ7gV6WOwDF85CgXoHikMEeCSc9zA45IaIwd/RQqfoRtSeESAM87xAx7LQ3pVEWCPQhKaBKVrBKhwju/wWBvQ4xxBvtMxhi5D6QIBVgx69FcXpTjcqmN67SPIDzpeoFundIQgWwY9XtIIlLmh7j2FADd03EJXolRFoKJBj9cM/C03xvTTRoBnOn5Cd0BpF8GKBj0Gn+Bj5XTMAAX4G9FxAt0ppRPMUDTo8ZaFV+6KwV4S8LNEYR+6NqVxDjNsG/QY5uDR5ixH8FOnsA1dj25XR9WKFIewTa9RHm49zmKswpLqKE+UvkD3xNlikEr0Ghfg0udMN7DkGSAN3QtnGsCtRC+jCMmgW/eCLmWYSgwQh+6ZM93Bo0wvowTHEl2MGhb6lH4nMXVAf8/wccWZLuFVpmYHSpbS6xcAm3Q5w1SD/s7ho86ZmtBUqNmH7SuF8yT+aNElhz/a9LcNHynOVIOuQk0Nll0qN59hSv6m9BDDxB19DZPwc8xZyvCxQ80xTEe0PH2Fsk2Xb5h4pa8ifMV+coY8/OxQc4qpC/5htPOQOpRGKSBm0M8pguz0GWgVvqrUnMcw0SX5UFuCW+qd0iWwTB+9dQSLbR53H1+H7z4W4K/c0hQw0W4Wk9BV36VhHumWx1ltO4v/rn8AMqwMO5uPl8EAAAAASUVORK5CYII=)
}

.main-left-content--model-evaluate .normal {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABOCAMAAACZtE2XAAAAAXNSR0IArs4c6QAAAPlQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////69QrlAAAAFN0Uk5TAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlMzIDinAAAFUElEQVQYGe3BDVMS7QLH4R8sgqkoaJqppWZm4DugRL6lRmLIAv/v/2GOsOx9L03uzpnD7Zln5rku/vWPsdCIWOJF3tSYDK/Ia8rqePzV4mmzpz/0W2fLvJKqIg74m6lvekHd4zV8VkT/DX/h3elFVV7BB43xBzq/mxelIsaRYuRxbq2vl9zME8h2FWMP17YUo7vM0AfFqeBYSbHaOQZOFKeOU7kLJSgx0FCcCi4ttpWkycC94uzj0r6SpYF0X3E+4VJNyWaBBRnd44FGTxFruHSlZDPApowfDOW7soq41FSyLHAko0qgLmsal3xFtRuNxuWvnsb0U8C1jF0CFRn9FA5lNOaMgdTHliIeedaRsUrgm4xHXMprzAGBbEfWD2BW1gyBWxkdXFrRmB1GPsuqA+syuow8yioV0jjzUWPWGVmWdQyUZdwRSPUVlcWZPY1ZBPI5YEHWF6Ah44zAtKJ6uHMiPcp6AxX1FqEo6wPwKGOPQFFRD7jz7WbxWFaKHUn3sCZrGbKy1gi8U9Q17hShLuM3OV/PNtiRNQcrsvIEVhV1jlM/ZNyyq4Fz9mV5sCujnyKwoKgDnHqU8Y26BhrUZHSAMxk/GUm3FfEZp/oyTmhqoM6VjJ9AU0ad0BdFrOPStKw9mhrYoSnjAjxZJUKpiqxFXCrI+sitnvVn8WVUoShrA2ul3tbIDC69l7XCkZ4dkZFVBm/WSjMm82Z2CKc+ycqzKKk5RV7WNv9/ZVkZ2GrWp2FF1nug3ohxmMe1qgyf0EdZBZhSvNMMI4X7yVnHuJTRJLQnKwd5JbjxCKxrct5jNGVcEjqR0QdWlKRE4LMmp8BQplar9WS0aqGWjBawqSRPBA41OTmG5pXsBviqRHMMnWtiugTeKVkdOFWiAkPXmphLAptKdgQ0lCjP0IMm5iuBr0q2C9wpST/FUE8Ts0jgVMk2gLaSXDOU1cTUGWko2VtIKdEuQ/OalNYUI3dKNguZ4785kdXNMfROE9KYI9RWMo8XbMg6ILClCWj/OFvCSCvZEy+5kdHNEUhP/e88xswo2T0vWJB1gDtF3/dl9Xzf7+sP3zHmPh3Vjr8spRmqyuhmcaoo6wOQym88KKrCyOqtAp2jOSDbk7GPW2uylhnKfFdEiaHsd1m9Lfgiw8/i1o6sOQJ5RWwxMN/SmIrXkrGPY/uyPEauZK3yLP+kPzzK8LM4VpPRAfYeayk4k7UATP9WjDKuXcn4CduSdqAqKwtUFMPP4lpTxgULPUktqMjoAXN9xSjjnC+jyq0G5mnIeABOFMPP4lpGVjmnoSJ3Mm4g4ytGGefysrbXNFSgLeMcthTDn8K5FVnv1zXQ99KyDqGhkH9R72hcCfc2ZRVWNHDLjKxd0j2N9BYhd6GozhTufZWV83w922JJ1gZFhQ555t0rosQrOJHRh1NJrTQbspbYVqjAwJIiPvEKGjJaMNXU4xx8ljVDWSGPgTe+rF+8gjsZN0BqPgUcykpTUcjj2fQvRb3Hvd8y6oTOZbShptAqMNvUmCucS8k6InQt4x5OFXp4mz3o6Q8LuPZG1i6hBxnfoaxYNVxblLVBqCfjFD4qVn8ax9ZlvWUkK6sEC4pXxrEdWbOMLMjaAtqK9eTh1oEsj5FVWe+AiuJt49aZjCdCW7JyQF7xmrh1JeMnoZKMXwzU9aebNUWs4tQvGReEKjKqDOTaGneSpibrEqe6MiqEvivUn2douauI3iYw3ZU1j0NTskqE7hXaZ6TQlPFYZGBPVhWH5mVtEXrSyGEaY/X49qH9cHP+ZdljKP0go5fDnXzNKjCS7vjPfl8dF/hv/Qetsyeda34EjgAAAABJRU5ErkJggg==)
}

.model-main-attention--value-box {
  position: relative;
  width: 82px;
  margin-top: 20px;
  margin-left: 3px
}

.model-main-attention--inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 67%;
  height: 14px;
  overflow: hidden
}

.model-main-attention--value {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 14px;
  width: 82px
}

.model-main-attention--yellowStar {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAAfJQTFRF//////+A//+//8xm///M/9Wq/6o5/8ZV/8Ri/9iJ8qEb8q42554Y886G9LxZ66cn7ZsS9tSQ5pwQ6JsP6Z4P6a0865oN66pB7qg055oT6JYJ8sqE7q1B6qgx661H66o45pYG5pUG88d95ZID5ZIG5pYL5pID7K9K45MC5JEC5JIC56Io7bRQ55oY66k76ag09tyt5ZIC45MC5JEC5ZMC66k87bZW56Em9tmo6ac15JEC5ZIC45IC7KxD554g5JEC7Llc5JIC9dah5JEA7rpi45AA6ak55JAA5ZsX7r5q45EA9NOa45AA45AD5JEA5JAA5JEA6KYz5JAA6qg68MBw5ZcQ5JEA5JcR9NCT5JEA6qxB5pwe6qg56aUz5JAA45MI45EA56Ir6ak65JEA6KMs88yM5JEA669H45AA45ED45EE45IF45IG45MI45MJ5JQK5JUM5JYP5JYQ5JcR5ZkV5ZkW5ZoY5pwc5pwd5p0e5p4h5p8k56Am56Ir56Ms6KQw6KUy6ac36ag46ag56ao96qtA6q5F6q5G6q5H67FN67FO7LRU7LVV7Ldb7bhc7bpi7btk7r1p7r5r78Bv78Bw78J078N28MN38MV78MZ98MZ+8cmD8cmE8cmF8syL8syM88+S88+T89KZ9NOc9NWg9dekGfgx6AAAAGh0Uk5TAwQEBQUGCQkNDRMTFRUXGhweHyEiIiYnLDU4OjtJS05QUlZZWVpbXW9yc3NzdHR1dnd4eX+JjI2SlpeanZ2hoqOorbW2uLvExsjJycvLzM3Q09bX2N/h4+To6e7u8fT29/j4/Pz8/v7DVqq/AAABXElEQVQoz2NgQAU8DLiBii9uOcn4PFVccvzhRYWh7Njl2D1KgUAXu6RdRWVlRWU0NzY57WoIMMciJ5tSCwGJomgyHPKWsQ0wEKgvjpCR0HNLampuAqJmGAg2lWECyihah2XWt2IBUbZyDDYZGRlZjR3tHe1A1AGmQQDISFdn4IoEyma3dAJBV2cXMtABmqsMlMzIaevu6enu6UYCZmD3OINkczt7UYEDxLHCcSDZ/O5+ZODCCvWKJkgyo6BvIgJ4csL8yewHli2cMAUCJk8J4UWEgglYMqN40rRp06dNBwIlpMBzhEhmlEydNXPWTCCQRpIMgEpmlM2YAwRz5wgi5BgTYJIZ5bPnz5s3P5UFISmWgQBV8xcsWBCBZKoCkmRGzcJFi7yRJI3BomnuGmquyRkZdYuXOCFJ2gOlvLSEQEwBo6CMhqUWSJI+/oYiCJ6UVYwBkqQQWpph44MyAJ2iuVgAwnrnAAAAAElFTkSuQmCC) no-repeat;
  background-size: 14px 14px
}

.model-main-attention--grayStar {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAAPxQTFRF////v7+/mZnMqqqqkpKSgICZdHSLcHCAaWl4cXGAZmaAbW15aGh0ZGR6YmJ2ZmZ3Y2NzY2NxXl5yYGBzYGBxXl5tXFxuXV1uXV1sW1ttXFxqW1tsWVlqW1tqW1tqV1dqWFhoWFhoV1doWFhpWFhoV1dnV1dpV1dpWFhpV1doV1dnV1doV1doV1dnV1dnV1dnV1doVlZnV1doV1dnVlZnVlZnVVVnVVVnVlZnVVVnVlZmVVVnVVVmVVVmVVVnVVVmVlZnVVVmVVVnVVVnVVVmVlZmVVVnVlZnVVVmVVVnVlZmVVVnVVVmVVVmVVVnVlZmVVVnVlZmVlZnVVVmlLRLIQAAAFN0Uk5TAwQFBgcKCxAREhQVFhcaHh8kJigtMTo8QkZISU1UV15gZWlrbm9wdXp7foeJio2PkJSfoaOmsLO1t7u9wMXLz9DU1djb3N3i5unr7O3v9vf4+v0HQ1YPAAAA0ElEQVQYGXXBCTsCUQCG0VfIEkLGliVkDSOyZFcKIcv3//+LxjzNfebOnXOw5EhXbA6RpvCpMilGm1JnBKeBunoqOB0r0M3jUFLojKT5b4V+PeKGl0/e1fe8P0dktnzVVVzbX8wAxWpLTh+1VQ6VaptsWykqwJLcTgnU5HKZITDRUdJdltC6Ehrj9F3L8pInsiXLJkZVlhWMG1k8jFdZckTGZPnCWJClhbGhf/e7axc/Ctxi+JIe92bomdx5kHSOUX86KBDx/LcjjGniBqcI/QHAEHwbu0HfzAAAAABJRU5ErkJggg==) no-repeat;
  background-size: 14px 14px
}

.main-left-content-params {
  display: block;
  width: 216px;
  background: rgba(255, 255, 255, .06);
  border-radius: 2px;
  margin-top: 24px;
  margin-bottom: 24px
}

.main-left-content-params--li {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.main-left-content-params--li:last-child {
  border-bottom: none 0
}

.main-left-content-params--name {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #fff6;
  line-height: 12px;
  margin-bottom: 8px
}

.main-left-content-params--value {
  height: 14px;
  font-size: 14px;
  font-weight: 600;
  color: #bbc;
  line-height: 14px
}

.main-left-content-rank {
  width: 216px;
  height: 48px;
  background: rgba(255, 255, 255, .06);
  border-radius: 2px;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px
}

.main-left-content-rank--name {
  flex: 1;
  width: 138px;
  font-size: 12px;
  font-weight: 400;
  color: #fff6;
  line-height: 14px;
  margin-right: 4px
}

.main-left-content-rank--change {
  padding-left: 9px;
  font-size: 10px;
  height: 12px;
  font-weight: 400;
  color: #1a9;
  line-height: 1.6;
  margin-right: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAAAXNSR0IArs4c6QAAALRQTFRF////MK+fK7iqObiqM7OmLrmiGq2cGq2gGq2eF6ycFqyaFqydGKyaGKydFKuaEq2bEquZFKuZE6uaFauaE6uZE6uaEqqaEquZE6qZE6uaFKuaEqqaE6yaFa2cFKybEqqZEquaFKuaE6uaEaqZEaqaE6yaE6uZEqqaEquaEqqZEKqYEaqYEauaEKqZEqqYEaqZEauZEaqZEqqZEKqZEaqYEaqZEqqZEaqaEKqZEaqZEqqZEquZ/b8G3wAAADx0Uk5TAxASEhQWOztETVNTVlZbY2RnbW12eX5/h4iLkJCVlpmamp2ioqKjq6uts7OzvL3FxcbGzc7X197f4Onp7c713AAAAJ9JREFUGBkFwbtKg1EQBsD5dk8hooY0gu//SpZ2sTGgBi94/V1nAs5l4h0WWAAsUCYDLNAmAywQEWCBkgmwQJsaYIE2GSD7nUxMxmS8rNPF2WRMRm/9eWpf+0pVp1u739pWV9VtyfL4qnjcKul01zzRzNt1Uqly90Pjt3bV1fXwjILjdDrbERr+Tjedvv2GAh/HqocPUMDhdzsAABeXgH8fwDlZg7uAzQAAAABJRU5ErkJggg==) left bottom no-repeat;
  background-size: 8px 10px
}

.main-left-content-rank--change .letter {
  transform: scale(.8333)
}

.main-left-content-rank .up {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAAAXNSR0IArs4c6QAAAK5QTFRF////33BQ43FV5mZN6GhG6GhR4Vs93Vo43Vo83lk43Vk34Fk63lk43Vc13lc23Fc03Fc23lU03Fc23lc03FY23VY13VU131c13VY13lY13Vcz3Vc13lc13Vc23lU03FY13Vc03VY03lc03VY13VUz3VU03lY03FQy3VU03VUz3VUz3FQy3VQy3VU03FQy3VQy3VU03FY03FQz3lUz3VUz3FYz3VYz3VUz3VUz3VQyLM6q0AAAADp0Uk5TAxASFBYWO0RETVNTVltkZ2dsbXV2eX5+iIuQkJWWmZqcnaKjq6urra2ztLy8vMXFxcbOztff3+Do6RiYcl0AAACcSURBVBgZBcGxSgNRFAXAuW+fmkBEJbKBiJWV+v+fZGUhIli45B5nAA4HwADm2+sVMIDnMZ+AAfZr+rQHCyzvkhw/gwFrdTpjhYHdqXvrbVtvsDBeJK3j9isWHg+dJEmXX9P1w1YBqbvvv6XOo9NJkiS7n+V+17kkne50RgqcVcoHTNAATNAqBUzQUgEmuKguYIILABMEgAlaKsA/Pq9P1KXW2HEAAAAASUVORK5CYII=);
  color: #d53
}

.main-left-content-rank--postion {
  font-size: 12px;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: 700;
  height: 48px;
  color: #fff6;
  line-height: 45px
}

.main-left-content-rank--postion span {
  font-size: 20px
}

.player-time-content {
  display: none;
  width: max-content;
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  padding: 24px;
  z-index: 9;
  background: rgba(0, 0, 0, .3);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px);
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(1px);

}

.player-time-content .live-title {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 0;
  font-weight: bold;
  padding-bottom: 0 !important;
}

.player-time-content .translation-text-wrapper {
  margin-top: 8px;
  margin-bottom: 16px;
  font-size: 14px;
  color: rgba(255, 255, 255, .5);
}

.player-time-content .p1 {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
}

.player-time-content em {
  margin: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, .2);
  border-radius: 2px;
  font-style: normal;
  font-size: 28px;
  font-weight: bold;
  /* margin: 0 5px; */
  font-family: DINAlternate-Bold, DINAlternate;
  color: rgba(255, 255, 255, .7);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* footer */

.page-footer {
  padding-top: 100px;
  max-width: 2560px;
  /* height: 126px; */
  background: #111122;
  padding: 30px 0;
  margin: 0 auto;
}

.page-footer .nav-list {
  display: flex;
  justify-content: center;
}

.page-footer .nav-list .nav-item {
  display: flex;
  color: #555566;
}

.page-footer .nav-list .nav-item a {
  display: flex;
  font-size: 14px;
  line-height: 22px;
}

.page-footer .nav-list .nav-item i {
  margin: 0 4px;
}

.page-footer p {
  color: #555566;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}

.page-footer a {
  color: #555566;
}

.page-footer a:hover {
  color: #fff;
}

.live-end-tip {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .6);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}