.header-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 999;
}
.selectHead {
  color: #d83b2f;
  background: url('/game_academy_main/images/header/Group@2x.png') no-repeat;
  background-size: 28px 5px;
  background-position: center 26px;
}
.selectHead .dropdown-name > a {
  font-weight: bold;
  color: #d83b2f !important;
}
.selectHead .dropdownItem {
  color: #2e2e33;
}
.selectHead .nav-item-word {
  font-weight: bold;
}
.header-container {
  height: 80px;
  box-sizing: border-box;
  padding: 0 20px;
  top: 0;
  width: 100%;
}
@media (min-width: 1700px) {
  .header-container {
    position: relative;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1700px) {
  .header-container {
    display: flex;
    justify-content: space-between;
  }
}
.header-container .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.header-container .sys-name {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  color: #d83b2f;
  font-weight: 600;
}
.header-container .logo {
  width: 216px;
  height: 116px;
  margin-top: -16px;
}
.header-container .white-logo {
  display: none;
}
.header-container .dropdown {
  position: relative;
  height: 50px;
  padding: 0 20px;
  margin-right: 16px;
  padding-left: 16px;
}
.header-container .dropdown-name {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.header-container .dropdown-name > a {
  color: #2e2e33;
}
.header-container .dropdown-name .bottom_bg {
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  background: url('/game_academy_main/images/header/RectangleCopy.png') no-repeat 0 0;
  background-size: 24px 12px;
  position: absolute;
  right: 4px;
}
.header-container .dropdown .dropdownItem {
  display: none;
  height: 10px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  background: #fff;
  margin-top: 8px;
  transform: translateX(-50%);
  transition: all 0.5s ease-out;
  padding: 8px 0;
  box-shadow: 0 2px 16px 0 rgba(134, 137, 154, 0.24);
}
.header-container .dropdown .dropdownItem .square-arrow {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 50%;
  margin-left: -9px;
  top: -6px;
  z-index: 0;
}
.header-container .dropdown .dropdownItem-key {
  display: block;
  white-space: nowrap;
  width: 120px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #2e2e33;
  position: relative;
  z-index: 10;
}
.header-container .dropdown .dropdownItem-key:hover {
  background: #f5f6f9;
  color: #d83b2f;
}
.header-container .dropdown:hover .dropdownItem {
  display: block;
  height: auto;
  cursor: pointer;
}
.header-container .dropdown:hover .dropdown-name > a {
  color: #d83b2f;
}
.header-container .dropdown:hover .dropdown-name .bottom_bg {
  background-position: -12px 0;
}
.header-nav {
  display: flex;
  justify-content: center;
  padding-top: 28px;
  box-sizing: border-box;
  color: #3e3e3e;
  height: 60px;
  font-size: 16px;
}
.header-nav .nav-item {
  display: inline-block;
  padding: 0 20px;
  height: 36px;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  color: #3e3e3e;
}
.header-nav .nav-item.selectHead {
  color: #d83b2f;
}
.header-nav .nav-item .nav-item-word {
  white-space: nowrap;
  cursor: pointer;
}
.header-nav .nav-item .nav-item-word:hover {
  color: #d83b2f;
}
.header-nav .nav-item > a {
  color: #2e2e33;
}
.header-nav .nav-item .nav-select {
  width: 32px;
  height: 5px;
  margin: 4px auto 0;
  display: flex;
}
.header-nav .nav-item:first-child {
  padding-left: 0;
  background-position: 2px 24px;
}
.header-nav > li:hover {
  color: #d83b2f;
}
.vice-header-nav {
  display: flex;
  justify-content: right;
  box-sizing: border-box;
  font-size: 16px;
}
.vice-header-nav .nav-item-box {
  padding: 0 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  font-size: 12px;
}
.vice-header-nav .nav-item-box .nav-item-word {
  white-space: nowrap;
  color: #2e2e33;
  cursor: pointer;
}
.vice-header-nav .nav-item-box .nav-item-word:hover {
  color: #d83b2f;
}
.vice-header-nav .nav-item-box a {
  color: #2e2e33;
}
.vice-header-nav .nav-item-box .nav-item-img {
  width: 24px;
  height: 24px;
}
.vice-header-nav .nav-item-box .nav-item-download {
  background: url('/game_academy_main/images/header/download.png') 0 0;
  background-size: 48px 24px;
}
.vice-header-nav .nav-item-box .nav-item-campus {
  background: url('/game_academy_main/images/header/campus.png') 0 0;
  background-size: 48px 24px;
}
.vice-header-nav .nav-item-box .nav-item-student {
  background: url('/game_academy_main/images/header/student.png') 0 0;
  background-size: 48px 24px;
}
.vice-header-nav .nav-item-box .nav-item {
  padding-left: 6px;
  white-space: nowrap;
}
.vice-header-nav .nav-item-box .nav-item > a {
  color: #3e3e3e;
}
.vice-header-nav .nav-item-box .nav-select {
  width: 24px;
  height: 4px;
  margin: 7px auto 0;
  display: flex;
}
.vice-header-nav .nav-item-box .vice-header-info {
  width: 24px;
  height: 24px;
  background: url('/game_academy_main/images/header/notice.png') no-repeat;
  background-size: 48px 24px;
  position: relative;
  display: block;
}
.vice-header-nav .nav-item-box .vice-header-info .unreadCount {
  display: block;
  font-size: 8px;
  padding: 2px 4px;
  line-height: 12px;
  color: #fff;
  background: #d83b2f;
  position: absolute;
  right: -14px;
  top: -10px;
  border-radius: 6px;
}
.vice-header-nav .nav-item-box .vice-header-info:hover {
  background: url('/game_academy_main/images/header/notice.png') no-repeat;
  background-position: -24px 0;
  background-size: 48px 24px;
}
.vice-header-nav .vice-header-message {
  padding: 0 10px 0 13px;
}
.vice-header-nav .nav-item-box:hover {
  color: #d83b2f;
}
.vice-header-nav .nav-item-box:hover .nav-item-download,
.vice-header-nav .nav-item-box:hover .nav-item-campus,
.vice-header-nav .nav-item-box:hover .nav-item-student {
  background-position: 24px 0;
}
.vice-header-nav .nav-item-box:hover .nav-item-href {
  color: #d83b2f;
}
.vice-header-nav .nav-item-box:hover .nav-item-word {
  color: #d83b2f;
}
.vice-header-nav .app_header__login-btn {
  font-size: 16px;
}
.vice-header-nav .nav-item-line {
  margin-top: 0px;
  color: #cfd1da;
}
.vice-header-nav .nav-item-line:hover {
  color: #cfd1da;
}
.vice-header-nav .nav-item-user {
  box-sizing: border-box;
  padding: 26px 10px 0 0;
}
.vice-header-nav .nav-item-avatar {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  align-items: center;
  object-fit: cover;
}
.dropDown-box {
  border-radius: 8px;
  text-align: center;
}
.dropDown-box .dropDown-item {
  height: 40px;
  margin: 0;
  padding: 0;
}
.dropDown-box .dropDown-item-user {
  padding: 0 10px;
  border-radius: 8px;
}
.dropDown-box .dropDown-item:hover {
  background: #fff9f9;
  border-radius: 8px;
}
.dropdownUser {
  margin-top: 24px;
  height: 50px;
}
@media (min-width: 1600px) {
  .header-nav {
    position: absolute;
    top: 0;
    left: calc((100vw - 1017px) / 2);
  }
}
.live-header-box {
  background: #222c33;
}
.live-header-box .header-container .logo {
  display: none;
}
.live-header-box .header-container .white-logo {
  display: block;
  width: 216px;
  height: 80px;
}
.live-header-box .dropdown-name > a {
  color: #fff;
}
.live-header-box .header-nav {
  color: #fff;
}
.live-header-box .header-nav .nav-item {
  color: #fff;
}
.live-header-box .vice-header-nav .nav-item-href {
  color: #fff;
}
.live-header-box .vice-header-nav .nav-item-download {
  background: url('/game_academy_main/images/header/download-white.png') 0 0;
  background-size: 24px 24px;
}
.live-header-box .vice-header-nav .nav-item-student {
  background: url('/game_academy_main/images/header/student-white.png') 0 0;
  background-size: 24px 24px;
}
.live-header-box .vice-header-nav .nav-item-box a {
  color: #fff;
}
.live-header-box .vice-header-nav .nav-item-box .vice-header-info {
  background: url('/game_academy_main/images/header/notice-white.png') no-repeat 0 0;
  background-size: 24px 24px;
}
.live-header-box .vice-header-nav .nav-item-box:hover .nav-item-download {
  background: url('/game_academy_main/images/header/download.png') 0 0;
  background-size: 48px 24px;
  background-position: 24px 0;
}
.live-header-box .vice-header-nav .nav-item-box:hover .nav-item-student {
  background: url('/game_academy_main/images/header/student.png') 0 0;
  background-size: 48px 24px;
  background-position: 24px 0;
}
.live-header-box .vice-header-nav .nav-item-box:hover .vice-header-info {
  background: url('/game_academy_main/images/header/notice.png') 0 0;
  background-size: 48px 24px;
  background-position: 24px 0;
}
.live-header-box .vice-header-nav .nav-item-box:hover a {
  color: #d83b2f !important;
}
.live-header-box .vice-header-nav .nav-item-word {
  color: #fff;
}
.live-header-box .vice-header-nav .app_header__login-btn {
  font-size: 16px;
}
.live-header-box .dropdown-name .bottom_bg {
  background: url('/game_academy_main/images/header/rectangle-white.png') no-repeat 0 0;
  background-size: 12px 12px;
}
.live-header-box .dropdown:hover .bottom_bg {
  background: url('/game_academy_main/images/header/RectangleCopy.png') no-repeat;
  background-size: 24px 12px;
  background-position: -12px 0;
}

.login-mask {
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.4;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
}
.login-popup {
  width: 576px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 16px;
  z-index: 1000;
  padding: 47px 88px 24px;
  box-sizing: border-box;
  font-size: 16px;
  background: url('/game_academy_main/images/login/Group@2x.png') no-repeat;
  background-color: #fff;
  background-size: 576px;
}
.login-popup__close {
  width: 20px;
  height: 20px;
  background: url('/game_academy_main/images/login/delate.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 24px;
  right: 24px;
}
.login-popup__logo {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.login-popup__logo img {
  width: 100%;
}
.login-popup__types {
  display: flex;
  justify-content: center;
  height: 48px;
}
.login-popup__types > a {
  display: flex;
  align-items: center;
  margin: 0 10px;
  color: #333;
}
.login-popup__types > a img {
  margin-right: 6px;
  width: 40px;
  height: 40px;
}
.login-popup__agreement {
  text-align: center;
  font-size: 12px;
  color: #a1a5b3;
  height: 17px;
  line-height: 17px;
  margin-top: 12px;
  margin-bottom: 0px;
}
.login-popup__agreement > a {
  color: #4a90e2;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
  display: flex;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
  position: relative;
  top: 50%;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 95%;
}

.navigation {
  height: 53px;
  box-sizing: border-box;
  padding-top: 20px;
}
.navigation .navigation-text {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 16px;
}
.navigation .navigation-title {
  color: #a1a5b4;
}
.navigation .navigation-link {
  cursor: pointer;
  color: #6A6D7A;
}
.navigation .navigation-link:hover > span {
  color: #6a6d7b;
}
.navigation .navigation-link > i {
  margin: 0 12px;
}
.navigation .next-navigations {
  margin: 0 4px;
  transform: translateY(1px);
}
.navigation .next-navigations img {
  height: 16px;
  vertical-align: top;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYV1OgpaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4gDud4bx/DZfGbjZGUDg+q1z05BpdkawOAcDE4gCAB45CXEAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\F101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\F102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\F10A";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\F10B";
}
.vjs-icon-subtitles,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10C";
}
.vjs-icon-captions,
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10D";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\F10F";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\F110";
}
.vjs-icon-circle,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\F111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\F112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\F113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\F114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\F117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\F118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\F119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\F11A";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\F11B";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\F11C";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\F11F";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\F120";
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.22222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.66666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.33333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
  animation: 0s linear 0.3s forwards vjs-spinner-show;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: -1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}
.video-container {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}
.video-container .bottom-mask {
  position: absolute;
  width: 100%;
  height: 160px;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 50;
}
.video-container .video-js {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video-container > img {
  width: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-container .video-play {
  height: 80px;
  width: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 80px;
  background: url('/game_academy_main/images/video-icons/play_big_2x.png') no-repeat;
  background-size: 100% 100%;
  z-index: 11;
  cursor: pointer;
}
.video-container .video-mask {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.32;
}
.video-container .video-js .vjs-big-play-button {
  display: none;
}
.video-container .video-js .vjs-play-control {
  width: 24px;
  margin-right: 24px;
  height: 30px;
  margin-top: 20px;
}
.video-container .video-js .vjs-play-control .vjs-icon-placeholder {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/game_academy_main/images/video-icons/play_2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
}
.video-container .video-js .vjs-play-control .vjs-icon-placeholder:hover {
  background-position: -24px;
}
.video-container .video-js .vjs-play-control .vjs-icon-placeholder::before {
  content: '' !important;
}
.video-container .video-js .vjs-time-control {
  flex: none;
  font-size: 14px;
  line-height: 70px;
  text-align: center;
  min-width: 10px;
  padding-left: 0;
  padding-right: 0;
}
.video-container .video-js .vjs-volume-panel {
  position: absolute;
  right: 44px;
  height: 30px;
  margin-top: 20px;
}
.video-container .video-js .vjs-volume-panel .vjs-slider-vertical .vjs-volume-level:before {
  left: -0.35em;
}
.video-container .video-js .vjs-volume-panel .vjs-slider-vertical {
  height: 64%;
  margin-top: 34%;
}
.video-container .video-js .vjs-volume-panel .vjs-slider-vertical .vjs-volume-level {
  background-image: linear-gradient(-143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
}
.video-container .video-js .vjs-volume-panel .vjs-volume-control {
  height: 132px;
  width: 82px;
  background: url('/game_academy_main/images/video-icons/2_2x.png') no-repeat;
  background-size: 82px 132px;
  transition: none !important;
  bottom: 19em;
  opacity: 0;
}
.video-container .video-js .vjs-volume-panel .vjs-icon-placeholder {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/game_academy_main/images/video-icons/sound_2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
  margin-right: 0px;
  margin-left: 24px;
}
.video-container .video-js .vjs-volume-panel .vjs-icon-placeholder::before {
  content: '' !important;
}
.video-container .video-js .vjs-volume-panel:hover .vjs-icon-placeholder {
  background-position: -24px;
}
.video-container .video-js .vjs-volume-panel:hover .vjs-volume-control {
  left: -0.5rem !important;
  bottom: 154px;
  opacity: 1;
  width: 80px;
  height: 130px;
}
.video-container .video-js .vjs-poster {
  background-size: cover;
}
.video-container .video-js .vjs-fullscreen-control {
  position: absolute;
  right: 0px;
  width: 24px;
  height: 30px;
  margin-top: 20px;
}
.video-container .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  width: 24px;
  height: 24px;
  display: block;
  background: url('/game_academy_main/images/video-icons/full screen_2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
}
.video-container .video-js .vjs-fullscreen-control .vjs-icon-placeholder::before {
  content: '' !important;
}
.video-container .video-js .vjs-fullscreen-control:hover .vjs-icon-placeholder {
  background-position: -24px !important;
}
.video-container .video-js .vjs-progress-control {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, 0);
  align-items: center;
  min-width: 4em;
  touch-action: none;
  height: 0.5em;
}
.video-container .video-js .vjs-progress-control .vjs-time-tooltip {
  display: none !important;
}
.video-container .video-js .vjs-progress-control .vjs-mouse-display {
  display: none !important;
}
.video-container .video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0;
  font-size: 5px !important;
}
.video-container .video-js .vjs-progress-control .vjs-play-progress {
  background-image: linear-gradient(-143deg, #FC9050 0%, #EA4D41 52%, #D4275D 100%);
  border-radius: 2px;
}
.video-container .video-js .vjs-progress-control .vjs-play-progress::before {
  font-size: 20px !important;
}
.video-container .video-js .vjs-control-bar {
  z-index: 51;
  display: flex;
  height: 70px;
  width: 95%;
  margin: 0 auto;
  background: none;
}
.video-container .video-js .vjs-control-bar > div {
  display: block;
}
.video-container .video-js .vjs-control-bar button {
  outline: none;
}
.video-container .video-js .vjs-control-bar .sharpness {
  position: absolute;
  right: 88px;
  background: none;
  width: 48px;
  height: 30px;
  margin-top: 20px;
}
.video-container .video-js .vjs-control-bar .sharpness span {
  position: absolute;
  height: 26px;
  width: 48px;
  background: #282029;
  border-radius: 13px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  text-align: center;
}
.video-container .video-js .vjs-control-bar .sharpness ul {
  position: absolute;
  list-style: none;
  display: none;
  width: 142px;
  height: 172px;
  background: url('/game_academy_main/images/video-icons/1_2x.png') no-repeat;
  background-size: 142px 172px;
  top: -155px;
  left: -47px;
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  padding-top: 24px;
}
.video-container .video-js .vjs-control-bar .sharpness ul li {
  float: left;
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.video-container .video-js .vjs-control-bar .sharpness ul li:hover {
  color: #D0021B;
}
.video-container .video-js .vjs-control-bar .sharpness ul .sharpness_active {
  color: #D0021B;
  cursor: no-drop;
}
.video-container .video-js .vjs-control-bar .sharpness:hover ul {
  display: block;
}
.video-container .video-js .vjs-control-bar .next {
  width: 24px;
  height: 30px;
  margin-top: 20px;
  background: url('/game_academy_main/images/video-icons/next_2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
  margin-right: 24px;
  cursor: pointer;
}
.video-container .video-js .vjs-control-bar .next:hover {
  background-position: -24px;
}
.video-container .video-js .vjs-control-bar .vjs-icon-placeholder::before {
  font-size: 24px !important;
  line-height: 2.67;
}
.video-container .video-js .vjs-button > .vjs-icon-placeholder:before {
  font-size: 3.8em;
}
.video-container .vjs-playing .vjs-play-control .vjs-icon-placeholder {
  background: url('/game_academy_main/images/video-icons/pause_2x.png') no-repeat;
  background-size: 48px 24px;
  background-position: 0;
}
.video-container .vjs-playing .vjs-play-control:hover {
  background-position: -24px;
}
.video-modal .ant-modal-header {
  border-radius: 12px 12px 0 0;
  border-bottom: 0;
}
.video-modal .ant-modal-header .ant-modal-title {
  font-size: 20px;
  line-height: 28px;
  color: #262626;
  font-weight: bold;
}
.video-modal .ant-modal-content {
  width: 380px;
}
.video-modal .ant-modal-body {
  height: auto;
  padding: 0 24px 60px;
  font-size: 15px;
  color: #9A9DAB;
}
.video-modal .ant-modal-footer {
  border-top: 0;
  padding: 10px 24px 24px;
}
.video-modal .ant-modal-footer button + button {
  margin-left: 20px;
}

.training-play-container {
  display: flex;
  width: 1000px;
  height: 414px;
  background: #2E2E33;
  overflow: hidden;
  border-radius: 8px;
}
.training-play-container .video-box {
  flex: 1;
  height: 100%;
}
.training-play-container .video-list {
  width: 264px;
  height: 100%;
  overflow: hidden;
}
.training-play-container .video-list h3 {
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  padding: 24px 0 16px 12px;
}
.training-play-container .video-list h3 span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.training-play-container .video-list ul {
  height: 330px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-left: 4px;
}
.training-play-container .video-list ul::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}
.training-play-container .video-list ul::-webkit-scrollbar-thumb {
  min-height: 30px;
  border: 1px solid transparent;
  background-color: #ccc;
  background-clip: content-box;
  border-radius: 3px;
}
.training-play-container .video-list ul::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
.training-play-container .video-list ul li {
  margin-bottom: 16px;
  height: 52px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  cursor: pointer;
}
.training-play-container .video-list ul li:hover {
  background: url('/game_academy_main/images/img/course-video-active.png') no-repeat;
  background-size: 100%;
}
.training-play-container .video-list ul li .img-box {
  overflow: hidden;
  width: 86px;
  min-width: 86px;
  height: 48px;
  border-radius: 2px;
  margin-right: 4px;
}
.training-play-container .video-list ul li .img-box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.training-play-container .video-list ul li p {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.training-play-container .video-list ul .video-active {
  background: url('/game_academy_main/images/img/course-video-active.png') no-repeat;
  background-size: 100%;
}

.comment-container .ant-input:focus {
  box-shadow: none;
}
.comment-container h3 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 16px;
  line-height: 20px;
}
.comment-container h3 span {
  font-size: 14px;
  color: #a1a5B3;
  font-weight: 600;
}
.comment-container textarea {
  border-radius: 8px;
  outline: none;
}
.comment-container button {
  border-radius: 8px;
  height: 40px;
  width: 112px;
  margin-top: 16px;
  margin-bottom: 18px;
  outline: none;
  border: none;
  cursor: pointer;
  color: #fff;
}

.train_deader_bg {
  animation: enterMove 0.6s ease-out alternate forwards;
  margin: 0 auto;
}
.train_deader_bg img {
  width: 100%;
}
@keyframes enterMove {
  0% {
    left: 30px;
    opacity: 0.1;
  }
  10% {
    left: 27px;
    opacity: 0.1;
  }
  20% {
    left: 24px;
    opacity: 0.2;
  }
  30% {
    left: 21px;
    opacity: 0.3;
  }
  40% {
    left: 18px;
    opacity: 0.4;
  }
  50% {
    left: 15px;
    opacity: 0.5;
  }
  60% {
    left: 12px;
    opacity: 0.6;
  }
  70% {
    left: 9px;
    opacity: 0.7;
  }
  80% {
    left: 6px;
    opacity: 0.8;
  }
  90% {
    left: 3px;
    opacity: 0.9;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}

.train-plan-plan-content {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.train-plan .ant-empty {
  height: 600px;
}
.train-plan .ant-empty-image {
  height: 600px;
  padding-top: 120px;
}
.train-plan .ant-empty-image > img {
  width: 353px;
  height: 276px;
}
.train-plan .cultivate-list-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.train-plan .nshow-nodata {
  text-align: center;
  margin: 32px 0;
}
.train-plan .cultivate-list-item {
  margin-bottom: 18px;
  width: 320px;
  height: 288px;
  overflow: hidden;
  cursor: pointer;
}
.train-plan .cultivate-list-item .item-left {
  width: 320px;
  height: 212px;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
.train-plan .cultivate-list-item .item-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.train-plan .cultivate-list-item .item-left .item-img {
  height: 200px;
  width: 320px;
  position: absolute;
  top: 12px;
  left: 0;
  transition: all 0.3s;
  z-index: 3;
  border-radius: 8px;
  overflow: hidden;
}
.train-plan .cultivate-list-item .item-left .item-img div {
  position: absolute;
  right: 16px;
  top: 16px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
  background: rgba(46, 46, 51, 0.8);
  border-radius: 6px;
  padding: 0 5px;
}
.train-plan .cultivate-list-item .item-left .item-background-1 {
  position: absolute;
  background-image: linear-gradient(-180deg, rgba(197, 204, 225, 0.16) 0%, rgba(161, 165, 179, 0) 100%);
  border-radius: 12px;
  height: 200px;
  width: 280px;
  left: 20px;
  top: 0;
  z-index: 1;
}
.train-plan .cultivate-list-item .item-left .item-background-2 {
  position: absolute;
  background-image: linear-gradient(-180deg, rgba(140, 149, 177, 0.16) 0%, rgba(161, 165, 179, 0) 100%);
  border-radius: 12px;
  height: 200px;
  width: 300px;
  left: 10px;
  top: 6px;
  z-index: 2;
}
.train-plan .cultivate-list-item h4 {
  line-height: 24px;
  font-size: 18px;
  font-weight: 700;
  color: #2e2e33;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 8px;
}
.train-plan .cultivate-list-item:hover .item-left img {
  transform: scale(1.1);
}
.train-plan .cultivate-list-item .item-status {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #BFBFBF;
}
.cultivate-list-tabs {
  display: flex;
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0 20px 0 0;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 20px;
}
.cultivate-list-tabs .tab-item {
  cursor: pointer;
  padding-bottom: 0;
  margin-left: 32px;
  min-width: 20px;
  text-align: center;
}
.cultivate-list-tabs .tab-item:first-child {
  margin-left: 0;
}
.cultivate-list-tabs .tab-item--active {
  color: #d83b2f;
  position: relative;
}
.cultivate-list-tabs .tab-item--active::after {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 2px;
  background: #C43336;
  border-radius: 2px;
  left: calc(50% - 10px);
}
.cultivate-list-tabs .tab-ellipsis-btn {
  margin-left: 32px;
}
.cultivate-list-tabs .tab-ellipsis-btn > span {
  display: inline-block;
  width: 21px;
  height: 42px;
  background-image: url('https://gameacademy.v.netease.com/2023/0206/3b6763e158d525a8b92b9f0c43d96259.png');
  background-size: 100% 100%;
}
.cultivate-resource-box {
  padding-bottom: 40px;
}
.cultivate-resource-box .cultivate-resource-item {
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  padding: 20px 0;
  position: relative;
}
.cultivate-resource-box .cultivate-resource-item .item-left {
  width: 190px;
  height: 112px;
  margin-right: 20px;
  position: relative;
}
.cultivate-resource-box .cultivate-resource-item .item-left > img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
.cultivate-resource-box .cultivate-resource-item .item-left > div {
  position: absolute;
  width: 53px;
  height: 24px;
  left: 134px;
  top: 4px;
  text-align: center;
  line-height: 24px;
  background: rgba(38, 38, 38, 0.6);
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
}
.cultivate-resource-box .cultivate-resource-item .item-title {
  max-width: 788px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  margin-bottom: 8px;
}
.cultivate-resource-box .cultivate-resource-item .item-title > span {
  width: 49px;
  height: 28px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  margin-right: 4px;
}
.cultivate-resource-box .cultivate-resource-item .item-title > span[status='1'] {
  color: #1DBF76;
  background: #EDFAF2;
}
.cultivate-resource-box .cultivate-resource-item .item-title > span[status='5'] {
  color: #2380F2;
  background: #EDF7FE;
}
.cultivate-resource-box .cultivate-resource-item .item-title > span[status='99'] {
  /* 功能色 Function/橙色 Orange/O50 */
  color: #FF7925;
  /* 功能色 Function/橙色 Orange/O20 */
  background: #FFF7EE;
}
.cultivate-resource-box .cultivate-resource-item .item-intro {
  max-width: 788px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #8B8F9E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cultivate-resource-box .cultivate-resource-item .item-live-action {
  width: 100%;
  position: absolute;
  bottom: 20px;
  color: #C43336;
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.cultivate-resource-box .cultivate-resource-item .item-live-action .time {
  font-size: 14px;
  line-height: 22px;
  color: #8B8F9E;
}

.train_deader_bg {
  animation: enterMove 0.6s ease-out alternate forwards;
  margin: 0 auto;
}
.train_deader_bg img {
  width: 100%;
}
@keyframes enterMove {
  0% {
    left: 30px;
    opacity: 0.1;
  }
  10% {
    left: 27px;
    opacity: 0.1;
  }
  20% {
    left: 24px;
    opacity: 0.2;
  }
  30% {
    left: 21px;
    opacity: 0.3;
  }
  40% {
    left: 18px;
    opacity: 0.4;
  }
  50% {
    left: 15px;
    opacity: 0.5;
  }
  60% {
    left: 12px;
    opacity: 0.6;
  }
  70% {
    left: 9px;
    opacity: 0.7;
  }
  80% {
    left: 6px;
    opacity: 0.8;
  }
  90% {
    left: 3px;
    opacity: 0.9;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}

.train-plan-plan-content {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.train-plan .ant-empty {
  height: 600px;
}
.train-plan .ant-empty-image {
  height: 600px;
  padding-top: 120px;
}
.train-plan .ant-empty-image > img {
  width: 353px;
  height: 276px;
}
.train-plan .cultivate-list-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.train-plan .nshow-nodata {
  text-align: center;
  margin: 32px 0;
}
.train-plan .cultivate-list-item {
  margin-bottom: 18px;
  width: 320px;
  height: 288px;
  overflow: hidden;
  cursor: pointer;
}
.train-plan .cultivate-list-item .item-left {
  width: 320px;
  height: 212px;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
.train-plan .cultivate-list-item .item-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.train-plan .cultivate-list-item .item-left .item-img {
  height: 200px;
  width: 320px;
  position: absolute;
  top: 12px;
  left: 0;
  transition: all 0.3s;
  z-index: 3;
  border-radius: 8px;
  overflow: hidden;
}
.train-plan .cultivate-list-item .item-left .item-img div {
  position: absolute;
  right: 16px;
  top: 16px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
  background: rgba(46, 46, 51, 0.8);
  border-radius: 6px;
  padding: 0 5px;
}
.train-plan .cultivate-list-item .item-left .item-img .item-status-btn {
  position: absolute;
  background: #272631;
  border-radius: 4px;
  width: 52px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-size: 12px;
}
.train-plan .cultivate-list-item .item-left .item-background-1 {
  position: absolute;
  background-image: linear-gradient(-180deg, rgba(197, 204, 225, 0.16) 0%, rgba(161, 165, 179, 0) 100%);
  border-radius: 12px;
  height: 200px;
  width: 280px;
  left: 20px;
  top: 0;
  z-index: 1;
}
.train-plan .cultivate-list-item .item-left .item-background-2 {
  position: absolute;
  background-image: linear-gradient(-180deg, rgba(140, 149, 177, 0.16) 0%, rgba(161, 165, 179, 0) 100%);
  border-radius: 12px;
  height: 200px;
  width: 300px;
  left: 10px;
  top: 6px;
  z-index: 2;
}
.train-plan .cultivate-list-item h4 {
  width: 320px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 700;
  color: #2e2e33;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 8px;
}
.train-plan .cultivate-list-item:hover .item-left img {
  transform: scale(1.1);
}
.train-plan .cultivate-list-item .item-status-time {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #8B8F9E;
}

.app-footer {
  position: relative;
  z-index: 101;
  padding-top: 23px;
  padding-bottom: 23px;
  background-color: #414343;
  width: 100%;
  height: 461px;
}
.app-footer .qr-img {
  width: 134px;
  height: 134px;
  margin: 0 auto;
}
.app-footer .qr-img > div {
  width: 134px;
  height: 134px;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}
.app-footer .qr-img > div.campus-download {
  background: url('/game_academy_main/images/footer/campus-download.jpg');
  border-radius: 8px;
  background-size: contain;
}
.app-footer .qr-img > div.download {
  background: url('/game_academy_main/images/footer/app-download1.jpg');
  border-radius: 8px;
  background-size: contain;
}
.app-footer .nie-copyright-new-inner {
  width: 1200px;
  text-align: left;
  margin: 0 auto;
  padding: 15px 0 10px;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 20px;
  display: block;
}
.app-footer .nie-copyright-new-inner .nie-cn-part1 {
  display: flex;
  vertical-align: top;
  margin-left: 22%;
}
.app-footer .nie-copyright-new-inner .nie-cn-part1 .logo,
.app-footer .nie-copyright-new-inner .nie-cn-part1 .nie-cn-logo,
.app-footer .nie-copyright-new-inner .nie-cn-part1 .nie-cn-nav {
  vertical-align: top;
}
.app-footer .nie-copyright-new-inner .nie-cn-part1 .attention {
  text-align: center;
  color: #a06d61;
  margin-left: 50px;
  display: inline-block;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 {
  margin-top: 10px;
  font-size: 13px;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 .logo-details {
  display: inline-block;
  width: 460px;
  margin-right: 210px;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 .logo-details .logo-content {
  height: 60px;
  color: #999797;
  line-height: 24px;
  margin-top: 62px;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 .pic-2x {
  display: inline-block;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 .pic-2x img {
  display: block;
  margin: 0 auto;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 .pic-2x span {
  margin-top: 12px;
  display: inline-block;
  font-size: 17px;
  color: #ffffff;
  font-weight: bold;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 .pic-2x span a {
  color: #cccccc;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 .campus-box {
  margin-right: 50px;
  text-align: center;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 .download-box {
  position: relative;
  text-align: center;
}
.app-footer .nie-copyright-new-inner .nie-cn-part0 .divider {
  display: inline-block;
  height: 100px;
  margin: auto 50px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  top: -40px;
}
.app-footer .nie-copyright-new-inner .divider-0-1 {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 72px auto 50px;
}
.app-footer .nie-copyright-new-inner .nie-cn-logo {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  min-width: 240px;
}
.app-footer .nie-copyright-new-inner .nie-cn-logo a {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  padding-right: 10px;
}
.app-footer .nie-copyright-new-inner .nie-cn-logo img {
  margin-right: 15px;
  margin-top: 5px;
  border: 0;
  vertical-align: middle;
  width: 105px;
  height: 32px;
}
.app-footer .nie-copyright-new-inner .nie-cn-nav {
  display: inline-block;
  vertical-align: top;
  padding-left: 6px;
  position: relative;
  z-index: 1;
  color: #808080;
}
.app-footer .nie-copyright-new-inner .nie-cn-nav a {
  color: #808080;
  text-decoration: none;
}
.app-footer .nie-copyright-new-inner .nie-cn-nav a:hover {
  color: #a06d61;
}
.app-footer .nie-copyright-new-inner .nie-cn-nav i {
  display: block;
  font-style: normal;
}
.app-footer .nie-copyright-new-inner .nie-cn-nav i.nie-cn-nav-i2 {
  height: 28px;
  line-height: 28px;
}
.app-footer .nie-copyright-new-inner .nie-cn-nav a {
  text-decoration: none;
}
.app-footer .nie-copyright-new-inner .nie-cn-nav a:hover {
  text-decoration: underline;
}
.app-footer .nie-copyright-new-inner .nie-cn-nav .nie-cn-reportcenter {
  padding-left: 18px;
  font-style: normal;
}
.app-footer .nie-copyright-new-inner .nie-cn-nav a.nie-cn-guardianship {
  display: inline-block;
  color: #fff;
  background-color: #610000;
  position: absolute;
  z-index: 2;
  right: 20px;
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  top: 21px;
}
.app-footer #NIE-copyRight a.nie-cn-guardianship {
  color: #fff;
}
.app-footer .nie-copyright-new-inner .nie-cn-part2 {
  padding-top: 10px;
  line-height: 24px;
}
.app-footer .nie-copyright-new-inner .nie-cn-part2 p {
  margin: 0;
}
.app-footer .nie-copyright-new-inner .nie-cn-part2 a {
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
}
.app-footer .nie-copyright-new-inner .nie-cn-part2 a:hover {
  text-decoration: underline;
}
.app-footer .nie-copyright-new-inner .nie-cn-part2 span {
  display: inline-block;
  vertical-align: top;
}
.app-footer .nie-cn-part2 a img {
  vertical-align: top;
}
.app-footer .logo {
  margin-right: 80px;
  display: flex;
  width: 196px;
  height: auto;
  margin-top: -44px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #e66557;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}

.delayList {
  padding-bottom: 38px !important;
  width: 1000px;
  margin: 0 auto;
}
.tabs-nav_fixed {
  z-index: 90;
  width: 1000px;
  margin: 0 auto;
  background: #fff;
}
.tabs-nav_fixed .tabs-nav-content {
  border-bottom: 1px solid #EEEEF2;
  width: 1000px;
  position: relative;
}
.tabs-nav-content {
  display: flex;
  padding-top: 20px;
  position: relative;
  border-bottom: 1px solid #EEEEF2;
}
.tabs-nav-content .icon {
  height: 4px;
  width: 20px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, #FD5D30 0%, #F1363F 47.35%, #E70049 100%);
  transition: all 0.3s;
}
.tabs-nav-content-item {
  cursor: pointer;
  margin-right: 60px;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px;
}
.tabs-nav-content-item_active {
  color: #D83B2F;
}
.confirm-form-text {
  margin-top: 24px;
}
.delay-item {
  width: 1000px;
  margin: 0 auto;
  margin-top: 24px;
  border: 1px solid #EEEEF2;
  box-shadow: 0px 0px 16px rgba(37, 38, 94, 0.01);
  border-radius: 10px;
  padding: 24px;
  word-break: break-all;
}
.delay-item div {
  display: flex;
}
.delay-item-first {
  justify-content: space-between;
  margin-bottom: 16px;
}
.delay-item-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #2E2E33;
  margin-right: 8px;
}
.delay-item-apply {
  font-size: 14px;
  line-height: 20px;
  color: #9A9DAB;
}
.delay-item-taskName {
  font-size: 14px;
  line-height: 22px;
  color: #2E2E33;
  margin-bottom: 12px;
  cursor: pointer;
}
.delay-item-reason {
  flex-direction: column;
  padding-bottom: 24px;
}
.delay-item-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  color: #2E2E33;
  margin-bottom: 12px;
}
.delay-item-btn {
  border-top: 1px solid #EEEEF2;
  padding-top: 24px;
  justify-content: flex-end;
}
.delay-item-btn div {
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  display: block;
  cursor: pointer;
}
.delay-item .btn-resolve {
  border: 1px solid #00BA4A;
  color: #00BA4A;
  margin-right: 24px;
}
.delay-item .btn-reject {
  background-color: #D83B2F;
  color: #fff;
}
.delay-item .btn-look-detail {
  background-color: #EDEFF3;
  color: #2E2E33;
}
.detail-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #2E2E33;
  padding-bottom: 24px;
  border-bottom: 1px solid #EEEEF2;
  margin-bottom: 24px;
}
.detail-btn {
  width: 72px !important;
  height: 28px !important;
  background: #EDEFF3;
  border-radius: 4px !important;
  font-size: 12px !important;
  line-height: 28px !important;
  color: #2E2E33;
  position: absolute;
  left: 24px;
  bottom: 26px;
  cursor: auto !important;
}
.detail-modal-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 12px;
  color: #2E2E33;
}
.detail-value {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 22px;
  color: #2E2E33;
}
.detail-line {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.detail-line > div {
  margin-right: 60px;
  white-space: nowrap;
}
.detail-line > div:last-child {
  margin-right: 0;
}

.training_deader_bg {
  height: 280px;
  animation: enterMove 0.6s ease-out alternate forwards;
  background: url('https://gameacademy.v.netease.com/2019/0516/bf9534459f8aacd65633185affd00641.png');
  background-position: center -84px;
  background-size: 1920px 364px;
  width: 100%;
  margin: 0 auto;
}
.training_deader_bg img {
  width: 100%;
}
@keyframes enterMove {
  0% {
    left: 30px;
    opacity: 0.1;
  }
  10% {
    left: 27px;
    opacity: 0.1;
  }
  20% {
    left: 24px;
    opacity: 0.2;
  }
  30% {
    left: 21px;
    opacity: 0.3;
  }
  40% {
    left: 18px;
    opacity: 0.4;
  }
  50% {
    left: 15px;
    opacity: 0.5;
  }
  60% {
    left: 12px;
    opacity: 0.6;
  }
  70% {
    left: 9px;
    opacity: 0.7;
  }
  80% {
    left: 6px;
    opacity: 0.8;
  }
  90% {
    left: 3px;
    opacity: 0.9;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}

.student-plan h3 {
  color: #2E2E33;
  font-size: 24px;
  margin-bottom: 16px;
  width: 1000px;
  margin: 0 auto;
}
.student-plan .student-plan-title {
  margin-top: 20px;
  padding-left: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
}
.student-plan .training-student-list {
  padding-top: 20px;
}
.student-plan .tabs-nav_fixed {
  position: fixed;
  top: 80px;
  z-index: 90;
  width: 100%;
  min-width: 1440px;
  left: 0;
  background: #fff;
  box-shadow: inset 0px 15px 15px -15px rgba(46, 46, 51, 0.05);
}
.student-plan .tabs-nav_fixed .tabs-nav-content {
  width: 1000px;
  margin: 0 auto;
}
.student-plan .tabs-nav-content {
  display: flex;
  padding-top: 20px;
  position: relative;
  border-bottom: 1px solid #EEEEF2;
}
.student-plan .tabs-nav-content .icon {
  height: 4px;
  width: 20px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, #FD5D30 0%, #F1363F 47.35%, #E70049 100%);
  transition: all 0.3s;
}
.student-plan .tabs-nav-content-item {
  cursor: pointer;
  margin-right: 60px;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px;
}
.student-plan .tabs-nav-content-item_active {
  color: #D83B2F;
}
.student-plan .tabs-nav-content-item_disable {
  color: #000000;
  cursor: not-allowed;
  opacity: 0.5;
  position: relative;
}
.student-plan .right-aside {
  position: fixed;
  right: 9.5rem;
  bottom: 4.7rem;
}
.student-plan .right-aside > div {
  width: 60px;
  height: 60px;
  background: #FFFFFF;
  text-align: center;
  box-shadow: 0px 9px 20px 8px rgba(0, 0, 0, 0.04), 0px 6px 12px rgba(0, 0, 0, 0.05), 0px -3px 6px -4px rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  margin-bottom: 14px;
  font-size: 14.6667px;
  line-height: 21px;
  color: #D83B2F;
  cursor: pointer;
}
.student-plan .right-aside > div > img {
  width: 24px;
  height: 24px;
  margin-top: 8px;
}
.student-plan .right-aside > div:last-child {
  color: #FF7925;
}

.training-guide-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  position: relative;
}
.training-guide-list-icon {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: -28px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #9A9DAB;
}
.training-guide-list-icon > span {
  width: 12px;
  height: 12px;
  background: url('/game_academy_main/images/icons/down.png') no-repeat;
  background-size: 12px auto;
  transition: all 0.2s;
}
.training-guide-list .plan-item {
  width: 320px;
  margin-bottom: 20px;
  height: 180px;
  margin-right: 20px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.training-guide-list .plan-item[status='1'] {
  margin-right: 0;
}
.training-guide-list .plan-item img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.training-guide-list .plan-item-word {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 32px;
  position: absolute;
  padding: 28px;
  font-weight: 500;
  text-align: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(0deg, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 0.8));
  display: flex;
  align-items: center;
  justify-content: center;
}
.training-guide-list .plan-item-word > div {
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.training-overview-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  position: relative;
  min-height: 360px;
  padding-bottom: 20px;
}
.training-overview-list .overview-item {
  width: 240px;
  margin-bottom: 24px;
  margin-right: 25px;
  border-radius: 10px;
  cursor: pointer;
}
.training-overview-list .overview-item:nth-child(3n) {
  margin-right: 0;
}
.training-overview-list .overview-item[status='1'] {
  width: 224px;
  margin-right: 34px;
}
.training-overview-list .overview-item[status='1']:nth-child(4n) {
  margin-right: 0;
}
.training-overview-list .overview-item[status='1'] img {
  height: 126px;
}
.training-overview-list .overview-item img {
  width: 100%;
  height: 135px;
  border-radius: 10px;
}
.training-overview-list .overview-item-word {
  font-size: 18px;
  line-height: 25px;
  margin-top: 12px;
}
.training-overview-list .overview-item-word > div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.next-degree {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.next-degree .desireText {
  display: block;
  position: absolute;
  width: 50px;
  right: -60px;
  font-size: 14px;
  color: #2e2e33;
}
.next-degree .degree {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
}
.next-degree .degree-Item {
  height: 6px;
  flex: 1;
  display: block;
  background: #ECEDF0;
  border-radius: 1px;
  border-radius: 3px;
  transform: skew(-30deg);
  height: 20px;
}
.next-degree .degree-Item + .degree-Item {
  margin-left: 4px;
}
.next-degree .degree.direction {
  justify-content: flex-end;
}

.teacher-plan {
  display: flex;
  width: 1000px;
  align-items: flex-start;
  min-height: 600px;
}
.teacher-plan .left-menu {
  width: 194px;
  border: 1px solid #F1F1F5;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 20px;
}
.teacher-plan .left-menu .batch {
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  padding-right: 0;
  background: #F9F9FA;
  box-shadow: 0px 4px 10px #f5f5f5;
}
.teacher-plan .left-menu .batch .batch-title {
  flex: 1;
  font-size: 14px;
  line-height: 20px;
  color: #2E2E33;
  padding: 16px;
  padding-right: 0;
}
.teacher-plan .left-menu .batch .icon-drop {
  display: flex;
  align-items: center;
  width: 34px;
  cursor: pointer;
  background: url('/game_academy_main/images/icons/bottom-arrow-black.png') no-repeat left;
  margin: 0 0px 0 4px;
  background-size: 18px auto;
}
.teacher-plan .left-menu .list-menu {
  max-height: 408px;
  overflow-y: auto;
  overflow-x: hidden;
}
.teacher-plan .left-menu .list-menu .menu-item:last-child {
  border-bottom: none;
}
.teacher-plan .left-menu .list-menu::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}
.teacher-plan .left-menu .list-menu::-webkit-scrollbar-thumb {
  min-height: 30px;
  border: 1px solid transparent;
  background-color: rgba(9, 9, 101, 0.15);
  background-clip: content-box;
  border-radius: 3px;
}
.teacher-plan .left-menu .list-menu::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
.teacher-plan .left-menu .menu-item {
  padding: 16px 16px 16px 28px;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
  color: #000;
  height: 68px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F1F1F5;
}
.teacher-plan .left-menu .menu-item div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.teacher-plan .left-menu .menu-item_active {
  color: #D83B2F;
}
.teacher-plan .left-menu_fixed {
  position: fixed;
  top: 100px;
  z-index: 100;
  background: #fff;
  margin-top: 0;
}
.teacher-plan .right-content {
  flex: 1;
  width: 770px;
  padding-left: 36px;
}
.teacher-plan .right-content_fixed {
  padding-left: 230px;
  padding-top: 70px;
}
.teacher-plan .right-content .tabs-nav_fixed {
  position: fixed;
  top: 80px;
  z-index: 90;
  width: 100%;
  min-width: 1440px;
  left: 0;
  background: #fff;
  box-shadow: inset 0px 15px 15px -15px rgba(46, 46, 51, 0.05);
}
.teacher-plan .right-content .tabs-nav_fixed .tabs-nav-content {
  border-bottom: none;
  width: 1000px;
  margin: 0 auto !important;
  position: relative;
  left: 230px !important;
}
.teacher-plan .right-content .tabs-nav-content {
  display: flex;
  margin-left: 0 !important;
  padding-top: 20px;
  position: relative;
  border-bottom: 1px solid #EEEEF2;
}
.teacher-plan .right-content .tabs-nav-content .icon {
  height: 4px;
  width: 20px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, #FD5D30 0%, #F1363F 47.35%, #E70049 100%);
  transition: all 0.3s;
}
.teacher-plan .right-content .tabs-nav-content-item {
  cursor: pointer;
  margin-right: 60px;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px;
}
.teacher-plan .right-content .tabs-nav-content-item_active {
  color: #D83B2F;
}
.teacher-plan .right-content .tabs-nav-content-item_disable {
  color: #000000;
  cursor: not-allowed !important;
  opacity: 0.5;
  position: relative;
}
.teacher-plan .right-content .tap-content {
  padding-left: 0 !important;
  margin-bottom: 150px;
  padding-top: 24px;
}
.teacher-plan .right-content .tap-content .training-overview-list {
  margin-top: 0;
}
.teacher-plan .right-content .word-item {
  width: 100%;
  margin-bottom: 24px;
  border-bottom: 1px solid #EEEEF2;
}
.teacher-plan .right-content .word-item-title {
  font-size: 18px;
  line-height: 28px;
  color: #2E2E33;
  margin-bottom: 12px;
  font-weight: 500;
  cursor: pointer;
}
.teacher-plan .right-content .word-item-title:hover {
  color: #4A90E2;
}
.teacher-plan .right-content .word-item-msg {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  color: #2E2E33;
  margin-bottom: 24px;
  justify-content: space-between;
}
.teacher-plan .right-content .word-item-action {
  text-align: right;
  width: 24%;
}
.teacher-plan .right-content .word-item-action span {
  cursor: pointer;
  color: #4A90E2;
  margin-left: 24px;
}
.teacher-plan .right-content .word-item-action .disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.teacher-plan .right-content .word-item-num {
  width: 38%;
  margin-left: 20px;
}
.teacher-plan .right-content .word-item-time {
  width: 38%;
}
.teacher-plan .right-content .word-item-time span {
  color: #D83B2F;
}
.teacher-plan .right-content .student-list {
  display: flex;
  justify-content: flex-start;
  width: 820px;
  margin-left: -12.5px;
  flex-wrap: wrap;
}
.teacher-plan .right-content .student-card {
  width: 240px;
  margin: 0 12.5px 40px;
  position: relative;
  box-shadow: 0 0 6px rgba(239, 61, 37, 0.04);
}
.teacher-plan .right-content .student-card .avatar-bg {
  width: 100%;
  height: 96px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background-size: 460px auto !important;
  background-position: -115px -115px !important;
  filter: blur(10px);
  position: relative;
  transform: scale(1.3);
}
.teacher-plan .right-content .student-card .avatar-bg::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(80, 80, 80, 0.7);
}
.teacher-plan .right-content .student-card-info {
  width: 230px;
  height: 96px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.teacher-plan .right-content .student-card-info .avatar {
  text-align: center;
  margin: -1px 15px 15px;
}
.teacher-plan .right-content .student-card-info .avatar > img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  border: 3px solid rgba(255, 255, 255, 0.24);
}
.teacher-plan .right-content .student-card-info .right {
  color: #fff;
  height: 67px;
  width: 0;
  flex: 1;
}
.teacher-plan .right-content .student-card-info .right > h3 {
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.teacher-plan .right-content .student-card-info .right > p {
  font-size: 12px;
  margin-bottom: 0;
}
.teacher-plan .right-content .student-card .wrap {
  width: 100%;
  padding: 0px 16px 16px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #f5f6f9;
  border-top: none;
  border-radius: 0 0 8px 8px;
}
.teacher-plan .right-content .student-card .wrap .line-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  line-height: 20px;
  margin-top: 12px;
}
.teacher-plan .right-content .student-card .wrap .line-box:nth-child(1) {
  margin-top: 14px;
}
.teacher-plan .right-content .student-card .wrap .line-box > p {
  margin-bottom: 0;
  color: #A9ABB3;
}
.teacher-plan .right-content .student-card .wrap .line-box > p:nth-of-type(2) {
  font-size: 14px;
  color: #2E2E33;
}
.teacher-plan .right-content .student-card .wrap .line-box > p.communicate_time {
  font-size: 14px;
}
.teacher-plan .right-content .student-card .wrap .line-box > p.degree {
  width: 40px;
}
.teacher-plan .right-content .student-card .wrap .line-box > p.degree .degree-Item {
  height: 13px;
}
.teacher-plan .right-content .student-card .wrap .btn {
  margin-top: 32px;
  line-height: 40px;
  display: block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background: linear-gradient(90deg, #FD5D30 0%, #F1363F 47.35%, #E70049 100%);
  cursor: pointer;
}
.teacher-plan .right-content .delay-record {
  display: flex;
  justify-content: space-between;
  padding: 10px 16px;
  font-weight: 500;
  background-color: #F5F6F9;
  border-radius: 8px;
  color: #2E2E33;
  margin-bottom: 24px;
  cursor: pointer;
}
.teacher-plan .right-content .delay-record span {
  display: block;
}
.teacher-plan .right-content .delay-record div {
  display: flex;
  align-items: center;
}
.teacher-plan .right-content .delay-left {
  font-size: 18px;
  line-height: 28px;
  display: flex;
}
.teacher-plan .right-content .delay-right {
  font-size: 14px;
  line-height: 28px;
}
.teacher-plan .right-content .delay-go {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background: url('/game_academy_main/images/icons/icon-enter.png') no-repeat center;
  background-size: 20px 20px;
}
.teacher-plan .right-content .delay-num {
  font-size: 14px;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #D83B2F;
  color: #fff;
  border-radius: 50%;
}
.batch-list-dropdown {
  width: 192px;
  max-height: 172px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #FFFFFF;
  box-shadow: 0px 2px 16px rgba(134, 137, 154, 0.243034);
  border-radius: 8px;
  margin-top: 32px;
}
.batch-list-dropdown .ant-dropdown-menu-item {
  color: #2E2E33;
}
.batch-list-dropdown .ant-dropdown-menu-item > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.batch-list-dropdown .ant-dropdown-menu-item:hover {
  background: #f9f9f9;
}
.batch-list-dropdown .menu-item-active {
  color: #D83B2F;
  background: #f9f9f9;
}
.batch-list-dropdown::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}
.batch-list-dropdown::-webkit-scrollbar-thumb {
  min-height: 30px;
  border: 1px solid transparent;
  background-color: rgba(9, 9, 101, 0.15);
  background-clip: content-box;
  border-radius: 3px;
}
.batch-list-dropdown::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}

.teacher-plan {
  display: flex;
  width: 1000px;
  align-items: flex-start;
  min-height: 600px;
}
.teacher-plan .left-menu {
  width: 194px;
  border: 1px solid #F1F1F5;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 20px;
}
.teacher-plan .left-menu .batch {
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  padding-right: 0;
  background: #F9F9FA;
  box-shadow: 0px 4px 10px #f5f5f5;
}
.teacher-plan .left-menu .batch .batch-title {
  flex: 1;
  font-size: 14px;
  line-height: 20px;
  color: #2E2E33;
  padding: 16px;
  padding-right: 0;
}
.teacher-plan .left-menu .batch .icon-drop {
  display: flex;
  align-items: center;
  width: 34px;
  margin: 0 0px 0 4px;
  cursor: pointer;
  background: url('/game_academy_main/images/icons/bottom-arrow-black.png') no-repeat left;
  background-size: 18px auto;
}
.teacher-plan .left-menu .search-plans {
  width: 177px;
  height: 34px;
  margin: 6px auto;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.teacher-plan .left-menu .search-plans .ant-select {
  height: 34px;
}
.teacher-plan .left-menu .search-plans .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  width: 177px;
  height: 34px;
  padding-left: 33px;
}
.teacher-plan .left-menu .search-plans .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  padding-left: 20px;
}
.teacher-plan .left-menu .search-plans .anticon-search {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 6px;
  font-size: 16px;
  color: #979797;
}
.teacher-plan .left-menu .search-plans .ant-select-arrow {
  display: none;
}
.teacher-plan .left-menu .search-plans .ant-select.ant-select-single .ant-select-selector .ant-select-selection-item,
.teacher-plan .left-menu .search-plans .ant-select-single.ant-select-open .ant-select-selection-item {
  color: #000;
  line-height: 34px;
}
.teacher-plan .left-menu .search-plans .anticon-close-circle {
  color: #979797;
}
.teacher-plan .left-menu .search-plans .ant-select-item-option-content span.red {
  color: #D83B2F;
}
.teacher-plan .left-menu .search-plans .ant-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  color: #A4A6B3;
  line-height: 34px;
}
.teacher-plan .left-menu .list-menu {
  min-height: 408px;
  max-height: 408px;
  overflow-y: auto;
  overflow-x: hidden;
}
.teacher-plan .left-menu .list-menu .menu-item:last-child {
  border-bottom: none;
}
.teacher-plan .left-menu .list-menu::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}
.teacher-plan .left-menu .list-menu::-webkit-scrollbar-thumb {
  min-height: 30px;
  border: 1px solid transparent;
  background-color: rgba(9, 9, 101, 0.15);
  background-clip: content-box;
  border-radius: 3px;
}
.teacher-plan .left-menu .list-menu::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
.teacher-plan .left-menu .menu-item {
  padding: 16px 16px 16px 28px;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
  color: #000;
  height: 68px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #F1F1F5;
}
.teacher-plan .left-menu .menu-item div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.teacher-plan .left-menu .menu-item_active {
  color: #D83B2F;
}
.teacher-plan .left-menu_fixed {
  position: fixed;
  top: 100px;
  z-index: 100;
  background: #fff;
  margin-top: 0;
}
.teacher-plan .right-content {
  flex: 1;
  width: 770px;
  padding-left: 36px;
}
.teacher-plan .right-content_fixed {
  padding-left: 230px;
  padding-top: 70px;
}
.teacher-plan .right-content .tabs-nav_fixed {
  position: fixed;
  top: 80px;
  z-index: 90;
  width: 100%;
  min-width: 1440px;
  left: 0;
  background: #fff;
  box-shadow: inset 0px 15px 15px -15px rgba(46, 46, 51, 0.05);
}
.teacher-plan .right-content .tabs-nav_fixed .tabs-nav-content {
  border-bottom: none;
  width: 1000px;
  margin: 0 auto;
  position: relative;
  left: 256px;
}
.teacher-plan .right-content .tabs-nav-content {
  display: flex;
  margin-left: 24px;
  padding-top: 20px;
  position: relative;
  border-bottom: 1px solid #EEEEF2;
}
.teacher-plan .right-content .tabs-nav-content .icon {
  height: 4px;
  width: 20px;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, #FD5D30 0%, #F1363F 47.35%, #E70049 100%);
  transition: all 0.3s;
}
.teacher-plan .right-content .tabs-nav-content-item {
  cursor: pointer;
  margin-right: 60px;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 15px;
}
.teacher-plan .right-content .tabs-nav-content-item_active {
  color: #D83B2F;
}
.teacher-plan .right-content .tabs-nav-content-item_disable {
  color: #000000;
  cursor: not-allowed !important;
  opacity: 0.5;
  position: relative;
}
.teacher-plan .right-content .tap-content {
  padding-left: 24px;
  margin-bottom: 150px;
  padding-top: 24px;
}
.teacher-plan .right-content .tap-content .training-overview-list {
  margin-top: 0;
}
.teacher-plan .right-content .word-item {
  width: 100%;
  margin-bottom: 24px;
  border-bottom: 1px solid #EEEEF2;
}
.teacher-plan .right-content .word-item-title {
  font-size: 18px;
  line-height: 28px;
  color: #2E2E33;
  margin-bottom: 12px;
  font-weight: 500;
  cursor: pointer;
}
.teacher-plan .right-content .word-item-title:hover {
  color: #4A90E2;
}
.teacher-plan .right-content .word-item-msg {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  color: #2E2E33;
  margin-bottom: 24px;
  justify-content: space-between;
}
.teacher-plan .right-content .word-item-action {
  text-align: right;
  width: 24%;
}
.teacher-plan .right-content .word-item-action span {
  cursor: pointer;
  color: #4A90E2;
  margin-left: 24px;
}
.teacher-plan .right-content .word-item-action .disabled {
  opacity: 0.5;
  cursor: no-drop;
}
.teacher-plan .right-content .word-item-num {
  width: 38%;
  margin-left: 20px;
}
.teacher-plan .right-content .word-item-time {
  width: 38%;
}
.teacher-plan .right-content .word-item-time span {
  color: #D83B2F;
}
.teacher-plan .right-content .student-list {
  display: flex;
  justify-content: flex-start;
  width: 820px;
  margin-left: -12.5px;
  flex-wrap: wrap;
}
.teacher-plan .right-content .student-card {
  width: 240px;
  margin: 0 12.5px 40px;
  position: relative;
  box-shadow: 0 0 6px rgba(239, 61, 37, 0.04);
}
.teacher-plan .right-content .student-card .avatar-bg {
  width: 100%;
  height: 96px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background-size: 460px auto !important;
  background-position: -115px -115px !important;
  filter: blur(10px);
  position: relative;
  transform: scale(1.3);
}
.teacher-plan .right-content .student-card .avatar-bg::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(80, 80, 80, 0.7);
}
.teacher-plan .right-content .student-card-info {
  width: 230px;
  height: 96px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.teacher-plan .right-content .student-card-info .avatar {
  text-align: center;
  margin: -1px 15px 15px;
}
.teacher-plan .right-content .student-card-info .avatar > img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  border: 3px solid rgba(255, 255, 255, 0.24);
}
.teacher-plan .right-content .student-card-info .right {
  color: #fff;
  height: 67px;
  width: 0;
  flex: 1;
}
.teacher-plan .right-content .student-card-info .right > h3 {
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.teacher-plan .right-content .student-card-info .right > p {
  font-size: 12px;
  margin-bottom: 0;
}
.teacher-plan .right-content .student-card .wrap {
  width: 100%;
  padding: 0px 16px 16px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #f5f6f9;
  border-top: none;
  border-radius: 0 0 8px 8px;
}
.teacher-plan .right-content .student-card .wrap .line-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  line-height: 20px;
  margin-top: 12px;
}
.teacher-plan .right-content .student-card .wrap .line-box:nth-child(1) {
  margin-top: 14px;
}
.teacher-plan .right-content .student-card .wrap .line-box > p {
  margin-bottom: 0;
  color: #A9ABB3;
}
.teacher-plan .right-content .student-card .wrap .line-box > p:nth-of-type(2) {
  font-size: 14px;
  color: #2E2E33;
}
.teacher-plan .right-content .student-card .wrap .line-box > p.communicate_time {
  font-size: 14px;
}
.teacher-plan .right-content .student-card .wrap .line-box > p.degree {
  width: 40px;
}
.teacher-plan .right-content .student-card .wrap .line-box > p.degree .degree-Item {
  height: 13px;
}
.teacher-plan .right-content .student-card .wrap .btn {
  margin-top: 32px;
  line-height: 40px;
  display: block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background: linear-gradient(90deg, #FD5D30 0%, #F1363F 47.35%, #E70049 100%);
  cursor: pointer;
}
.batch-list-dropdown {
  width: 192px;
  max-height: 172px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #FFFFFF;
  box-shadow: 0px 2px 16px rgba(134, 137, 154, 0.243034);
  border-radius: 8px;
  margin-top: 32px;
}
.batch-list-dropdown .ant-dropdown-menu-item {
  color: #2E2E33;
}
.batch-list-dropdown .ant-dropdown-menu-item > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.batch-list-dropdown .ant-dropdown-menu-item:hover {
  background: #f9f9f9;
}
.batch-list-dropdown .menu-item-active {
  color: #D83B2F;
  background: #f9f9f9;
}
.batch-list-dropdown::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}
.batch-list-dropdown::-webkit-scrollbar-thumb {
  min-height: 30px;
  border: 1px solid transparent;
  background-color: rgba(9, 9, 101, 0.15);
  background-clip: content-box;
  border-radius: 3px;
}
.batch-list-dropdown::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
.studyPlan-search {
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  background: #FFFFFF;
}
.studyPlan-search .ant-select-item {
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
}
.studyPlan-search .ant-select-item.select-empty .ant-select-item-option-content {
  color: #9A9DAB;
}
.studyPlan-search .ant-select-item-option-active {
  background: #f9f9f9;
}
.studyPlan-search .ant-select-item-option-active .ant-select-item-option-content {
  color: #D83B2F;
}
.studyPlan-search .rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
  width: 5px !important;
  border: 1px solid transparent;
  background-color: rgba(9, 9, 101, 0.15) !important;
  background-clip: content-box;
  border-radius: 3px;
}
.studyPlan-search .rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb:hover {
  background-color: #fff;
}
.studyPlan-search .rc-virtual-list-holder {
  padding: 9px auto;
}

.training .fixd-bg-shadow {
  background: linear-gradient(180deg, #F7F7FA 0%, #FFFFFF 100%);
  height: 364px;
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: -1;
}
.training-plan-content {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.training .loading-section {
  padding: 24px;
  text-align: center;
}

.training-investigation {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 48px;
}
.training-investigation .q_naire {
  width: 1000px;
  margin: 0 auto;
  padding-top: 32px;
}
.training-investigation .q_naire-item {
  width: 100%;
  height: 163px;
  margin-bottom: 48px;
  display: flex;
  justify-content: flex-start;
}
.training-investigation .q_naire-item .left {
  width: 260px;
  min-width: 260px;
  height: 163px;
  margin-right: 24px;
  border-radius: 10px;
  overflow: hidden;
}
.training-investigation .q_naire-item .left > a > img {
  width: 100%;
  height: auto;
  min-height: 163px;
  object-fit: cover;
  transition: all 0.3s;
}
.training-investigation .q_naire-item .right {
  width: 100%;
  border-bottom: 1px solid #f5f5f9;
  position: relative;
}
.training-investigation .q_naire-item .right .title {
  overflow: hidden;
  font-size: 16px;
  line-height: 30px;
  color: #2E2E33;
  font-weight: bold;
  margin-top: 6px;
}
.training-investigation .q_naire-item .right .intro {
  width: 100%;
  height: 44px;
  line-height: 22px;
  margin-top: 6px;
  font-size: 14px;
  color: #6a6d7a;
  margin-bottom: 0;
}
.training-investigation .q_naire-item .right .action {
  font-size: 14px;
  color: #6A6D7A;
  line-height: 22px;
  margin-top: 13px;
  position: absolute;
  bottom: 10px;
}
.training-investigation .q_naire-item .right .action > div {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
}
.training-investigation .q_naire-item .right .action > div > img {
  transform: translateY(-2px);
  width: 18px;
  height: 18px;
}
.training-investigation .q_naire-item .right .action .time {
  display: inline-block;
  width: 18px;
  height: 18px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.training-investigation .q_naire-item .right .action .date {
  color: #2E2E33;
}
.training-investigation .q_naire-item .right .action .error {
  color: #D83B2F !important;
  margin-left: 16px;
}
.training-investigation .q_naire-item .right .yellow {
  background: #EAC54E;
  transform: translateY(-1px);
}
.training-investigation .q_naire-item .right .green {
  background: #85c285;
  transform: translateY(-1px);
}
.training-investigation .q_naire-item:hover .left img {
  transform: scale(1.1);
}
.training-investigation .q_naire-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.training-investigation .q_naire-detail .header {
  padding-bottom: 24px;
  border-bottom: 1px solid #eeeef2;
}
.training-investigation .q_naire-detail .header .title {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 12px;
  font-weight: bold;
  margin-top: 16px;
}
.training-investigation .q_naire-detail .header .error {
  color: #D83B2F !important;
  margin-left: 16px;
}
.training-investigation .q_naire-detail .wrap {
  padding-top: 24px;
}
.training-investigation .q_naire-detail .wrap .content-desc {
  border-bottom: 1px solid #EEEEF2;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.training-investigation .q_naire-detail .wrap .content-desc h3 {
  color: #333;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 20px;
}
.training-investigation .q_naire-detail .wrap .content-desc p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 30px;
  color: #000;
}
.training-investigation .q_naire-detail .investigation-item {
  padding-bottom: 24px;
}
.training-investigation .q_naire-detail .investigation-item + .investigation-item {
  margin-top: 40px;
}
.training-investigation .q_naire-detail .investigation-item__title {
  font-size: 20px;
  font-weight: bold;
}
.training-investigation .q_naire-detail .investigation-item__title .number {
  margin-right: 4px;
}
.training-investigation .q_naire-detail .investigation-item__title .required {
  color: #D83B2F;
  margin-right: 4px;
}
.training-investigation .q_naire-detail .investigation-item__title .hint {
  color: #666;
  font-size: 14px;
  font-weight: normal;
}
.training-investigation .q_naire-detail .investigation-item__input {
  margin-top: 16px;
  color: #666;
}
.training-investigation .q_naire-detail .investigation-item__input .option-item:not(:first-child) {
  margin-top: 16px;
}
.training-investigation .q_naire-detail .investigation-item__input .option-item label {
  display: flex;
  line-height: 20px;
}
.training-investigation .q_naire-detail .investigation-item__input .option-item input[type=radio],
.training-investigation .q_naire-detail .investigation-item__input .option-item input[type=checkbox] {
  display: none;
}
.training-investigation .q_naire-detail .investigation-item__input .option-item .content {
  font-size: 16px;
  flex: 1;
}
.training-investigation .q_naire-detail .investigation-item__input .option-item .custom-input {
  margin-top: 8px;
  margin-left: 32px;
}
.training-investigation .q_naire-detail .investigation-item__input .option-item .custom-input > input {
  width: 100%;
  height: 40px;
  padding: 8px;
  border: 1px solid #CFD1DA;
  border-radius: 8px;
  font-size: 16px;
  outline: none;
  -webkit-appearance: none;
}
.training-investigation .q_naire-detail .investigation-item__input .option-item .custom-input > input:disabled,
.training-investigation .q_naire-detail .investigation-item__input .option-item .custom-input > input[disabled] {
  background: #F5F6F9;
}
.training-investigation .q_naire-detail .investigation-item__input .radio-label input + span {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border: 1px solid #a1a5b3;
  border-radius: 50%;
}
.training-investigation .q_naire-detail .investigation-item__input .radio-label input:checked + span:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  top: 5px;
  left: 5px;
  background: #d83b2f;
  border-radius: 50%;
}
.training-investigation .q_naire-detail .investigation-item__input .radio-label input:disabled + span {
  background: #F5F6F9;
}
.training-investigation .q_naire-detail .investigation-item__input .radio-label input:disabled + span:after {
  background: #a1a5b3;
}
.training-investigation .q_naire-detail .investigation-item__input .checkbox-label input + span {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border: 1px solid #a1a5b3;
  border-radius: 4px;
}
.training-investigation .q_naire-detail .investigation-item__input .checkbox-label input:checked + span:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  margin-right: 12px;
  border: solid #d83b2f;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.training-investigation .q_naire-detail .investigation-item__input .checkbox-label input:disabled + span {
  background: #F5F6F9;
}
.training-investigation .q_naire-detail .investigation-item__input .checkbox-label input:disabled + span:after {
  border-color: #a1a5b3;
}
.training-investigation .q_naire-detail .investigation-item__input textarea {
  width: 100%;
  height: 200px;
  border: 1px solid #CFD1DA;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 16px;
  outline: none;
  resize: none;
  -webkit-appearance: none;
}
.training-investigation .q_naire-detail .investigation-item__input textarea:disabled,
.training-investigation .q_naire-detail .investigation-item__input textarea[disabled] {
  background: #F5F6F9;
}
.training-investigation .q_naire-detail .investigation-submit {
  margin-top: 40px;
}
.training-investigation .q_naire-detail .investigation-submit button {
  color: #fff;
  width: 112px;
  height: 40px;
  border: none;
  outline: none;
  background-image: linear-gradient(-90deg, #E9653F 0%, #D83A34 49%, #D52E4C 100%);
  border-radius: 8px;
}
.training-investigation .q_naire-detail .investigation-submit button:disabled,
.training-investigation .q_naire-detail .investigation-submit button[disabled] {
  opacity: 0.3;
}

.students-container {
  width: 1000px;
  margin: 0 auto;
  color: #2E2E33;
  background: #fff;
  padding: 24px 0 0;
}
.students-container .page-action {
  display: flex;
}
.students-container .page-action .action-item .next-select-search {
  height: 32px;
}
.students-container .page-action .action-item .ant-select-selection__rendered {
  line-height: 32px;
}
.students-container .page-action .action-item .ant-select-selection--single {
  height: 32px;
  border: none;
  background: #F5F6F9;
  border-radius: 6px;
}
.students-container .page-action .action-item .ant-cascader-picker .ant-cascader-input {
  border-radius: 8px;
}
.students-container .page-action .action-item > label {
  font-size: 14px;
  margin-right: 16px;
}
.students-container .page-action .action-item:nth-of-type(2) {
  margin-left: 40px;
}
.students-container .page-action .action-item:nth-of-type(3) {
  margin-left: 16px;
}
.students-container .student-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.students-container .error {
  color: #C43336;
}
.students-container .ant-table-body .ant-table-thead th {
  background-color: #fff;
  padding: 32px 0 16px 0;
  font-size: 16px;
  line-height: 22px;
  color: #A1A5B3;
  font-weight: normal;
  border-color: #F5F5F9;
}
.students-container .ant-table-body .ant-table-tbody td {
  padding: 24px 0 24px 0;
  border-color: #F5F5F9;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #f5f6f9;
  padding-right: 40px;
}
.students-container .ant-table-body .ant-table-tbody tr td:first-child,
.students-container .ant-table-body .ant-table-tbody tr td:last-child {
  padding-right: 0;
}
.students-container .ant-table-body .ant-table-tbody > tr:nth-of-type(odd) {
  background: transparent;
}
.students-container .ant-table-body .ant-table-tbody > tr:hover td {
  background: #FAFAFC;
}
.students-container .student-items {
  width: 1000px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  min-height: 300px;
}
.students-container .student-items .item {
  width: 230px;
  height: 295px;
  background: #FFFFFF;
  border: 1px solid #F5F6F9;
  box-shadow: 0 0 16px 0 rgba(37, 38, 94, 0.01);
  border-radius: 8px;
  margin-right: 26px;
  margin-top: 26px;
}
.students-container .student-items .item:nth-child(4n) {
  margin-right: 0;
}
.students-container .StudenItem {
  width: 100%;
  position: relative;
  box-shadow: 0 0 6px rgba(239, 61, 37, 0.04);
}
.students-container .StudenItem .avatar-bg {
  width: 100%;
  height: 96px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background-size: 460px auto !important;
  background-position: -115px -115px !important;
  filter: blur(1px);
}
.students-container .StudenItem .avatar-bg::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(80, 80, 80, 0.7);
}
.students-container .StudenItem-info {
  width: 230px;
  height: 96px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.students-container .StudenItem-info .avatar {
  text-align: center;
  margin: -1px 15px 15px;
}
.students-container .StudenItem-info .avatar > img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  border: 3px solid rgba(255, 255, 255, 0.24);
}
.students-container .StudenItem-info .right {
  color: #fff;
  height: 67px;
}
.students-container .StudenItem-info .right > h3 {
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 6px;
}
.students-container .StudenItem-info .right > p {
  font-size: 12px;
  margin-bottom: 0;
}
.students-container .StudenItem .wrap {
  width: 100%;
  padding: 0px 16px 16px;
  text-align: center;
  overflow: hidden;
}
.students-container .StudenItem .wrap .line-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  line-height: 20px;
  margin-top: 12px;
}
.students-container .StudenItem .wrap .line-box:nth-child(1) {
  margin-top: 14px;
}
.students-container .StudenItem .wrap .line-box > p {
  margin-bottom: 0;
  color: #A9ABB3;
}
.students-container .StudenItem .wrap .line-box > p:nth-of-type(2) {
  font-size: 14px;
  color: #2E2E33;
}
.students-container .StudenItem .wrap .line-box > p.communicate_time {
  font-size: 14px;
}
.students-container .StudenItem .wrap .line-box > p.degree {
  width: 40px;
}
.students-container .StudenItem .wrap .line-box > p.degree .degree-Item {
  height: 13px;
}
.students-container .StudenItem .wrap .btn {
  margin-top: 20px;
  line-height: 32px;
  display: block;
  font-size: 14px;
  color: #2E2E33;
  text-align: center;
  width: 100%;
  height: 32px;
  border-radius: 6px;
  background: #F5F6F9;
}
.students-container .StudenItem .wrap .btn:hover {
  color: #D83B2F;
}
.communicate_record-container {
  width: 1000px;
  margin: 0 auto;
}
.communicate_record-container .next-breadcrumb img {
  height: 18px;
  vertical-align: -5px;
}
.communicate_record-container .communicate_record-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.communicate_record-container .communicate_record-wrap .box-shadow {
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(31, 31, 56, 0.04);
  border-radius: 8px;
}
.communicate_record-container .communicate_record-wrap .authorInfo {
  width: 260px;
  font-size: 12px;
  padding: 24px;
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(31, 31, 56, 0.04);
  border-radius: 8px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: 60px;
  margin-bottom: 30px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 16px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info .avatar > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info .author-name {
  width: 0;
  flex: 1;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info .author-name > h3 {
  height: 28px;
  font-size: 20px;
  color: #2E2E33;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.communicate_record-container .communicate_record-wrap .authorInfo .base-info .author-name > p {
  height: 20px;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 7px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item {
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  transform: translateY(3px);
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.school > span {
  background: url('/game_academy_main/images/icons/cat.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.professionName > span {
  background: url('/game_academy_main/images/icons/job.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.phone > span {
  background: url('/game_academy_main/images/icons/phone.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.mail {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.mail > span {
  background: url('/game_academy_main/images/icons/mail.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .authorInfo .Item.location > span {
  background: url('/game_academy_main/images/icons/addr.png') no-repeat;
  background-size: 16px auto;
}
.communicate_record-container .communicate_record-wrap .wrap-detail {
  width: 720px;
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(31, 31, 56, 0.04);
  border-radius: 8px;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .nav_tab {
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: flex;
  justify-content: flex-start;
  padding-left: 32px;
  border-bottom: 1px solid #F5F6F9;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .nav_tab .nav_Item {
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .nav_tab .nav_Item + .nav_Item {
  margin-left: 40px;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .nav_tab .nav_Item.active {
  color: #D83B2F;
  border-bottom: 1px solid #D83B2F;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .tab-detail {
  padding-bottom: 40px;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .tab-detail .communicate_empty {
  margin: 80px auto;
  text-align: center;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .tab-detail .communicate_empty > img {
  width: 160px;
  height: auto;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .tab-detail .communicate_empty > p {
  margin-top: 24px;
  color: #A1A5B3;
  font-size: 16px;
}
.communicate_record-container .communicate_record-wrap .wrap-detail .tab-detail .communicate-text .textArea-box-input {
  resize: none;
}
.communicate_record-container .history-communicate_record {
  padding: 0 32px 40px;
}
.communicate_record-container .communicate_record {
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid #F5f6f9;
}
.communicate_record-container .communicate_record .title {
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 0;
  font-weight: 600;
}
.communicate_record-container .communicate_record .title-shadow {
  width: 100%;
  height: 10px;
  background: linear-gradient(-180deg, #F8F9FC 0%, rgba(255, 255, 255, 0) 100%);
}
.communicate_record-container .communicate_record .basic-info {
  padding: 0 32px 40px;
  border-bottom: 1px solid #F5F5F9;
  overflow: hidden;
}
.communicate_record-container .communicate_record .basic-info > h3 {
  margin-top: 24px;
  font-size: 16px;
  color: #2E2E33;
  font-weight: 600;
}
.communicate_record-container .communicate_record .basic-info .form-radio {
  margin-top: 32px;
  display: flex;
  justify-content: flex-start;
}
.communicate_record-container .communicate_record .basic-info .form-radio > span {
  font-size: 14px;
  color: #8A8A99;
  width: 56px;
  margin-right: 23px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .form-textArea {
  display: inline-block;
  width: 576px;
  height: 134px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .form-textArea .ant-input {
  width: 576px;
  height: 134px;
  border: none;
  background: #F9F9FC;
  border-radius: 8px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .form-textArea .textArea-box-count {
  background: #F9F9FC;
  width: 571px;
  padding-right: 10px;
  border-radius: 0 0 4px 4px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .ant-radio-wrapper {
  margin-right: 100px;
}
.communicate_record-container .communicate_record .basic-info .form-radio .desireLevel {
  width: 200px;
}
.communicate_record-container .communicate_record .basic-info .info-col {
  margin-top: 28px;
  display: flex;
  justify-content: flex-start;
}
.communicate_record-container .communicate_record .basic-info .info-col > p {
  font-size: 14px;
  color: #8A8A99;
  line-height: 20px;
  margin-bottom: 0;
}
.communicate_record-container .communicate_record .basic-info .info-col > p > span {
  color: #2e2e33;
  margin-left: 4px;
}
.communicate_record-container .communicate_record .basic-info .info-col > p:nth-child(1) {
  min-width: 408px;
}
.communicate_record-container .communicate_record .basic-info .info-col > p:nth-child(2) {
  min-width: 390px;
}
.communicate_record-container .communicate_record .basic-info .add-communicate {
  display: block;
  width: 80px;
  line-height: 32px;
  height: 32px;
  text-align: center;
  border-radius: 6px;
  margin-top: 24px;
  margin-right: 4px;
  margin-left: 80px;
  background: linear-gradient(90deg, #E9653F 0%, #D83A34 52%, #D52E4c 100%);
  color: #fff;
}
.communicate_record-container .communicate_record .basic-info .add-communicate:hover {
  color: #fff;
}
.communicate_record-container .communicate_record .no-border {
  border-bottom: none;
}
.communicate_record-container .comunicate_history {
  font-size: 16px;
  color: #2E2E33;
  font-weight: 600;
  height: 22px;
  margin-top: 40px;
  margin-bottom: 22px;
}
.communicate_record-container .comunicate_box {
  width: 100%;
  overflow: hidden;
}
.communicate_record-container .comunicate_box .entries {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.communicate_record-container .comunicate_box .entries-line {
  width: 1px;
  background: #E8E9ED;
  margin-left: 2px;
  margin-right: 8px;
  position: relative;
  transform: translateY(7px);
}
.communicate_record-container .comunicate_box .entries-line > span {
  display: block;
  width: 5px;
  height: 11px;
  background: #D83B2F;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: -2px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.communicate_record-container .comunicate_box .entries-wrap {
  width: calc(100% - 12px);
}
.communicate_record-container .comunicate_box .entries-wrap .create_time {
  font-weight: 400;
  font-size: 14px;
  color: #2e2e33;
  line-height: 20px;
  padding-left: 2px;
}
.communicate_record-container .comunicate_box .entries-wrap .Record {
  font-size: 14px;
  width: 0;
  flex: 1;
}
.communicate_record-container .comunicate_box .entries-wrap .Record > span {
  display: none;
}
.communicate_record-container .comunicate_box .entries-wrap .content_better {
  position: relative;
  width: 100%;
}
.communicate_record-container .comunicate_box .entries-wrap .content_better > span {
  cursor: pointer;
  display: block;
  text-align: center;
  padding-left: 12px;
  position: absolute;
  width: 54px;
  background: linear-gradient(to right, rgba(249, 249, 252, 0) 0%, #f9f9fc 30%, #f9f9fc 100%);
  color: #D83B2F;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.communicate_record-container .comunicate_box .entries-detail {
  width: calc(100% - 10px);
  margin: 10px 0 20px 2px;
  background: #F9F9FC;
  border-radius: 8px;
  padding: 12px 23px 5px 14px;
}
.communicate_record-container .comunicate_box .entries-detail .col {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
  color: #2e2e33;
}
.communicate_record-container .comunicate_box .entries-detail .col > span {
  min-width: 66px;
  display: block;
  width: 66px;
  text-align: right;
  font-size: 14px;
  color: #8A8A99;
  margin-right: 10px;
  line-height: 21px;
}
.communicate_record-container .comunicate_box .entries-detail .col > div {
  font-size: 14px;
}
.communicate_record-container .comunicate_box .entries-detail .col .degree {
  width: 40px;
}
.communicate_record-container .comunicate_box .entries-detail .col .degree .degree-Item {
  height: 13px;
}
.communicate_record-container .comunicate_box > div:nth-last-of-type(2) .entries-line {
  width: 0;
}
.communicate_record-container .comunicate_box .pageNull {
  width: 100%;
  font-size: 16px;
  color: #888;
  margin: 50px auto 180px;
  display: block;
  text-align: center;
}
.communicate_record-container .comunicate_box .pageNull img {
  width: 320px;
  height: 200px;
  margin: 0 auto;
}
.communicate_record-container .comunicate_box .pageNull p {
  text-align: center;
  font-size: 16px;
  color: #A1A5B3;
  margin-top: 24px;
  margin-bottom: 60px;
}
.ant-cascader-menus-placement-bottomLeft {
  border-radius: 8px;
  overflow: hidden;
}
.ant-cascader-menu-item {
  width: 140px;
}
.ant-cascader-menu {
  box-shadow: 0 2px 16px 0 rgba(134, 137, 154, 0.24);
  border-radius: 8px !important;
}
.train-noMore {
  margin: 50px auto;
  color: #A1A5B3;
  font-size: 16px;
}

.next-degree {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.next-degree .desireText {
  display: block;
  position: absolute;
  width: 50px;
  right: -60px;
  font-size: 14px;
  color: #2e2e33;
}
.next-degree .degree {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
}
.next-degree .degree-Item {
  height: 6px;
  flex: 1;
  display: block;
  background: #ECEDF0;
  border-radius: 1px;
  border-radius: 3px;
  transform: skew(-30deg);
  height: 20px;
}
.next-degree .degree-Item + .degree-Item {
  margin-left: 4px;
}
.next-degree .degree.direction {
  justify-content: flex-end;
}

.textArea-box {
  position: relative;
}
.textArea-box-count {
  height: 30px;
  position: absolute;
  right: 20px;
  vertical-align: center;
  bottom: 1px;
  width: calc(100% - 4px);
  background: #fff;
  text-align: right;
  color: #ccc;
  padding-right: 20px;
  margin-right: -18px;
  border-radius: 0 0 6px 6px;
}
.textArea-box-input {
  padding-bottom: 30px;
}

.comment-list .empty_status {
  text-align: center;
}
.comment-list .empty_status > img {
  width: 160px;
  height: 160px;
}
.comment-list .empty_status > p {
  margin-top: 16px;
  color: #6A6D7A;
}
.comment-list > div {
  padding-bottom: 22px;
  padding-top: 22px;
  border-bottom: 1px solid #F5F5F9;
}
.comment-list > div:last-of-type {
  border-bottom: none;
}
.comment-list .item-left {
  height: 48px;
  width: 48px;
  float: left;
  border-radius: 24px;
  overflow: hidden;
}
.comment-list .item-left img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.comment-list .item-right {
  margin-left: 64px;
}
.comment-list .item-right > div {
  font-size: 16px;
  color: #2E2E33;
  letter-spacing: 0;
  text-align: justify;
  line-height: 24px;
  margin-bottom: 8px;
  word-wrap: break-word;
  white-space: break-spaces;
}
.comment-list .item-right h5 {
  margin-top: 1px;
  margin-bottom: 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.comment-list .item-right h5 span {
  font-size: 14px;
  line-height: 20px;
  color: #A1A5B3;
}
.comment-list .item-right h5 > span:nth-of-type(1) {
  margin-right: 16px;
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list .item-right .item-action {
  margin-top: 10px;
  margin-bottom: 0;
}
.comment-list .item-right .item-action > span {
  margin-right: 24px;
  font-size: 14px;
  color: #A1A5B3;
  letter-spacing: 0;
  line-height: 24px;
  cursor: pointer;
}
.comment-list .item-right .item-action .item-like i {
  background: url('/game_academy_main/images/icons/comment/like_small_2x.png') no-repeat;
  background-size: 72px 24px;
}
.comment-list .item-right .item-action .item-like .has-liked {
  background-position: -48px 0;
}
.comment-list .item-right .item-action .item-answer i {
  background: url('/game_academy_main/images/icons/comment/comment_small@2x.png') no-repeat;
  background-size: 48px 24px;
}
.comment-list .item-right .item-action .item-answer:hover span {
  color: #D83B2F;
}
.comment-list .item-right .item-action i {
  background-position: 0 0;
  display: inline-block;
  height: 24px;
  width: 24px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 4px;
}
.comment-list .item-right .item-action > span:hover i {
  background-position: -24px 0;
}
.comment-list .child-comments {
  padding: 16px 27px 16px 16px;
  background: #F9F9FC;
  border-radius: 8px;
}
.comment-list .child-comments .child-more {
  font-size: 14px;
  color: #4A90E2;
  margin-top: 10px;
  cursor: pointer;
}
.comment-list .child-comments .child-item {
  margin-bottom: 12px;
}
.comment-list .child-comments .child-item .child-item-left {
  float: left;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  overflow: hidden;
}
.comment-list .child-comments .child-item .child-item-left img {
  vertical-align: top;
  height: 24px;
  width: 24px;
}
.comment-list .child-comments .child-item .child-item-right {
  margin-left: 30px;
  font-size: 14px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 24px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.comment-list .child-comments .child-item .child-item-right span {
  color: #6A6D7A;
  font-weight: 600;
}
.comment-list .child-comments .child-item:last-child {
  margin-bottom: 0;
}
.comment-list button {
  height: 32px;
  width: 80px;
  outline: none;
  border: none;
  cursor: pointer;
  background-image: linear-gradient(128deg, #E9653f 0%, #D83A34 52%, #D52E4c 100%);
  border-radius: 8px;
  margin-top: 12px;
  color: #fff;
}
.comment-list textarea {
  height: 80px;
  border-radius: 8px;
  margin-top: 16px;
}
.comment-list .ant-input:focus {
  box-shadow: none;
}
.comment-list .comment-pagination {
  text-align: right;
}
.comment-list .comment-pagination .ant-pagination-total-text {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 40px;
  float: left;
}
.comment-list .comment-pagination .ant-pagination-item,
.comment-list .comment-pagination .ant-pagination-prev,
.comment-list .comment-pagination .ant-pagination-next {
  background: #FFFFFF;
  border-radius: 8px;
  width: 40px;
  height: 40px;
}
.comment-list .comment-pagination .ant-pagination-item > a,
.comment-list .comment-pagination .ant-pagination-prev > a,
.comment-list .comment-pagination .ant-pagination-next > a,
.comment-list .comment-pagination .ant-pagination-item .ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-prev .ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-next .ant-pagination-item-link {
  border: 1px solid #CFD1DA;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  line-height: 40px;
  margin-top: 0px;
}
.comment-list .comment-pagination .ant-pagination-item > a.ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-prev > a.ant-pagination-item-link,
.comment-list .comment-pagination .ant-pagination-next > a.ant-pagination-item-link {
  border: 1px solid #CFD1DA;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  margin: 32px 0;
  color: #2e2e33;
  font-weight: 400;
}
.richtext h1 {
  font-size: 28px;
  border-bottom: none;
}
.richtext h2 {
  font-size: 24px;
  border-bottom: none;
}
.richtext h3 {
  font-size: 20px;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 18px;
  font-weight: bold;
}
.richtext p,
.richtext section {
  font-size: 16px;
  line-height: 1.75;
  color: #58585c;
  margin-bottom: 30px;
}
.richtext figure figcaption {
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.course-mian {
  padding-top: 20px;
}
.course-mian-content {
  width: 1000px;
  margin: 0 auto;
}
.course-mian-content .course-title {
  line-height: 44px;
  font-size: 26px;
  color: #2E2E33;
  margin-bottom: 0;
  font-weight: bold;
}
.course-mian-content .course-title > p {
  font-size: 14px;
  line-height: 20px;
  color: #a1a5b3;
  margin-bottom: 0;
  font-weight: 400;
  margin-top: 4px;
}
.course-mian-content .course-title > p > span {
  padding-right: 12px;
}
.course-mian .article-detail {
  width: 100%;
  font-size: 14px;
}
.course-mian .article-detail h1,
.course-mian .article-detail h2,
.course-mian .article-detail h3,
.course-mian .article-detail h4,
.course-mian .article-detail h5,
.course-mian .article-detail h6 {
  margin: 32px 0;
  color: #2e2e33;
  font-weight: 400;
}
.course-mian .article-detail h1 {
  font-size: 28px;
  border-bottom: none;
}
.course-mian .article-detail h2 {
  font-size: 24px;
  border-bottom: none;
}
.course-mian .article-detail h3 {
  font-size: 20px;
}
.course-mian .article-detail h4,
.course-mian .article-detail h5,
.course-mian .article-detail h6 {
  font-size: 18px;
  font-weight: bold;
}
.course-mian .article-detail p,
.course-mian .article-detail section {
  font-size: 16px;
  line-height: 1.75;
  color: #58585c;
  margin-bottom: 30px;
}
.course-mian .article-detail figure figcaption {
  font-size: 14px;
}
.course-mian .article-detail blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.course-mian .article-detail img {
  max-width: 100%;
  height: auto !important;
}
.course-mian .loading-section {
  padding: 24px;
  text-align: center;
}
.course-mian .course-count {
  border-bottom: 1px solid #EEEEF2;
  position: relative;
  margin-bottom: 48px;
}
.course-mian .course-count .course-left {
  margin: 24px 0px;
}
.course-mian .course-count .course-left h3 {
  font-size: 26px;
  margin-bottom: 6px;
  font-weight: bold;
  line-height: 38px;
}
.course-mian .course-count .course-left p {
  font-size: 14px;
  color: #A1A5B3;
  letter-spacing: 0;
  text-align: justify;
  line-height: 20px;
}
.course-mian .course-count .course-left em {
  display: inline-block;
  height: 0;
  width: 0;
  border: 1px solid #A1A5B3;
  vertical-align: middle;
  margin: 0 5px;
}
.course-mian .detail-module {
  margin-bottom: 48px;
}
.course-mian .detail-module h3 {
  font-size: 20px;
  color: #2E2E33;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.course-mian .teachers .course-author {
  overflow: hidden;
}
.course-mian .teachers .course-author > div:nth-of-type(1) {
  float: left;
  width: 72px;
  height: 72px;
  margin-right: 16px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.course-mian .teachers .course-author > div:nth-of-type(1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course-mian .teachers .course-author > div:nth-of-type(2) {
  margin-left: 88px;
  overflow: hidden;
}
.course-mian .teachers .course-author > div:nth-of-type(2) h4 {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 4px;
  margin-top: 10px;
}
.course-mian .teachers .course-author > div:nth-of-type(2) p {
  font-size: 14px;
  color: #6A6D7A;
  letter-spacing: 0;
  text-align: justify;
  line-height: 22px;
}

.degree_start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
}
.degree_start .start {
  width: 24px;
  height: 24px;
  background: url('/game_academy_main/images/icons/start.png') no-repeat;
  background-size: 24px auto;
}
.degree_start .start + .start {
  margin-left: 2px;
}
.degree_start .start.active {
  background: url('/game_academy_main/images/icons/slect_start.png') no-repeat;
  background-size: 24px auto;
}
.degree_start > span {
  margin-left: 16px;
  display: inline-block;
  font-size: 14px;
  color: #8A8A99;
}

.RecruitmentInfo {
  width: 100%;
}
.RecruitmentInfo-Item {
  padding: 0 32px 0px;
}
.RecruitmentInfo-Item > h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin: 32px 0 18px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info {
  border: 1px solid #ecedf0;
  border-radius: 8px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written {
  display: flex;
  justify-content: flex-start;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p {
  width: 328px;
  height: 64px;
  line-height: 64px;
  margin-bottom: 0;
  padding-left: 20px;
  border-right: 1px solid #ecedf0;
  border-bottom: 1px solid #ecedf0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p > span {
  padding-left: 20px;
  color: #2e2e33;
  font-weight: 600;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p:nth-child(2n) {
  border-right: none;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p.written-report {
  width: 656px;
  border-right: none;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .written > p.written-report a {
  color: #3D87FF;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table {
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #ecedf0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr {
  display: flex;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-th,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td {
  width: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-th {
  height: 58px;
  line-height: 58px;
  text-align: left;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > p,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > div {
  font-size: 14px;
  line-height: 20px;
  color: #2e2e33;
  margin-bottom: 8px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > p > span,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > div > span {
  padding-left: 6px;
  color: #8a8a99;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-table .table-tr .table-td > p.single {
  font-size: 24px;
  font-weight: 600;
  color: #2e2e33;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-evaluate {
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #ecedf0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-evaluate .title {
  color: #8a8a99;
  margin-top: 24px;
  margin-bottom: 0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-evaluate .evaluate {
  color: #2e2e33;
  line-height: 22px;
  margin-top: 8px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview {
  display: flex;
  justify-content: flex-start;
  padding: 0 20px 20px 20px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .left,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .right {
  width: 376px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .left > p,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .right > p {
  margin-top: 24px;
  margin-bottom: 0;
  color: #2e2e33;
  white-space: nowrap;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .left > p > span,
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview .right > p > span {
  display: inline-block;
  width: 104px;
  color: #8a8a99;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .info-interview > div.right {
  width: 280px;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .enclosure {
  height: 28px;
  line-height: 32px;
  margin-bottom: 0;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .enclosure > span {
  display: inline-block;
  width: 104px;
  color: #8a8a99;
}
.RecruitmentInfo-Item .RecruitmentInfo-info .enclosure > a {
  color: #3D87FF;
}
.RecruitmentInfo-Item .other-info {
  padding: 14px 20px;
}

.delay-btn {
  outline: none;
  border-radius: 8px;
  font-size: 16px;
  width: 112px;
  height: 40px;
  line-height: 38px ;
  text-align: center;
  display: inline-block;
  margin-left: 24px;
  margin-top: 24px;
  position: relative;
}
.delay-btn-apply {
  color: #D83B2F;
  border: 1px solid #D83B2F;
  cursor: pointer;
}
.delay-btn-process {
  border: 1px solid #9A9DAB;
  color: #9A9DAB;
}
.delay-btn-alert {
  position: absolute;
  left: -26px;
  top: 5px;
}
.delay-btn-alert {
  width: 32px;
  height: 32px;
  margin-top: 2px;
  background: url('/game_academy_main/images/plan/alert-circle-32.png') no-repeat center / 32px 32px;
  right: -40px;
  top: 2px;
  left: auto;
}
.add-btn[status='1'] {
  cursor: not-allowed;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-thead th.ant-table-column-has-sorters {
  padding: 0;
}
.ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column-title {
  padding: 12px 2.3em 12px 8px;
}
.ant-table.ant-table-middle .ant-table-thead .ant-table-column-sorters {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -12px -8px -12px 25px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-thead th.ant-table-column-has-sorters {
  padding: 0;
}
.ant-table.ant-table-small .ant-table-thead .ant-table-filter-column {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-thead .ant-table-filter-column-title {
  padding: 8px 2.3em 8px 8px;
}
.ant-table.ant-table-small .ant-table-thead .ant-table-column-sorters {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -8px -8px -8px 25px;
}
.ant-table-small .ant-table-thead > tr > th {
  background-color: #fafafa;
}
.ant-table-small .ant-table-selection-column {
  width: 46px;
  min-width: 46px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border: 1px solid #f0f0f0;
  border-right: 0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #f0f0f0;
  content: '';
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 2px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 2px 2px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-title {
  padding: 16px 16px;
}
.ant-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 33px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #fff3f0;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #ffebe6;
}
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  padding: 0;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container {
  background: #f7f7f7;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-sorters-with-tooltip {
  display: inline-block;
  width: 100%;
}
.ant-table-column-sorters {
  display: inline-flex;
  align-items: center;
  padding: 16px 16px;
}
.ant-table-column-sorter {
  margin-top: 0.15em;
  margin-bottom: -0.15em;
  margin-left: 8px;
  color: #bfbfbf;
}
.ant-table-column-sorter-full {
  margin-top: -0.2em;
  margin-bottom: 0;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #d83b2f;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-filter-column {
  display: flex;
  align-items: center;
  margin: -16px -16px;
}
.ant-table-filter-column-title {
  flex: auto;
  padding: 16px 2.3em 16px 16px;
}
.ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column {
  margin: 0;
}
.ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 2.3em 0 0;
}
.ant-table-filter-trigger-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex: none;
  align-items: stretch;
  align-self: stretch;
  cursor: pointer;
  transition: background-color 0.3s;
}
.ant-table-filter-trigger-container-open,
.ant-table-filter-trigger-container:hover,
.ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover {
  background: #e5e5e5;
}
.ant-table-filter-trigger {
  display: block;
  width: 2.3em;
  color: #bfbfbf;
  font-size: 12px;
  transition: color 0.3s;
}
.ant-table-filter-trigger .anticon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ant-table-filter-trigger-container-open .ant-table-filter-trigger,
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-filter-trigger.active {
  color: #d83b2f;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  min-width: 120px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px 7px 3px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table .ant-table-selection-col {
  width: 32px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #d83b2f;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  display: inline-flex;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
  transform: scale(0.94117647);
  transform-origin: bottom;
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #e66557;
}
.ant-table-row-expand-icon:active {
  color: #b3231e;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentColor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-header {
  position: sticky;
  z-index: calc(2 + 1);
}
.ant-table-sticky-scroll {
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.ant-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.ant-table-title {
  border-radius: 2px 2px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 2px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 2px;
}
.ant-table-footer {
  border-radius: 0 0 2px 2px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 8px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger-container {
  right: auto;
  left: 0;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  font-size: 0;
  line-height: unset;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-flex;
  align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #d83b2f;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(216, 59, 47, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #d83b2f;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #d83b2f;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #d83b2f;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.85);
}
.ant-radio-button-wrapper > .ant-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: #d9d9d9;
  transition: background-color 0.3s;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 2px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #d83b2f;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px rgba(216, 59, 47, 0.08);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #d83b2f;
  background: #fff;
  border-color: #d83b2f;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #d83b2f;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #d83b2f;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #e66557;
  border-color: #e66557;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #e66557;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #b3231e;
  border-color: #b3231e;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: #b3231e;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(216, 59, 47, 0.08);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #d83b2f;
  border-color: #d83b2f;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #e66557;
  border-color: #e66557;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #b3231e;
  border-color: #b3231e;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px rgba(216, 59, 47, 0.08);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: rgba(0, 0, 0, 0.25);
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 2px 2px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #e66557;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 2px 0 0 2px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #d83b2f;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #d83b2f;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #d83b2f;
  border-color: #d83b2f;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #d83b2f;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px;
}

.register-mask {
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.4;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
}
.register-popup {
  width: 576px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 16px;
  z-index: 1000;
  padding: 47px 88px 24px;
  box-sizing: border-box;
  font-size: 16px;
}
.register-popup__close {
  width: 20px;
  height: 20px;
  background: url('/game_academy_main/images/login/delate.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.register-popup h2 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.register-popup .popup-type {
  margin: 32px auto 8px;
}
.register-popup .popup-type .popup-mobile {
  margin-right: 16px;
}
.register-popup .popup-type .popup-mail {
  margin-left: 16px;
}
.register-popup .popup-type .selected {
  color: #d83b2f;
}
.register-popup .corpMail {
  width: 100%;
  margin-top: 48px;
}
.register-popup .corpMail input {
  width: 300px !important;
  background: transparent !important;
}
.register-popup .popup-input {
  display: block;
  width: 400px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #a1a5b3;
  margin-top: 16px;
  line-height: 28px;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  background: transparent;
}
.register-popup .popup-input .popup-prefix {
  color: #3e3e3e;
}
.register-popup .popup-input .popup-line {
  padding: 0 5px;
}
.register-popup .popup-input input {
  border: none;
  outline: none;
  width: 250px;
  background: transparent;
}
.register-popup .popup-input input:disabled,
.register-popup .popup-input textarea:disabled {
  background: #f5f5f5;
}
.register-popup .isagree {
  font-size: 12px;
  display: block;
  margin-top: 40px;
  height: 14px;
}
.register-popup .popup-btn-tel {
  width: 400px;
  height: 48px;
  margin: 16px auto 20px;
  border-radius: 8px;
  background: linear-gradient(128deg, #e9653f 0%, #d83a34 52%, #d52e4c 100%);
  color: #fff;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
}
.register-popup .ant-checkbox-wrapper {
  font-size: 12px;
  margin-bottom: 20px;
}
.register-popup .ant-checkbox-wrapper a {
  color: #4a90e2;
}
.register-popup .interest p {
  font-size: 14px;
  color: #a1a5b3;
  text-align: center;
  margin-top: 16px;
}
.register-popup .interest-box {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.register-popup .interest-box .interest-item {
  width: 120px;
  height: 48px;
  border: 1px solid #a1a5b3;
  border-radius: 8px;
  margin-right: 20px;
  margin-top: 20px;
  text-align: center;
  line-height: 48px;
  font-size: 14px;
  color: #2e2e33;
  cursor: pointer;
}
.register-popup .interest-box .interest-item:nth-child(3n) {
  margin-right: 0;
}
.register-popup .interest-box .selected {
  color: #d83b2f;
  background: rgba(216, 59, 47, 0.04);
  border: 1px solid #d83b2f;
}
.register-popup .skip {
  font-size: 14px;
  margin: 24px auto 0;
  text-align: center;
  cursor: pointer;
}
.register-popup .selected_btn {
  font-size: 18px;
  background-image: linear-gradient(128deg, #fc9050 0%, #d83b2f 52%, #d4275d 100%);
  border-radius: 8px;
  color: #fff;
  text-align: center;
}
.register-popup .personal .examine {
  font-size: 16px;
  color: #d83b2f;
  text-align: center;
  margin: 30px auto;
}
.register-popup .personal-submit {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.register-popup .personal-submit .btn {
  width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
  margin: 0 12px;
  font-size: 16px;
  cursor: pointer;
}
.register-popup .personal-submit .cancel {
  border: 1px solid #2e2e33;
  color: #2e2e33;
}
.register-popup .personal-submit .cancel > a {
  color: #2e2e33;
}
.register-popup .personal-submit .cancel:hover {
  background: #f5f5f9;
}
.register-popup .personal-select {
  width: 140px;
  border-radius: 8px;
  font-size: 14px;
}
.register-popup .personal-avatar {
  width: 100px;
  height: 100px;
  background: #f1f1f1;
  border-radius: 50px;
  position: relative;
  margin: 0 auto;
}
.register-popup .personal-avatar img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.register-popup .personal-avatar-upload {
  position: absolute;
  top: 38px;
  right: -40px;
  width: 24px;
  height: 24px;
  padding-right: 2px;
  background: url('/game_academy_main/images/login/photo.png') no-repeat;
  background-size: contain;
  display: none;
}
.register-popup .personal-box {
  margin-top: 8px;
  overflow: hidden;
}
.register-popup .personal-box .refuse {
  color: #d83b2f;
  text-align: center;
  font-size: 14px;
}
.register-popup .personal-box-input {
  display: flex;
  justify-content: flex-start;
  margin-top: 16px;
  line-height: 48px;
}
.register-popup .personal-box-input .label_span {
  padding-right: 24px;
  font-size: 14px;
  display: inline-block;
  min-width: 84px;
  text-align: right;
}
.register-popup .personal-box-input .ant-picker {
  width: 240px !important;
  height: 48px;
  line-height: 48px;
  border-radius: 8px;
  border-color: #a1a5b3;
}
.register-popup .personal-box-input .ant-picker .ant-input {
  height: 48px;
  border: 1px solid #a1a5b3;
  border-radius: 8px;
  font-size: 14px;
}
.register-popup .personal-box-input .ant-picker.ant-picker-disabled {
  border-color: #a1a5b3;
}
.register-popup .personal-box-input > input {
  width: 346px;
  border: 1px solid #a1a5b3;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 14px;
  height: 48px;
}
.register-popup .personal-box-input textarea {
  width: 346px;
  padding: 10px;
  font-size: 14px;
  border-radius: 12px;
  height: 112px;
  line-height: 20px;
}
.register-popup .personal-box-input .ant-select-selection {
  border: 1px solid #a1a5b3;
}
.register-popup .personal-box-input-radio {
  display: flex;
  justify-content: space-between;
  width: 346px;
}
.register-popup .personal-box-input-radio div {
  border-radius: 8px;
  border: 1px solid #a1a5b3;
  margin-right: 20px;
  flex: 1;
  text-align: center;
}
.register-popup .personal-box-input-radio div:last-child {
  margin-right: 0;
}
.register-popup .personal-box .selected {
  color: #d83b2f;
  background: rgba(216, 59, 47, 0.04);
  border: 1px solid #d83b2f;
}
.register-popup .popup-login-type {
  display: flex;
  justify-content: center;
  height: 48px;
  margin-top: 42px;
}
.register-popup .popup-login-type > a {
  width: 48px;
  display: block;
  height: 48px;
  margin: 0 10px;
}
.register-popup .popup-login-type > a img {
  width: 100%;
}
.register-popup .popup-agreement {
  text-align: center;
  font-size: 12px;
  color: #a1a5b3;
  height: 17px;
  line-height: 17px;
  margin-top: 12px;
  margin-bottom: 0px;
}
.register-popup .popup-agreement > a {
  color: #4a90e2;
}
.popup_four {
  padding: 48px 56px 48px 40px !important;
}
.labelFour .personal-box-input span {
  width: 68px;
  text-align: right;
}
.personal-avatar_edit {
  display: flex;
  justify-content: flex-start;
  width: 364px;
}
.personal-avatar_edit .personal-avatar_avatar {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  overflow: hidden;
}
.personal-avatar_edit .personal-avatar_avatar img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.personal-avatar_edit .personal-avatar_accept {
  width: 220px;
  padding-top: 6px;
  padding-left: 24px;
}
.personal-avatar_edit .personal-avatar_accept span {
  font-size: 14px;
  color: #6a6d7a;
  line-height: 20px;
  display: inline-block;
  width: 220px;
  text-align: left;
}
.personal-avatar_edit .personal-avatar_accept a {
  display: block;
  width: 80px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #d83b2f;
  border: 1px solid #d83b2f;
  border-radius: 16px;
  text-align: center;
}
.sex .sex_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 364px;
}
.sex .sex_box label {
  width: 80px;
  display: flex;
  align-items: center;
}
.sex .sex_box input {
  width: 16px;
  height: 16px;
  margin: 4px 10px;
}
.editInfo-box-input {
  width: 480px;
  display: flex;
  justify-content: flex-start;
  margin-top: 24px;
  align-items: center;
  font-size: 14px;
}
.editInfo-box-input p {
  width: 80px;
  height: 48px;
  font-size: 14px;
  text-align: right;
  line-height: 48px;
  padding-right: 24px;
  margin-bottom: 0;
  white-space: nowrap;
}
.editInfo-box-input input {
  width: 400px;
  height: 48px;
  padding: 0 10px;
  border: 1px solid #a1a5b3;
  border-radius: 8px;
}
.editInfo-box-input input:focus {
  outline: none;
  border: 1px solid #a1a5b3;
}
.editInfo-box-input textarea {
  width: 400px;
  height: 112px;
  border-radius: 8px;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #a1a5b3;
}
.editInfo-box-input textarea:focus {
  outline: none;
  border: 1px solid #a1a5b3;
}
.editInfo-box-input .ant-select-focused .ant-select-selection,
.editInfo-box-input .ant-select-selection:focus,
.editInfo-box-input .ant-select-selection:active {
  border: 1px solid #a1a5b3;
  border-right-width: 1px !important;
  outline: none;
  box-shadow: none;
}
.editInfo-box-input .ant-select-selection:hover {
  border-color: #a1a5b3;
}
.editInfo-box-avatar_accept {
  width: 276px;
  margin-left: 24px;
}
.editInfo-box-avatar_accept span {
  font-size: 14px;
  line-height: 24px;
  color: #6a6d7a;
  margin-top: 10px;
}
.editInfo-box-avatar_btn {
  width: 80px;
  height: 32px;
  border-radius: 16px;
  border: 1px solid #d83b2f;
  text-align: center;
  line-height: 32px;
  display: block;
  font-size: 12px;
  margin-top: 11px;
}
.editInfo-box-avatar_btn input {
  display: none;
}
.editInfo-box-avatar_avatar {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.editInfo-box-avatar_avatar img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  object-fit: cover;
}
.editInfo-box-select {
  height: 40px;
  border-radius: 8px;
  width: 140px;
  border-color: #a1a5b3;
  box-shadow: none;
}
.editInfo-box-select:hover .ant-select-selector {
  border-color: #a1a5b3;
}
.editInfo-box-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border: 1px solid #a1a5b3;
  height: 40px;
  border-radius: 8px;
  box-shadow: none;
}
.editInfo-box-select.ant-select-single .ant-select-selector .ant-select-selection-item,
.editInfo-box-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 38px;
}
.editInfo-box .ant-radio-group {
  display: flex;
  justify-content: flex-start;
}
.ant-select-selection--single {
  height: 40px;
  border-radius: 8px;
}
.ant-select-selection--single .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select-selection--single span {
  padding-right: 0;
}
.step-button {
  height: 40px;
  line-height: 40px;
  margin-top: 30px;
  cursor: pointer;
}
.wanshan {
  margin-right: 20px;
}

.bind-mask {
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.4;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
}
.bind-popup {
  width: 576px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 16px;
  z-index: 1000;
  padding: 47px 88px 24px;
  box-sizing: border-box;
  font-size: 16px;
  background: url('/game_academy_main/images/login/Group@2x.png') no-repeat;
  background-size: cover;
}
.bind-popup__close {
  width: 20px;
  height: 20px;
  background: url('/game_academy_main/images/login/delate.png') no-repeat;
  background-size: cover;
  position: absolute;
  top: 24px;
  right: 24px;
}
.bind-popup__agreement {
  text-align: center;
  font-size: 12px;
  color: #a1a5b3;
  height: 17px;
  line-height: 17px;
  margin-top: 12px;
  margin-bottom: 0px;
}
.bind-popup__agreement > a {
  color: #4a90e2;
}

.rmc-picker,
.rmc-multi-picker {
  height: 238px;
  /*34*7*/
}
.rmc-multi-picker {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.rmc-picker-item {
  font-size: 16px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #9b9b9b;
  width: 100%;
  box-sizing: border-box;
}
.rmc-picker {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  -webkit-box-flex: 1;
          flex: 1;
  text-align: center;
}
.rmc-picker-mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: 3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
  background-position: top, bottom;
  background-size: 100% 204px;
  background-repeat: no-repeat;
}
.rmc-picker-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.rmc-picker-indicator {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  position: absolute;
  left: 0;
  top: 102px;
  z-index: 3;
  border-top: 1PX solid #ddd;
  border-bottom: 1PX solid #ddd;
}

.h5_phone_login {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 103;
  padding: 0.64rem 0.5rem;
}
.h5_phone_login-close {
  position: absolute;
  left: 0.32rem;
  top: 0.24rem;
  width: 0.48rem;
  height: 0.48rem;
  background: url('/game_academy_main/images/login/h5/close@2x.png') no-repeat;
  background-size: 0.48rem auto;
  opacity: 0.6;
}
.h5_phone_login-close.goBack {
  background: url('/game_academy_main/images/login/h5/left-arrow.png') no-repeat;
  background-size: 0.48rem auto;
  opacity: 0.6;
}
.h5_phone_login-head {
  margin: 0 auto 0.22rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: 0.2s margin;
}
.h5_phone_login-head.hidden {
  margin-top: -2.14rem;
}
.h5_phone_login-head img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.h5_phone_login-title {
  padding-top: 1.1rem;
  margin-bottom: 0.62rem;
  font-size: 0.48rem;
  color: #333;
  line-height: 0.58rem;
  font-weight: bold;
}
.h5_phone_login-tips {
  margin-bottom: 0.16rem;
  font-size: 0.26rem;
  color: #B4B4B4;
  line-height: 0.36rem;
}
.h5_phone_login-error {
  margin-bottom: 0.16rem;
  font-size: 0.26rem;
  color: #FF3B30;
  line-height: 0.36rem;
}
.h5_phone_login-error::before {
  content: '';
  display: inline-block;
  margin-top: 0.02rem;
  margin-right: 0.1rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFASURBVHgBZVLtTcMwEH1niQ+JH80IZYPkZwGJMEInKEyQdgLYoGGCiA3SCUglvv7FI2QDwk+gxNy5TmQ3liwn5/fu3r0zwVvmKk7RIQMh5d+IdwuDCgqP9KKrHqc8Qs6EwoKOcE6vmvhM+GrDscJcxuseSwPBYMKgFVW6xcEyaRzhFzl/fnKyFTlJBY6R9AQbM3jmlDe9LEesOXanXA8PQYUOU3dOBkly30FayJRt+g/bQI9Cs9dFodQTPAlejIjoQzfB5c6RdubLDzs1kZBaq9dfp5DLBmdoDgyZCl5Zi7+xGGU0mI+c/IEYVCkZHOtc+tXMRXzLsdrM4syrEnHsnvvMlbWUULKda4+oOWPJezMQ9nMq6b3e2hchAxOtXL7myS/Y1pbe9Fx6s9VkPm6wFh80OkuuQWY5enssSSr0uH/EMJbZpXACKwAAAABJRU5ErkJggg==');
  background-size: 0.2rem;
}
.h5_phone_login-phone {
  display: flex;
  align-items: center;
  margin-bottom: 0.52rem;
  border-bottom: 0.02rem solid #EDEFF3;
}
.h5_phone_login-phone .ant-input {
  border: 0;
  outline: 0;
  font-size: 0.32rem;
}
.h5_phone_login-phone .ant-input:focus {
  box-shadow: none;
}
.h5_phone_login-code {
  display: flex;
  align-items: center;
  margin-bottom: 0.52rem;
  border-bottom: 0.02rem solid #EDEFF3;
}
.h5_phone_login-code .ant-input {
  border: 0;
  outline: 0;
  font-size: 0.32rem;
  padding-left: 0;
}
.h5_phone_login-code .ant-input:focus {
  box-shadow: none;
}
.h5_phone_login-countrycode {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 0.32rem;
  padding-right: 0.24rem;
  border-right: 1px solid #edeff3;
}
.h5_phone_login-countrycode::after {
  content: '';
  display: block;
  margin-left: 0.16rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url('/game_academy_main/images/login/h5/arrow.png') no-repeat right center;
  background-size: 0.2rem 0.2rem;
}
.h5_phone_login-msg-tips {
  margin-bottom: 0.08rem;
  font-size: 0.26rem;
  color: #B4B4B4;
}
.h5_phone_login-countdown {
  margin-bottom: 0.08rem;
  font-size: 0.34rem;
  color: #B4B4B4;
  width: 3.6rem;
}
.h5_phone_login-reset-btn {
  color: #E24037;
  font-size: 0.34rem;
  width: 2.6rem;
}
.h5_phone_login-reset-btn.disabled {
  color: #C5CAD9;
}
.h5_phone_login-btn {
  margin-bottom: 0.38rem;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.08rem;
  background: #E24037;
  text-align: center;
  font-size: 0.34rem;
  color: #FFFFFF;
  line-height: 0.8rem;
}
.h5_phone_login-btn.disable {
  opacity: 0.3;
}
.h5_phone_login-protocol {
  font-size: 0.2rem;
  color: #A4A6B3;
}
.h5_phone_login-protocol a {
  color: #067CFF;
}
.h5_phone_login-protocol-agreement {
  margin-right: 0.16rem;
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 50%;
  background: url('/game_academy_main/images/login/h5/common-icon.png') no-repeat;
  background-size: 0.28rem;
  position: relative;
}
.h5_phone_login-protocol-agreement.checked {
  background: url('/game_academy_main/images/login/h5/checked-icon.png') no-repeat;
  background-size: 0.28rem;
}
.h5_phone_login-protocol-agreement:after {
  content: '';
  position: absolute;
  height: 200%;
  width: 200%;
  left: -50%;
  top: -50%;
}
.h5_phone_login .actionsheet-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  height: 1rem;
  background: #fff;
}
.h5_phone_login .actionsheet-control-btn {
  padding: 0.18rem 0.3rem;
  font-size: 0.3rem;
  color: #108ee9;
}
.h5_phone_login .actionsheet-control-btn.sumbit {
  color: #D83B2F;
}
.h5_phone_login .rmc-picker,
.h5_phone_login .rmc-multi-picker {
  height: 200px;
}
.h5_phone_login .rmc-picker-indicator {
  font-size: 40px;
  line-height: 40px;
}
.h5_phone_login .rmc-picker-item {
  font-size: 24px;
}
.h5-login-code {
  padding: 0;
  border-radius: 0.2rem;
  padding-top: 0.4rem;
}
.h5-login-code-input {
  display: flex;
  margin: 0 auto;
  width: 100%;
}
.h5-login-code-input-item {
  height: 0.68rem;
  padding-bottom: 0.12rem;
  margin-right: 0.34rem;
  width: 0.8rem;
  border-bottom: 1px solid #EDEFF3;
}
.h5-login-code-input-item.inputed {
  border-color: #333;
}
.h5-login-code-input-item:last-child {
  margin-right: 0;
}
.h5-login-code-input-item .ant-input {
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  padding-bottom: 0.12rem;
  width: 0.8rem;
  text-align: center;
  font-size: 0.4rem;
  line-height: 0.56rem;
  font-size: 0.32rem;
}
.h5-login-code-input-item .ant-input:focus {
  box-shadow: none;
}

.web-share-fix-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  padding: 0 0.4rem 0;
  height: 1.12rem;
  background: #fff;
  box-shadow: 0 0 0.28rem 0 rgba(166, 179, 194, 0.3);
}
.web-share-fix-top__left {
  width: 3.4rem;
  height: 0.8rem;
  background: url('/game_academy_main/images/icons/logo@3x.png') no-repeat;
  background-size: 3.4rem 0.8rem;
}
.web-share-fix-top__right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.52rem;
  height: 0.62rem;
  text-align: center;
  font-size: 0.26rem;
  color: #FFFFFF;
  line-height: normal;
  border-radius: 0.31rem;
  background-image: linear-gradient(90deg, #FD5D30 0%, #F1363F 47%, #E70049 100%);
}
.tip-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}
.tip-arrow {
  position: fixed;
  width: 30px;
  height: 34px;
  right: 20px;
  top: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAABECAMAAAAMem2oAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMA/Pj17BgJBujZyLucgBThWCUfDwLwrY+HPi4qDdyxlV1GBMM4MuTU0Lagaks0HM2menRyTmVwUtcR4bgAAAJrSURBVHgBndfpbupIFMTxatt4wZh9AbNACEsghOz3/t//yUZjZSQSNxncv49OWofTVchCt5sF3qOc9IC2XNQwGKejWwZgVqquTUIKmSobc6DxCIuaKron46BTQPDZVxU14014lropJG95qJtlDM/ExcJzYHD7SJ9JiNG/+qfj/OaTUcpC8ggrtyAlrkkDmqpoSJxLiumqosmwCLFFV27cTwbU5GZAT25+T2XW0zVNfF3Rye4HQHK8s/+ZuazyBcAgMEBysmXDvSz6mcFvnJqSpm8JLNf6acWLysIDZtTUl/WjTxqWvy5ja6N3E13YxuUBQ1YqadD6UY9pQFaq0FQ/3eHlpWfGbHWpht/XT8/8UcmSui61SS0jW2tLJ2I+dOHIm2XLTBbv34auA8uaCU/WIn773xN7W5ObslleBrjgVSUgq7uLunWMV1NJcGXmDP/iLhoqqzOR1Y7/5uTGdK7vU/ZArkK/zkiSPU+bOlsVMnY92exZ2Wd+xfJhuJPVisB6RzHF44nPq65IOfRtdzuQpL8+DV1zjjmWV51Ql6IxLHXdxudQ+sCvjLR5wLzrN08xu4/SC/79BZKNftetw/1H/9sLHvDHof7P+k8Au0Z7GknqbT+PAXiNrm4xe08A8AOPwvism23fhokH+PuXBXtVFfbConqfcvKXViQX0ZyVnGQ89+Vi6pknuYgeGMnJiH0oF238XC42Pm256MSM5aLbYuEUyHlOPZSDzpznnhxsAupOB9se6cylOSNoRKouf8Dp515vZEgcWt58DTCjsErsy6co6qyGHgw7qiKFgllsqga/nHt+a/h4VkX/AIf9SGrNm4WOAAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
}
.tip-inner {
  position: fixed;
  right: 32px;
  top: 32px;
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
}

.app-container {
  min-width: 1440px;
  min-height: 100vh;
  padding-top: 80px;
}
.app-container.app-container--h5 {
  width: 750px;
  margin: 0 auto;
  min-width: auto;
  position: relative;
}
.h5-app-container {
  width: 100%;
  margin: 0 auto;
  padding-top: 1.2rem;
  position: relative;
  overflow-x: hidden;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  margin: 32px 0;
  color: #2e2e33;
  font-weight: 400;
}
.richtext h1 {
  font-size: 28px;
  border-bottom: none;
}
.richtext h2 {
  font-size: 24px;
  border-bottom: none;
}
.richtext h3 {
  font-size: 20px;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 18px;
  font-weight: bold;
}
.richtext p,
.richtext section {
  font-size: 16px;
  line-height: 1.75;
  color: #58585c;
  margin-bottom: 30px;
}
.richtext figure figcaption {
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
[class^=ant-],
[class*= ant-],
[class^=ant-] *,
[class*= ant-] *,
[class^=ant-] *::before,
[class*= ant-] *::before,
[class^=ant-] *::after,
[class*= ant-] *::after {
  box-sizing: border-box;
}
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #d83b2f;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #e66557;
}
a:active {
  color: #b3231e;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #d83b2f;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #d83b2f;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #d83b2f;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #d83b2f;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-select {
  height: 40px;
}
.ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 40px;
  border: 1px solid #a1a5b3;
  border-radius: 8px;
}
.ant-select.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 38px;
}
.ant-select .ant-select-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
  right: 8px;
}
.ant-select .ant-select-arrow .ant-select-arrow-icon {
  width: 12px;
  height: 12px;
  display: inline-block;
}
.ant-select .ant-select-arrow .ant-select-arrow-icon > svg {
  display: none;
}
.ant-select .ant-select-arrow .anticon-down {
  background: url('/game_academy_main/images/icons/bottom-arrow-gray.png') no-repeat;
  background-size: 12px 12px;
  background-position: center;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  box-shadow: none;
  border-color: #a1a5b3;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #a1a5b3;
}
.ant-select-open .ant-select-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
}
.ant-select-open .ant-select-arrow .anticon-down {
  background: url('/game_academy_main/images/icons/top-arrow-gray.png') no-repeat;
  background-size: 12px 12px;
  background-position: center;
}
.ant-message-notice .ant-message-notice-content {
  width: 240px;
  padding: 36px 32px 24px !important;
  border-radius: 12px;
  box-shadow: 0 2px 20px 0 rgba(166, 166, 166, 0.28);
  box-sizing: border-box;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content {
  line-height: inherit;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content .anticon {
  width: 56px;
  height: 56px;
  margin-top: 0;
  margin-bottom: 20px;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content .anticon > svg {
  display: none;
}
.ant-message-notice .ant-message-notice-content .ant-message-custom-content > span {
  display: block;
  text-align: center;
}
.ant-message-notice .ant-message-notice-content .ant-message-info .anticon {
  display: none;
}
.ant-message-notice .ant-message-notice-content .ant-message-warning {
  background: url('/game_academy_main/images/icons/message-warning.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-message-notice .ant-message-notice-content .ant-message-success {
  background: url('/game_academy_main/images/icons/message-success.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}
.ant-message-notice .ant-message-notice-content .ant-message-error {
  background: url('/game_academy_main/images/icons/message-error.png') no-repeat;
  background-size: 56px 56px;
  background-position: top;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/** 富文本通用样式 */
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5,
.richtext h6 {
  margin: 32px 0;
  color: #2e2e33;
  font-weight: 400;
}
.richtext h1 {
  font-size: 28px;
  border-bottom: none;
}
.richtext h2 {
  font-size: 24px;
  border-bottom: none;
}
.richtext h3 {
  font-size: 20px;
}
.richtext h4,
.richtext h5,
.richtext h6 {
  font-size: 18px;
  font-weight: bold;
}
.richtext p,
.richtext section {
  font-size: 16px;
  line-height: 1.75;
  color: #58585c;
  margin-bottom: 30px;
}
.richtext figure figcaption {
  font-size: 14px;
}
.richtext blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.task-detail-container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.task-detail-container .error {
  color: #D83B2F;
}
.task-detail-container .link {
  cursor: pointer;
}
.task-detail-container .upload-input,
.task-detail-container .re-upload-input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.task-detail-container .ant-breadcrumb img {
  height: 16px;
  vertical-align: top;
  margin-top: 3px;
}
.task-detail-container .task-module {
  border-bottom: 1px solid #EEEEF2;
  color: #2E2E33;
  padding-bottom: 24px;
}
.task-detail-container .task-module .title {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 12px;
  font-size: 20px;
  display: flex;
}
.task-detail-container .task-module + .task-module {
  margin-top: 24px;
}
.task-detail-container .task-module .tips {
  margin-left: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #D83B2F;
}
.task-detail-container .task-title {
  margin-top: 20px;
}
.task-detail-container .task-title .title {
  font-size: 26px;
  line-height: 34px;
}
.task-detail-container .task-title .content {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 20px;
}
.task-detail-container .task-title .error {
  margin-left: 16px;
  color: #D83B2F;
}
.task-detail-container .task-grade .title .error {
  margin-left: 20px;
}
.task-detail-container .task-grade .content {
  font-size: 15px;
  line-height: 2;
}
.task-detail-container .task-request {
  border-bottom: none;
}
.task-detail-container .task-request > div p {
  word-break: break-all;
}
.task-detail-container .task-request .title {
  margin-bottom: 16px;
}
.task-detail-container .task-request h1,
.task-detail-container .task-request h2,
.task-detail-container .task-request h3,
.task-detail-container .task-request h4,
.task-detail-container .task-request h5,
.task-detail-container .task-request h6 {
  margin: 32px 0;
  color: #2e2e33;
  font-weight: 400;
}
.task-detail-container .task-request h1 {
  font-size: 28px;
  border-bottom: none;
}
.task-detail-container .task-request h2 {
  font-size: 24px;
  border-bottom: none;
}
.task-detail-container .task-request h3 {
  font-size: 20px;
}
.task-detail-container .task-request h4,
.task-detail-container .task-request h5,
.task-detail-container .task-request h6 {
  font-size: 18px;
  font-weight: bold;
}
.task-detail-container .task-request p,
.task-detail-container .task-request section {
  font-size: 16px;
  line-height: 1.75;
  color: #58585c;
  margin-bottom: 30px;
}
.task-detail-container .task-request figure figcaption {
  font-size: 14px;
}
.task-detail-container .task-request blockquote {
  border-left: 2px solid #ccc;
  margin-left: 21px;
  padding-left: 14px;
}
.task-detail-container .task-request .content .image {
  max-width: 1000px;
}
.task-detail-container .task-request .content .image img {
  max-width: 1000px;
}
.task-detail-container .task-action {
  margin-top: 24px;
  border-bottom: none;
}
.task-detail-container .task-action .rule {
  font-size: 14px;
  color: #6A6D7A;
  line-height: 24px;
  margin-bottom: 24px;
}
.task-detail-container .task-action .btn {
  outline: none;
  background-image: linear-gradient(-90deg, #E9653F 0%, #D83A34 49%, #D52E4C 100%);
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border: none;
}
.task-detail-container .task-action .file .current-file {
  padding: 24px 24px 24px 84px;
  background: #F9F9FC;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.task-detail-container .task-action .file .current-file .info .file-title {
  font-size: 14px;
  color: #2E2E33;
  line-height: 20px;
  width: 434px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-detail-container .task-action .file .current-file .info .file-size {
  font-size: 14px;
  color: #A1A5B3;
  line-height: 22px;
  margin-top: 4px;
}
.task-detail-container .task-action .file .current-file .action .ant-btn {
  min-width: 96px;
  border-radius: 8px;
}
.task-detail-container .task-action .file .current-file:after {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background: url('/game_academy_main/images/icons/zip.png') no-repeat;
  background-size: 48px 48px;
  border-radius: 50%;
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -24px;
}
.task-detail-container .task-action .file .submit-btn {
  margin-top: 24px;
}
.task-detail-container .task-action .file .file-comment {
  font-size: 20px;
  color: #2E2E33;
  line-height: 20px;
  margin-top: 48px;
}
.task-detail-container .task-action .file .file-comment > label {
  font-weight: bold;
  color: inherit;
}
.task-detail-container .task-action .file .file-comment__res {
  font-weight: normal;
}
.task-detail-container .task-action .file .file-comment__value {
  margin-top: 12px;
  font-size: 14px;
  line-height: 24px;
}
.task-detail-container .task-table {
  border-bottom: none;
}
.task-detail-container .table-box {
  background: #FFFFFF;
  border: 1px solid #F5F5F9;
  box-shadow: 0px 0px 16px rgba(37, 38, 94, 0.01);
  border-radius: 10px;
  margin-top: 16px;
  overflow: hidden;
}
.task-detail-container .table-box .ant-table-container {
  border: none !important;
}
.task-detail-container .ant-table p {
  margin-bottom: 0;
}
.task-detail-container .ant-table .ant-table-thead {
  position: relative;
}
.task-detail-container .ant-table .ant-table-thead:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 47px;
  width: 100%;
  height: 10px;
  background: linear-gradient(180deg, #F8F9FC 0%, rgba(255, 255, 255, 0.0001) 100%);
}
.task-detail-container .ant-table th {
  padding: 0;
  line-height: 47px;
  background: #fff !important;
  border-color: #f5f5f9 !important;
  border-right: none !important;
  border-bottom: 1px solid #f5f5f9 !important;
}
.task-detail-container .ant-table td {
  padding: 0 20px;
  height: 100px;
  border-color: #f5f5f9 !important;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
.task-detail-container .ant-table td:last-child {
  border-right: none !important;
}
.task-detail-container .ant-table .one-line {
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.teacherComment .ant-popover-inner-content {
  white-space: pre-wrap;
  max-width: 1000px;
  max-height: 500px;
  overflow: auto;
}


.h5-app-header {
  display: flex;
  align-items: center;
  height: 0.88rem;
  padding: 0 0.36rem;
  background-color: #fff;
}
.h5-app-header__back {
  border: none;
  outline: none;
  background-color: transparent;
  width: 0.64rem;
  padding: 0;
}
.h5-app-header__back-icon {
  height: 0.48rem;
  width: 0.48rem;
  display: block;
  background: url('/game_academy_main/images/topic/back.png') no-repeat;
  background-size: 100%;
}
.h5-app-header__title {
  flex: 1;
  text-align: center;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 0.34rem;
  color: #2E2E33;
}
.h5-app-header__more {
  width: 0.64rem;
}

.h5-tp-empty,
.tp-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.h5-tp-empty__img,
.tp-empty__img {
  height: 2.08rem;
  width: 3.2rem;
  background-size: 100%;
}
.h5-tp-empty__img-page,
.tp-empty__img-page {
  background-image: url('/game_academy_main/images/topic/empty_page.png');
}
.h5-tp-empty__img-reply,
.tp-empty__img-reply {
  background-image: url('/game_academy_main/images/topic/empty_reply.png');
}
.h5-tp-empty__img-search,
.tp-empty__img-search {
  background-image: url('/game_academy_main/images/topic/empty_search.png');
}
.h5-tp-empty__img-network,
.tp-empty__img-network {
  background-image: url('/game_academy_main/images/topic/network_error.png');
}
.h5-tp-empty__text,
.tp-empty__text {
  font-size: 0.28rem;
  line-height: 0.4rem;
  color: #9A9DAB;
  margin-top: 0.32rem;
}
.h5-tp-empty__btn,
.tp-empty__btn {
  margin-top: 0.64rem;
  padding: 0.16rem 0.32rem;
  border: 0.5px solid #D1D6E6;
  border-radius: 0.88rem;
  color: #2E2E33;
  font-size: 0.3rem;
  line-height: 0.42rem;
}
.h5-tp-empty__btn-icon,
.tp-empty__btn-icon {
  background: url('/game_academy_main/images/topic/drop_right.png') no-repeat;
  height: 0.32rem;
  width: 0.32rem;
  background-size: 100%;
  display: inline-block;
  vertical-align: text-bottom;
  position: relative;
  left: -0.02rem;
  margin-left: 0.1rem;
}

.app-loading {
  text-align: center;
  padding: 40px;
}
.h5-app-loading {
  text-align: center;
}

.h5-tp-more,
.tp-more {
  padding-top: 0.24rem;
  background-image: url('/game_academy_main/images/topic/topic_divider.png');
  background-size: 100% 0.24rem;
  background-repeat: no-repeat;
  background-position: top;
}
.h5-tp-more__head,
.tp-more__head {
  padding-left: 0.36rem;
  margin-top: 0.36rem;
  padding-bottom: 0.1rem;
  font-size: 0.42rem;
  line-height: 0.54rem;
  font-weight: bold;
}
.h5-tp-more__loading,
.tp-more__loading {
  padding: 0.4rem 0;
}
.h5-tp-more__item,
.tp-more__item {
  padding: 0.3rem 0.36rem;
  display: flex;
  justify-content: space-between;
}
.h5-tp-more__info,
.tp-more__info {
  width: 4.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.h5-tp-more__title,
.tp-more__title {
  background: url('/game_academy_main/images/topic/topic_black_bold.png');
  background-size: 0.32rem;
  background-repeat: no-repeat;
  background-position: left 0.08rem;
  text-indent: 0.36rem;
  font-size: 0.34rem;
  line-height: 0.48rem;
  font-weight: 500;
  color: #2E2E33;
}
.h5-tp-more__num,
.tp-more__num {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #9a9dab;
}
.h5-tp-more__point,
.tp-more__point {
  margin: 0 0.1rem;
}
.h5-tp-more__cover,
.tp-more__cover {
  width: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  border-radius: 0.16rem;
}
.h5-tp-more__cover img,
.tp-more__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.h5-tp-error,
.tp-error {
  height: 5.7rem;
}

.h5-tp-title,
.tp-title {
  padding: 0.4rem 0;
  margin: 0 0.36rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 0.01rem solid #edeff3;
}
.h5-tp-title__content,
.tp-title__content {
  margin-right: 0.64rem;
  flex: 1;
}
.h5-tp-title__text,
.tp-title__text {
  min-height: 1.3rem;
  font-size: 0.38rem;
  line-height: 0.56rem;
  color: #2E2E33;
  font-weight: 500;
  text-align: justify;
}
.h5-tp-title__num,
.tp-title__num {
  margin-top: 0.16rem;
  color: #9A9DAB;
  font-size: 0.28rem;
  line-height: 0.32rem;
}
.h5-tp-title__point,
.tp-title__point {
  margin: 0 0.1rem;
}
.h5-tp-title__cover,
.tp-title__cover {
  width: 1.76rem;
  height: 1.76rem;
}
.h5-tp-title__cover img,
.tp-title__cover img {
  width: 1.76rem;
  height: 1.76rem;
  border-radius: 0.08rem;
  object-fit: cover;
}

.h5-tp-content,
.tp-content {
  margin-top: 0.32rem;
  padding: 0 0.36rem 0.48rem;
  border-bottom: 0.16rem solid #F5F6FA;
}
.h5-tp-content__title,
.tp-content__title {
  position: relative;
}
.h5-tp-content__title-txt,
.tp-content__title-txt {
  font-size: 0.34rem;
  line-height: 0.56rem;
  color: #2E2E33;
  font-weight: 500;
}
.h5-tp-content__content,
.tp-content__content {
  margin-top: 0.16rem;
  font-size: 0.3rem;
  line-height: 0.52rem;
  text-align: justify;
  color: #2E2E33;
  width: 100%;
  position: relative;
}
.h5-tp-content__all,
.tp-content__all {
  padding: 0 0 0 0.1rem;
  color: #2e2e33;
  font-weight: 500;
  font-size: 0.3rem;
  line-height: 0.52rem;
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}
.h5-tp-content__all-icon,
.tp-content__all-icon {
  background: url('/game_academy_main/images/topic/drop_right.png') no-repeat;
  height: 0.36rem;
  width: 0.36rem;
  background-size: 100%;
  display: inline-block;
  position: relative;
  left: -0.02rem;
  top: 0.07rem;
}
.h5-tp-content__modal,
.tp-content__modal {
  width: 6.78rem !important;
  margin: 0;
  padding: 0;
}
.h5-tp-content__modal-close,
.tp-content__modal-close {
  position: absolute;
  top: -1rem;
  right: 0;
  width: 0.72rem;
  height: 0.72rem;
  background: #fff url('/game_academy_main/images/topic/modal_close.png');
  background-size: 0.5rem;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.h5-tp-content__modal .ant-modal-content,
.tp-content__modal .ant-modal-content {
  border-radius: 0.16rem;
}
.h5-tp-content__modal .ant-modal-content img,
.h5-tp-content__modal .ant-modal-content video,
.h5-tp-content__modal .ant-modal-content iframe,
.tp-content__modal .ant-modal-content img,
.tp-content__modal .ant-modal-content video,
.tp-content__modal .ant-modal-content iframe {
  max-width: 100%;
  height: auto;
  border-radius: 0.08rem;
  margin-bottom: 0.3rem;
}
.h5-tp-content__modal .ant-modal-content .figcaption,
.tp-content__modal .ant-modal-content .figcaption {
  margin-top: -0.1rem;
  margin-bottom: 0.3rem;
  font-size: 0.28rem;
  color: #969699;
  line-height: 0.4rem;
  text-align: center;
}
.h5-tp-content__modal .ant-modal-content p,
.tp-content__modal .ant-modal-content p {
  margin-bottom: 0.3rem;
  font-size: 0.34rem;
  line-height: 0.6rem;
  text-align: justify;
  letter-spacing: 1px;
}
.h5-tp-content__modal .ant-modal-content h1,
.h5-tp-content__modal .ant-modal-content h2,
.tp-content__modal .ant-modal-content h1,
.tp-content__modal .ant-modal-content h2 {
  margin-bottom: 0.4rem;
  font-size: 0.42rem;
  line-height: 0.64rem;
  color: #2e2e33;
  font-weight: 500;
}
.h5-tp-content__modal .ant-modal-content h3,
.tp-content__modal .ant-modal-content h3 {
  margin-bottom: 0.4rem;
  font-size: 0.38rem;
  line-height: 0.64rem;
  font-weight: 500;
  color: #2e2e33;
}
.h5-tp-content__modal .ant-modal-content h4,
.tp-content__modal .ant-modal-content h4 {
  margin-bottom: 0.3rem;
  font-size: 0.34rem;
  color: #58585c;
  line-height: 0.6rem;
  letter-spacing: 1px;
}
.h5-tp-content__modal .ant-modal-body,
.tp-content__modal .ant-modal-body {
  padding: 0;
}
.h5-tp-content__modal-container,
.tp-content__modal-container {
  padding: 0 0.32rem;
  height: 10rem;
  overflow-y: scroll;
}
.h5-tp-content__modal-title,
.tp-content__modal-title {
  margin-bottom: 0.44rem;
  padding-top: 0.72rem;
  text-align: center;
  color: #2E2E33;
  font-size: 0.38rem;
  line-height: 0.48rem;
  font-weight: 500;
}
.h5-tp-content__modal-content,
.tp-content__modal-content {
  margin-bottom: 0.3rem;
  font-size: 0.34rem;
  line-height: 0.6rem;
  text-align: justify;
  letter-spacing: 1px;
}

.h5-tp-comment-send,
.tp-comment-send {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.h5-tp-comment-send__mask,
.tp-comment-send__mask {
  flex: 1;
  background-color: transparent;
}
.h5-tp-comment-send__container,
.tp-comment-send__container {
  width: 100%;
  height: 2.08rem;
  display: flex;
  background-color: #fff;
  padding: 0.16rem 0.24rem;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
}
.h5-tp-comment-send__input,
.tp-comment-send__input {
  flex: 1;
  height: 1.76rem;
  padding: 0.16rem;
  border-radius: 0.16rem;
  background-color: #F4F5F9;
  border: none;
  outline: none;
  resize: none;
}
.h5-tp-comment-send__btn,
.tp-comment-send__btn {
  margin-left: 0.24rem;
  color: #DD3C34;
  cursor: pointer;
  border: none;
  background: transparent;
  user-select: none;
  outline: none;
  font-weight: 500;
  font-size: 0.3rem;
  line-height: 0.42rem;
}
.h5-tp-comment-send__btn--disabled,
.tp-comment-send__btn--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.tp-comment-send {
  width: 750px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.h5-tp-post-like__count,
.tp-post-like__count {
  position: absolute;
  right: 0;
  top: -1rem;
  display: flex;
  align-items: center;
}
.h5-tp-post-like__count--slidein,
.tp-post-like__count--slidein {
  animation: tp-like-slidein 0.5s;
}
.h5-tp-post-like__count--slideout,
.tp-post-like__count--slideout {
  animation: tp-like-slideout 0.5s;
}
.h5-tp-post-like__count-nums,
.tp-post-like__count-nums {
  display: flex;
  align-items: center;
}
.h5-tp-post-like__count-num,
.tp-post-like__count-num {
  height: 0.54rem;
  width: 0.44rem;
  background-image: url('/game_academy_main/images/topic/like/num_1.png');
  background-repeat: no-repeat;
  background-size: 100%;
}
.h5-tp-post-like__count-num--9,
.tp-post-like__count-num--9 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_9.png');
}
.h5-tp-post-like__count-num--8,
.tp-post-like__count-num--8 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_8.png');
}
.h5-tp-post-like__count-num--7,
.tp-post-like__count-num--7 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_7.png');
}
.h5-tp-post-like__count-num--6,
.tp-post-like__count-num--6 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_6.png');
}
.h5-tp-post-like__count-num--5,
.tp-post-like__count-num--5 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_5.png');
}
.h5-tp-post-like__count-num--4,
.tp-post-like__count-num--4 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_4.png');
}
.h5-tp-post-like__count-num--3,
.tp-post-like__count-num--3 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_3.png');
}
.h5-tp-post-like__count-num--2,
.tp-post-like__count-num--2 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_2.png');
}
.h5-tp-post-like__count-num--1,
.tp-post-like__count-num--1 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_1.png');
}
.h5-tp-post-like__count-num--0,
.tp-post-like__count-num--0 {
  animation: tp-like-num 0.5s;
  background-image: url('/game_academy_main/images/topic/like/num_0.png');
}
.h5-tp-post-like__count-num--1,
.tp-post-like__count-num--1 {
  width: 0.34rem;
}
.h5-tp-post-like__count-num--2,
.tp-post-like__count-num--2 {
  width: 0.46rem;
}
@keyframes tp-like-num {
  from {
    opacity: 0.1;
    transform: translateY(0.2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.h5-tp-post-like__count-txt,
.tp-post-like__count-txt {
  height: 0.8rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.h5-tp-post-like__count-txt--1,
.tp-post-like__count-txt--1 {
  width: 2.32rem;
  background-image: url('/game_academy_main/images/topic/like/txt_1.png');
  position: relative;
  top: 0.04rem;
}
.h5-tp-post-like__count-txt--2,
.tp-post-like__count-txt--2 {
  width: 2.26rem;
  background-image: url('/game_academy_main/images/topic/like/txt_2.png');
}
.h5-tp-post-like__count-txt--3,
.tp-post-like__count-txt--3 {
  width: 2.93rem;
  background-image: url('/game_academy_main/images/topic/like/txt_3.png');
}
.h5-tp-post-like__count-txt--4,
.tp-post-like__count-txt--4 {
  width: 1.97rem;
  background-image: url('/game_academy_main/images/topic/like/txt_4.png');
}
@keyframes tp-like-slidein {
  from {
    opacity: 0.5;
    transform: translateY(0.15rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tp-like-slideout {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-0.15rem);
  }
}
.h5-tp-post-like__firework-item,
.tp-post-like__firework-item {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  animation: tp-firework-x 1.5s;
}
.h5-tp-post-like__firework-item--0,
.tp-post-like__firework-item--0 {
  animation-timing-function: cubic-bezier(0.1, 0, 0.02, 1.01);
}
.h5-tp-post-like__firework-item--1,
.tp-post-like__firework-item--1 {
  animation-timing-function: cubic-bezier(0.68, 0.21, 0.36, 0.82);
}
.h5-tp-post-like__firework-item--2,
.tp-post-like__firework-item--2 {
  animation-timing-function: cubic-bezier(1, 0.01, 1, -0.79);
}
.h5-tp-post-like__firework-value,
.tp-post-like__firework-value {
  background-image: url('/game_academy_main/images/topic/liked_icon.png');
  height: 0.48rem;
  width: 0.48rem;
  background-size: 100%;
  background-repeat: no-repeat;
  animation: tp-firework-y 1.5s;
  animation-timing-function: linear;
}
@keyframes tp-firework-x {
  to {
    transform: translateX(-3rem);
    opacity: 0;
  }
}
@keyframes tp-firework-y {
  to {
    transform: translateY(-3rem);
    opacity: 0;
  }
}

.h5-tp-user,
.tp-user {
  display: flex;
}
.h5-tp-user__avatar,
.tp-user__avatar {
  margin-right: 0.2rem;
  width: 0.72rem;
  height: 0.72rem;
}
.h5-tp-user__avatar img,
.tp-user__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.h5-tp-user__name,
.tp-user__name {
  margin-bottom: 0.04rem;
  font-size: 0.28rem;
  font-weight: 500;
  line-height: 0.4rem;
  color: #2e2e33;
  max-width: 3.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.h5-tp-user__time,
.tp-user__time {
  font-size: 0.22rem;
  color: #9A9DAB;
  line-height: 0.32rem;
  display: block;
}

@keyframes PhotoView__rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes PhotoView__delayShow {
  0%,
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.PhotoView__Spinner {
  animation: PhotoView__delayShow 0.4s linear both;
}
.PhotoView__Spinner svg {
  animation: PhotoView__rotate 0.6s linear infinite;
}

.PhotoView__Photo {
  will-change: transform;
  cursor: grab;
}
.PhotoView__Photo:active {
  cursor: grabbing;
}

@keyframes PhotoView__animateIn {
  from {
    opacity: 0.4;
    transform: scale(0.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes PhotoView__animateOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.2);
  }
}
.PhotoView__animateIn {
  opacity: 0.4;
  animation: PhotoView__animateIn 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.PhotoView__animateOut {
  opacity: 1;
  animation: PhotoView__animateOut 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.PhotoView__PhotoWrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden;
}
.PhotoView__PhotoBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
}
.PhotoView__PhotoMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.PhotoView-SlideWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;
}

@keyframes PhotoView__fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.PhotoView-PhotoSlider__clean .PhotoView-PhotoSlider__BannerWrap,
.PhotoView-PhotoSlider__clean .PhotoView-PhotoSlider__ArrowLeft,
.PhotoView-PhotoSlider__clean .PhotoView-PhotoSlider__ArrowRight,
.PhotoView-PhotoSlider__clean .PhotoView-PhotoSlider__FooterWrap {
  opacity: 0;
}
.PhotoView-PhotoSlider__willClose .PhotoView-PhotoSlider__BannerWrap:hover {
  opacity: 0;
}
.PhotoView-PhotoSlider__Backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.PhotoView-PhotoSlider__fadeIn {
  opacity: 0;
  animation: PhotoView__fade 0.4s linear both;
}
.PhotoView-PhotoSlider__fadeOut {
  opacity: 0;
  animation: PhotoView__fade 0.4s linear both reverse;
}
.PhotoView-PhotoSlider__BannerWrap {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s ease-out;
  z-index: 20;
}
.PhotoView-PhotoSlider__BannerWrap:hover {
  opacity: 1;
}
.PhotoView-PhotoSlider__Counter {
  padding: 0 10px;
  font-size: 14px;
  opacity: 0.75;
}
.PhotoView-PhotoSlider__BannerRight {
  display: flex;
  align-items: center;
  height: 100%;
}
.PhotoView-PhotoSlider__toolbarIcon {
  box-sizing: border-box;
  padding: 10px;
  opacity: 0.75;
  cursor: pointer;
  transition: opacity 0.2s linear;
}
.PhotoView-PhotoSlider__toolbarIcon:hover {
  opacity: 1;
}
.PhotoView-PhotoSlider__ArrowLeft,
.PhotoView-PhotoSlider__ArrowRight {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100px;
  margin: auto;
  opacity: 0.75;
  z-index: 20;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.2s linear;
}
.PhotoView-PhotoSlider__ArrowLeft:hover,
.PhotoView-PhotoSlider__ArrowRight:hover {
  opacity: 1;
}
.PhotoView-PhotoSlider__ArrowLeft svg,
.PhotoView-PhotoSlider__ArrowRight svg {
  box-sizing: content-box;
  padding: 10px;
  width: 24px;
  height: 24px;
  fill: white;
  background: rgba(0, 0, 0, 0.3);
}
.PhotoView-PhotoSlider__ArrowLeft {
  left: 0;
}
.PhotoView-PhotoSlider__ArrowRight {
  right: 0;
}
.PhotoView-PhotoSlider__FooterWrap {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  width: 100%;
  min-height: 44px;
  line-height: 1.5;
  font-size: 14px;
  color: #ccc;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: justify;
  transition: opacity 0.2s ease-out;
  z-index: 20;
}

.h5-tp-post-image,
.tp-post-image {
  margin-top: 0.2rem;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.08rem;
  overflow: hidden;
}
.h5-tp-post-image__single,
.tp-post-image__single {
  position: relative;
  min-width: 3.76rem;
  max-height: 4.4rem;
  overflow: hidden;
  border-radius: 0.08rem;
}
.h5-tp-post-image__single img,
.tp-post-image__single img {
  width: 100%;
}
.h5-tp-post-image__single--long,
.tp-post-image__single--long {
  max-width: 3.76rem;
}
.h5-tp-post-image__tag--long,
.tp-post-image__tag--long {
  position: absolute;
  bottom: 0.16rem;
  right: 0.16rem;
  padding: 0.04rem 0.1rem;
  font-size: 0.24rem;
  transform: scale(0.92) translateX(-0.04rem);
  line-height: 0.36rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.24);
  border-radius: 0.04rem;
}
.h5-tp-post-image__item,
.tp-post-image__item {
  width: 32.6%;
  overflow: hidden;
  position: relative;
  height: 0;
  padding: 0;
  padding-bottom: 32.6%;
}
.h5-tp-post-image__item img,
.tp-post-image__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.h5-tp-post-image__item:nth-child(3n),
.h5-tp-post-image__item:nth-child(3n-1),
.tp-post-image__item:nth-child(3n),
.tp-post-image__item:nth-child(3n-1) {
  margin-left: 0.06rem;
}
.h5-tp-post-image__item:nth-child(n+4):nth-child(-n+9),
.tp-post-image__item:nth-child(n+4):nth-child(-n+9) {
  margin-top: 0.06rem;
}
.h5-tp-post-image__item--two:nth-child(2),
.tp-post-image__item--two:nth-child(2) {
  border-top-right-radius: 0.08rem;
  border-bottom-right-radius: 0.08rem;
}
.h5-tp-post-image__item--four,
.tp-post-image__item--four {
  width: 33%;
  padding-bottom: 33%;
}
.h5-tp-post-image__item--four:nth-child(3),
.tp-post-image__item--four:nth-child(3) {
  margin-left: 0;
  margin-right: 0.06rem;
  margin-top: 0.06rem;
}
.h5-tp-post-image__item--four:nth-child(2),
.tp-post-image__item--four:nth-child(2) {
  border-top-right-radius: 0.08rem;
}
.h5-tp-post-image__item--four:nth-child(4),
.tp-post-image__item--four:nth-child(4) {
  border-bottom-right-radius: 0.08rem;
}
.tp-post-image__item {
  width: 33%;
  padding-bottom: 33%;
}
.tp-post-image__item--four {
  width: 33.3%;
  padding-bottom: 33.3%;
}

@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:transparent;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top:var(--plyr-menu-arrow-size,4px) solid hsla(0,0%,100%,.9);border-width:var(--plyr-menu-arrow-size,4px);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:transparent;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:transparent;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc(var(--plyr-range-thumb-height, 13px)/2*-1 - var(--plyr-range-track-height, 5px)/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:transparent;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"\2044";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress__buffer,.plyr__progress input[type=range]{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:transparent;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:transparent}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius, 3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
.h5-tp-post-video,
.tp-post-video {
  height: 3.86rem;
  width: 100%;
  position: relative;
  margin-top: 0.2rem;
  --plyr-color-main: #ED4949;
}
.h5-tp-post-video__poster,
.tp-post-video__poster {
  width: 100%;
  height: 100%;
  border-radius: 0.08rem;
  object-fit: cover;
}
.h5-tp-post-video__btn,
.tp-post-video__btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 50%;
  background: url('/game_academy_main/images/topic/play.png') no-repeat;
  background-size: 100%;
  border: none;
  outline: none;
  user-select: none;
}
.h5-tp-post-video__time,
.tp-post-video__time {
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.16rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.2rem;
  font-size: 0.22rem;
  color: #fff;
  position: absolute;
  right: 0.16rem;
  bottom: 0.16rem;
}
.h5-tp-post-video__player,
.tp-post-video__player {
  width: 100%;
  height: auto;
  max-height: 85%;
}
.h5-tp-post-video__modal,
.tp-post-video__modal {
  position: fixed;
  top: 1.2rem;
  left: 0;
  right: 0;
  z-index: 1;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
  align-items: center;
}
.h5-tp-post-video__modal-close,
.tp-post-video__modal-close {
  position: absolute;
  top: 0.4rem;
  left: 0.36rem;
  z-index: 1;
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  height: 0.48rem;
  width: 0.48rem;
  display: block;
  background: url('/game_academy_main/images/topic/video_close.png') no-repeat;
  background-size: 100%;
}
.h5-tp-post-video__modal .plyr,
.tp-post-video__modal .plyr {
  height: 100%;
}
.h5-tp-post-video__modal .plyr__controls,
.tp-post-video__modal .plyr__controls {
  bottom: 0.44rem;
}
.h5-tp-post-video__modal .plyr__video-wrapper,
.tp-post-video__modal .plyr__video-wrapper {
  height: auto;
}
.h5-tp-post-video__modal .plyr__poster,
.tp-post-video__modal .plyr__poster {
  background-size: cover;
}
.tp-post-video {
  width: 400px;
  height: 225px;
}
.tp-post-video__modal {
  width: 750px;
  top: 80px;
}

.h5-tp-post-item,
.tp-post-item {
  padding: 0.4rem 0.36rem;
  border-bottom: 1px solid #ECEEF2;
}
.h5-tp-post-item__header,
.tp-post-item__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.32rem;
}
.h5-tp-post-item__title,
.tp-post-item__title {
  margin-bottom: 0.12rem;
  font-weight: 500;
  font-size: 0.38rem;
  line-height: 0.6rem;
  color: #2e2e33;
}
.h5-tp-post-item__text,
.tp-post-item__text {
  color: #2E2E33;
  line-height: 0.56rem;
  text-align: justify;
  font-size: 0.34rem;
  position: relative;
}
.h5-tp-post-item__all,
.tp-post-item__all {
  padding: 0 0 0 0.1rem;
  color: #2e2e33;
  font-size: 0.34rem;
  line-height: 0.56rem;
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}
.h5-tp-post-item__all-icon,
.tp-post-item__all-icon {
  background: url('/game_academy_main/images/topic/drop_right.png') no-repeat;
  height: 0.36rem;
  width: 0.36rem;
  background-size: 100%;
  display: inline-block;
  position: relative;
  left: -0.02rem;
  top: 0.06rem;
}
.h5-tp-post-item__zan,
.tp-post-item__zan {
  position: relative;
  padding: 0.06rem 0.18rem;
  color: #fff;
  font-size: 0.26rem;
  line-height: 0.28rem;
}
.h5-tp-post-item__zan:before,
.tp-post-item__zan:before {
  left: 0;
  top: 0;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  transform: skewX(-10deg);
  background: #E24037;
  border-radius: 0.04rem;
  z-index: -1;
}
.h5-tp-post-item__action,
.tp-post-item__action {
  padding-top: 0.34rem;
  display: flex;
  justify-content: space-between;
}
.h5-tp-post-item__action-item,
.tp-post-item__action-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
}
.h5-tp-post-item__action-icon,
.tp-post-item__action-icon {
  width: 0.48rem;
  height: 0.48rem;
  background-size: 100%;
  position: relative;
}
.h5-tp-post-item__action-icon-share,
.tp-post-item__action-icon-share {
  background-image: url('/game_academy_main/images/topic/share_icon.png');
}
.h5-tp-post-item__action-icon-comment,
.tp-post-item__action-icon-comment {
  background-image: url('/game_academy_main/images/topic/comment_icon.png');
}
.h5-tp-post-item__action-icon-like,
.tp-post-item__action-icon-like {
  background-image: url('/game_academy_main/images/topic/like_icon.png');
}
.h5-tp-post-item__action-icon-like--checked,
.tp-post-item__action-icon-like--checked {
  background-image: url('/game_academy_main/images/topic/liked_icon.png');
}
.h5-tp-post-item__action-num,
.tp-post-item__action-num {
  font-size: 0.26rem;
  line-height: 0.32rem;
  color: #6e7078;
}

.h5-tp-post-panel__cates,
.tp-post-panel__cates {
  padding: 0.34rem 0.36rem 0.46rem;
  height: 1.28rem;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  border-bottom: 0.01rem solid #edeff3;
}
.h5-tp-post-panel__cate,
.tp-post-panel__cate {
  margin-right: 0.4rem;
  display: inline-block;
  color: #6E7078;
  font-weight: 500;
  font-size: 0.34rem;
  line-height: 0.48rem;
}
.h5-tp-post-panel__cate--active,
.tp-post-panel__cate--active {
  color: #2E2E33;
  position: relative;
}
.h5-tp-post-panel__cate--active:after,
.tp-post-panel__cate--active:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.08rem;
  margin: auto;
  width: 0.22rem;
  height: 0.08rem;
  background: #e24037;
  border-radius: 0.28rem;
  transition: all 0.3s;
}
.h5-tp-post-panel__cate:last-child,
.tp-post-panel__cate:last-child {
  margin-right: 0;
}
.h5-tp-post-panel__loading,
.tp-post-panel__loading {
  padding: 0.6rem 0;
}
.h5-tp-post-panel__empty,
.tp-post-panel__empty {
  margin: 1rem auto 0;
}
.h5-tp-post-panel__list-end,
.tp-post-panel__list-end {
  padding: 0.32rem;
  text-align: center;
  color: #b9becc;
  font-size: 0.26rem;
}
.tp-post-panel__cates::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}
.tp-post-panel__cates::-webkit-scrollbar-thumb {
  min-height: 30px;
  border: 1px solid transparent;
  background-color: #ccc;
  background-clip: content-box;
  border-radius: 3px;
}
.tp-post-panel__cates::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}

.web-share-alert {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  margin: auto;
  width: 5.4rem;
  height: 2.72rem;
  padding-top: 0.34rem;
  background: #fff;
  border-radius: 0.2rem;
}
.web-share-alert-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.web-share-alert-mock {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.web-share-alert-title {
  font-size: 0.36rem;
  color: #000000;
  text-align: center;
  line-height: 0.5rem;
}
.web-share-alert-content {
  margin-top: 0.1rem;
  margin-bottom: 0.34rem;
  padding: 0 0.32rem;
  font-size: 0.28rem;
  color: #888888;
  text-align: center;
  line-height: 0.42rem;
}
.web-share-alert-bottom {
  width: 100%;
  border-top: 0.02rem solid #ddd;
  display: flex;
  background: #fff;
  border-radius: 0 0 0.2rem 0.2rem;
}
.web-share-alert-bottom-close {
  width: 50%;
  height: 1rem;
  font-size: 0.36rem;
  color: #ED4949;
  letter-spacing: 0;
  text-align: center;
  line-height: 1rem;
  border-right: 0.02rem solid #ddd;
}
.web-share-alert-bottom-ok {
  width: 50%;
  height: 1rem;
  font-size: 0.36rem;
  letter-spacing: 0;
  text-align: center;
  line-height: 1rem;
  color: #067CFF;
}

.h5-tp-posting,
.tp-posting {
  position: fixed;
  top: 1.12rem;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.h5-tp-posting__header,
.tp-posting__header {
  height: 0.88rem;
  width: 100%;
  padding: 0 0.36rem;
  display: flex;
  align-items: center;
}
.h5-tp-posting__header-title,
.tp-posting__header-title {
  font-weight: 500;
  font-size: 0.38rem;
  text-align: center;
  color: #2E2E33;
  margin-bottom: 0;
  flex: 1;
}
.h5-tp-posting__btn,
.tp-posting__btn {
  border: none;
  outline: none;
  user-select: none;
  height: 0.56rem;
  width: 1rem;
  padding: 0;
}
.h5-tp-posting__btn-close,
.tp-posting__btn-close {
  background-color: transparent;
}
.h5-tp-posting__btn-posting,
.tp-posting__btn-posting {
  background: #E24037;
  border-radius: 0.08rem;
  font-weight: 500;
  font-size: 0.26rem;
  color: #fff;
}
.h5-tp-posting__btn-posting--disabled,
.tp-posting__btn-posting--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.h5-tp-posting__close-icon,
.tp-posting__close-icon {
  height: 0.48rem;
  width: 0.48rem;
  display: block;
  background: url('/game_academy_main/images/topic/nav_close.png') no-repeat;
  background-size: 100%;
}
.h5-tp-posting__container,
.tp-posting__container {
  padding: 0.4rem 0.36rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.h5-tp-posting__title,
.tp-posting__title {
  height: 1.04rem;
  width: 100%;
  border-bottom: 1px solid #ECEEF2;
  padding: 0.25rem 0;
  display: flex;
  align-items: flex-end;
}
.h5-tp-posting__title-num,
.tp-posting__title-num {
  font-size: 0.2rem;
  color: #9A9DAB;
  margin-left: 0.16rem;
}
.h5-tp-posting__content,
.tp-posting__content {
  flex: 1;
  --webkit-overflow-scrolling: touch;
}
.h5-tp-posting__input,
.tp-posting__input {
  border: none;
  outline: none;
  padding: 0;
}
.h5-tp-posting__input::placeholder,
.tp-posting__input::placeholder {
  color: #A4A6B3;
}
.h5-tp-posting__input-title,
.tp-posting__input-title {
  height: 100%;
  flex: 1;
  font-weight: 500;
  font-size: 0.38rem;
  color: #2E2E33;
}
.h5-tp-posting__input-content,
.tp-posting__input-content {
  resize: none;
  width: 100%;
  line-height: 0.6rem;
  font-size: 0.34rem;
  color: #2E2E33;
  text-align: justify;
  margin-bottom: 2rem;
}
.tp-posting {
  top: 80px;
  left: 0;
  right: 0;
  width: 750px;
  margin: auto;
}

.h5-tp,
.tp {
  width: 100%;
  margin: auto;
  min-height: 100vh;
  position: relative;
}
.h5-tp__loading,
.tp__loading {
  padding: 1rem 0;
}
.h5-tp__empty,
.tp__empty {
  height: 6.2rem;
}
.h5-tp__posting-btn,
.tp__posting-btn {
  position: fixed;
  right: 0.32rem;
  bottom: 1.16rem;
  height: 1.28rem;
  width: 1.28rem;
  border-radius: 50%;
  border: none;
  outline: none;
  user-select: none;
  padding: 0;
  background: url('/game_academy_main/images/topic/posting.png');
  background-size: 100%;
  background-color: transparent;
}
.tp__posting-btn {
  right: calc((100% - 750px) / 2 + 16px);
}

.h5-tp-post-more,
.tp-post-more {
  padding-top: 0.24rem;
  background-image: url('/game_academy_main/images/topic/topic_divider.png');
  background-size: 100% 0.24rem;
  background-repeat: no-repeat;
  background-position: top;
}
.h5-tp-post-more__head,
.tp-post-more__head {
  padding-left: 0.36rem;
  margin-top: 0.36rem;
  padding-bottom: 0.1rem;
  font-size: 0.42rem;
  line-height: 0.54rem;
  font-weight: bold;
}
.h5-tp-post-more__loading,
.tp-post-more__loading {
  padding: 0.4rem 0;
}
.h5-tp-post-more__btn,
.tp-post-more__btn {
  height: 0.74rem;
  width: 2.78rem;
  display: block;
  margin: 0.64rem auto;
  border-radius: 0.88rem;
  border: 1px solid #D1D6E6;
  background-color: #fff;
  outline: none;
  padding: 0;
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #2E2E33;
}
.h5-tp-post-more__btn-icon,
.tp-post-more__btn-icon {
  background: url('/game_academy_main/images/topic/drop_right.png') no-repeat;
  height: 0.36rem;
  width: 0.36rem;
  background-size: 100%;
  display: inline-block;
  position: relative;
  left: -0.02rem;
  top: 0.07rem;
}

.h5-tp-post-empty,
.tp-post-empty {
  height: 5.7rem;
}

.h5-tp-post-article,
.tp-post-article {
  padding: 0.2rem 0.36rem 0.36rem;
  background-color: #fff;
}
.h5-tp-post-article__user,
.tp-post-article__user {
  background-color: #fff;
  margin-bottom: 0.36rem;
}
.h5-tp-post-article__user .h5-tp-user__avatar,
.tp-post-article__user .h5-tp-user__avatar {
  height: 0.8rem;
  width: 0.8rem;
}
.h5-tp-post-article__title,
.tp-post-article__title {
  font-size: 0.42rem;
  line-height: 0.64rem;
  color: #2E2E33;
  margin: 0.36rem 0 0;
}
.h5-tp-post-article__text,
.tp-post-article__text {
  font-size: 0.36rem;
  line-height: 0.64rem;
  color: #2E2E33;
  text-align: justify;
  margin-top: 0.16rem;
  margin-bottom: 0;
}
.h5-tp-post-article__img,
.tp-post-article__img {
  width: 100%;
  max-height: 8.8rem;
  overflow: hidden;
  margin-top: 0.24rem;
  border-radius: 0.08rem;
}
.h5-tp-post-article__img-wrapper,
.tp-post-article__img-wrapper {
  position: relative;
}
.h5-tp-post-article__img-value,
.tp-post-article__img-value {
  width: 100%;
  height: auto;
}
.h5-tp-post-article__img-flag,
.tp-post-article__img-flag {
  padding: 0.04rem 0.08rem;
  border-radius: 0.04rem;
  font-size: 0.22rem;
  line-height: 0.32rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.24);
  position: absolute;
  right: 0.24rem;
  top: 8.16rem;
}
.h5-tp-post-article__topic,
.tp-post-article__topic {
  font-size: 0.32rem;
  line-height: 0.44rem;
  color: #4A90E2;
  margin-top: 0.42rem;
  margin-bottom: 0.18rem;
}
.h5-tp-post-article__comment,
.tp-post-article__comment {
  padding: 0.36rem;
  margin-top: 0.24rem;
  background-color: #fff;
}
.h5-tp-post-article__comment-item,
.tp-post-article__comment-item {
  margin-top: 0.48rem;
  padding-bottom: 0.48rem;
}
.h5-tp-post-article__comment-item:first-child,
.tp-post-article__comment-item:first-child {
  margin-top: 0;
  border-bottom: 1px solid #EDEFF3;
}

.h5-tp-post-action,
.tp-post-action {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-top: 1px solid #EDEFF3;
  padding: 0.24rem 0.36rem;
  background-color: #fff;
  height: 1.28rem;
  width: 100%;
  display: flex;
  align-items: center;
  max-width: 750px;
}
.h5-tp-post-action__input,
.tp-post-action__input {
  background: #F4F5F9;
  height: 0.8rem;
  width: 3.6rem;
  padding-left: 0.72rem;
  border-radius: 1.08rem;
  margin-right: 0.08rem;
  font-size: 0.3rem;
  line-height: 0.4rem;
  color: #6E7078;
  display: flex;
  align-items: center;
  position: relative;
}
.h5-tp-post-action__input::before,
.tp-post-action__input::before {
  content: '';
  position: absolute;
  left: 0.24rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url('/game_academy_main/images/topic/bottom_edit.png') no-repeat;
  height: 0.4rem;
  width: 0.4rem;
  background-size: 100%;
}
.h5-tp-post-action__list,
.tp-post-action__list {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.h5-tp-post-action__item,
.tp-post-action__item {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-left: 0.56rem;
}
.h5-tp-post-action__icon,
.tp-post-action__icon {
  height: 0.48rem;
  width: 0.48rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
.h5-tp-post-action__icon-comment,
.tp-post-action__icon-comment {
  background-image: url('/game_academy_main/images/topic/bottom_comment.png');
}
.h5-tp-post-action__icon-favor,
.tp-post-action__icon-favor {
  background-image: url('/game_academy_main/images/topic/bottom_collect.png');
}
.h5-tp-post-action__icon-like,
.tp-post-action__icon-like {
  background-image: url('/game_academy_main/images/topic/bottom_like.png');
}
.h5-tp-post-action__icon-like--checked,
.tp-post-action__icon-like--checked {
  background-image: url('/game_academy_main/images/topic/liked_icon.png');
}
.h5-tp-post-action__txt,
.tp-post-action__txt {
  font-size: 0.2rem;
  line-height: 0.2rem;
  color: #868791;
  margin-top: 0.01rem;
}
.h5-tp-post-action__new,
.tp-post-action__new {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background-color: #E24037;
  position: absolute;
  top: -0.06rem;
  right: 0.12rem;
}

.h5-tp-post-comment,
.tp-post-comment {
  margin-top: 0.34rem;
  padding-left: 0.36rem;
}
.h5-tp-post-comment--hot,
.tp-post-comment--hot {
  border-bottom: 1px solid #EDEFF3;
}
.h5-tp-post-comment__list-end,
.tp-post-comment__list-end {
  padding: 0.32rem;
  text-align: center;
  color: #b9becc;
  font-size: 0.26rem;
  position: relative;
  left: -0.18rem;
}
.h5-tp-post-comment__title,
.tp-post-comment__title {
  font-weight: bold;
  font-size: 0.38rem;
  color: #2E2E33;
  line-height: 0.54rem;
  margin-bottom: 0.4rem;
}
.h5-tp-post-comment__item,
.tp-post-comment__item {
  position: relative;
  padding-right: 0.36rem;
}
.h5-tp-post-comment__item-divider,
.tp-post-comment__item-divider {
  height: 1px;
  width: 100%;
  background-color: #EDEFF3;
  margin-left: 0.76rem;
  margin-bottom: 0.32rem;
}
.h5-tp-post-comment__item:first-child .h5-tp-post-comment__item-divider,
.tp-post-comment__item:first-child .tp-post-comment__item-divider {
  display: none;
}
.h5-tp-post-comment__info,
.tp-post-comment__info {
  margin-bottom: 0.32rem;
}
.h5-tp-post-comment__info--sub,
.tp-post-comment__info--sub {
  margin-left: 0.76rem;
}
.h5-tp-post-comment__user,
.tp-post-comment__user {
  display: flex;
  align-items: center;
}
.h5-tp-post-comment__user-avatar,
.tp-post-comment__user-avatar {
  height: 0.56rem;
  width: 0.56rem;
  border-radius: 50%;
}
.h5-tp-post-comment__user-name,
.tp-post-comment__user-name {
  font-weight: 500;
  font-size: 0.32rem;
  color: #2E2E33;
  line-height: 0.44rem;
  margin-left: 0.2rem;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.h5-tp-post-comment__content,
.tp-post-comment__content {
  margin-top: 0.16rem;
  padding-left: 0.76rem;
  position: relative;
  font-size: 16px;
  color: #2E2E33;
  line-height: 26px;
  text-align: justify;
}
.h5-tp-post-comment__text,
.tp-post-comment__text {
  margin-bottom: 0;
}
.h5-tp-post-comment__btn,
.tp-post-comment__btn {
  background-color: transparent;
  border: none;
  user-select: none;
  outline: none;
  padding: 0;
}
.h5-tp-post-comment__btn-link,
.tp-post-comment__btn-link {
  color: #4A90E2;
}
.h5-tp-post-comment__btn-border,
.tp-post-comment__btn-border {
  border: 1px solid #D1D6E6;
}
.h5-tp-post-comment__btn-expand,
.tp-post-comment__btn-expand {
  position: absolute;
  right: 0;
  bottom: 0;
}
.h5-tp-post-comment__btn-like,
.tp-post-comment__btn-like {
  position: absolute;
  top: 0.32rem;
  right: 0.36rem;
  height: 0.56rem;
  display: flex;
  align-items: center;
}
.h5-tp-post-comment__btn-sub-more,
.tp-post-comment__btn-sub-more {
  margin-top: 0.1rem;
  margin-left: 1.52rem;
  font-size: 0.32rem;
  line-height: 0.44rem;
  margin-bottom: 0.5rem;
}
.h5-tp-post-comment__btn-hot-more,
.tp-post-comment__btn-hot-more {
  margin-left: 0.76rem;
}
.h5-tp-post-comment__btn-more,
.tp-post-comment__btn-more {
  width: 2.78rem;
  height: 0.76rem;
  background-color: #fff;
  border-radius: 0.76rem;
  padding-right: 0.28rem;
  font-size: 0.3rem;
  line-height: 0.52rem;
  color: #2E2E33;
  display: block;
  margin: 0 auto 0.46rem;
  position: relative;
  left: -0.18rem;
}
.h5-tp-post-comment__btn-more::after,
.tp-post-comment__btn-more::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0.24rem;
  bottom: 0;
  margin: auto;
  background: url('/game_academy_main/images/topic/drop_down.png') no-repeat;
  height: 0.32rem;
  width: 0.32rem;
  background-size: 100%;
}
.h5-tp-post-comment__icon,
.tp-post-comment__icon {
  background: url('/game_academy_main/images/topic/drop_right_green.png') no-repeat;
  height: 0.32rem;
  width: 0.32rem;
  background-size: 100%;
  display: inline-block;
  position: relative;
  left: -0.02rem;
  top: 0.05rem;
}
.h5-tp-post-comment__like-num,
.tp-post-comment__like-num {
  font-weight: 500;
  font-size: 0.22rem;
  line-height: 0.56rem;
  color: #9A9DAB;
  margin-right: 0.08rem;
}
.h5-tp-post-comment__like-icon,
.tp-post-comment__like-icon {
  background: url('/game_academy_main/images/topic/bottom_like.png');
  height: 0.32rem;
  width: 0.32rem;
  background-size: 100%;
}
.h5-tp-post-comment__like-icon--checked,
.tp-post-comment__like-icon--checked {
  background-image: url('/game_academy_main/images/topic/liked_icon.png');
}

.h5-tp-post__loading,
.tp-post__loading {
  padding: 0.6rem 0;
}
.h5-tp-post__comment-panel,
.tp-post__comment-panel {
  padding-bottom: 1.8rem;
  padding-top: 0.24rem;
  background-image: url('/game_academy_main/images/topic/topic_divider.png');
  background-size: 100% 0.24rem;
  background-repeat: no-repeat;
  background-position: top;
}