.ourService___19Hb6 {
  width: 100%;
  margin-bottom: 96px;
  height: 604px;
}
.innerWrapper___1v6-k {
  width: 1200px;
}
.mainTitle___3woDI {
  color: #333333;
  font-size: 28px;
  font-weight: 600;
}
.mainDes___3I8Dq {
  margin-top: 30px;
  color: #a0a2ab;
  font-size: 26px;
}
.partRight___2jqY4 {
  margin-top: 50px;
}
.item___2lM8g {
  width: 387px;
  height: 156px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.item___2lM8g:nth-child(odd) {
  justify-content: flex-start;
}
.innerItem____zHIc {
  width: 100%;
  height: 100%;
  border-radius: 14px;
  background-color: #ffffff;
  box-shadow: 0 2px 16px 0 rgba(202, 205, 214, 0.47);
  padding: 20px;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
}
.itemTitle___I_4w7 {
  color: #333333;
  font-size: 21px;
  font-weight: bold;
}
.itemDes___T5eP0 {
  margin-top: 10px;
  line-height: 34px;
  color: #a0a2ab;
  font-size: 17px;
}
.toyida___1v_Bo {
  width: 22px;
  height: 22px;
}
.yidaLink___2PC5B {
  float: right;
  color: #3377ff;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
}
.yidaLink___2PC5B img {
  display: inline-block;
  margin-left: 4px;
}
.subDes___3QHnN {
  color: #a0a2ab;
  font-size: 20px;
}
.subTitle___2HCMX {
  color: #333333;
  font-size: 22px;
  font-weight: bold;
}
.subTitle___2HCMX span {
  margin-left: 2px;
}
.subject___1WmZB {
  margin-top: 70px;
}
.itemInfo___2Ogx1 {
  width: 190px;
}
.itemNormal___1KPI- {
  display: flex;
}
.itemActive___1O1sm {
  background-color: #3377ff;
  display: none;
}
.itemHover___1lnb6 {
  width: 100%;
  height: 100%;
}
.itemHover___1lnb6:hover .innerItem____zHIc {
  box-shadow: none;
}
.itemHover___1lnb6:hover .itemNormal___1KPI- {
  display: none;
}
.itemHover___1lnb6:hover .itemActive___1O1sm {
  display: flex;
  animation-duration: 0.8s;
  animation-name: flipInX___VjnJQ;
}
.hoverTitle___vJ-OA {
  color: #ffffff;
  font-size: 16px;
}
.hoverLinkTitle___3BYXR {
  padding: 2px 11px;
  text-align: center;
  border-radius: 17px;
  background-color: #ffffff;
  color: #3377ff;
  font-size: 18px;
  margin-top: 20px;
}
.subQrCode___fPy1e {
  width: 120px;
  height: 120px;
}
.hoverItemPartRight___1shmc {
  flex: 1 1 0px;
}
.outerWrapper___2u26f {
  background-color: #fff;
  min-width: 1200px;
}
@keyframes flipInX___VjnJQ {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX___VjnJQ {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX___VjnJQ;
  animation-name: flipInX___VjnJQ;
}

.aiWrapper___1wgAj {
  margin-top: 60px;
  font-family: PingFangSC-Semibold, PingFang SC;
}

.aiWrapper___AXbyD {
  margin-top: 60px;
  font-family: PingFangSC-Semibold, PingFang SC;
}

.ClassRoom___3RzMh {
  background-color: #F6F7F8;
  overflow: hidden;
}
.mainContent___2OY2J {
  background-color: white;
  padding-bottom: 53px;
}

.TopBlueStick___206Il {
  z-index: 9999;
  background-color: #3377ff;
  height: 60px;
  width: 100%;
}
.CenterTitle___2QhMh {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.playingCon___1f2vb {
  height: 30px;
  background-color: white;
  color: #3377ff;
  border-radius: 4px;
  padding: 0 6px;
  line-height: 30px;
}
.playingCon___1f2vb img {
  width: 13px;
  height: 13px;
}
.CenterTitleInnerLayout___2g-Gh {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.CenterTitleInnerLayout___2g-Gh .CTILeft___28GoN {
  flex: 1 1 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.CenterTitleInnerLayout___2g-Gh .CTIRight___1tQe1 {
  flex: 0 0 350px;
}
.logoLayout___9dIG_ {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.extraRightInfo___ulMEc {
  height: 100%;
  align-items: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.extraRightInfo___ulMEc > div:not(:first-child) {
  margin-left: 61px;
}
.ClassroomNavigationChildLayout___2d5jm {
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 26px;
}

.wrapper___30z3z {
  background: #f8f8f8;
  padding-bottom: 110px;
}
.extraInfo___3sbuB {
  display: flex;
  flex-direction: row;
  margin-top: 105px;
  align-items: flex-start;
}
.navigation___EnzYO {
  flex: 0 0 226px;
  width: 226px;
  background: #ffffff;
  border-radius: 6px;
}
.content___1QCjy {
  flex: 1 1 0px;
  margin-left: 10px;
  background: #ffffff;
}
.title___2n2YU {
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 600;
  color: #131b33;
  border-bottom: 2px solid #f8f8f8;
}
.mainContent___kE8dF {
  padding: 15px 20px;
  min-height: 800px;
}
.item___1ITVs {
  height: 55px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.item___1ITVs .itemInnerWrapper___JgwHV {
  height: 30px;
  padding-left: 35px;
  border-left: 3px solid transparent;
  color: #131b33;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.item___1ITVs .itemSelected___3JsBz {
  border-color: #3377ff;
  color: #3377ff;
}

p {
  margin: 0;
  padding: 0;
}
.memory-tab___180np {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 60px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(202, 205, 214, 0.47);
}
.tab-list___1hleY {
  margin-left: 41px;
  height: 60px;
  line-height: 60px;
  color: #6d7278;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  z-index: 10;
  cursor: pointer;
}
.tab-list___1hleY:first-child {
  margin-left: 25px;
}
.tab-active___1rA6t {
  color: #ffaa1e;
}
.lookNum___1aQ6r {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 18px;
  height: 100%;
}
.memory-detail-data___3kBXN {
  display: inline-block;
  margin-left: 490px;
  color: #a0a2ab;
  font-size: 16px;
  text-align: justify;
}
.memory-detail-look___3EogB {
  display: inline-block;
  margin-left: 30px;
  color: #a0a2ab;
  font-size: 16px;
  text-align: justify;
  text-indent: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAY1BMVEUAAACgoqugo6ygoqugpqugoqugoqygoqugo6qgoqygoquhoqugoqugo6ygo6uho6ygoqygoquho6yhpK2hpKqgo66WlqWgoquho6ugoauho6ygoquho6uhpK2ioqyAgL+goqsjLSJrAAAAIHRSTlMA8UHpCvXVHBLYmjn4z7OvnIlzWygkBcu7npOPgVFNBF2mVn0AAACCSURBVBjTbZDbEoMwCEQXQ6KJ92tta1v+/ysrOo4v8AIDOwcWnFGm6H1MJe7IG6G271uSJsclczSwFjyQy85e5sN8zefgj+5EoQCKjuipuaYJ4OB2zu9Rdamql53vIuMtqh/lA3xlVJq84FZlbMLAIpvWK5lKk2ltt+60HdnezS/9AStXCGXK0aVNAAAAAElFTkSuQmCC) 0 center no-repeat;
}

.publicClassInfo___3cpKL {
  padding-top: 175px;
}
.card___rv0Hv {
  background: #ffffff;
  border-radius: 6px;
}
.wrapper___1lUpw {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.content___12G83 {
  flex: 0 0 825px;
  background: #ffffff;
  border-radius: 6px;
}
.extra___2_m8l {
  flex: 0 0 325px;
  width: 325px;
}
.classInfo___hKeMt {
  background: #ffffff;
  border-radius: 6px;
  padding: 20px;
}
.teacherInfo___20Nyi {
  background: #ffffff;
  border-radius: 6px;
  margin-top: 20px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.teacherInfo___20Nyi > img {
  width: 143px;
  height: 143px;
}
.date___3ROrH {
  color: #FFAA1E;
  font-weight: bold;
}
.cover___104Tg {
  width: 285px;
  height: 147px;
  margin-bottom: 10px;
}
.label___30j8F {
  font-size: 14px;
  font-weight: 600;
  color: #363d51;
  flex: 0 0 70px;
}
.itemContent___1DNrO {
  flex: 0 0 205px;
  font-size: 15px;
  font-weight: 400;
  color: #363d51;
  word-break: break-word;
}
.item___1bLYk {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.item___1bLYk:not(:last-child) {
  margin-bottom: 10px;
}
.tips___1rDhg {
  font-size: 16px;
  font-weight: bold;
  color: #363d51;
  line-height: 29px;
  letter-spacing: 1px;
}
.mainTitle___x4FkV {
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 600;
  color: #a0a2ab;
  border-bottom: 2px solid #f8f8f8;
  background-color: white;
}
.mainContent___39MmK {
  padding: 25px 33px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.outerWrapper___1p7aF {
  background-color: #f8f8f8;
  padding-bottom: 110px;
  min-width: 1200px;
}
.qrCodeGroup___NB0W4 {
  display: flex;
  flex-direction: row;
  padding: 22px 31px;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 6px;
  margin-top: 15px;
}
.qrCodeGroup___NB0W4.qrCodeGroupOnlyOne___20ouw {
  justify-content: center;
}
.qrCodeWrapper___1BaUw {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  color: #363d51;
  line-height: 19px;
}
.qrCodeWrapper___1BaUw img {
  width: 120px;
  height: 120px;
}
.extraDes___3yFx1 {
  margin-top: 14px;
}
.heightLight___HbeNy {
  color: #3377ff;
}
.ad___2cx5f {
  width: 325px;
  height: 147px;
  margin-top: 15px;
  border-radius: 6px;
  overflow: hidden;
}
.returnBtn___2s_Y6 {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  padding-top: 45px;
  background-color: #f8f8f8;
  z-index: 2;
}

.navWrapper___3o3-O {
  top: 60px;
  left: 0;
  background: #f6f7f8;
  position: fixed;
  width: 100%;
  z-index: 9;
}
.innerWrapper___mjKLZ {
  height: 205px;
  padding-top: 45px;
}
.filterWrapper___UbbRq {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  padding: 16px 45px;
}
.filterWrapper___UbbRq > div:not(:first-child) {
  margin-left: 42px;
}
.content___3-71l {
  min-height: 300px;
}

/* 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-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 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-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #5c98ff;
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: #5c98ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(51, 119, 255, 0.2);
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #3377FF;
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #5c98ff;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 49px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  vertical-align: 0;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-textarea-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-textarea-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

p {
  margin: 0;
  padding: 0;
}
.memory-tab___3icPd {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 60px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(202, 205, 214, 0.47);
}
.tab-list___1h3xU {
  margin-left: 41px;
  height: 60px;
  line-height: 60px;
  color: #6d7278;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  z-index: 10;
  cursor: pointer;
}
.tab-list___1h3xU:first-child {
  margin-left: 25px;
}
.tab-active___cxksf {
  color: #ffaa1e;
}
.lookNum___3STIa {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 18px;
  height: 100%;
}
.memory-detail-data___2c6US {
  display: inline-block;
  margin-left: 490px;
  color: #a0a2ab;
  font-size: 16px;
  text-align: justify;
}
.memory-detail-look___9uQzH {
  display: inline-block;
  margin-left: 30px;
  color: #a0a2ab;
  font-size: 16px;
  text-align: justify;
  text-indent: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAY1BMVEUAAACgoqugo6ygoqugpqugoqugoqygoqugo6qgoqygoquhoqugoqugo6ygo6uho6ygoqygoquho6yhpK2hpKqgo66WlqWgoquho6ugoauho6ygoquho6uhpK2ioqyAgL+goqsjLSJrAAAAIHRSTlMA8UHpCvXVHBLYmjn4z7OvnIlzWygkBcu7npOPgVFNBF2mVn0AAACCSURBVBjTbZDbEoMwCEQXQ6KJ92tta1v+/ysrOo4v8AIDOwcWnFGm6H1MJe7IG6G271uSJsclczSwFjyQy85e5sN8zefgj+5EoQCKjuipuaYJ4OB2zu9Rdamql53vIuMtqh/lA3xlVJq84FZlbMLAIpvWK5lKk2ltt+60HdnezS/9AStXCGXK0aVNAAAAAElFTkSuQmCC) 0 center no-repeat;
}

.scrollList___TDEXL {
  position: relative;
}
.scrollList___TDEXL ul {
  margin-bottom: 0;
}
 {
  /*
   * Scrollbar rail styles
   */
  /*
   * Scrollbar thumb styles
   */
  /* MS supports */
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  top: 0;
  width: 10px;
  /* please don't change 'position' */
  position: absolute;
}
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #f2f0ff;
  opacity: 0.9;
}
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__thumb-y {
  background-color: rgba(51, 119, 255, 0.5);
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: rgba(51, 119, 255, 0.5);
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.loader___1ASv_ {
  background: #F8F8F8;
  text-align: center;
  color: #cacdd6;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: 600;
}

.download___1uXz5 {
  height: 100%;
  padding-top: 52px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
}
.downloadTips___20QoR {
  flex: 0 0 117px;
  line-height: 93px;
  color: #ffffff;
  font-size: 26px;
  text-align: center;
  font-weight: 600;
}
.oraldownloadTips___2qDI5 {
  background: url(/images/oral.c2090de3.png) center center no-repeat;
  background-size: 100% 100%;
}
.listendownloadTips___3wO98 {
  background: url(/images/listening.2af6308a.png) center center no-repeat;
}
.passdownloadTips___bh-SL {
  background: url(/images/passage.04eee967.png) center center no-repeat;
}
.writedownloadTips___Yj3oy {
  background: url(/images/write.2798bde6.png) center center no-repeat;
}
.downloadCon___2lcCx {
  position: relative;
  flex: 1 0 633px;
  padding: 0 15px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
  background: #F8F8F8;
}
.downloadCon___2lcCx::-webkit-scrollbar {
  width: 5px;
}
.downloadCon___2lcCx::-webkit-scrollbar-track {
  border-radius: 5px;
}
.downloadCon___2lcCx::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(51, 119, 255, 0.3);
}
.downloadList___3G7O2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 72px;
  color: #131b33;
  font-size: 18px;
  text-align: left;
  font-weight: 800;
  border-bottom: 1px solid #E6E7EB;
}
.downloadListLast___zURry {
  border-bottom: 0;
}
.downloadtitle___1jc5V {
  display: inline-block;
  width: 275px;
  height: 25px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.downloadIcon___1aRYZ {
  display: flex;
  flex-direction: column;
  width: 43px;
  height: 36px;
  cursor: pointer;
}
.downloadIcon___1aRYZ .downloadImg___143Zw {
  display: inline-block;
  width: 100%;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAMAAADqmnyMAAAARVBMVEUAAADZ7O7LztfKzdfL0NrLztfU2dzKztfLztfLztfLztfLztfMz9jMztnNz9fKztbLztfLzdbLztbKztfKzdfKztjKzdY1JrFCAAAAFnRSTlMABfv3M/AO7eCstYdeWTzUwK+ooJqC/1CX8QAAAG9JREFUGNOFy1sKhDAQRNFKx2TyUOdd+1/qNM1oQ0S8PwUHCnvtiWOUC1zmEecFMQ4YJIEckfEc8/1jGN4lOya+AiVU3hwxJVaK2uR3U03N0dTM8a9qIyJn7Fi4hi2zlQWdXgMeOh3oRbYq0KR88QMXggeRoRtrtgAAAABJRU5ErkJggg==) center center no-repeat;
}
.downloadIcon___1aRYZ .downloadNum___1F2g9 {
  display: inline-block;
  width: 100%;
  height: 11px;
  margin-top: 6px;
  color: #cacdd6;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
}
.downloadIcon___1aRYZ:hover .downloadImg___143Zw {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAMAAADqmnyMAAAASFBMVEUAAABAlP8zeP80eP80eP8zd/80d/8zeP83fP80d/8zd/80eP8zd/80eP81eP81eP80d/80eP8zd/8zeP8zd/8zeP87if8zd/+o0kX2AAAAF3RSTlMABfv3M/Dtqw7etYfiXlk81MCvoJqCDUK+V9QAAABuSURBVBjThchZCgMxDATRtjwTb7Nk7/vfNEJgGRxC6qfgwat3fEf5g8c+434gxgmDrCBnZPyN7+vTMDxKdswrU6CExMtALKoUtQWOppqaY1ezgaZqMyJnOG48Q8/sZEHjqAI3XQPaJr0EVCkvfABGEgflQ3mt0gAAAABJRU5ErkJggg==) center center no-repeat;
}
.downloadIcon___1aRYZ:hover .downloadNum___1F2g9 {
  color: #3377FF;
}

.memory-detail-box___3dmUm {
  width: 100%;
  min-height: 600px;
  display: flex;
  flex-direction: column;
}
.memory-detail___cTHHp {
  width: 100%;
  margin-top: 40px;
  padding: 45px 0;
  background: #F6F7F8;
}
.memory-detail___cTHHp .memory-detail-wrap___3-lxN {
  width: 1200px;
  margin: 0 auto;
}
.memory-detail___cTHHp .memory-detail-wrap___3-lxN .go-back___3Oqkc {
  width: 114px;
  height: 40px;
  color: #a0a2ab;
  font-size: 16px;
  font-weight: 800;
  line-height: 40px;
  text-align: left;
  text-indent: 32px;
  border-radius: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAElBMVEUAAACeqqqho6yhoquhoqugoquS5X0/AAAABXRSTlMAFdPLwwAAt/oAAAAoSURBVAjXY2BgYDQBEkLBQIaqIpARJIBgMJgCGSACwgVKoDODwQYAAKbKBM3VswyfAAAAAElFTkSuQmCC) 15px center no-repeat #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(120, 154, 172, 0.18);
  cursor: pointer;
}
.memory-detail___cTHHp .memory-detail-wrap___3-lxN .memory-detail-header___1zSio {
  display: flex;
  width: 100%;
  height: 60px;
  padding: 0 15px;
  margin-top: 25px;
  line-height: 60px;
  color: #131b33;
  font-size: 22px;
  text-align: left;
  font-weight: 800;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(202, 205, 214, 0.47);
}
.memory-detail___cTHHp .memory-detail-wrap___3-lxN .memory-detail-header___1zSio .memory-detail-header-title___1QXA1 {
  width: 75%;
  line-height: 60px;
  color: #131b33;
  font-size: 22px;
  text-align: left;
  font-weight: 800;
}
.memory-detail___cTHHp .memory-detail-wrap___3-lxN .memory-detail-header___1zSio .memory-detail-data-right___222xu {
  display: inline-block;
  margin-left: 60px;
  color: #a0a2ab;
  font-size: 16px;
  text-align: justify;
  font-weight: normal;
}
.memory-detail___cTHHp .memory-detail-wrap___3-lxN .memory-detail-header___1zSio .memory-detail-look___203nA {
  display: inline-block;
  margin-left: 30px;
  color: #a0a2ab;
  font-size: 16px;
  text-align: justify;
  text-indent: 25px;
  font-weight: normal;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAY1BMVEUAAACgoqugo6ygoqugpqugoqugoqygoqugo6qgoqygoquhoqugoqugo6ygo6uho6ygoqygoquho6yhpK2hpKqgo66WlqWgoquho6ugoauho6ygoquho6uhpK2ioqyAgL+goqsjLSJrAAAAIHRSTlMA8UHpCvXVHBLYmjn4z7OvnIlzWygkBcu7npOPgVFNBF2mVn0AAACCSURBVBjTbZDbEoMwCEQXQ6KJ92tta1v+/ysrOo4v8AIDOwcWnFGm6H1MJe7IG6G271uSJsclczSwFjyQy85e5sN8zefgj+5EoQCKjuipuaYJ4OB2zu9Rdamql53vIuMtqh/lA3xlVJq84FZlbMLAIpvWK5lKk2ltt+60HdnezS/9AStXCGXK0aVNAAAAAElFTkSuQmCC) 0 center no-repeat;
}
.memory-detail-body___20obv {
  width: 1200px;
  min-height: 300px;
  margin: 40px auto;
}
.memory-detail-body___20obv .memory-detail-text___3abmD {
  float: left;
  width: 854px;
  overflow: hidden;
}
.memory-detail-body___20obv .memory-detail-text___3abmD .memory-detail-richtext___14kNa {
  padding: 30px;
  border-radius: 9px;
  background-color: #f8f8f8;
}
.memory-detail-body___20obv .memory-detail-text___3abmD .next-memory___2A6rl {
  display: flex;
  width: 100%;
  margin-top: 10px;
}
.memory-detail-body___20obv .memory-detail-text___3abmD .next-memory___2A6rl .pre-memory-btn___3vpgO {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAIBAMAAAAy1HOFAAAAJFBMVEUAAAAzd/8zd/8qgP8yef8zd/8yd/8zeP8ydv8zd/8zdf8zd//H0QjkAAAAC3RSTlMA+78GMtLKgoSDMpK8eZsAAAAySURBVAjXY2BgVjJgYGBg310AJB13SwEFondvNWDg2L179wQGRyApwpANJLcxaAPJTQAbVBBLFD019QAAAABJRU5ErkJggg==) center center no-repeat #f3f7ff;
  cursor: pointer;
}
.memory-detail-body___20obv .memory-detail-text___3abmD .next-memory___2A6rl .next-memory-btn___2ivOQ {
  display: inline-block;
  width: 81px;
  height: 30px;
  color: #3377FF;
  font-weight: 900;
  line-height: 30px;
  margin-left: 5px;
  text-indent: 8px;
  border-radius: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAIBAMAAAAy1HOFAAAAIVBMVEUAAAAzd/8zd/8qgP8zeP8zd/8yd/8yeP8zdf8ydv8zd//pY9ESAAAACnRSTlMA+78GgtLKMzKEkzBrFwAAADNJREFUCNdj0Fq1atUihiwguYyhEEiKM3ACSQcG5qhVSw0YGBpXSTAwMLCscgCSzEoGDADHNQ8ILZ8UdQAAAABJRU5ErkJggg==) 60px 12px no-repeat #f3f7ff;
  cursor: pointer;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX {
  float: right;
  width: 325px;
  border-radius: 6px;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB {
  width: 100%;
  height: 764px;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .title___3BWIY {
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #333333;
  font-size: 18px;
  text-align: left;
  font-weight: 700;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB {
  width: 100%;
  height: 719px;
  margin-top: 15px;
  padding: 0 20px;
  background-color: #f8f8f8;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 6px;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB .listItem___2EFS4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 71px;
  padding: 15px 0;
  cursor: pointer;
  border-bottom: 1px solid rgba(202, 205, 214, 0.2);
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB .listItem___2EFS4 .listItemNum___3RnNY {
  width: 10px;
  height: 25px;
  font-size: 18px;
  color: #a0a2ab;
  font-weight: 600;
  color: linear-gradient(to bottom, #ff3366, #ffaa1e);
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB .listItem___2EFS4 .listItemOne___7Gpfx {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAMAAABh7EcdAAAAZlBMVEUAAAD/gYH/qY7/nov/lIf/g4H/d33/mor/joX/po3/oIv/spH/ioP/bnr/sJH/rI7/oIv/oY3/d33/bn3/sJL/ooz/p4//rJP/pJL/qqr/qI3/mIj/iIP/fH//oIv/kIX/dHv/bnrgm2+nAAAAGnRSTlMAWMLCwsLCWFjt6tfCwqWaeVxYWFRHQCgOBggqLvIAAABLSURBVBjTpcc3FoAwDARRkXPOwqT7XxI3gnXp56nmk1NjUX+/NMy+YGbOfk15252BaN0o2bUkrRCUXoZUCfJUhDpMxaD+Rg1PRXa9vzoDE3d9+l4AAAAASUVORK5CYII=) center no-repeat;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB .listItem___2EFS4 .listItemTwo___1m4uU {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAMAAABh7EcdAAAAolBMVEUAAAD/dX3/q5L/rY//pI3/cnz/pY7/foH/rJD/hYX/oo7/ioP/kIb/qo//lYf/pIz/gIH/oIv/sJH/dHz/hIL/poz/hIL/qo//mor/m4r/sJH/en7/qo//oIz/gIH/q47/e4D/i4X/m4r/cHr/spD/ioP/kIb/kIX/mov/l4f/o4//rY//mYz/b3r/rI//dnz/pYz/n4r/koX/goD/mYj/ioNT4hvVAAAALXRSTlMA2gf4amdDNzImDfv48fHs6ubl4tza1M3NxsLCurGsp6SYlHt6bWVcUVEyGRTuVG/AAAAAcklEQVQY02MgFXAhmBxSzHpCKkwQDhuznrgMr548mMMkasDCwKDNb8AB4mkZCoIoWUMWsEJJJRAlYaKBMEnTiE8HzlHnMVKDsZkUTblVYRxOMWMRdjhHwFgO4RZpfQWEaez6+sKMIMAK4rHqQoEyKd4EAFwfCI/X/y8NAAAAAElFTkSuQmCC) center no-repeat;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB .listItem___2EFS4 .listItemThree___1oCEy {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAMAAABh7EcdAAAArlBMVEUAAAD/dXz/kIX/gID/lov/iIj/rJT/r5H/oIr/qI7/p43/k4j/eH//r5D/lor/cnv/iYX/qpz/lYj/gID/sJD/e3//qo//oIv/cXz/loj/q4//cHv/qo7/n4v/en7/sJH/po3/dn3/i4X/mor/dn3/jIT/lof/sZH/dn3/fX//m4r/kYb/cX3/cnz/oo7/moj/mIz/cXv/bID/q47/cHr/pY3/hoL/en7/moj/i4QVL6aQAAAAM3RSTlMA/v7+FhQO/f26hnleTEA5IAn49e/t6Ofi4drY1crKycLCwLu2pKCckYdmXVhKNCsqGxrRcdK3AAAAgUlEQVQY02MgFbAhmCzqIuzs8rxQcSljMU4ZY2MIl8uUUxBEKoB5shx8QFKPQxzJHC0LZRhTn1tNSNIAxtNmYmLihisTFOBTslSFWMcKIlnNzFhA1jEzg7nCzAIgSs5cE0jymIuCVfIzMipqqDAy8kDM0JU2MTGR0IGbacRvSNCbADPiCJXHzjMNAAAAAElFTkSuQmCC) center no-repeat;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB .listItem___2EFS4 .listCon___1LVcG {
  width: 256px;
  margin-left: 13px;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB .listItem___2EFS4 .listCon___1LVcG .listTitle___KWeiJ {
  height: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB .listItem___2EFS4 .listCon___1LVcG .list___226i3 {
  width: 100%;
  height: 17px;
  line-height: 17px;
  margin-top: 4px;
  color: #a0a2ab;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.memory-detail-body___20obv .memory-detail-img-box___vZvPX .memory-detail-img___6KnpB .listItemWrap___2t6wB .listItem___2EFS4:last-child {
  border-bottom: 0;
}
.next-memory-btn-title___2kWCh {
  height: 30px;
  line-height: 30px;
  color: #a0a2ab;
  font-size: 16px;
  text-align: left;
  font-weight: 800;
  text-indent: 10px;
}
.h5link___3wwmZ {
  width: 1200px;
  height: 400px;
}

.fullClass___27-n3 {
  width: 100%;
  height: 100%;
  padding-top: 60px;
}
.fullClass___27-n3 .bg1___1KgbL {
  width: 100%;
  aspect-ratio: 3.85943775;
}
.fullClass___27-n3 .bg2___3h5PQ {
  width: 100%;
  aspect-ratio: 2.62295082;
}
.fullClass___27-n3 .bottomWrapper___2d_aa {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fullClass___27-n3 .bottomWrapper___2d_aa .bg3___6MTBn {
  width: calc(1204 / 1920 * 100%);
  aspect-ratio: 0.93842557;
  margin-top: 80px;
}
.fullClass___27-n3 .bottomWrapper___2d_aa .bg4___3OHCQ {
  width: calc(1200 / 1920 * 100%);
  aspect-ratio: 2.28571429;
  margin-top: 61px;
}
.fullClass___27-n3 .bottomWrapper___2d_aa .bg5___1un2p {
  width: calc(1200 / 1920 * 100%);
  aspect-ratio: 1.36208854;
  margin-top: 84px;
  margin-bottom: 45px;
}
.fullClass___27-n3 .courseConsultant___34ZGI {
  width: 215px;
  aspect-ratio: 0.75438596;
  position: fixed;
  right: calc(119 / 1920 * 100%);
  bottom: calc(65 / 1920 * 100%);
}
.fullClass___27-n3 .courseConsultant___34ZGI .courseConsultantImg___3EAxd {
  width: 100%;
  height: 100%;
}
.fullClass___27-n3 .courseConsultant___34ZGI .assistantImg___3nczj {
  position: absolute;
  left: 35px;
  bottom: 30px;
  width: 138px;
  aspect-ratio: 1;
}

.user_tab_container___7GbJ2 {
  width: 226px;
  height: 110px;
  border-radius: 6px;
  background-color: #ffffff;
}
.user_tab_container___7GbJ2 .per_tab___1cWxT {
  width: 226px;
  height: 55px;
  line-height: 55px;
  cursor: pointer;
}
.user_tab_container___7GbJ2 .per_tab___1cWxT .left_line___2d7rU {
  width: 3px;
  height: 31px;
  vertical-align: middle;
  display: inline-block;
  background: #3377ff;
  opacity: 0;
}
.user_tab_container___7GbJ2 .per_tab___1cWxT .tab_title___3EbJp {
  width: 80px;
  height: 22px;
  color: #363D51;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  margin-left: 32px;
}
.user_tab_container___7GbJ2 .active_tab___26RQ1 .left_line___2d7rU {
  opacity: 1;
}
.user_tab_container___7GbJ2 .active_tab___26RQ1 .tab_title___3EbJp {
  color: #3377ff;
}

.reset_card_container___3Hf7a {
  width: 965px;
  height: 622px;
  border-radius: 6px;
}
.reset_card_container___3Hf7a input {
  border: none;
  outline: none;
}
.reset_card_container___3Hf7a .subtitle_container___343fs {
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding-left: 20px;
  background-color: #ffffff;
  margin-bottom: 2px;
  color: #131b33;
  font-size: 18px;
  text-align: left;
  font-weight: 600;
}
.reset_card_container___3Hf7a .bottom_container___3kwgl {
  height: 565px;
  padding-top: 36px;
  background-color: #ffffff;
}
.botton_style___2C0L9 {
  margin: 45px 0 0 182px;
}

.old_container___1cFPf {
  width: 100%;
  height: 22px;
  line-height: 22px;
  margin: 15px 0;
}
.old_container___1cFPf .option_title___3MNAx {
  width: 80px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  color: #131b33;
  font-size: 16px;
  text-align: right;
  margin-left: 77px;
}
.old_container___1cFPf .phone_span___23N1T {
  width: 97px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  color: #cacdd6;
  font-size: 16px;
  text-align: left;
  margin-left: 25px;
}
.new_container___96_En {
  width: 100%;
  height: 35px;
  line-height: 35px;
  margin: 15px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.new_container___96_En .option_title___3MNAx {
  width: 80px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  color: #131b33;
  font-size: 16px;
  text-align: right;
  margin-left: 77px;
}
.new_container___96_En .reset_input_container___VmrwL {
  width: 307px;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  border: 1px solid #cacdd6;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  margin-left: 25px;
}
.new_container___96_En .reset_input_container___VmrwL:hover {
  border-color: #3377ff;
}
.new_container___96_En .reset_input_container___VmrwL .zone_span___1lOdJ {
  width: 50px;
  height: 22px;
  line-height: 22px;
  color: #cacdd6;
  font-size: 16px;
  text-align: center;
  font-weight: 800;
  border-right: 1px solid #CACDD6;
}
.new_container___96_En .reset_input_container___VmrwL .phone_input___5iEQx {
  margin-left: 10px;
  line-height: 22px;
  color: #131B33;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
}
.new_container___96_En .reset_input_container___VmrwL .phone_input___5iEQx::-webkit-input-placeholder {
  /* WebKit browsers 适配谷歌 */
  color: #cacdd6;
}
.new_container___96_En .reset_input_container___VmrwL .phone_input___5iEQx:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐 */
  color: #cacdd6;
}
.new_container___96_En .reset_input_container___VmrwL .phone_input___5iEQx::-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐 */
  color: #cacdd6;
}
.new_container___96_En .reset_input_container___VmrwL .phone_input___5iEQx:-ms-input-placeholder {
  /* Internet Explorer 10+  适配ie*/
  color: #cacdd6;
}
.verify_code_container___1pKGG {
  width: 100%;
  height: 35px;
  line-height: 35px;
  margin: 15px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.verify_code_container___1pKGG .option_title___3MNAx {
  width: 80px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  color: #131b33;
  font-size: 16px;
  text-align: right;
  margin-left: 77px;
}
.verify_code_container___1pKGG .code_input_container___1vs10 {
  width: 307px;
  height: 35px;
  border-radius: 3px;
  border: 1px solid #cacdd6;
  margin-left: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.verify_code_container___1pKGG .code_input_container___1vs10 .code_input___2pTQ7 {
  margin-left: 10px;
  line-height: 22px;
  color: #131B33;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
}
.verify_code_container___1pKGG .code_input_container___1vs10 .code_input___2pTQ7::-webkit-input-placeholder {
  /* WebKit browsers 适配谷歌 */
  color: #cacdd6;
}
.verify_code_container___1pKGG .code_input_container___1vs10 .code_input___2pTQ7:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐 */
  color: #cacdd6;
}
.verify_code_container___1pKGG .code_input_container___1vs10 .code_input___2pTQ7::-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐 */
  color: #cacdd6;
}
.verify_code_container___1pKGG .code_input_container___1vs10 .code_input___2pTQ7:-ms-input-placeholder {
  /* Internet Explorer 10+  适配ie*/
  color: #cacdd6;
}
.verify_code_container___1pKGG .code_input_container___1vs10 .code_tip_span___hvM9T,
.verify_code_container___1pKGG .code_input_container___1vs10 .code_tip_span_gray___3fK2o {
  width: 90px;
  height: 22px;
  line-height: 22px;
  color: #3377ff;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  border-left: 1px solid #CACDD6;
  cursor: pointer;
}
.verify_code_container___1pKGG .code_input_container___1vs10 .code_tip_span___hvM9T:hover,
.verify_code_container___1pKGG .code_input_container___1vs10 .code_tip_span_gray___3fK2o:hover {
  opacity: 0.7;
}
.verify_code_container___1pKGG .code_input_container___1vs10 .code_tip_span_gray___3fK2o {
  color: #CACDD6;
}
.password_container___lMz-q {
  width: 100%;
  height: 35px;
  line-height: 35px;
  margin: 15px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.password_container___lMz-q .option_title___3MNAx {
  width: 80px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  color: #131b33;
  font-size: 16px;
  text-align: right;
  margin-left: 77px;
}
.password_container___lMz-q .password_input_container___1ZeYD {
  width: 307px;
  height: 35px;
  border-radius: 3px;
  border: 1px solid #cacdd6;
  margin-left: 25px;
}
.password_container___lMz-q .password_input_container___1ZeYD .password_input___1KSks {
  margin-left: 10px;
  line-height: 22px;
  color: #131B33;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
}
.password_container___lMz-q .password_input_container___1ZeYD .password_input___1KSks::-webkit-input-placeholder {
  /* WebKit browsers 适配谷歌 */
  color: #cacdd6;
}
.password_container___lMz-q .password_input_container___1ZeYD .password_input___1KSks:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 适配火狐 */
  color: #cacdd6;
}
.password_container___lMz-q .password_input_container___1ZeYD .password_input___1KSks::-moz-placeholder {
  /* Mozilla Firefox 19+ 适配火狐 */
  color: #cacdd6;
}
.password_container___lMz-q .password_input_container___1ZeYD .password_input___1KSks:-ms-input-placeholder {
  /* Internet Explorer 10+  适配ie*/
  color: #cacdd6;
}

.btn_container___1iWCd {
  width: 88px;
  border-radius: 3px;
  height: 35px;
  line-height: 35px;
  color: #3377ff;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  background: rgba(51, 119, 255, 0.1);
  cursor: pointer;
}
.btn_container___1iWCd:hover {
  background: #3377ff;
  color: #FFF;
}

.modify_page_container___1-KM7 {
  width: 100vw;
  height: 837px;
  background: #F8F8F8;
  position: relative;
  user-select: none;
  margin: 0;
  padding: 0;
}
.modify_account_container___1f4qf {
  width: 1200px;
  height: 622px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 105px;
  padding-top: 20px;
  background: #f8f8f8;
}


.avatar_container___1_Nf6 {
  width: 86px;
  height: 86px;
  overflow: hidden;
  position: relative;
}
.avatar_container___1_Nf6 .user_avatar___3nTs8 {
  width: 86px;
  height: 86px;
  max-width: 100%;
  border: 1px Solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.avatar_container___1_Nf6 .upload_cover___2nNZy {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
.avatar_container___1_Nf6 .upload_cover___2nNZy .span_tag___rI3XE {
  width: 60px;
  height: 17px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  font-weight: 800;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.avatar_container___1_Nf6 .input_tag___19-9M {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.usercard_container___I8WPK {
  width: 226px;
  height: 622px;
  border-radius: 6px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 0 42px;
}
.usercard_container___I8WPK input {
  border: none;
  outline: none;
}
.usercard_container___I8WPK .name_item___3Xi-x {
  height: 22px;
  line-height: 22px;
  color: #6d7278;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 31px;
}
.usercard_container___I8WPK .name_item___3Xi-x .name_icon___3I4oN {
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAMAAACTisy7AAAA81BMVEUAAAD////MzMyqqtWnp7GkpK2lpa2gqK+hqK6kpLChp6yhpq6jo6ugpa2jo6uhpa2gpKujo66hpaujo6yioquipK2jo66ipa2go66ioq2go66ioq2ho62go62ho62ipKygo6yhpK2ho6yho6yho6yho6yioq2hpKygoq2ho6uipKyipKygoqyhoqyho6yho6yio6yho6yho6yhoqygo6yho6uhoqygo6yhoqugo6yhoqygo6ugo6yhoqygo6uho6uhoqyhoqyho6ugoqygo6uho6ygoquho6ugo6ugoqyho6ugoquho6yho6ugoquho6ygoquh6E0ZAAAAUHRSTlMAAgUGGhwiIyYtMTk6PkBERkhPU1VaW11eYGFjZGZnaGlqbG9ydXZ4eXp7foGHiouOk6CirK6+v8DCy8zN0dLY2dze3+Xm5+vw9fb6+/z9/sTNnkIAAADaSURBVCjPpdHHWsJAAEXho1iwK8aCFRSTWGLvFURRZAbv+z+NK8bEmZ1n+6/ud2EobttcvQyovT9OAdBQsQdIJX3NATTVOjn+LZsgVXfxTp8jgNEWhVJ1ZyndahWwWvONyNhJHwf2XcVDZ+t46GwTDwemGh4624HhlbECOtsFlnWfR2cNgFidHDrbw8MFKYPIKMHHMyu7FBkdEMCXq1NZo0MCOKp6+VU6IoRVfUjthCDWO5fb4/kDilP+9F/saSOE+3oDnvScxF5pSzdApa9g/XmAmYvrQOfT8AML7VL/Naw2LAAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: 100% 100%;
  margin-left: 5px;
  cursor: pointer;
}
.usercard_container___I8WPK .name_item___3Xi-x .name_icon___3I4oN:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAA81BMVEUAAACAgP8zmf9VgP87gP83gP81eP8zfP82ef8zd/80eP82ef81e/81d/80eP81eP8zeP81eP80d/80eP8zeP8zd/81eP80ef80d/81eP81ef80ef8zeP80eP80ef8zeP8zd/81eP80eP81d/8zef80eP80ef8zd/81eP80d/80eP81d/8zef8zd/80eP8zd/80eP80eP8zeP80eP80eP8zeP8zd/80eP80eP8zeP80d/8zeP8zd/8zeP8zd/80d/80eP8zd/80d/8zeP8zd/8zeP80d/8zd/8zd/8zeP80d/8zd/80eP80d/8zeP8zd/8zd//Wts2TAAAAUHRSTlMAAgUGGhwiIyYtMTk6PkBERkhPU1VaW11eYGFjZGZnaGlqbG9ydXZ4eXp7foGHiouOk6CirK6+v8DCy8zN0dLY2dze3+Xm5+vw9fb6+/z9/sTNnkIAAADUSURBVCjPndDHWsJAAEXhY8VeY8EKgkkssfeOKIrM4H3/p3HFEGay8mz/zf0uQ3HT5upkQOXzaRqoa7BHSCX9zMObGqcn/bJJUrWX7/U9itEOA6VqzzFyp3WsNkIhMnbKp578lvHIySYeOdnGo56ogkdO9mB4bTxHTmrAqh765KQOEKvlyMk+Hi1KGURGCT6dW9mVyOiQgF6vz2SNjghoTNWJd+mYkMr6kpoJBVRtXe2W8jfnx3v9nzraKqIDffCslyQOShu6ZamrwroLMHt5U9DFDH+ASlL/uafvOwAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: 100% 100%;
}
.usercard_container___I8WPK .reset_item___3orbp {
  width: 196px;
  height: 28px;
  border-radius: 14px;
  border: 1px solid #cacdd6;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #CACDD6;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.usercard_container___I8WPK .reset_item___3orbp:hover {
  color: #3377ff;
  border: 1px solid #3377ff;
  background-color: #f3f7ff;
}
.usercard_container___I8WPK .reset_item___3orbp:hover .phone_span___3aaxW .phone_icon___13Zqd {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAMAAABWBG9SAAAAk1BMVEUAAABVgP9AgP85jv8zgP83gP9AgP85gP8zev80fP84fP8zd/81eP80e/83e/82ef81e/80ef8zef80ev81eP8zd/81d/80eP80eP8zeP80eP8zd/80d/8zeP8zd/80eP80eP8zd/80eP8zeP8zeP80d/8zeP8zd/80eP8zd/8zeP80d/80eP8zd/8zeP8zd/8zd//ekCk9AAAAMHRSTlMABggJCg4QEhknKS01Njg5OkpQWGBpb3+An6Olq660tbfDxsjM5+7v8fT19vf4+f6Wcz4nAAAAgUlEQVQoz+2SNxLCQBAEGyeMMMKIO7wkjPDM/19HRB1bBQE5HXbVzgSz8Jk4KxU4rDtAfJPl3IZMs+jtrrnQCkpFJq2lPUi2oqrrX/4iE++99z0rl5Kk+UveVQEGzjnnukBDR9hpYjJT5TDWo9gEttIImF7MwqcUgHoyDPRrX37mCf2VHkIBUv0OAAAAAElFTkSuQmCC) 0 0 no-repeat;
  background-size: 100% 100%;
}
.usercard_container___I8WPK .reset_item___3orbp:hover .phone_span___3aaxW .password_icon___fgnWT {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAMAAACEqFxyAAABDlBMVEUAAAD///+AgP9Vqv9AgP+/gP9VgP85jv8zgP9Gi/9AgP8zd/8zev83gP82ef84fP80ev81ev8zev83eP82e/81eP80ef81ef8zev81eP80ev82ev80ev82ef80eP80ef8zeP80ev8yev81ef80eP8zeP8zd/80ef81ef80eP80eP80eP8zeP+GdPY0d/8zeP8zd/8zeP80eP+DdfY0d/80eP8zeP8zd/80d/8zeP8zd/80eP80d/80d/+EdfU0d/8zd/80eP80d/8zeP8zd/9/dfYzeP8zd/80d/8zd/80d/8zeP86d/4zd/80eP8zd/8zeP80d/80eP8zeP80eP80d/8zeP81d/8zd/8zd/9uHcsbAAAAWXRSTlMAAQIDBAQGCQoLDA8ZHCYpLDAyMzQ1Oz9BREVHSUxTVFVYYGVmaG1wdHt/gIaNj5WapKamrbG5ury9w8TLz9LU3N3e3+Hj5OXr7e3u7/Dx9PX29/n7/P39/q4S3rsAAADhSURBVCjPfdBXU8JAGIXhE4mIiggW7L333kDE3iNiLLz//494kWRngzuemz37zOw3s5/0fwrTc8PeH6wA3IyndaZJcHr0AJu29gXsdEvecpNJiw/Zi8oS977RXEg+at4lI4b7uU3qPguGhzhP6jYrhse4no9zwkaMU1ek8rzaIWm0xVPDyiOsSaqwnv7axPdHVnon17aIGiUJkmtnfFYpW7x14eSDOxf7rz8FB3e9MOgaki86Z5tUKUsBvW1cpygds9tjo7/IW0YqhbRCK19EKx84a9gL/KzNxu+8rJWMJOkXBpQ4YHzI24MAAAAASUVORK5CYII=) 0 0 no-repeat;
  background-size: 100% 100%;
}
.usercard_container___I8WPK .reset_item___3orbp .phone_text___1btft {
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  text-align: left;
  font-weight: 800;
  cursor: pointer;
}
.usercard_container___I8WPK .reset_item___3orbp .phone_span___3aaxW {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.usercard_container___I8WPK .reset_item___3orbp .phone_span___3aaxW .prev_icon___gAhv5 {
  width: 10px;
  height: 13px;
  border-radius: 1px;
  margin: 0 11px 0 10px;
}
.usercard_container___I8WPK .reset_item___3orbp .phone_span___3aaxW .phone_icon___13Zqd {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAMAAABWBG9SAAAAk1BMVEUAAADV1f/f39/j4+PM5ubb29vPz9/V1ePM1tbL0djNzdrM0tfKz9nL0NnN0dbOztfKz9fLz9nMz9nLztbNz9fMztjKz9jLz9fLzdfKzdfLz9bKztfLztfKzdfLzdfLztbKztfLzdbKztfLzdbKzdfKzdbLztbLztbKzdfLztbLzdbKzdfKzdfLztfLztbLztfKzdb30WTcAAAAMHRSTlMABggJCg4QEhknKS01Njg5OkpQWGBpb3+An6Olq660tbfDxsjM5+7v8fT19vf4+f6Wcz4nAAAAgElEQVQoz+3Rxw7CQAxF0UsLJZRQwgw9CSV03v9/HSs0WIIFe87ySrYXho/irFRwWHeA+Cbr3IZMs+htrrnQCkpFZltLe5Dsiaqu//hLTLz33vdsXEqS5q94VwUYOOec6wINHWGnidmZKoexHsUm2EojYHoxHz6lANSTYdCv8cUTG+UeQkHU4S4AAAAASUVORK5CYII=) 0 0 no-repeat;
  background-size: 100% 100%;
}
.usercard_container___I8WPK .reset_item___3orbp .phone_span___3aaxW .password_icon___fgnWT {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAMAAACEqFxyAAABDlBMVEUAAAD////////////////V1f/j4+PM5ubR0ejV1erM3d3M1tbR0dvQ0NfNzdrL0dbPz9rM0dbNzdfOztjKz9nLz9jKztfM0NjOztrLz9bN0NfLztnN0NfLztfLztjMz9jLztbNz9fNz9fKzdfMztjMztfLz9bKz9fLzdjLz9fJz9fMztfO0NfLzdjMzdjKzdfKzdfLztfMz9fLztfLztfLzdfKzNfKztbKzdfLzdbLztfKztfKztbO0djKztbLzdbLzdfKztfKztfLzdbO0NnKztfLztfLztbKztbLztbLztbLztbLzdfKzdfLztbLztfLzdbKzdfKzdfLztbKzdbKzdfKzdfLztfLztfKzdbdQSevAAAAWXRSTlMAAQIDBAYJCgsMDxkcJiksMDIzNDU7P0FERUdJTFNUVVhgZWZobXB0e3+Aho2PlZqkpqatsbm6vL3DxMvP0tTc3d7f4ePk5evt7e7v8PH09PX29/n7/P39/lOcdUcAAADhSURBVCjPhdBnU8JAFIXhEwmiIoIFe8PeewOxizUWjIX3//8RPyTZ2eDOeD6dfWb2ztwr/ZPC1OyQ9werANdjaZ1uEhwf3MG6rb0BW12St9hkwuJ9dqKyQMM3mgvJR827YNhwHzdJ3WXO8CCnSd1kyfAoV5U4R6zFOHlJKg/LHZJGWjy+WbmHFUlVVtOrjf98ZKV3cm2HqFOSIHkmi9QoW7xx5uS9Wxf7z98FB3c+MeAaki86Z5vUKEsBPW18TlE6ZLvbRn+el4xUCmmFVr6ITt5/8mof8LM+E//zslYykvQLTRU36/fqTlgAAAAASUVORK5CYII=) 0 0 no-repeat;
  background-size: 100% 100%;
}
.usercard_container___I8WPK .reset_item___3orbp .text_span___37F6B {
  margin-right: 10px;
}
.usercard_container___I8WPK .logout_btn___3P5fL {
  width: 96px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  background-color: rgba(51, 119, 255, 0.1);
  color: #3377ff;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  margin-top: 270px;
  cursor: pointer;
}
.usercard_container___I8WPK .logout_btn___3P5fL:hover {
  background: #3377ff;
  color: #FFF;
}
.usercard_container___I8WPK .password_dot___HV8iX {
  font-size: 20px;
}
.usercard_container___I8WPK .name_input_container___3vCty {
  width: 275px;
  height: 45px;
  border-radius: 3px;
  background-color: #f8f8f8;
  border: 1px solid #cacdd6;
}
.usercard_container___I8WPK .name_input_container___3vCty .input_item___3qCJu {
  background: transparent;
}

.study_info_card_container___3qzvW {
  width: 711px;
  height: 622px;
  border-radius: 6px;
  background-color: #f8f8f8;
  box-sizing: border-box;
}
.top_area_container___15LKH {
  width: 711px;
  height: 118px;
  border-radius: 6px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}
.top_area_container___15LKH .center_line___1BjEV {
  width: 1px;
  height: 61px;
  background-color: rgba(202, 205, 214, 0.47);
}
.top_area_container___15LKH .per_item_container___30ulC {
  width: 355px;
  height: 118px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.top_area_container___15LKH .per_item_container___30ulC:hover .number_style___2Q8zE {
  color: #3377ff;
}
.top_area_container___15LKH .per_item_container___30ulC .image_item___8nH41 {
  width: 120px;
  height: 98px;
  margin-left: 83px;
  margin-right: 21px;
  background: rgba(51, 119, 255, 0.1);
}
.top_area_container___15LKH .per_item_container___30ulC .image_duration___f3lfg {
  background: url(/images/study_duration@2x.b0418ec0.png) center center no-repeat;
  background-size: 100% 100%;
}
.top_area_container___15LKH .per_item_container___30ulC .image_days___3Eqb3 {
  background: url(/images/study_days@2x.3f675799.png) center center no-repeat;
  background-size: 100% 100%;
}
.top_area_container___15LKH .per_item_container___30ulC .text_container___3sSPe {
  width: 55px;
  height: 118px;
}
.top_area_container___15LKH .per_item_container___30ulC .text_container___3sSPe .number_style___2Q8zE {
  width: 55px;
  height: 41px;
  line-height: 41px;
  font-size: 34px;
  text-align: center;
  font-family: BebasNeue;
  margin: 0;
  padding: 0;
  margin: 28px 0 5px;
}
.top_area_container___15LKH .per_item_container___30ulC .text_container___3sSPe .text_style___3uMlk {
  width: 55px;
  height: 17px;
  line-height: 17px;
  color: #A0A2AB;
  font-size: 12px;
  text-align: center;
  font-weight: 800;
  margin: 0;
  padding: 0;
}
.middle_area_container___1sDG_ {
  width: 711px;
  height: 298px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 10px;
}
.middle_area_container___1sDG_ .per_card___2uiA2 {
  height: 298px;
  border-radius: 6px;
  background-color: #ffffff;
  padding-top: 25px;
  padding-left: 16px;
  box-sizing: border-box;
}
.middle_area_container___1sDG_ .per_card___2uiA2 .title___QawJR {
  height: 22px;
  line-height: 22px;
  color: #131b33;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.middle_area_container___1sDG_ .per_card___2uiA2 .info_line___1QOgB {
  height: 22px;
  line-height: 22px;
  color: #a0a2ab;
  font-size: 16px;
  text-align: left;
  margin: 0;
  padding: 0;
  margin: 10px 0;
}
.middle_area_container___1sDG_ .card_left___ASKVz {
  width: 298px;
}
.middle_area_container___1sDG_ .card_right___27mZJ {
  width: 403px;
}
.bottom_area_container___1mgs5 {
  width: 712px;
  height: 186px;
  border-radius: 6px;
  background-color: #ffffff;
  padding-top: 25px;
  padding-left: 16px;
  margin-top: 10px;
  box-sizing: border-box;
}
.bottom_area_container___1mgs5 .title___QawJR {
  height: 22px;
  color: #2a2a2b;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
.bottom_area_container___1mgs5 .part_container___3V1M1 {
  height: 139px;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}
.bottom_area_container___1mgs5 .part_container___3V1M1 .per_part___1fjA3 {
  width: 138px;
  height: 100%;
}
.bottom_area_container___1mgs5 .part_container___3V1M1 .per_part___1fjA3:nth-child(1) {
  width: 134px;
}
.bottom_area_container___1mgs5 .part_container___3V1M1 .per_part___1fjA3 .count_style___2y8F_ {
  width: 100%;
  height: 41px;
  line-height: 41px;
  color: #131B33;
  font-size: 34px;
  text-align: center;
  font-family: BebasNeue;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
  margin-top: 30px;
}
.bottom_area_container___1mgs5 .part_container___3V1M1 .per_part___1fjA3 .text_style___3uMlk {
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: #cacdd6;
  font-size: 14px;
  text-align: center;
  font-weight: 800;
  padding: 0;
  margin: 0;
}

.sign_record_container___2f8N6 {
  width: 241px;
  height: 622px;
  border-radius: 6px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.sign_record_container___2f8N6 .title___3SbFc {
  height: 22px;
  line-height: 22px;
  color: #2a2a2b;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  padding: 0;
  margin: 0;
  margin-top: 25px;
  margin-left: 15px;
  margin-bottom: 15px;
}

/** 引入新字体 BebasNeue */
@font-face {
  font-family: "BebasNeue";
  src: url(/fonts/BebasNeue-Regular.47f711bd.ttf);
}
.calendar_container___3rgEr {
  width: 100%;
  height: 303px;
  border-radius: 6px;
  padding: 0 4px;
  box-sizing: border-box;
}
.calendar_container___3rgEr .row_container___29lTp {
  width: 100%;
  height: 41px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.calendar_container___3rgEr .date_container___1DIf7 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.calendar_container___3rgEr .date_container___1DIf7 .per_date___V8mGi {
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin: 10px 4.1px;
  text-align: center;
  border-radius: 50%;
  padding: 0;
}
.calendar_container___3rgEr .noraml_text_cn___1CnPz {
  height: 26px;
  line-height: 26px;
  color: #a7aaba;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
}
.calendar_container___3rgEr .normal_text_en___3bOL_ {
  height: 26px;
  line-height: 26px;
  color: #363d51;
  font-size: 16px;
  text-align: center;
  font-family: BebasNeue;
}
.calendar_container___3rgEr .gray_text___iXt8j {
  color: #A7AABA;
}
.calendar_container___3rgEr .active_text___2qsyT {
  color: #fff;
}
.calendar_container___3rgEr .complete_sign_bg___3695s {
  background: #FFAA1E;
}
.calendar_container___3rgEr .complete_sign_bg___3695s .normal_text_en___3bOL_ {
  color: #fff;
}
.calendar_container___3rgEr .complete_task_bg___aG6JK {
  background: #59DDE2;
}
.calendar_container___3rgEr .complete_task_bg___aG6JK .normal_text_en___3bOL_ {
  color: #fff;
}

.nick_modal_container___1GD6Z {
  width: 100vw;
  height: 100vh;
  background: rgba(10, 10, 10, 0.3);
  position: absolute;
  z-index: 2;
}
.nick_modal_container___1GD6Z input {
  border: none;
  outline: none;
  background: transparent;
}
.nick_modal_container___1GD6Z input::-webkit-input-placeholder {
  color: #CACDD6;
}
.nick_modal_container___1GD6Z input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #CACDD6;
}
.nick_modal_container___1GD6Z input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #CACDD6;
}
.nick_modal_container___1GD6Z input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #CACDD6;
}
.nick_modal_container___1GD6Z .modal_box___2IJqb {
  width: 375px;
  height: 203px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 300px;
}
.nick_modal_container___1GD6Z .modal_box___2IJqb .close_icon___pFE8f {
  width: 14px;
  height: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAYAAAB2+A+pAAAAAXNSR0IArs4c6QAAAcVJREFUSA2t1zFuwjAUgGEcVSowlZF7tHsXuEEv1KWH6Q2gQ/dyDWCkEwgVQd9v5UXGsYMdbAlMnJf3xXachMFAymazeZfP33q9Xu52uyfaShZykhsDi9zmcrlU2+32KPWDbTBmNRqNZpPJ5LcEDno4HJaS/7nOf5pOp4+VMeYsjd+KEEBgiZ77KAYWZsXGeDx+k40Vvykl8BCKgYVh+KLEAvsMe0quBi6Fp6BYV/C9eCqKY+eYH1q4mhnewJwvSKxxfh1Bf2JT1eqxJuxINPeXWk6s5o/CBKQkTIlRzK07YQdfyBJ70QNlGhjCOdvuzYFt3eePCvvcchMmuO5VC5dd3PnsHYm4VNTG8pVSQrh7XA7KcUk9ViCG56Lkay0nRTrqrJON5UlOErp63aS5vU6CQygQsHe1Jz9Sbw51DB0OhzOWlJ5AfRI8UjvvcDpKnT2OoYC6TuuY1lJzYxRz6yicgmqiPngQzkFv4NE5b8F9UA9v3q9ol2sgiF/B96C5eAOXQHNwC5dEU3G7jvf7/Wffp4xCfh17k8EithKQd+tXPbC+GJp1qu196hCOhWlf6CXphzScpP6ShV/sXwQnqzi5awPr/A/YaTDSUyu/NgAAAABJRU5ErkJggg==) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.nick_modal_container___1GD6Z .modal_box___2IJqb .close_icon___pFE8f:hover {
  opacity: 0.7;
}
.nick_modal_container___1GD6Z .modal_box___2IJqb .modal_title___1JnBU {
  width: 100%;
  height: 28px;
  line-height: 28px;
  color: #131b33;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
}
.nick_modal_container___1GD6Z .modal_box___2IJqb .input_box___2tvZa {
  width: 275px;
  height: 45px;
  line-height: 45px;
  border-radius: 3px;
  background-color: #F8F8F8;
  border: 1px solid #CACDD6;
  padding: 0 10px;
  margin: 25px 30px;
  color: #A0A2AB !important;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.nick_modal_container___1GD6Z .modal_box___2IJqb .input_box___2tvZa:hover {
  background: #f3f7ff;
  border: 1px solid #3377ff;
}
.nick_modal_container___1GD6Z .modal_box___2IJqb .input_box___2tvZa:hover input {
  color: #3377ff;
}
.nick_modal_container___1GD6Z .modal_box___2IJqb .bottom_btn___3cGcL {
  width: 88px;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  background: #f3f7ff;
  cursor: pointer;
  color: #3377ff;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  outline: none;
  border: none;
  box-sizing: border-box;
  margin-left: 124px;
}
.nick_modal_container___1GD6Z .modal_box___2IJqb .bottom_btn___3cGcL:hover {
  background: #3377ff;
  color: #FFF;
}

.page_container___2LhRe {
  width: 100vw;
  height: 837px;
  background: #F8F8F8;
  position: relative;
  user-select: none;
  margin: 0;
  padding: 0;
}
.user_center_container___1xuC9 {
  width: 1200px;
  height: 622px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 105px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.modify_account_container___muSlM {
  width: 1200px;
  height: 800px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 20px;
  background: #f8f8f8;
}

.root___2rhKa {
  position: relative;
  min-height: 100%;
  padding: 0.1px;
  width: 100%;
  background: #F9F9F9;
  padding-bottom: 50rem;
}
.topBack___1_vPp {
  position: absolute;
  top: 0;
  width: 100%;
  height: 480rem;
}
.navBack___Ke8fL {
  position: fixed;
  top: 40rem;
  z-index: 10;
  margin-left: 6rem;
  width: 32rem;
  height: 32rem;
}
.content___1_RcM {
  position: relative;
}
.title___3UfCd {
  text-align: center;
  margin-top: 70rem;
  font-size: 32rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #fff;
}
.title2___3R9j5 {
  text-align: center;
  font-size: 18rem;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 20rem;
}
.title3___1T0sk {
  text-align: center;
  font-size: 18rem;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
}
.title3___1T0sk span {
  background: #FFAF27;
}
.copyDownload___1F7VX {
  margin-top: 44rem;
  position: relative;
}
.copyDownload___1F7VX img {
  position: absolute;
  top: 0;
  left: 82rem;
  width: 212rem;
  height: 42rem;
}
.copyDownload___1F7VX div {
  top: 0;
  position: absolute;
  width: 100%;
  line-height: 42rem;
  text-align: center;
  font-size: 14rem;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
}
.item1Pic___hgjJS {
  margin-top: 30rem;
  width: 344rem;
  height: 182rem;
  margin-left: 16rem;
}
.item2Title___k94Ik {
  text-align: center;
  margin-top: 47rem;
  font-size: 28rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #333643;
  line-height: 42rem;
  letter-spacing: 1px;
}
.modeParent___1RSF2 {
  margin-top: 20rem;
  background: #F2F2F2;
  border-radius: 16rem;
  margin-left: 16rem;
  margin-right: 16rem;
}
.mode1___3gR_H {
  width: 100%;
}
.mode2___JNe2p {
  width: 100%;
}
.item3Title___3QJy- {
  text-align: center;
  margin-top: 44rem;
  font-size: 28rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #333643;
}
.item3Pic___ZK4yB {
  margin-top: 24rem;
  width: 343rem;
  height: 540rem;
  background: #F2F2F2;
  border-radius: 16rem;
  margin-left: 16rem;
}
.item4Title___23FzB {
  text-align: center;
  margin-top: 44rem;
  font-size: 28rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #333643;
}
.read1___3oqe4 {
  width: 343rem;
  height: 182rem;
  margin-top: 20rem;
  margin-left: 16rem;
}
.read2___2xp1x {
  width: 343rem;
  height: 182rem;
  margin-top: 4rem;
  margin-left: 16rem;
}
.read3___Excia {
  width: 343rem;
  height: 182rem;
  margin-top: 4rem;
  margin-left: 16rem;
}
.read4___1tjOT {
  width: 343rem;
  height: 182rem;
  margin-top: 4rem;
  margin-left: 16rem;
}
.item5Title___3jHII {
  text-align: center;
  margin-top: 44rem;
  font-size: 28rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #333643;
}
.write1___21EJ1 {
  margin-left: 16rem;
  width: 350rem;
  margin-top: 20rem;
  height: 403rem;
}
.write2___2TukM {
  width: 100%;
  margin-top: 10rem;
}
.oralBackTitle___2Hx89 {
  text-align: center;
  margin-top: 33rem;
  font-size: 28rem;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #333643;
}
.oralBank___3Ogv2 {
  width: 100%;
  margin-top: 60rem;
}
.intro1Pic___1y7pF {
  margin-top: 25rem;
  width: 344rem;
  height: 200rem;
  margin-left: 16rem;
}
.intro1Title1___3Z-Ww {
  font-weight: bold;
  font-size: 12rem;
  color: #333643;
  margin-top: 16rem;
  margin-left: 16rem;
}
.intro1Title1___3Z-Ww span {
  color: #3377FF;
}
.intro1Title2___1qDq_ {
  font-weight: bold;
  font-size: 12rem;
  color: #333643;
  margin-top: 12rem;
  margin-left: 16rem;
}
.intro1Title2___1qDq_ span {
  color: #3377FF;
}
.intro2Title___39eY1 {
  margin-top: 60rem;
  font-weight: bold;
  font-size: 28rem;
  color: #333643;
  line-height: 42rem;
  text-align: center;
  margin-bottom: 20rem;
}
.intro2Title___39eY1 span {
  color: #F7A61B;
}
.intro2Pic___2Ovpb {
  margin-left: 16rem;
  margin-top: 16rem;
  width: 344rem;
  height: 210rem;
}
.intro3Pic___2agna {
  margin-left: 16rem;
  margin-top: 4rem;
  width: 343rem;
  height: 182rem;
}
.intro4Title___150aK {
  margin-top: 60rem;
  font-weight: bold;
  font-size: 28rem;
  color: #333643;
  line-height: 42rem;
  text-align: center;
  margin-bottom: 20rem;
}
.intro4Pic___7fM5q {
  margin-left: 16rem;
  margin-top: 4rem;
  width: 349rem;
  height: 452rem;
}
.listen1Pic___i7JPw {
  margin-top: 24rem;
  width: 354rem;
  height: 491rem;
  margin-left: 4rem;
}

.root___36uvR {
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: #F9F9F9;
  font-size: 1px;
}
.cell___LmXbx {
  position: relative;
  width: 100%;
  background: #F9F9F9;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content___2-l1d {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.content2___1wV3t {
  width: 75%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.itemPic___1QrtP {
  max-height: 90%;
  max-width: 90%;
}
.bottomEmpty___1KGvo {
  width: 100%;
  background: #F9F9F9;
  height: 200em;
}
.bottomDownLoadParent___3G9n-,
.bottomDownLoadParentHidden____fGQh {
  position: fixed;
  bottom: 40em;
  right: 40em;
  visibility: visible;
}
.bottomDownLoadParentHidden____fGQh {
  visibility: hidden;
}

.root___2JTFN {
  width: 100%;
  height: 100%;
}
.back___28oNk {
  width: 100%;
  height: 100%;
  position: absolute;
}
.content___1sfpI {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.centerContent___29wIM {
  position: relative;
  max-width: 100%;
  margin-top: -60em;
  max-height: 100%;
  text-align: center;
}
.pcTitle___3g3d9 {
  margin-top: 30em;
  width: 457em;
}
.title___174up {
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  font-size: 64em;
  color: #fff;
  text-align: center;
}
.title2___2qiuw {
  margin-top: 0.8em;
  font-size: 26em;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  color: #fff;
  text-align: center;
}
.download___2bHjd {
  display: flex;
  justify-content: center;
  margin-top: 55em;
}
.downloadStandBy___-Gbt5 {
  display: flex;
  justify-content: center;
  margin-top: 16em;
}
.downloadLeft___3PxLS {
  width: 225em;
  height: 78em;
  transition: transform 0.2s;
}
.downloadLeft___3PxLS:hover {
  transform: scale(1.05);
}
.downloadLeftStandBy___15yFb {
  width: 225em;
  height: 56em;
  background: #D7E4FF;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.66);
  transition: transform 0.2s;
  line-height: 56em;
}
.downloadLeftStandBy___15yFb:hover {
  transform: scale(1.05);
  background: #2C71FD;
}
.downloadLeftStandBy___15yFb:hover span {
  color: #fff;
}
.downloadLeftStandBy___15yFb span {
  font-weight: 400;
  font-size: calc(20 / 1920 * 100vw);
  color: #333643;
}
.downloadLeftStandBy___15yFb .littleFont___1tc67 {
  font-size: calc(10 / 1920 * 100vw);
}
.downloadRight___25Xeq {
  width: 225em;
  height: 78em;
  margin-left: 12em;
  transition: transform 0.2s;
}
.downloadRight___25Xeq:hover {
  transform: scale(1.05);
}
.downloadRightStandBy___3gnni {
  width: 225em;
  height: 56em;
  background: #D7E4FF;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.66);
  margin-left: 12em;
  line-height: 56em;
  transition: transform 0.2s;
}
.downloadRightStandBy___3gnni:hover {
  transform: scale(1.05);
  background: #2C71FD;
}
.downloadRightStandBy___3gnni:hover span {
  color: #fff;
}
.downloadRightStandBy___3gnni span {
  font-weight: 400;
  font-size: calc(20 / 1920 * 100vw);
  color: #333643;
}
.downloadRightStandBy___3gnni .littleFont___1tc67 {
  font-size: calc(10 / 1920 * 100vw);
}
.picsParent___l0uP- {
  margin-top: 30em;
  position: relative;
}
.pic___2jdYl {
  margin-top: 20em;
  width: 1174em;
}
.animate1___2cRxz {
  position: absolute;
  top: 40em;
  left: 103em;
  width: 108em;
  height: 50em;
  -webkit-animation: animate1_move___3OPS6 4s infinite linear;
  animation: animate1_move___3OPS6 4s infinite linear;
}
@keyframes animate1_move___3OPS6 {
  0% {
    top: 40em;
  }
  50% {
    top: 60em;
  }
  100% {
    top: 40em;
  }
}
.animate2___2fzaG {
  position: absolute;
  top: 250em;
  right: 93em;
  width: 119em;
  height: 42em;
  -webkit-animation: animate2_move___hzEoL 4s infinite linear;
  animation: animate2_move___hzEoL 4s infinite linear;
}
@keyframes animate2_move___hzEoL {
  0% {
    right: 93em;
  }
  50% {
    right: 113em;
  }
  100% {
    right: 93em;
  }
}
.animate3___trLv0 {
  position: absolute;
  bottom: -50em;
  left: 400em;
  width: 388em;
  height: 226em;
  -webkit-animation: animate3_move___3TrIb 4s infinite linear;
  animation: animate3_move___3TrIb 4s infinite linear;
}
@keyframes animate3_move___3TrIb {
  0% {
    left: 400em;
  }
  50% {
    left: 420em;
  }
  100% {
    left: 400em;
  }
}
.moreParent___24AhN {
  position: absolute;
  bottom: 26em;
  display: flex;
  left: 0;
  right: 0;
  align-items: center;
  justify-content: center;
}
.moreParent___24AhN div {
  font-size: 20em;
  font-family: SourceHanSansCN-Regular, SourceHanSansCN;
  font-weight: 400;
  color: #999999;
}
.moreParent___24AhN img {
  margin-left: 16em;
  height: 16em;
  width: 16em;
}

.root___3PKNd {
  width: 100%;
  height: 100%;
  padding: 0.1px;
}
.content___1jEAK {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.centerContent___87LeR {
  position: relative;
  width: 100%;
  text-align: center;
}
.title___1j-ph {
  font-size: 64em;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #000;
}
.animateParent___1omzG {
  position: relative;
  width: 1920em;
  margin-left: auto;
  margin-right: auto;
  height: 450em;
}
.oralComment___2kNzf {
  width: 1600em;
  margin-top: 25em;
}
.animateItem1___FjXud {
  position: absolute;
  width: 600em;
  left: 120em;
  top: 0em;
  opacity: 73%;
  animation: move1___1v9jv 5s 1 ease;
  animation-play-state: paused;
}
@keyframes move1___1v9jv {
  0% {
    top: 0;
    left: 120em;
    opacity: 73%;
    width: 600em;
    z-index: auto;
  }
  50% {
    top: 25%;
    left: 30%;
    opacity: 100%;
    width: 806em;
    z-index: 1;
  }
  100% {
    top: 0;
    left: 120em;
    opacity: 73%;
    width: 600em;
    z-index: auto;
  }
}
.animateItem2___24TU5 {
  position: absolute;
  width: 500em;
  left: 846em;
  top: 17em;
  opacity: 43%;
  animation: move2___18ZlV 5s 1 ease;
  animation-play-state: paused;
}
@keyframes move2___18ZlV {
  0% {
    top: 17em;
    left: 846em;
    opacity: 43%;
    width: 500em;
    z-index: auto;
  }
  50% {
    top: 25%;
    left: 30%;
    opacity: 100%;
    width: 806em;
    z-index: 1;
  }
  100% {
    top: 17em;
    left: 846em;
    opacity: 43%;
    width: 500em;
    z-index: auto;
  }
}
.animateItem3___gai2w {
  position: absolute;
  width: 500em;
  left: 1371em;
  top: 22em;
  opacity: 73%;
  animation: move3___ik_z9 5s 1 ease;
  animation-play-state: paused;
}
@keyframes move3___ik_z9 {
  0% {
    top: 22em;
    left: 1371em;
    opacity: 73%;
    width: 500em;
    z-index: auto;
  }
  50% {
    top: 25%;
    left: 30%;
    opacity: 100%;
    width: 806em;
    z-index: 1;
  }
  100% {
    top: 22em;
    left: 1371em;
    opacity: 73%;
    width: 500em;
    z-index: auto;
  }
}
.animateItem4___1_XAz {
  position: absolute;
  width: 633em;
  left: 15em;
  top: 134em;
  opacity: 33%;
  animation: move4___3oiuU 5s 1 ease;
  animation-play-state: paused;
}
@keyframes move4___3oiuU {
  0% {
    left: 15em;
    top: 134em;
    opacity: 33%;
    width: 633em;
    z-index: auto;
  }
  50% {
    top: 25%;
    left: 30%;
    opacity: 100%;
    width: 806em;
    z-index: 1;
  }
  100% {
    left: 15em;
    top: 134em;
    opacity: 33%;
    width: 633em;
    z-index: auto;
  }
}
.animateItem5___Jf50p {
  position: absolute;
  width: 676em;
  left: 98em;
  top: 220em;
  opacity: 96%;
  animation: move5___16XFH 5s 1 ease;
  animation-play-state: paused;
}
@keyframes move5___16XFH {
  0% {
    width: 676em;
    left: 98em;
    top: 220em;
    opacity: 96%;
    z-index: auto;
  }
  50% {
    top: 25%;
    left: 30%;
    opacity: 100%;
    width: 806em;
    z-index: 1;
  }
  100% {
    width: 676em;
    left: 98em;
    top: 220em;
    opacity: 96%;
    z-index: auto;
  }
}
.animateItem6___ZgMJ7 {
  position: absolute;
  width: 635em;
  left: 800em;
  top: 292em;
  opacity: 38%;
  animation: move6___JSVCK 5s 1 ease;
  animation-play-state: paused;
}
@keyframes move6___JSVCK {
  0% {
    width: 635em;
    left: 800em;
    top: 292em;
    opacity: 38%;
    z-index: auto;
  }
  50% {
    top: 25%;
    left: 30%;
    opacity: 100%;
    width: 806em;
    z-index: 1;
  }
  100% {
    width: 635em;
    left: 800em;
    top: 292em;
    opacity: 38%;
    z-index: auto;
  }
}
.animateItem7___1JQoF {
  position: absolute;
  width: 682em;
  left: 1045em;
  top: 229em;
  opacity: 77%;
  animation: move7___ZisbL 5s 1 ease;
  animation-play-state: paused;
}
@keyframes move7___ZisbL {
  0% {
    width: 682em;
    left: 1045em;
    top: 229em;
    opacity: 77%;
    z-index: auto;
  }
  50% {
    top: 25%;
    left: 30%;
    opacity: 100%;
    width: 806em;
    z-index: 1;
  }
  100% {
    width: 682em;
    left: 1045em;
    top: 229em;
    opacity: 77%;
    z-index: auto;
  }
}
.animateItem8___222vb {
  position: absolute;
  width: 457em;
  left: 1463em;
  top: 161em;
  opacity: 10%;
  animation: move8___2vuVd 5s 1 ease;
  animation-play-state: paused;
}
@keyframes move8___2vuVd {
  0% {
    width: 457em;
    left: 1463em;
    top: 161em;
    opacity: 10%;
    z-index: auto;
  }
  50% {
    top: 25%;
    left: 30%;
    opacity: 100%;
    width: 806em;
    z-index: 1;
  }
  100% {
    width: 457em;
    left: 1463em;
    top: 161em;
    opacity: 10%;
    z-index: auto;
  }
}

.root___3K4iO {
  display: flex;
  width: 240em;
  flex-direction: column;
  align-items: center;
}
.bottomDownLoadPic___t0yuF {
  width: 216em;
  height: 56em;
}
.typeParent___1lkY2 {
  width: 280em;
  height: 240em;
  background: rgba(0, 0, 0, 0.58);
  border-radius: 16em;
  margin-bottom: 16em;
  display: none;
  flex-direction: column;
  justify-content: center;
}
.typeItem___2tHmg {
  height: 56em;
  margin-left: 12em;
  margin-right: 12em;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 56em;
  padding-left: 24em;
}
.typeItem___2tHmg:hover {
  background: rgba(9, 9, 9, 0.47);
  border-radius: 12em;
}
.bigText___QfAET {
  font-size: 24em;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
  color: #FFFFFF;
}
.smallText___3cfZO {
  margin-left: 0.5em;
  font-size: 14em;
  font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
}

/* 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-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #3377FF;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #3377FF;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #3377FF;
}
.ant-pagination-item-active a {
  color: #3377FF;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #5c98ff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #5c98ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  transform: scale(1) rotate(0deg);
  color: #3377FF;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #5c98ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #3377FF;
  border-color: #3377FF;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #5c98ff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #5c98ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(51, 119, 255, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #3377FF;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}

/* 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-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  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;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  transition: transform 0.3s;
}
.ant-select-selection {
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-select-selection:hover {
  border-color: #5c98ff;
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #5c98ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(51, 119, 255, 0.2);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 32px;
  cursor: pointer;
}
.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px;
}
.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 11px;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 30px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 20px;
}
.ant-select-sm .ant-select-selection--single {
  height: 24px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 22px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 12px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 12px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 32px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 24px;
  margin-top: 3px;
  line-height: 22px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  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;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 16px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #5c98ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(51, 119, 255, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding: 4px 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #f0f7ff;
}
.ant-select-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #f0f7ff;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #3377FF;
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}

/* 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-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}

.titleArea___UsKZz {
  background-color: #f6f7f8;
}
.filter___3_OrX {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  margin-bottom: 30px;
}
.leftFilter___1iryT {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 370px;
  margin-left: 23px;
}
.filterItem___dxL6i {
  font-size: 22px;
  font-weight: bold;
  color: #6d7278;
  cursor: pointer;
}
.filterItemSelected___2ShBk {
  color: #ffaa1e;
}
.sortItem___3KdXU {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  color: #cacdd6;
}
.sortItem___3KdXU img {
  width: 12px;
  margin-right: 4px;
}
.sortItemSelected___6NXju {
  color: #131b33;
}
.rightFilter___1i0hD {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 175px;
  margin-right: 45px;
}
.pagination___k_D0o {
  height: 235px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 90px 0 110px 0;
}
.pagination___k_D0o .ant-pagination-item {
  border: 0;
  background-color: #f8f8f8;
}
.pagination___k_D0o .ant-pagination-item a {
  color: #A0A2AB;
}
.pagination___k_D0o .ant-pagination-item-active,
.pagination___k_D0o .ant-pagination-item-active:hover {
  color: #3377ff;
  background: #3377ff;
  border: 0;
}
.pagination___k_D0o .ant-pagination-item a {
  color: #A0A2AB;
}
.pagination___k_D0o .ant-pagination-item-active a {
  color: #ffffff;
}
.pagination___k_D0o .ant-pagination-prev .ant-pagination-item-link,
.pagination___k_D0o .ant-pagination-next .ant-pagination-item-link {
  color: #A0A2AB !important;
  background: #F8F8F8;
  border: 0 !important;
}
.pagination___k_D0o .ant-pagination-item:focus,
.pagination___k_D0o .ant-pagination-item:hover {
  border: 0;
}
.pagination___k_D0o .ant-pagination-disabled a,
.pagination___k_D0o .ant-pagination-disabled:hover a,
.pagination___k_D0o .ant-pagination-disabled:focus a,
.pagination___k_D0o .ant-pagination-disabled .ant-pagination-item-link,
.pagination___k_D0o .ant-pagination-disabled:hover .ant-pagination-item-link,
.pagination___k_D0o .ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(160, 162, 171, 0.3) !important;
  background: rgba(248, 248, 248, 0.5);
}

.title___1tFXV {
  padding: 45px 0 30px 0;
  font-size: 28px;
  font-weight: 600;
  color: #333333;
}
.title___1tFXV h2 {
  padding: 45px 0 30px 0;
  font-size: 28px;
  font-weight: 600;
  color: #333333;
}

.goBack___fHDnZ {
  width: 114px;
  height: 40px;
  color: #a0a2ab;
  font-size: 16px;
  font-weight: 800;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(120, 154, 172, 0.18);
  cursor: pointer;
  padding: 0 16px;
  margin-bottom: 30px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.goBack___fHDnZ:hover {
  color: #a0a2ab !important;
}
.goBack___fHDnZ img {
  width: 8px;
  height: 14px;
}

.wrapper___14a2d {
  margin-top: 60px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navigation___2xCfj {
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #EAF1FF;
  height: 60px;
  width: 100%;
  position: fixed;
}
.top___3RYYb {
  background: #EAF1FF;
}
.innerWrapper___1QIHW {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 1200px;
  min-width: 1200px;
}
.main___RZHxj {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.logo___1Jn6B {
  margin-right: 60px;
  display: flex;
  align-items: center;
}
.mainNavBars___1T8bS {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.answerOnline___XEGj3 {
  width: 110px;
}
.vice___36vRH {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.itemLink___3ljZh {
  font-size: 18px;
  font-weight: 400;
  color: #5B6270;
  line-height: 60px;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.itemWrapper___3F1Br {
  position: relative;
  height: 100%;
}
.itemWrapper___3F1Br .downloadCard___3YAE8 {
  display: none;
}
.itemWrapper___3F1Br:not(:last-child) {
  margin-right: 45px;
}
.itemWrapper___3F1Br:hover .itemLink___3ljZh {
  color: #8E95A3;
}
.itemWrapper___3F1Br:hover .popCard___iMBwL {
  display: block;
}
.itemWrapper___3F1Br:hover .downloadCard___3YAE8 {
  display: flex;
}
.popCard___iMBwL {
  display: none;
}
.viceItemLink___2K_S4 {
  margin-right: 20px !important;
}
.viceItemLink___2K_S4:hover {
  color: #8E95A3;
}
.selected___2NGfn {
  line-height: 30px;
  position: relative;
}
.selected___2NGfn .itemLink___3ljZh {
  font-weight: bold;
}
.selected___2NGfn:after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 23px;
  height: 4px;
  background-color: #3377FF;
  border-radius: 2px;
}
.returnNewButtonWrapper___2p5vM {
  margin-left: 14px;
}

.person___2Ttr9 {
  width: 72px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.avatar___2mDKn {
  overflow: hidden;
  border-radius: 50%;
  width: 37px;
  height: 37px;
}
.popCard___2Mbb9 {
  display: none;
}
.person___2Ttr9:hover .popCard___2Mbb9 {
  display: block;
}

.popCard___2RWJU {
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translateX(-50%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background-color: white;
  border-radius: 2px;
}
.arrow___2_QUz {
  top: -3px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.item___2hMfm {
  width: 146px;
  height: 45px;
  line-height: 45px;
  color: #a0a2ab;
  font-size: 16px;
  text-align: center;
  display: block;
}
.item___2hMfm:hover {
  background-color: #f3f7ff;
  color: #3377ff;
}
.item___2hMfm:first-child:hover .arrow___2_QUz {
  border-left-color: #f3f7ff;
  border-top-color: #f3f7ff;
}

.filterCard___3h3NB {
  box-shadow: 0 2px 10px 0 rgba(202, 205, 214, 0.47);
  border-radius: 6px;
  background: #ffffff;
}

.bigItem___19z0q {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.bigItem___19z0q:first-child {
  margin-top: 40px;
}
.bigItem___19z0q:not(:last-child) {
  margin-bottom: 30px;
}
.bigItem___19z0q > a:not(:last-child) {
  margin-right: 24px;
}
.bigItemFull___2_7qN {
  justify-content: space-between;
}
.bigItemFull___2_7qN > div {
  margin-right: 0;
}
.item___uE50L {
  width: 282px;
  background: #ffffff;
  box-shadow: 0 2px 16px 0 rgba(202, 205, 214, 0.47);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
.item___uE50L:hover .des___1RpB1 {
  color: #3377ff;
}
.item___uE50L:hover .normalPlay___3DU6a {
  display: none;
}
.item___uE50L:hover .activePlay___Kc5UC {
  display: block;
}
.itemImg___3VkgP {
  width: 282px;
  height: 171px;
}
.playerIcon___1_5RK {
  position: absolute;
  bottom: 9px;
  right: 10px;
  width: 45px;
  height: 45px;
}
.playerIcon___1_5RK img {
  width: 100%;
  height: 100%;
}
.normalPlay___3DU6a {
  display: block;
}
.activePlay___Kc5UC {
  display: none;
}
.des___1RpB1 {
  display: block;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 8px 10px 0 10px;
  height: 52px;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.commentAndLike___13bDp {
  display: flex;
  flex-direction: row;
}
.commentAndLike___13bDp img {
  margin-right: 4px;
}
.commentAndLike___13bDp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.commentAndLike___13bDp .littleItem___ramrx:first-child {
  margin-right: 16px;
}
.littleItem___ramrx {
  font-size: 16px;
  font-weight: 400;
  color: #a0a2ab;
}
.itemBottom___2lG6B {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 54px;
  padding: 0 10px;
}

.wrapper___8hIGj {
  position: relative;
}
.img___3rCQ0 {
  width: 100%;
  height: 100%;
}

.flexRowBetween___2NsJM {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.flexRow___14eN6 {
  display: flex;
  flex-direction: row;
}
.flexRowEnd___1oqMi {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.flexACenter___1DtaU {
  align-items: center;
}
.flexCol___3keIf {
  display: flex;
  flex-direction: column;
}
.pointer___DDrgp {
  cursor: pointer;
}
.noSelect___X_h6Z {
  user-select: none;
}
.userPoint___1bgbM {
  cursor: pointer;
  user-select: none;
}
.trunc___sHUE6 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oneLineScroll___25KrC {
  overflow: hidden;
  overflow-x: scroll;
  white-space: nowrap;
}
.flexCenter___6tOuh {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flexColCenter___316uG {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.flexColBetween___13Tmb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.full___3TeJ2 {
  width: 100%;
  height: 100%;
}
.blur___3xiFx {
  filter: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiCiAgICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHhtbG5zOmV2PSJodHRwOi8vd3d3LnczLm9yZy8yMDAxL3htbC1ldmVudHMiCiAgICAgYmFzZVByb2ZpbGU9ImZ1bGwiPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iYmx1ciI+CiAgICAgICAgICAgIDxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjYiIC8+CiAgICAgICAgPC9maWx0ZXI+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=#blur);
  /* FireFox, Chrome, Opera */
  -webkit-filter: blur(6px);
  /* Chrome, Opera */
  -moz-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: blur(6px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=6, MakeShadow=false);
  /* IE6~IE9 */
}
.layoutByParent___YLuWk {
  width: 100%;
  height: 100%;
}

.bigGutterR___GTOun {
  margin-right: 10px;
}
.middleGutterR___xTbAk {
  margin-right: 6px;
}
.littleGutterR___vH7_s {
  margin-right: 4px;
}
.bigGutterL___sU1Qv {
  margin-left: 10px;
}
.middleGutterL___BsYXb {
  margin-left: 6px;
}
.littleGutterL___Gwcmy {
  margin-left: 4px;
}
.bigGutter___3UAxw {
  margin-right: 10px;
}
.middleGutter___14zsc {
  margin-right: 6px;
}
.littleGutter___3imzI {
  margin-right: 4px;
}
.gutter___1kAra {
  margin-right: 4px;
}

.ourUser___3AL92 {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 45px;
  min-width: 1200px;
}
.innerWrapper___3kAaW {
  width: 1200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 96px;
}
.imgFromBack___isEjn {
  width: 1200px;
  height: 593px;
  margin-top: 40px;
}
.title___3uxTF {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  line-height: 40px;
}
.des___17Y4D {
  font-size: 26px;
  font-weight: 400;
  color: #a0a2ab;
  line-height: 37px;
  margin: 10px 0 40px 0;
}
.itemTitle___2BGm7 {
  position: absolute;
  top: 39px;
  left: 26px;
  width: 184px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.itemContent___1B-Bm {
  position: absolute;
  top: 72px;
  left: 26px;
  width: 233px;
  height: 78px;
  font-size: 18px;
  font-weight: 400;
  color: #a0a2ab;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}
.purplePoint___1JFDg {
  position: absolute;
  left: 34px;
  top: 188px;
  opacity: 0;
  width: 16px;
  height: 16px;
  transform-origin: center;
  animation: zoomOut___gmTtn infinite;
}
.purplePointRight___2B6_H {
  left: 238px;
}
.itemBackground___3cRXd {
  width: 100%;
  height: 100%;
  opacity: 0;
  transform-origin: 36px bottom;
  animation: zoomOutCard___aDcwU infinite;
}
.item___36rxh {
  position: absolute;
  opacity: 1;
  width: 284px;
  height: 200px;
}
.itemBackgroundRight___2bwse {
  transform-origin: 240px bottom ;
}
@keyframes zoomOut___gmTtn {
  from {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  46% {
    opacity: 1;
  }
  47% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOutCard___aDcwU {
  from {
    opacity: 0;
    transform: scale(0.00352113, 0.00555556);
  }
  1% {
    opacity: 0;
    transform: scale(0.00352113, 0.00555556);
  }
  2% {
    opacity: 1;
    transform: scale(1, 1);
  }
  48% {
    opacity: 1;
    transform: scale(1, 1);
  }
  49% {
    opacity: 0;
    transform: scale(0.00352113, 0.00555556);
  }
  97.5% {
    opacity: 0;
    transform: scale(0.00352113, 0.00555556);
  }
}

.wrapper___2Qkvj {
  margin-bottom: 110px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1200px;
}
.innerWrapper___2ELs3 {
  width: 1200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.title___VPa-- {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  line-height: 40px;
}
.icons___34j5u {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 60px;
}
.imgCon___QxB-y {
  width: 105px;
  height: 106px;
  background: #F7F8F9;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.imgCon___QxB-y:hover {
  background: #f3f7ff;
}

.poster___2P8F0 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: auto 480px;
  min-width: 1200px;
}
.innerWrapper___3Zoru {
  width: 1200px;
  height: 480px;
  position: relative;
}
.posterImg___3j5Xy {
  width: 100%;
  height: 100%;
}
.itemLink___cqMET {
  width: 172px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #ffffff;
  font-size: 16px;
  color: #ffffff;
  margin-right: 8px;
  user-select: none;
  position: relative;
}
.itemLinkCon___2gZbt {
  height: 100px;
}
.itemLinkCon___2gZbt:hover .itemLink___cqMET {
  color: #3377ff;
  background-color: white;
}
.itemLinkCon___2gZbt:hover .bubbleCard___URSlD {
  display: flex;
}
.itemLink___cqMET .bubbleCard___URSlD {
  display: none;
  top: 70px !important;
}
.buttons___3MsUq {
  position: absolute;
  left: 132px;
  bottom: 56px;
  display: flex;
  flex-direction: row;
}
.qrCode___3FwTD {
  width: 156px;
  height: 156px;
}

.logoLink___4hqAg {
  display: block;
  width: 86px;
}
.logoLink___4hqAg img {
  width: 100%;
}

.popCard___1GQFt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background-color: white;
  border-radius: 14px;
  z-index: 6;
  border: 1px solid #FFB069;
}
.content___2Romj {
  overflow: hidden;
  border-radius: 14px;
}
.arrow___1e7W- {
  position: absolute;
  left: calc(50% - 7.5px);
  top: -15px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: 7.5px solid transparent;
  border-bottom-color: #FFB069;
}

.downButtons___OwIGy {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.downBtnCon___3523V {
  display: flex;
  align-items: center;
  border-radius: 12px;
  width: 272px;
  height: 56px;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.downBtnCon___3523V .downTextCon___18Qme {
  display: flex;
  align-items: baseline;
}
.downBtnCon___3523V .device___UHySg {
  padding-left: 26px;
  color: #333643;
  font-size: 24px;
  font-family: SourceHanSansCN-Medium, SourceHanSansCN;
  font-weight: 500;
}
.downBtnCon___3523V .downBtn___3NtPF {
  font-size: 14px;
  color: #333643;
  margin-left: 12px;
}
.downBtnCon___3523V:hover {
  background-color: #3377ff;
}
.downBtnCon___3523V:hover .device___UHySg {
  color: white;
}
.downBtnCon___3523V:hover .downBtn___3NtPF {
  color: white;
}
.bubbleCard___3cmv7 {
  display: flex;
  padding: 8px;
  border-radius: 14px !important;
  width: 288px !important;
  height: 271px !important;
}

.imgText___1pdxw {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.imgText___1pdxw img {
  margin-right: 4px;
}

.left___v-fvG {
  flex: 1 1 0px;
  height: 100%;
}
.right___1ua94 {
  width: 350px;
  margin-left: 27px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.Full___3kL8V {
  position: relative;
  overflow: hidden;
}
.rightTop___1bicO {
  flex: 0 0 268px;
  height: 268px;
}
.rightBottom___2RZIA {
  flex: 0 0;
}
.float___1gNr9 {
  z-index: 999;
}
.floatTop___1Fyb5 {
  z-index: 1000;
}

.videoCon___3k9ET {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: black;
}
.controlsCon___1l8WB {
  width: 100%;
  height: 53px;
}

.ControlBar___1awk6 {
  background-color: white;
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.1);
  justify-content: flex-end;
  align-items: center;
  padding-right: 15px;
}
.ControlBar___1awk6 .itemWrapper___1WGmg {
  margin-left: 28px;
  width: 34px;
  height: 34px;
}
.barInner___21PYf {
  align-items: center;
}

.Volume___etTy5 {
  align-items: center;
}
.Volume___etTy5 img {
  width: 34px;
  height: 34px;
}
.slider___2c_4q {
  width: 124px;
  height: 53px;
}
.classroom-track {
  height: 4px;
  border-radius: 4px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}
.classroom-track-0 {
  background: #3377ff;
}
.classroom-track-1 {
  background: #eaeaea;
}
.thumb___5E2Y3 {
  width: 10px;
  height: 10px;
  background-color: #3377ff;
  border-radius: 50%;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
}

.navListLayout___2rULT {
  display: flex;
  flex-direction: row;
  user-select: none;
}
.navListLayout___2rULT .filterItem___2DgJR:not(:first-child) {
  margin-left: 42px;
}
.filterItem___2DgJR {
  font-size: 22px;
  font-weight: bold;
  color: #6d7278;
  cursor: pointer;
}
.filterItemSelected___3iH_h {
  color: #ffaa1e;
}

.title___1hWk4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  color: #131B33;
}
.list___2Vc9S {
  margin-top: 25px;
}
.ItemGroupByDayItemWrapper___1h5A5 {
  margin-top: 30px;
}
.ItemGroupByDayConWrapper___181eg {
  margin-bottom: 110px;
}
.titleNoClass___2FmRI {
  margin-left: 10px;
  font-size: 22px;
  font-weight: bold;
  color: #a7aaba;
  line-height: 30px;
}
.toDayWeekDay___2ulC3 {
  color: #3377ff;
}
.groupDate___3ZxCH {
  margin-left: 10px;
}

/* 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-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}

.signalActive___1oEBt {
  color: #2c6cff;
  font-size: 14px;
}
.signalItem___1sHw_ {
  padding: 0 4px;
  width: 64px;
  font-family: PingFangSC-Regular, PingFang SC;
  text-align: center;
}
.tooltip___2fI_g .ant-tooltip-inner {
  padding: 0;
}

.WhiteBoard___EXrNN {
  background-color: black;
}

.DeskTopShare___EdjXm {
  position: relative;
  background-color: #D8D8D8;
}
.play___3zACm {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

/* 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-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}

/* 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-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #5c98ff;
  background-color: #fff;
  border-color: #5c98ff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: #2158d9;
  background-color: #fff;
  border-color: #2158d9;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #3377FF;
  border-color: #3377FF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #5c98ff;
  border-color: #5c98ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #2158d9;
  border-color: #2158d9;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #5c98ff;
  border-left-color: #5c98ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #5c98ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #5c98ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #5c98ff;
  background-color: transparent;
  border-color: #5c98ff;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #2158d9;
  background-color: transparent;
  border-color: #2158d9;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #5c98ff;
  background-color: #fff;
  border-color: #5c98ff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #2158d9;
  background-color: #fff;
  border-color: #2158d9;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #3377FF;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #5c98ff;
  background-color: transparent;
  border-color: #5c98ff;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: #2158d9;
  background-color: transparent;
  border-color: #2158d9;
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 38px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 40px;
  height: 40px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #3377FF;
  background-color: transparent;
  border-color: #3377FF;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #5c98ff;
  background-color: transparent;
  border-color: #5c98ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #2158d9;
  background-color: transparent;
  border-color: #2158d9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  background-color: transparent;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #d9363e;
  background-color: transparent;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: #3377FF;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: #5c98ff;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: #2158d9;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}

.titleArea___JTIlB {
  background-color: #f6f7f8;
  padding: 45px 0 30px 0;
  margin-top: 60px;
}
.returnBtn___1ZLBh {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(120, 154, 172, 0.18);
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #a0a2ab;
  line-height: 22px;
  padding: 9px 18px;
  cursor: pointer;
  margin-bottom: 30px;
}
.title___3w1Bj {
  height: 60px;
  background: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(202, 205, 214, 0.47);
  border-radius: 6px;
  font-size: 22px;
  font-weight: bold;
  color: #131b33;
  line-height: 30px;
  padding-left: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pagination___37eQN {
  height: 235px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 90px 0 110px 0;
  position: relative;
}
.pagination___37eQN .ant-pagination-item {
  border: 0;
  background-color: #f8f8f8;
}
.pagination___37eQN .ant-pagination-item a {
  color: #A0A2AB;
}
.pagination___37eQN .ant-pagination-item-active,
.pagination___37eQN .ant-pagination-item-active:hover {
  color: #3377ff;
  background: #3377ff;
  border: 0;
}
.pagination___37eQN .ant-pagination-item a {
  color: #A0A2AB;
}
.pagination___37eQN .ant-pagination-item-active a {
  color: #ffffff;
}
.pagination___37eQN .ant-pagination-prev .ant-pagination-item-link,
.pagination___37eQN .ant-pagination-next .ant-pagination-item-link {
  color: #A0A2AB !important;
  background: #F8F8F8;
  border: 0 !important;
}
.pagination___37eQN .ant-pagination-item:focus,
.pagination___37eQN .ant-pagination-item:hover {
  border: 0;
}
.pagination___37eQN .ant-pagination-disabled a,
.pagination___37eQN .ant-pagination-disabled:hover a,
.pagination___37eQN .ant-pagination-disabled:focus a,
.pagination___37eQN .ant-pagination-disabled .ant-pagination-item-link,
.pagination___37eQN .ant-pagination-disabled:hover .ant-pagination-item-link,
.pagination___37eQN .ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(160, 162, 171, 0.3) !important;
  background: rgba(248, 248, 248, 0.5);
}
.mainContent___2Sk91 {
  background-color: white;
  padding-top: 40px;
}
.mainPart___1zNY2 {
  flex: 0 0 940px;
}
.vicePart___1FjFm {
  flex: 0 0 240px;
  width: 240px;
}
.video___Eu3sA {
  width: 940px;
  height: 529px;
  background-color: black;
}
.video___Eu3sA video {
  width: 100%;
  height: 100%;
}
.aliVideo___1ZZiw {
  width: 100%;
  height: 100%;
}
.timeAndLike___1qOhs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  margin: 11px 0 10px 0;
}
.mainTimes___35BKD {
  color: #a0a2ab;
}
.likeNum___Q-8oQ {
  color: #9fa2ab;
  cursor: pointer;
}
.likeNumActive___qCASG {
  color: #fc3168;
}
.commentInputArea___3mCEC {
  width: 100%;
  height: 103px !important;
  font-size: 14px;
  font-weight: bold;
  color: #131b33;
  line-height: 20px;
  background: #f8f8f8;
  border-radius: 6px;
  border-color: transparent;
  padding: 10px 33px 13px 15px;
  position: relative;
}
.commentInputArea___3mCEC:focus,
.commentInputArea___3mCEC:hover {
  border-color: #3377ff;
  box-shadow: none;
}
.textAreaCon___3_WGu {
  position: relative;
}
.textAreaCon___3_WGu .wordCal___ldbtl {
  position: absolute;
  right: 18px;
  bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #cacdd6;
}
.commentBtnCon___i6lYM {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 19px 0 20px 0;
}
.commentBtn___sCwFY {
  width: 85px;
  background: #3377ff;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  height: 34px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
}
.loadingBtn___25Ly4 {
  background: #e5e5e5;
  color: #ffffff;
}
.commentListTitle___2qAYw {
  font-size: 18px;
  font-weight: 600;
  color: #131b33;
  line-height: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(202, 205, 214, 0.47);
}
.commentItem___1e6e1 {
  padding: 25px 0 ;
  border-bottom: 1px solid rgba(202, 205, 214, 0.47);
  display: flex;
  flex-direction: row;
}
.commentItem___1e6e1 .itemRight___1Tk8f {
  flex: 1 1 0px;
  margin-top: 3px;
}
.avatarCon___1MPSM {
  width: 68px;
  flex: 0 0 68px;
}
.commentContent___28_aw {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 20px;
}
.personalInfo___2tT43 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.commentNickName___3hFxg {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}
.commentDate___-bYtz {
  font-size: 12px;
  font-weight: 600;
  color: #a0a2ab;
  margin-left: 10px;
}
.banner___QSVzs {
  width: 240px;
  margin-bottom: 30px;
}
.banner___QSVzs > a {
  width: 100%;
  display: block;
}
.banner___QSVzs > a > img {
  width: 100%;
}
.viceItemTitle___2otaE {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 20px;
}
.publicList___34MCU {
  margin-top: 30px;
}
.videoItem___1DnIX {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  justify-content: space-between;
}
.videoItem___1DnIX .videoItemImg___4z9Tl {
  width: 108px;
  height: 63px;
  flex: 0 0 108px;
  border-radius: 2px;
  overflow: hidden;
}
.videoItem___1DnIX .videoItemInfo___Ngdhv {
  flex-grow: 1;
  margin-left: 10px;
}
.videoItem___1DnIX:hover .des___3-aEv {
  color: #3377ff;
}
.videoItem___1DnIX .des___3-aEv {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 7px;
  width: 116px;
}
.videoItem___1DnIX .viewOrTip___2yYT0 {
  font-size: 14px;
  font-weight: 400;
  color: #a0a2ab;
  line-height: 20px;
}
.videoItem___1DnIX:not(:last-child) {
  margin-bottom: 15px;
}
.videoItem___1DnIX .willPlay___2xtlG {
  width: 65px;
}
.mainVideoOut___YAvPi {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.mainVideoOut___YAvPi:hover .mainVideoIn___3CdvC {
  display: none;
}
.mainVideoOut___YAvPi:hover .mainVideoOutInActive___24762 {
  display: block;
}
.mainVideoOutIn___1yTYW,
.mainVideoOutInActive___24762 {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mainVideoOutIn___1yTYW {
  display: block;
}
.mainVideoOutInActive___24762 {
  display: none;
}
.goBack___2ObTn {
  width: 114px;
  height: 40px;
  color: #a0a2ab;
  font-size: 16px;
  font-weight: 800;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(120, 154, 172, 0.18);
  cursor: pointer;
  display: block;
  padding: 0 18px;
  margin-bottom: 30px;
}
.goBack___2ObTn:hover {
  color: #a0a2ab !important;
}
.goBack___2ObTn img {
  width: 8px;
  height: 14px;
}
.prism-player .prism-big-play-btn {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.twoLine___2DH5d {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.buttonGroup___1v6eD {
  margin: 20px 0 15px;
  height: 40px;
}
.btn___2HJK_ {
  min-width: 84px;
  height: 40px;
  font-weight: 800;
  font-size: 16px;
  border: none;
  border-radius: 20px;
  text-shadow: none;
  margin-right: 15px;
}
.btn___2HJK_,
.btn___2HJK_:focus,
.btn___2HJK_:hover,
.btn___2HJK_:active {
  color: #A0A2AB;
  background: #F8F8F8;
}
.btn___2HJK_::after {
  --antd-wave-shadow-color: #F8F8F8 !important;
}
.active___2CDi4,
.active___2CDi4:focus,
.active___2CDi4:hover,
.active___2CDi4:active {
  color: #FFFFFF;
  background: linear-gradient(to right, #FF3366, #FFAA1E);
}
.active___2CDi4::after {
  --antd-wave-shadow-color: #F8F8F8 !important;
}

.DownloadAd___3TZML {
  float: right;
  height: 40px;
  background: #f3f7ff;
  border-radius: 20px;
  line-height: 40px;
  width: 316px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.DownloadAd___3TZML .text___25eUV {
  font-size: 16px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #3377ff;
}
.DownloadAd___3TZML .btn___1KLyy {
  position: relative;
  width: 50px;
  height: 22px;
  background: #3377ff;
  border-radius: 2px;
  text-align: center;
  color: white;
  margin-left: 10px;
  font-size: 14px;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  line-height: 22px;
  cursor: pointer;
}
.DownloadAd___3TZML .btn___1KLyy:hover .bubbleCard___2Imxr {
  display: flex;
}
.DownloadAd___3TZML .btn___1KLyy .bubbleCard___2Imxr {
  display: none;
  top: 40px !important;
}
.DownloadAd___3TZML .close___1m0eH {
  width: 16px;
  height: 16px;
  margin-left: 14px;
  cursor: pointer;
}
.DownloadAd___3TZML .qrCode___wWF2N {
  width: 146px;
  height: 146px;
}

.emptyContent___3Ldqb {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.speakingPart___2EylC {
  width: 826px;
  height: 591px;
  background: #FFFFFF;
  display: flex;
}
.leftList___rvJig {
  width: 170px;
  height: 100%;
  background: #F8F8F8;
  border-right: 3px solid #f3f7ff;
  overflow: normal !important;
}
.listItem___2xH47 {
  position: relative;
  width: 100%;
  text-align: center;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  color: #131B33;
  background: #FFFFFF;
  border-bottom: 1px solid #F8F8F8;
  cursor: pointer;
}
.listItem___2xH47.active___3rpd6 {
  font-weight: 800;
  color: #3377ff;
  background: rgba(51, 119, 255, 0.1);
}
.listItem___2xH47 .tips___3gcKE {
  display: none;
  position: absolute;
  top: 38px;
  left: 20px;
  width: 140px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #a0a2ab;
  background: #f8f8f8;
  box-shadow: 0px 3px 5px 0px rgba(202, 205, 214, 0.47);
  border-radius: 3px;
  z-index: 10;
  word-break: break-word;
}
.listItem___2xH47:hover .tips___3gcKE {
  display: block;
}
.cnListItem___3_BVY {
  font-size: 16px;
}
.cnListItem___3_BVY.active___3rpd6 {
  font-size: 16px;
}
.rightContent___10PXt {
  width: 656px;
  height: 100%;
  padding: 20px;
  position: relative;
}
.image___1g9BQ {
  width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
}
.image___1g9BQ img {
  width: 366px;
  border-radius: 20px;
}
.partName___24OAx {
  position: absolute;
  top: 20px;
  right: 10px;
  color: rgba(160, 162, 171, 0.3);
  height: 42px;
  line-height: 42px;
  font-size: 30px;
  font-weight: 800;
}

.header___20V24 {
  padding: 15px 15px 0 20px;
  display: flex;
  align-items: center;
}
.text___19SiN {
  height: 22px;
  line-height: 22px;
  margin-right: 10px;
  color: #A0A2AB;
  font-size: 16px;
  font-weight: 700;
}
.line___kW3Xc {
  flex: 1;
  height: 1px;
  background-color: rgba(202, 205, 214, 0.47);
}

/* 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-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}

.leftArrow___1PfxI {
  position: absolute;
  left: 130px;
  top: 256px;
  width: 44.6px;
  height: 43.78px;
  border-radius: 50%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAA51BMVEUAAAD0+P/0+P/09//09//3///////z+P/0+P/0+P/09//0+P/0+P/1+f/0+f/1+f/2+//0+f/z+P/09//z9//z+P/09//0+P/1+P/0+f/0+P/5+f/4+P/0///////////z9//0+P/0+f/0+P/0+P/19//1+P/1+f/1+v/0+v/z+P/z+P/0+P/z9//z+P/0+f/1+v/z9/8zd/+70v+dvv81eP/h6v+yy/+iwv+Vuf/y9v/I2//E1/+3z/+nxf+avP+Msv+DrP98qP/n7//b5//R4P+rx/+Ptf+Hr/9dk/9ck/86fP83ev/mP2fNAAAAMXRSTlMAz/ji6BwL8dO6p5eGe3RSOSzaycKvootpXkQnIRcPCOy1npGAY0o/NC/dsZCBblkyLjHcrgAAAXdJREFUOMuN1GdzgkAQgOEVFJGi2I0tGlt6sliiMcb0/v9/T27GGLi7PeD5yusN7HgLokzDrpb1bKli1QsGRGpdpDBE6ze6yrZdQ0kvf0i23YGGFH1ExMVTVLGk4wtZVEtl+DiPkdIn3MkYQ+8E8bGGccr/795JYzxrXx9hEs2/2WEiqV2dQ8nrHZEfAOOhZOn7U2IuwAxQNPN9nzrcY7WOgi2LV0ios1mjYMXiLVJKAC4Rz5DWFof9zuKlcuTC/B6CmJyhKcZfM054lC70MLDwCaHchnS4nsvxfB08Pwfukt+zx59TzgsG8tBHLmenf0R8pY2cN5Y/quqJdCNvIvIMtJDIn25V/3Azce6y2kHR5sf3N0RdpC/a9Hu+Vl01Ylc+L1A23m1sDZPIwY6TqN4vN8PEeE6w5uOXVRUCXtyrpwxuyUbnprDAr/Wo1zBA0Kko4yEQGvS3VjwgGW5W/rwxKHWvrPAPSvUJxGheOrVc+cwejlog+gU7dSJ7XzBmRgAAAABJRU5ErkJggg==) center center no-repeat;
  cursor: pointer;
  transition: opacity 500ms ease-out;
  opacity: 1;
  z-index: 100;
}
.leftArrow___1PfxI:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAA0lBMVEUAAAB6bvCPf/eAbvCcivaEdO2QgfSOffiPgPmFdvKWiPmFdveUhvqZif2HePMzd/+Vh/k0d/9ae/02d/82eP87eP88ef40d/83eP85eP9Cef4zd/80d/84eP9Gev5Jef5Oe/tfevozd/81d/85d/48d/0/eP1SeftmePp4f/lJePx1gvo0d/81d/9LePtHd/wzd//////f6f9Cgf/z9/9Oif/3+v9unv9mmf9Ihf/l7v9flP/6+//q8f9Wjv/h6//Q4P+3z/+fv/93pP88ff85e/+VMYYyAAAAMHRSTlMABAUHCQkSEBQMDA0HDg/5FucwvrqIgtqtnGb04KJVTz4p7s+Vd2w3JBxJINXHRF61dtQzAAAC5ElEQVRIx83XaUPiMBAGYJukk6QnFCiXcqhcXhsBb1f3/P9/aQdU0iMtdT/5fuZhZsLQ4+CLxrL+T1nkIxbmExCF59nsPdTziHVQzSOljDmO/x7XlZJRih1UsNTbSA6i9hYhgPsOsyn2v6cqpczxEUbTbqNd7x8fnnRag3P0rsMoKcXEYxJpFF+oZMJmb4GceWXFic0cLkadUOVSj88hwNm1ztcNYN7VNM17AotTYtQWWi6GdVWY5hgCs8a6ji9iVZb6FWpT58R2eK2rytMfbLVhXi6O1L6EQ+7a2cYtynxoqf3pj7jMasIcGKgqaZ8HklrpwpKPj1WldMBNjW0R5kJHVcyAS1y15MT8TFVNW7i2Lm1tJm6qfF5+PZl0j+PUyaMeqXye1tdrEz7B0mSHPQdOjfZ6qUwZBfrXIrYv8it9j/bxxohPQfdNsOu8vdU21ze4nrU7Lz4x2dcHVZD5bmjLk5Dd6ju0y0KrhoHGDlxm7HOpVROOJ/aBxWHOPr6sUvmrEmlxm2qc2usbtLk8/04edwr3U4WvTfmpdLrFlVff8bPrZTo/XooqQ3rmG9Tr3FoXzQwN9Sk9DfRpM95VGf2I+r4QX/k20Rs2VQZ9W6TDBW6Y3u1IZfPwWqwvk38MPO52Xi9R3xlxzDXenFisjHptxBGOvMP4hx6HKpfV0nwxaIJDE5g6YLpb/LlbmfAZT117KeNRqCqmAS4jCUxsF1oVbTjL3DIsyoLFRTXcgo/Lti4t+axfqWkR7Kye2odvFcZuj7nMPRURbByme2090nfYzNjQC/fUjbiTalr/2DKAYb103rm2ps7HjUIaxrWtRWzWLoheQfHmTARS21znODe2vpgcGuiZ4K4sf36kWJxDbXiU9OFJHAnYlKVmpjljTgCiNuu1jjqNZqc7GcyF4L608y2bTt22pRtwEG8B4IG7qUo0LeUbL6W7jcSaKJFWfzuh+A3MZoxuIeZTrzeY3bvNl8s/zXNZmkqr1XYAAAAASUVORK5CYII=) center center no-repeat;
}
.leftArrow___1PfxI.disable___1b2iD {
  cursor: not-allowed;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAAvVBMVEUAAAD4+Pj5+fn4+Pj5+fn5+fn5+fn4+Pj////4+Pj4+Pj5+fn5+fn5+fn5+fn5+fn5+fn39/f6+vr7+/v7+/v4+Pj4+Pj5+fn5+fn5+fn5+fn5+fn5+fn4+Pj5+fn5+fn5+fn4+Pj4+Pj4+Pj4+Pj5+fn29vb6+vr8/Pz5+fn4+Pj4+Pj5+fn39/f5+fn4+Pj8/Pzq6ur4+PjKzdbj5enr6+7o6ezm5+vz8/Tg4ubc3uPe4OXu7/HU1t3T1t2DXtm8AAAAMnRSTlMA5PP7Re7YEwbq08ezkY14ZD8wGQ7fy6CKblMtJ8S3qqSbl3RqWTo1INrAv6udgE1KDIAxhbkAAAFWSURBVDjLjdLncoJQEIbhDwTE2BDsvWt6slijyf1fVnCSmAO7B3z+8s7Onh2Q5Hdag4ZtGs6wvAiQqlcxSFXs1KGzKhFjtvOQ5Cc5khQ8cDWDdEpsvJcjvUYfMVVKZftQzClDQZluUab76ymDAmUb4deIbtFle6QxXFwUiTlviesgUiNmE4Y7YTgiLSkOpeEW4JpSfCTBWFjkGMUbkhjAixjL+nhKifnJ70h1iuI96VRhJOOvTYx6ygrUkxxCgZJPYKfW8ctP45vso6+f25gz/WujScn8RDozjInlH6Txiirdnq+xooSdNm8AKNycT6O6TFK+J24Z1T1ituL/fYeLEjGHA3ELXPg54nSj+eayJX7UHcpWwZ+eSVmKLq7eslZ38lB003MnQIxlp62RR8K6qX+gC8admfKdaxAFbd47HrTq3qP6XLtlId27VX0eDpoPpfLcR9I3MjAnMEMTeFgAAAAASUVORK5CYII=) center center no-repeat;
}
.leftArrow___1PfxI.hide___3qJrJ {
  opacity: 0;
  z-index: -100;
}
.rightArrow___1Pzvt {
  position: absolute;
  right: 5px;
  top: 256px;
  width: 44.6px;
  height: 43.78px;
  border-radius: 50%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAA3lBMVEUAAAD0+P/3/v/0+P/09//09//1+f/////0+P/z+P/09//0+P/0+P/0+P/1+f/0+P/1+P/0+P/2+//z+P/z+P/09//z9//0+P/0+f/0+f/2+f/5+f/////////z9//0+P/0+P/09//0+P/0+P/0+f/1+P/1+v/0+v/0///z+P/0+P/0+P/0+f/z+f/3+//1+v/z///z9/8zd/+70v+dvv81ef/e6f+2z/+vyf+mxf+Vuf+Ns//I2//D1/+hwf+avP+DrP98qP/n7//j7P/R4P++1P+Hr/9dk/9ck/86fP+GfheVAAAAMXRSTlMAzx346OIrC9Swp5eIgXtyaEQ58NrJwrmfX1EmDwjs37WjkYxZSjQvGPO8kHZVPjIWJLtj8gAAAWxJREFUOMuN1Od2gkAQhuEBJdhF7CV2jen5sEVjNL3c/w2FY1CXLcDz+z0wzNmFeGZjkKqUikY5mbZ0CtSyujEwtOwZqZzn2xD0FC+oG5CJ9VuSB6eg0hHG0TWoXTbI5yKOQHliTAyEuGVmLiNMbEwHKYSLT7y4gChqXq0hkv891iF6/oCguq87EEwdZwuB7ca27NGO48zA67t1BhJrN9+BY7h1CTI7N1+DM6Ym5GaSPKde9tbNn/iV16GyEvIq5XDyOfP54fMEpdktSyyYuk3XONpI4vk7e7LoBieLqc+3W6/A0GgIlS8+Rle9wRc3foRPmnR1POdi5FWn+1USo0mUU8VLcBJEdAbRUhYjq7hom/nvVHHVRhAt3iDo0d4Voojp3m8NUWTIk0G4hEkHSYSJ63RkamFD28TQE8Fxg3zMoGGMe+JloVJ5IJFdkX+fRXIjDbxiziSlu0GJTVPDFgVrWtl0slytZfIF4v0B6eIh3Z9cUkUAAAAASUVORK5CYII=) center center no-repeat;
  cursor: pointer;
  transition: opacity 500ms ease-out;
  opacity: 1;
  z-index: 100;
}
.rightArrow___1Pzvt:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAzFBMVEUAAAB7bvGQgfedi/aOgPaAbPGUhvqEdO2OfvaGePSGdPOXifqKefaaif2Ie/Yzd/80d/+aivpae/02d/82eP87eP88ef40d/83eP85eP9Cef5nevszd/8zd/84eP9Gev5Jef5Oe/tfevp5gPg0d/81d/85d/48d/0/eP1SeftJePw0d/81d/9LePtHd/wzd//////f6f9Cgf/2+f/y9v9Oif9unv9mmf9Ihf/l7v9flP/6+//q8f9Wjv/h6/86fP/Q4P+4z/+fv/93pP/kKP0JAAAAL3RSTlMABAUJDAcHCREPDRMSDhX55hYwvrqIgtqtnGYj9O2iVU8+KR3gz5V3bDdJ1cdEXgSFnGEAAALZSURBVEjHzdfZQuIwFAZgm6TZG7Dsi7KJgMukIO6jzvL+7zQpo6RLSqtX/jdw83HOaUOTHn3TeN6XlAn4iPn+CXnkAYx9+B6CceUfMCUNRIjz4D0IQegbX4X6BKKASqGO/0dIGhiOcakGpiinQs1Gre68fjKsdxq9ZXgsYu9j4B3uGBo66zdrOpnLdrjjGBywpiwTg3Zd51LrTgRFkIADllPVtzTNewPBbO28ZXTa1IWpj3faK7Dyuq4PpS0C5Kq9s6OhPpzeMXPM7QHC6bimy3Jq505aRCdDXZ6WCCD2Mk0jNujoKhlJBEFmYC67ulJOpgz5XrJpjOhIV0xXcAg8izHhqqOr5oJC30tOTPvakac/LzqfpkCJ0oBwMXfhbbR90vlM4gtu7xObaFfWkVOfS2QxRvLciW8fo+jmPr/IRUDAHnM515W07RvYkQe6IA+vLr0w2PvAbKwL9drou+wKp2bo/fVa6IP6OaOvxB5jQls6kbdNKi+POX2WwsmL/fc5yuf5NrW+U7inbX5HrqRKDwsrv/xap7M19uemsDJr6eI8bY29LZoZELb8lNUNivD+PgfXhfb+JooeM1b3KLSYz2qfsXrJ9ivM85G8KravDzqb0K5tDyPadto7Y9d52xEo+X8OQifeOq1u0wSO+266HwbrjWPLmwbEjLzvG9ILF97cvTl3DeQnMIBcNnTF1EIKcWbDWNUq4pbkBKQw4bJVzV7OmH1s79e3qtT4cEURAdlTEGfTToWBf9DATOzYY8N6KV5S07QtbMdGLOyU1O0LO3BW08HBuU/GMt5eXXinVbv4jjWm0tZ1aaZWTTet95Xk1rpOj4hTdeHgZ4uZZLG1OBc/Li5V2J7XkvJ0rERM7TmoqHUSH5jVYLTodZuN7mmrv1JKMgTtLSrmAJvqnFEppYojJWUcEWL/SGXn9bg+fw+KJba0ytuJ7/sQEkjMp/MVo/wXYhbD75Z//aBS/VWcX74AAAAASUVORK5CYII=) center center no-repeat;
}
.rightArrow___1Pzvt.disable___1b2iD {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAAxlBMVEUAAAD5+fn4+Pj4+Pj5+fn4+Pj4+Pj////5+fn5+fn4+Pj5+fn5+fn6+vr5+fn5+fn6+vr7+/v5+fn5+fn5+fn4+Pj4+Pj4+Pj5+fn5+fn5+fn5+fn6+vr5+fn8/Pz5+fn5+fn4+Pj4+Pj4+Pj4+Pj6+vr39/f5+fn5+fn39/f7+/v39/f5+fn4+Pj39/f5+fn5+fn////q6ur4+PjKzdbr6+7j5enn6Ovz8/Tp6u3j5Ojf4OXc3uPl5urh4+fu7/HU1t3T1t3ByttSAAAAM3RSTlMAjPvj2egTBvPGwpF4SUQ/LQ7x7+zf08uzq6BuMScYt6SalnRqZWNZUjw2HtOxnYBWIQwNK+ilAAABX0lEQVQ4y43T53KCQBiF4YOAxN5L1Jjeew62JGpy/zeVHeM47H67wPP7hfk4M8A0va2cBmG72yuPxk2kao1LTPI99wNFr01h+ACr65A2hfOi5cVDuvgNGE56dCvcQDPpMlVVe3PIDFeJ4QJmqh/qY2YLp/h3xzyOsRP5FNy3jCmtthRKu9qnsIjjOYWGimuUVnEcf9I0UvUZLTa2/CgCQtp8qnwjTzkhc+ev7rHnKv8yJ6/SZS3yPrzkcHPNr5n7ONdWlpbJUXDBg1lW3dEu2c40Pype65dc0uXLjDlAjQ7fKl5Qc4bHtFj+nb3cMR+AC1e8oqEL4J7SwhazAqVPQS0/o9CEcktpuaQwxM4T8yhMsHPPPCrY85gtaGEvKjHLURMHxSDr6BoSHoP0+A2aYtoxnToMkUeXwTukRp827csIVjeB3MKbwqk+6iQ/rnzdQrrJVeW5PCifvlRrHzD8AfkgLbsiGp1pAAAAAElFTkSuQmCC) center center no-repeat;
}
.rightArrow___1Pzvt.disable___1b2iD:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAAxlBMVEUAAAD5+fn4+Pj4+Pj5+fn4+Pj4+Pj////5+fn5+fn4+Pj5+fn5+fn6+vr5+fn5+fn6+vr7+/v5+fn5+fn5+fn4+Pj4+Pj4+Pj5+fn5+fn5+fn5+fn6+vr5+fn8/Pz5+fn5+fn4+Pj4+Pj4+Pj4+Pj6+vr39/f5+fn5+fn39/f7+/v39/f5+fn4+Pj39/f5+fn5+fn////q6ur4+PjKzdbr6+7j5enn6Ovz8/Tp6u3j5Ojf4OXc3uPl5urh4+fu7/HU1t3T1t3ByttSAAAAM3RSTlMAjPvj2egTBvPGwpF4SUQ/LQ7x7+zf08uzq6BuMScYt6SalnRqZWNZUjw2HtOxnYBWIQwNK+ilAAABX0lEQVQ4y43T53KCQBiF4YOAxN5L1Jjeew62JGpy/zeVHeM47H67wPP7hfk4M8A0va2cBmG72yuPxk2kao1LTPI99wNFr01h+ACr65A2hfOi5cVDuvgNGE56dCvcQDPpMlVVe3PIDFeJ4QJmqh/qY2YLp/h3xzyOsRP5FNy3jCmtthRKu9qnsIjjOYWGimuUVnEcf9I0UvUZLTa2/CgCQtp8qnwjTzkhc+ev7rHnKv8yJ6/SZS3yPrzkcHPNr5n7ONdWlpbJUXDBg1lW3dEu2c40Pype65dc0uXLjDlAjQ7fKl5Qc4bHtFj+nb3cMR+AC1e8oqEL4J7SwhazAqVPQS0/o9CEcktpuaQwxM4T8yhMsHPPPCrY85gtaGEvKjHLURMHxSDr6BoSHoP0+A2aYtoxnToMkUeXwTukRp827csIVjeB3MKbwqk+6iQ/rnzdQrrJVeW5PCifvlRrHzD8AfkgLbsiGp1pAAAAAElFTkSuQmCC) center center no-repeat;
  cursor: not-allowed;
}
.rightArrow___1Pzvt.hide___3qJrJ {
  opacity: 0;
  z-index: -100;
}
.carousel___1uOZf {
  padding: 0 50px;
  height: 100%;
}
.carousel___1uOZf .ant-carousel .slick-slider img {
  width: 100%;
}

.listeningPart___3mxDl {
  width: 826px;
  background: #FFFFFF;
}
.container___1TAka {
  width: 100%;
}
.leftContainer___1_m4a {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 110px;
  height: 525px;
  background: #F8F8F8;
  transition: opacity 500ms ease-out;
  opacity: 1;
  z-index: 100;
}
.leftContainer___1_m4a.hide___3kqn7 {
  opacity: 0;
  z-index: -100;
}
.title___3-8Ms {
  width: 100%;
  margin-top: 5px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #A0A2AB;
  font-size: 12px;
  font-weight: 700;
}
.list___1Y6p_ {
  width: 100%;
  height: 500px;
}
.list___1Y6p_ .listItem___21eZ7 {
  width: 100%;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.list___1Y6p_ .listItem___21eZ7 .image___2wk9v {
  width: 90px;
  height: 115px;
  border-radius: 3px;
  position: relative;
}
.list___1Y6p_ .listItem___21eZ7 .image___2wk9v img {
  width: 100%;
  height: 100%;
}
.list___1Y6p_ .listItem___21eZ7 .image___2wk9v .mask___2QPqq {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.list___1Y6p_ .listItem___21eZ7 .text___3O99g {
  text-align: center;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  color: #CACDD6;
}
.list___1Y6p_ .listItem___21eZ7.active___YUcW7 .image___2wk9v {
  border: 2px solid #ffaa1e;
}
.list___1Y6p_ .listItem___21eZ7.active___YUcW7 .image___2wk9v .mask___2QPqq {
  display: none;
}
.list___1Y6p_ .listItem___21eZ7.active___YUcW7 .text___3O99g {
  color: #FFAA1E;
}
.rightContainer___1he1Q {
  margin-left: 125px;
}
.rightContent___1HQCp {
  margin-top: 5px;
}

.listeningPart___3osuW {
  width: 826px;
  background: #FFFFFF;
}
.container___1DjQk {
  width: 100%;
}
.leftContainer___2upJT {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 110px;
  height: 525px;
  background: #F8F8F8;
  transition: opacity 500ms ease-out;
  opacity: 1;
  z-index: 100;
}
.leftContainer___2upJT.hide___7lJ4I {
  opacity: 0;
  z-index: -100;
}
.title___Cd4-H {
  width: 100%;
  margin-top: 5px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #A0A2AB;
  font-size: 12px;
  font-weight: 700;
}
.list___34MW7 {
  width: 100%;
  height: 500px;
}
.list___34MW7 .listItem___1kttL {
  width: 100%;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.list___34MW7 .listItem___1kttL .image___27r-j {
  width: 90px;
  height: 115px;
  border-radius: 3px;
  position: relative;
}
.list___34MW7 .listItem___1kttL .image___27r-j img {
  width: 100%;
  height: 100%;
}
.list___34MW7 .listItem___1kttL .image___27r-j .mask___1-2PF {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.list___34MW7 .listItem___1kttL .text___3bydk {
  text-align: center;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  color: #CACDD6;
}
.list___34MW7 .listItem___1kttL.active___3v2Pe .image___27r-j {
  border: 2px solid #ffaa1e;
}
.list___34MW7 .listItem___1kttL.active___3v2Pe .image___27r-j .mask___1-2PF {
  display: none;
}
.list___34MW7 .listItem___1kttL.active___3v2Pe .text___3bydk {
  color: #FFAA1E;
}
.rightContainer___1_Fl8 {
  margin-left: 125px;
}
.rightContent___3Umun {
  margin-top: 5px;
}

.writingPart___2KtH0 {
  width: 826px;
  background: #FFFFFF;
}
.container___1U3SO {
  padding: 25px 25px;
}

.experienceContent___2u0aT {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
}
.container___3bjzl {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.content___1pDCW {
  width: 826px;
  flex: 1 0 591px;
  box-shadow: 0px 2px 16px 0px rgba(202, 205, 214, 0.47);
  border-radius: 6px;
  overflow-x: hidden;
  overflow-y: auto;
}
.content___1pDCW::-webkit-scrollbar {
  width: 5px;
}
.content___1pDCW::-webkit-scrollbar-track {
  border-radius: 5px;
}
.content___1pDCW::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(51, 119, 255, 0.3);
}
.content___1pDCW::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(51, 119, 255, 0);
}
.content___1pDCW:hover::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(51, 119, 255, 0.3);
}
.emptySpace___17Zyn {
  height: 20px;
  background: #F8F8F8;
}

.experience___31Fgu {
  height: 100vh;
  width: 1200px;
  padding-top: 60px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.left___2w8WI {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.title___3SUCr {
  color: #131b33;
  margin: 20px 0 15px;
  margin-left: 0px;
  height: 40px;
  line-height: 40px;
  font-size: 28px;
  font-weight: 600;
  align-self: start;
}
.content___2O4a2 {
  flex: 1;
}
.contentRoot___5pcPu {
  display: flex;
  flex: 1;
  width: 1200px;
}
.iframeRoot___3wzFv {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: white;
}
.iframe___2VIiq {
  width: 100%;
  flex: 1;
  border-width: 0;
  align-self: center;
}
.right___P1ujd {
  height: 100%;
}

.experience___1G8We {
  height: 100vh;
  width: 1200px;
  padding-top: 60px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.left___3TmLB {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.title___ePfoZ {
  color: #131b33;
  margin: 20px 0 15px;
  margin-left: 0px;
  height: 40px;
  line-height: 40px;
  font-size: 28px;
  font-weight: 600;
  align-self: start;
}
.content___3NCgX {
  flex: 1;
}
.contentRoot___di0Ab {
  display: flex;
  flex: 1;
  width: 1200px;
}
.iframeRoot___2GnIc {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: white;
}
.iframe___2WNWc {
  width: 100%;
  flex: 1;
  border-width: 0;
  align-self: center;
}
.right___2TDgP {
  height: 100%;
}

.advertisementWrapper___YRaGS .bg_vip_wrapper___2b7yL {
  width: 386px;
  height: 625px;
  position: relative;
}
.advertisementWrapper___YRaGS .bg_vip_wrapper___2b7yL .bg_vip_text___2DsrS {
  position: absolute;
  left: 50px;
  top: 32px;
  font-weight: 800;
  font-size: 28px;
  color: #4b4b4b;
}
.advertisementWrapper___YRaGS .bg_vip_wrapper___2b7yL .bg_vip___pfC_2 {
  width: 386px;
  height: 522px;
}
.advertisementWrapper___YRaGS .giftWrapper___NRcGP {
  width: 355px;
  height: 166px;
  margin-left: 20px;
  position: relative;
}
.advertisementWrapper___YRaGS .gift___3lzZE {
  width: 355px;
  height: 166px;
}
.advertisementWrapper___YRaGS .giftQrCode___14jQQ {
  position: absolute;
  right: 43px;
  top: 45px;
  width: 106px;
  height: 106px;
}

.pendant___1KQc7 {
  position: fixed;
  bottom: 150px;
  right: 0;
  width: 75px;
  background: #ffffff;
  box-shadow: 0 2px 10px 0 rgba(120, 154, 172, 0.18);
  border-radius: 6px 0 0 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  z-index: 9998;
}
.pendantItem___3sUuf {
  padding: 14px 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pendantItem___3sUuf > img {
  width: 26px;
  margin-bottom: 2px;
}
.hoverControl___Z92GX {
  width: 100%;
  position: relative;
}
.hoverControl___Z92GX .no___32JEB {
  position: absolute;
  display: none;
  width: 100px;
  height: 100px;
  left: -550px;
  top: -110px;
}
.hoverControl___Z92GX .normal___19zbK {
  display: block;
}
.hoverControl___Z92GX .active___3fzEo {
  display: none;
}
.hoverControl___Z92GX:hover .pendantItem___3sUuf {
  background-color: #f5f4f5;
}
.hoverControl___Z92GX:hover .pendantItemFirst___1SW1i {
  border-radius: 6px 6px 0  0;
}
.hoverControl___Z92GX:hover .normal___19zbK {
  display: none;
}
.hoverControl___Z92GX:hover .active___3fzEo {
  display: block;
}
.hoverControl___Z92GX:hover .no___32JEB {
  display: block;
}

/* 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-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #f5222d;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}

.baseTitle___1W8Y0 {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  line-height: 40px;
  position: relative;
}
.baseTitle___1W8Y0.required___3F3fJ::before {
  content: '*';
  color: #3377ff;
}
.resultPartTitle___2udtQ {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  line-height: 40px;
  position: relative;
  margin-bottom: 25px;
}
.resultPartTitle___2udtQ.required___3F3fJ::before {
  content: '*';
  color: #3377ff;
}
.errorMain___1BXYE {
  margin-top: 16px;
}
.title___gDOaq {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  line-height: 40px;
  position: relative;
  margin-left: 15px;
}
.title___gDOaq.required___3F3fJ::before {
  content: '*';
  color: #3377ff;
}
.part___1HoKC {
  margin-top: 45px;
}
.titleInput___1E2RH {
  width: 100%;
  padding: 15px 33px;
}
.contentInput___1Ji6N {
  width: 100%;
  padding: 20px 30px;
}
.card___2bzpZ {
  background: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(202, 205, 214, 0.47);
  display: block;
  margin-top: 30px;
  color: #131b33;
}
.wordCount___HuIT2 {
  margin-top: 15px;
  font-size: 16px;
  color: #a0a2ab;
  line-height: 22px;
  text-align: right;
}
.remainingTime___mbQfW {
  margin-top: 20px;
  font-size: 16px;
  color: #ffaa1e;
  line-height: 22px;
  text-align: center;
}
.summitBtnWrapper___WkIxa {
  margin-top: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.summitBtn___2NRCB {
  width: 242px;
  height: 57px;
  background: rgba(51, 119, 255, 0.1);
  border-radius: 9px;
  font-size: 20px;
  font-weight: bold;
  color: #3377ff;
  line-height: 57px;
  text-align: center;
  cursor: pointer;
}
.sentencePattern___1T95V {
  padding: 20px 30px;
}
.bigPadding___2vYMH {
  padding: 35px 20px;
}
.smallPadding___1ortT {
  padding: 15px 20px;
}
.summaryDes___1_Obj {
  font-size: 20px;
  font-weight: bold;
  color: #131b33;
  line-height: 28px;
}
.summitAgain___3sirk {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 118px;
}
.errorSen___3KVO_ {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
}
.sourceSentence___1_ns_ {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  color: #131b33;
}
.optimizationSen___3hnYt {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
  margin-top: 13px;
  color: #57de9d;
}
.forceStyle___1a17C span {
  color: white !important;
  background: #57DE9D !important;
}
.errorTable___26KvR {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  margin-top: 28px;
  line-height: 37px;
  border-right: 1px solid #3377ff;
}
.errorTable___26KvR .errorHead___2gyV7 {
  background-color: #3377ff;
  text-align: center;
  color: #ffffff;
}
.errorTable___26KvR .headCell___2MQQE:not(:first-child) {
  border-left: 1px solid white;
}
.errorTable___26KvR tbody {
  text-align: center;
  width: 496px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #131b33;
}
.errorTable___26KvR tbody tr {
  border-bottom: 1px solid #3377ff;
}
.errorTable___26KvR tbody tr td {
  border-left: 1px solid #3377ff;
}
.errorTable___26KvR tbody tr td:last-child {
  border-right: 1px solid #3377ff;
}
.forceSentenceStyle___EEABM span {
  background-color: #3377FF !important;
  color: white;
}

.wrapper___1VvgB {
  text-align: center;
}

.greyCard___2mrv5 {
  background: #f8f8f8;
  border-radius: 9px;
}

.wrapper___EECwN {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #131b33;
  line-height: 34px;
}
.name___1-dgV {
  font-weight: bold;
  margin-right: 14px;
}

.trigger___30qah {
  font-size: 16px;
  font-weight: bold;
  color: #3377ff;
  line-height: 22px;
  cursor: pointer;
  background-color: #f8f8f8;
}
.trigger___30qah.triggerFold___2IaZ7 {
  position: absolute;
  bottom: 15px;
  right: 17px;
}
.trigger___30qah.triggerUnFold___bJGb6 {
  float: right;
  margin-top: 9px;
}
.wrapper___3dr7R {
  position: relative;
}
.wrapper___3dr7R .innerWrapper___VhVaK {
  overflow: hidden;
  width: 100%;
}
.wrapper___3dr7R .maxInnerWrapper___3Ece5 {
  max-height: 56px;
}

/* 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-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row + .ant-row::before {
  clear: both;
}
.ant-row-flex {
  display: flex;
  flex-flow: row wrap;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: flex;
}
.ant-row-flex-start {
  justify-content: flex-start;
}
.ant-row-flex-center {
  justify-content: center;
}
.ant-row-flex-end {
  justify-content: flex-end;
}
.ant-row-flex-space-between {
  justify-content: space-between;
}
.ant-row-flex-space-around {
  justify-content: space-around;
}
.ant-row-flex-top {
  align-items: flex-start;
}
.ant-row-flex-middle {
  align-items: center;
}
.ant-row-flex-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  min-height: 1px;
}
.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
}

.cover___3BKya {
  width: 100%;
  height: 227px;
}
.cover___3BKya:hover .playIconCon___3wMx- img {
  visibility: visible;
}
.cover___3BKya:hover .teacherCodeWrapper___3SMW_ {
  visibility: visible;
}
.cover___3BKya:hover .mark___fmI8r {
  visibility: visible;
}
.playingNowTop___3H1Xk .time___1JkNB {
  font-size: 14px;
}
.playingNowTop___3H1Xk .tips___2Sw7U {
  margin-left: 4px;
}
.mark___fmI8r {
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
  visibility: hidden;
}
.tag___13BDU {
  padding-left: 35px;
  color: white;
  font-size: 17px;
  font-weight: bold;
  background: no-repeat;
}
.publicClassCard___239r_ {
  overflow: hidden;
  cursor: pointer;
}
.publicClassCard___239r_:hover .titleActive___3FYxp {
  color: #3377ff;
}
.playIconCon___3wMx- img {
  height: 45px;
  width: 45px;
  visibility: hidden;
}
.title___27eIW {
  font-size: 16px;
  font-weight: bold;
  color: #131b33;
  line-height: 22px;
}
.desAreaWrapper___3RZKW {
  padding: 11px 10px;
}
.teacherName___2Dc8Z {
  display: inline-block;
  margin-left: 10px;
}
.extra___2dE4f {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-weight: bold;
  color: #a0a2ab;
  line-height: 24px;
  margin-top: 8px;
}
.smallTag___xxWnd {
  padding: 5px;
  background: #dbe7ff;
  border-radius: 1px 8px 1px 8px;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  color: #3377ff;
  line-height: 14px;
  display: inline-block;
  margin-left: 10px;
}
.smallTagFade___3BgQV {
  color: #a0a2ab;
  background: #eeeef2;
}
.teacherCodeWrapper___3SMW_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 50px;
  height: 100%;
  visibility: hidden;
}
.teacherCodeWrapper___3SMW_ img {
  height: 100px;
  width: 100px;
  margin-bottom: 9px;
}
.teacherCodeWrapper___3SMW_ .infoTop___P9Un8 {
  margin-bottom: 2px;
}
.teacherCodeWrapper___3SMW_ .infoTop___P9Un8,
.teacherCodeWrapper___3SMW_ .infoBottom___fZSbM {
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  line-height: 18px;
}
.finishTag___3RgXa {
  padding-left: 32px;
  white-space: nowrap;
}

.pileContainer___24NbJ {
  position: relative;
}
.pileElement___1vllZ {
  position: absolute;
}

.wrapper___1OR1n {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.link___2bpFT img {
  width: 100%;
  height: 100%;
}
.bgContainer___2-555 {
  position: relative;
  border-radius: 16px;
}
.bgContainer___2-555 div {
  position: absolute;
  top: 36px;
  left: 32px;
  color: #333333;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  font-size: 28px;
}
.bgContainer___2-555:hover {
  box-shadow: 10px 20px 14px 0px rgba(16, 67, 169, 0.19);
}
.YidaLinks___20FNL {
  margin-bottom: 50px;
}
.YidaLinks___20FNL h2 {
  color: #333333;
  font-size: 28px;
  position: relative;
  font-weight: 700;
  margin-bottom: 50px;
}

.wrapper___363Dr {
  color: #333333;
  font-size: 28px;
  position: relative;
  font-weight: 600;
  height: 64px;
  font-weight: 700;
}
.wrapper___363Dr h2,
.wrapper___363Dr h1 {
  color: #333333;
  font-size: 28px;
  position: relative;
  font-weight: 600;
  height: 64px;
  font-weight: 700;
}

.loginButton___3x5d1 {
  height: 100%;
  width: 72px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.innerWrapper___3xgSS {
  width: 72px;
  border-radius: 18px;
  background-color: #ffffff;
  color: #3377ff;
  left: 1500px;
  top: 17px;
  font-size: 20px;
  text-align: center;
  line-height: 37px;
  height: 37px;
}
.innerWrapperTop___1QZ6N {
  background-color: #3377ff;
  color: #ffffff;
}

.container___1IDLE {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999;
  width: 100vw;
  height: 100vh;
}
.mask___1OaI6 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.contentContainer___1E7Yy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 335px;
  max-width: 77.3%;
  aspect-ratio: 0.89095745;
}
.content___3p8Gq {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.content2___2godA {
  width: 100%;
  height: 100%;
}
.closeIcon___1bvZ_ {
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  right: -20px;
  top: -36px;
}
.saveImg___3Tca- {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -76px;
  width: 111px;
  height: 34px;
  line-height: 34px;
  background: linear-gradient(180deg, #feee8a 0%, #fffb94 100%);
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  color: #a67107;
  text-align: center;
  font-family: PingFangSC-Medium, PingFang SC;
}

.wrapper___2pjLZ {
  border-radius: 5px;
  background-color: #f8f8f8;
  overflow: hidden;
}

.wrapper___1kqpm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  min-width: 1200px;
}
.innerWrapper___6s7pB {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.qrCodeWrapper___BBhlG {
  position: absolute;
  top: 103px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.qrCode___1KIaW {
  width: 146px;
  height: 146px;
}
.addTeacher___2GNRk {
  color: #ffffff;
  font-size: 17px;
  margin-top: 16px;
}
.content___3GrM9 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* 3列，每列宽度为1fr */
  grid-auto-rows: minmax(100px, auto);
  /* 自动行高，最小高度为100px */
  gap: 24px;
  /* 可选：设置网格项之间的间距 */
}
.main___2nFQ3 {
  margin-right: 15px;
}
.main___2nFQ3 .normalPlay___D_LcJ {
  display: inline-block;
}
.main___2nFQ3 .activePlay___3RTzw {
  display: none;
}
.main___2nFQ3:hover .normalPlay___D_LcJ {
  display: none;
}
.main___2nFQ3:hover .activePlay___3RTzw {
  display: inline-block;
}
.main___2nFQ3:hover .classInfoTitle___2TrRT {
  color: #3377ff;
}
.mainGrey___2fP7i {
  border-radius: 5px;
  background-color: #f8f8f8;
  overflow: hidden;
}
.moreClass___3Jhpp {
  position: absolute;
  bottom: 21px;
  right: 0;
  color: #a0a2ab;
  font-size: 20px;
}
.moreClass___3Jhpp:hover {
  color: #3377ff;
}
.smallLayout___MtH0U {
  display: inline-block;
  margin-left: 4px;
}
.playingMainDes___35fQF {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 33px;
  z-index: 2;
  padding-left: 37px;
}
.playingTimeTitle___2LJsV {
  margin-left: 10px;
}
.begTime___UvTL3,
.teacherName___2jcPz {
  font-size: 16px;
  font-weight: bold;
  color: #a0a2ab;
  line-height: 22px;
}
.begTime___UvTL3 {
  margin-top: 4px;
}
.teacherName___2jcPz {
  margin-top: 5px;
}
.playerIcon___1OKPS {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  z-index: 5;
}
.playerIcon___1OKPS > img {
  width: 100%;
  height: 100%;
}
.imgDes___3GvIa {
  width: 108px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
.mainLink___3-t9N {
  display: block;
}
.mainImgCon___1AyIN {
  position: relative;
  width: 686px;
  height: 370px;
  overflow: hidden;
}
.mainImgConBlur___2YmDJ::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat;
  background-image: inherit;
  background-size: 100% 100%;
  filter: blur(5px);
  z-index: 1;
}
.mainImgConBlur___2YmDJ::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
.list___37uhT {
  display: flex;
  flex-direction: column;
  min-width: 496px;
}
.classInfo___1eJGK {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding: 0 10px;
  width: 686px;
}
.classInfo___1eJGK .classInfoTitle___2TrRT {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  flex: 0 0 500px;
  overflow: hidden;
}
.classInfo___1eJGK .classInfoExtra___1PeOE {
  color: #a0a2ab;
  font-size: 18px;
}
.classItem___RYqXZ {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px 13px 20px;
}
.classItem___RYqXZ:not(:last-child) {
  margin-bottom: 13px;
}
.classItemLink___m4aN1 {
  display: block;
}
.classItemInfo___2sY1E {
  margin-right: 11px;
  width: 270px;
}
.classItem___RYqXZ:hover .classItemTitle___1WNYh,
.classItemSelected___1JSX_ .classItemTitle___1WNYh {
  color: #3377ff;
}
.classItemTitle___1WNYh {
  color: #131b33;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 22px;
  font-weight: bold;
}
.classItemDes___2R6hw {
  margin-top: 10px;
  color: #a0a2ab;
  font-size: 18px;
}
.classItemImg___2Jx9T {
  width: 180px;
  height: 104px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.classItemImg___2Jx9T::after {
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
}
.classItemPendant___2XVFL {
  width: 86px;
  height: 26px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 2;
}
.playingTime___11x9q {
  font-size: 14px;
}
.classCard___2TP2m {
  width: 384px;
  min-height: 301px;
  height: auto;
  background: #f8f8f8;
  border-radius: 4px;
}
.classCard___2TP2m .cover___33Yw7 {
  width: 100%;
  height: 216px;
  position: relative;
}
.classCard___2TP2m .cover___33Yw7 img {
  width: 100%;
  height: 100%;
}
.classCard___2TP2m .cover___33Yw7 .lessonBeginTime___3j46q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px 0 13px;
  width: 177px;
  height: 25px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 12px 2px 12px 12px;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
  font-style: normal;
}
.classCard___2TP2m .cover___33Yw7 .lessonLivingTime___F62ww {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px 0 13px;
  width: 180px;
  height: 25px;
  background: linear-gradient(91deg, #ef40e4 0%, #f65d9d 46%, #ff7f4b 100%), #000000;
  border-radius: 12px 2px 12px 12px;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  line-height: 25px;
  text-align: left;
  font-style: normal;
}
.classCard___2TP2m .cover___33Yw7 .lessonLivingTime___F62ww .liveIcon___2URaU {
  width: 18px;
  height: 18px;
}
.classCard___2TP2m .lessonInfo___j4VMl {
  width: 100%;
  height: 100%;
  padding: 12px 15px;
}
.classCard___2TP2m .lessonInfo___j4VMl .lessonName___2Fvn5 {
  font-weight: 600;
  font-size: 20px;
  color: #333333;
  text-align: justify;
  font-style: normal;
}
.classCard___2TP2m .gotoLiveButton___3GfRD {
  width: 144px;
  height: 38px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 14px;
  font-size: 14px;
  color: #ffffff;
  line-height: 38px;
  text-align: center;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.classCard___2TP2m .gotoLiveButton___3GfRD .liveMark___3pfb5 {
  width: calc(18 / 1920 * 100vw);
  height: calc(18 / 1920 * 100vw);
  animation: liveMarkAnimation___3U3p3 1.5s linear infinite;
  margin-right: 3px;
  margin-bottom: -3px;
}
@keyframes liveMarkAnimation___3U3p3 {
  0% {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAeFBMVEUAAAD/YIn/W+D/g1H/g1H/YIn/W+D/YIn/W+D/g1H/g1H/YIn/YIn/W+D/W+D/YIn/W+D/g1H/YIn/W+D/YIn/g1H/YIn/g1H/W+D/g1H/g1H/g1H/g1H/g1H/g1H/W+D/g1H/g1H/g1H/g1H/g1H/YIn/W+D/g1GEWFEKAAAAJXRSTlMAgIBfoDB5eS+Y+fDjwLd4dHBtSz4nGAsGz8S6n4N9emVZTjwXW+5KCQAAAJtJREFUOMvtzEcSgzAQRFEBViBnjHMU3P+GlqfNTi6x8calv+uaV8N8P4vzVazLtM46txtSbUoHJ2w01ThhABh4uDRWeV6NX+D1sD9tGSomU2GH8WzaQbYT1dpgP1M1jRAwtMEI8LgWbv4PCkCBkwSUWDfAmIYCVDhxQI71TAjesQQefirfrlxWlOAhUhdB/xCXkv6hvj4/mM/VCxHPK14og7dFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: 100% 100%;
  }
  20% {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAbFBMVEUAAAD/W+D/YIn/g1H/g1H/W+D/YIn/W+D/YIn/cm7/W+D/g1H/YIn/W+D/W+D/YIn/g1H/W+D/YIn/W+D/g1H/YIn/g1H/W+D/g1H/YIn/g1H/g1H/g1H/g1H/g1H/g1H/g1H/W+D/g1H/YIkYPiupAAAAIXRSTlMAgIBgoHl5Ly8KBZfdu7OzfXh4b29hWUonH/fMv7ZOPBe1LvjqAAAAlUlEQVQ4y+2MRxKDMBAEBViJnIMz6P9/tNiRyxzs4m7Ut67pXeb5B+Imy5r4xxjdrqVmIJ8t+eZwc5QslgvKYSYGBqbCmGJyMi5ESxIgDDDp1FhSDYsQnr6EnSG63TBEGPrw0CFHyDEJhALWI0xIJEKJSSFUsOeZwjusWruKOeq1q9/W46FDck7/gBJCfWxsywfz7PECXiExHak8CWwAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: 100% 100%;
  }
  40% {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAclBMVEUAAAD/W+D/g1H/g1H/YIn/W+D/YIn/W+D/YIn/Xbb/g1H/bXX/g1H/W+D/W+D/YIn/YIn/W+D/YIn/g1H/W+D/W+D/g1H/g1H/W+D/g1H/g1H/g1H/g1H/g1H/g1H/g1H/g1H/g1H/g1H/W+D/g1H/YImKLi5pAAAAI3RSTlMAgGCggHl5Ly8JlR/59ezcr3BhT0hBOzMbEwj05eF9dVxZRVvKzMAAAAChSURBVDjL7ZTJDsIgFEXbWqBI57nOCvz/L1rfjdEFhnQtZ8XNOzlLok3IYZC/bofxsbzffal12bu96WzMMcF7LvRKMTt7J/NiotFoonGJnSH2NGKIsUtMIO6C+N+iqq2tlV+UlV2ppFdsLdF6xRRiGsStIoPIcOIQOdb9+wMQEAVOGcQMa8lJ7LDYJ0hJBMEtRxAIxtBDk3PqAXW9jFHAxxOmkD+GaICWWAAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 100% 100%;
  }
  60% {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAb1BMVEUAAAD/YIn/W+D/g1H/g1H/W+D/YIn/W+D/YIn/W+D/g1H/YIn/YIn/W+D/W+D/g1H/g1H/YIn/W+D/YIn/YIn/g1H/W+D/g1H/g1H/YIn/g1H/YIn/g1H/g1H/g1H/g1H/g1H/g1H/YIn/W+D/g1Ez9kJjAAAAInRSTlMAgIBfoHl5Ly8T+PXs6M2YeXBnSEE9LCMcGxUJ2tS9h05HBCsnXAAAAKRJREFUOMvtzNkOwiAURdG2Cm3pYOfREfj/b5TcY2xMMJjoiwn7iRtWTvBFa9etn7g2lzJv3W7OpCmbnbCWVO2EIWDo4X/BNH0Pl+n5HEqlysEOp7PWx/4xVyhTkVrhSZvESO9GUY0N3jR1oSMCjGxwB7j38IeQATJ8cUD+Ag90xIAxvhLABNciCF5xsW0QkxjEpMAgihnDHjY5T7ZrrKo+8Lm6A3/4MeXi4rZ0AAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: 100% 100%;
  }
  80% {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAb1BMVEUAAAD/W+D/YIn/g1H/g1H/W+D/YIn/W+D/YIn/anr/g1H/g1H/W+D/W+D/YIn/YIn/g1H/W+D/YIn/W+D/YIn/g1H/W+D/g1H/W+D/W+D/g1H/g1H/g1H/g1H/g1H/g1H/g1H/g1H/W+D/g1H/YIltl8W4AAAAInRSTlMAgIBfoHl5Ly8H+iTv3Me7knh4bE5NOCooFOfdzn11TDwXjt2uHgAAAKJJREFUOMvt08kOwiAUheEWhULtYOfWWej7P6PtPWpc0KAr04R/xc39wgoC3z/q++XdrlOvY5tqnbYL7GTMocF5SPRUMticOpqpuKOh0lRlg1dD7WkIAUMb3ABu1woVyzKmvoD5OJW7YT1StRMyQObhr5ADcqwEoLDACDDCSgJKTPeYYIOpmF0RPCtnV76fT4yfgCLO6T4khZAf3/ByvgU+Vw/tFTAKYDZgSwAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 100% 100%;
  }
  100% {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAeFBMVEUAAAD/YIn/W+D/g1H/g1H/YIn/W+D/YIn/W+D/g1H/g1H/YIn/YIn/W+D/W+D/YIn/W+D/g1H/YIn/W+D/YIn/g1H/YIn/g1H/W+D/g1H/g1H/g1H/g1H/g1H/g1H/W+D/g1H/g1H/g1H/g1H/g1H/YIn/W+D/g1GEWFEKAAAAJXRSTlMAgIBfoDB5eS+Y+fDjwLd4dHBtSz4nGAsGz8S6n4N9emVZTjwXW+5KCQAAAJtJREFUOMvtzEcSgzAQRFEBViBnjHMU3P+GlqfNTi6x8calv+uaV8N8P4vzVazLtM46txtSbUoHJ2w01ThhABh4uDRWeV6NX+D1sD9tGSomU2GH8WzaQbYT1dpgP1M1jRAwtMEI8LgWbv4PCkCBkwSUWDfAmIYCVDhxQI71TAjesQQefirfrlxWlOAhUhdB/xCXkv6hvj4/mM/VCxHPK14og7dFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    background-size: 100% 100%;
  }
}

.learningVideo___1IZyt {
  min-width: 1200px;
}
.innerWrapper___3W1TI {
  width: 1198px;
}
.moreVideo___2UZgJ {
  position: absolute;
  bottom: 21px;
  right: 0;
  color: #a0a2ab;
  font-size: 20px;
}
.moreVideo___2UZgJ:hover {
  color: #3377ff;
}
.listItemWrapper___1pbhf {
  width: 384px;
  display: block;
  margin-bottom: 60px;
  border-radius: 5px;
  background-color: #f8f8f8;
  overflow: hidden;
}
.listItemWrapper___1pbhf .img___3o8CZ {
  width: 384px;
  height: 193px;
}
.listItemWrapper___1pbhf:hover .normal___g9-5o {
  display: none;
}
.listItemWrapper___1pbhf:hover .active___3hYFR {
  display: inline-block;
}
.normal___g9-5o {
  display: inline-block;
}
.active___3hYFR {
  display: none;
}
.playWrapper___sdt0F {
  position: absolute;
  bottom: 12px;
  right: 10px;
  height: 55px;
}
.playWrapper___sdt0F img {
  width: 56px;
  height: 55px;
}
.listItemInfo___3PUub {
  padding: 12px 15px;
}
.infoTitle___17j3Y {
  font-size: 20px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
}
.listItemWrapper___1pbhf:hover .infoTitle___17j3Y {
  color: #3377ff;
}
.infoDes___X2bcN {
  margin-top: 6px;
  font-size: 16px;
  font-weight: bold;
  color: #a0a2ab;
  line-height: 22px;
}

.more___n30i_ {
  position: absolute;
  bottom: 21px;
  right: 0;
  color: #a0a2ab;
  font-size: 20px;
}
.more___n30i_:hover {
  color: #3377ff;
}
.mainContent___3meAM {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 450px;
}
.mainItem___3a8Kp {
  flex: 1 1 0px;
}
.title___ldahM {
  height: 80px;
  line-height: 80px;
  font-size: 22px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #333333;
}
.NavRight___1R-Zv {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #a0a2ab;
  display: flex;
  flex-direction: row;
  padding-right: 15px;
}
.NavRight___1R-Zv .date___3BOUR {
  margin-right: 20px;
}

.wrapper___2fHaa {
  display: flex;
  flex-direction: row;
  padding: 0 35px;
  height: 60px;
  align-items: center;
}
.filterItem___26lAv {
  font-size: 22px;
  font-weight: bold;
  color: #6d7278;
  cursor: pointer;
  margin-right: 62px;
}
.filterItemSelected___LGAFB {
  color: #ffaa1e;
}
.RightExtraComWrapper___9HCVF {
  float: right;
  height: 100%;
}

.partWrapper___36Cdk {
  width: 587px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  background-color: #f0f5ff;
}
.wrapper___O3vIN {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  height: 450px;
}
.imgContent___1UQsI {
  position: relative;
  width: 100%;
  height: 100%;
}
.imgContent___1UQsI img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  max-height: 430px;
  border-radius: 8px;
  overflow: hidden;
}
.listWrapper___1q1BR {
  flex: 0 0 172px;
  width: 172px;
  background-color: white;
}
.titleWrapper___1Huts {
  height: 60px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.11);
}
.list___2HfLx {
  width: 100%;
  height: 100%;
}
.content___1KVZ6 {
  flex: 0 0 412px;
  width: 412px;
  background-color: white;
  position: relative;
}
.listItem___2ejTK {
  padding: 0 20px;
  text-align: center;
  cursor: pointer;
  height: 39px;
  font-weight: bold;
  color: #131b33;
  line-height: 39px;
  font-size: 18px;
  border-bottom: 1px solid #f9f9f9;
}
.listItemSelected___GvHT1 {
  color: #3377ff;
  background: rgba(51, 119, 255, 0.1);
}
.labelLayout___1NHNg {
  position: absolute;
  top: 10px;
  right: 10px;
}

.wrapper___3PQhr {
  min-width: 84px;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
  border: none;
  border-radius: 20px;
  text-shadow: none;
  color: white;
  text-align: center;
  line-height: 40px;
  background: linear-gradient(to right, #FF3366, #FFAA1E);
}

.left___1wpU4 {
  width: 115px;
  flex: 0 0 115px;
}
.right___2mSna {
  flex: 1 1 0px;
}
.wrapper___2tNFr {
  padding-left: 15px;
  padding-top: 15px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 450px;
}

.wrapper___3waJm {
  width: 100%;
  height: 100%;
}
.wrapper___3waJm a {
  width: 100%;
  padding: 20px 100px;
  position: relative;
  display: inline-block;
}
.wrapper___3waJm img {
  width: 100%;
}
.bar___2q_hF {
  width: 5px;
  height: 107px;
  background: #3377ff;
  border-radius: 2px;
  opacity: 0.5;
}

.wrapper___OD60L {
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
}
.title___2620q {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  color: #a0a2ab;
  text-align: center;
  flex: 0 0 30px;
}
.content___1725g {
  width: 100%;
  height: 100%;
}
.contentContainer___15bkE {
  flex: 1 1 0;
}
.mainContent___21TD7 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bar___21ObM {
  width: 5px;
  height: 107px;
  background: #3377ff;
  border-radius: 2px;
  opacity: 0.5;
}
.imgWrapper___1N_-4 {
  position: relative;
  width: 90px;
  height: 115px;
  margin-bottom: 22px;
  border-radius: 3px;
}
.imgWrapper___1N_-4 img {
  width: 100%;
  height: 100%;
}
.imgWrapperSelected___3juH7 {
  border: 2px solid #ffaa1e;
}
.number___1yz8L {
  color: #ffaa1e;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
  line-height: 17px;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
}
.mask___1HKZW {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.2;
}

.wrapper___-ICxm {
  margin-bottom: 50px;
  margin-top: 50px;
}
.more___3mLP4 {
  position: absolute;
  bottom: 21px;
  right: 0;
  color: #a0a2ab;
  font-size: 20px;
}
.more___3mLP4:hover {
  color: #3377ff;
}

.wrapper___2ZqgG {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.avatar-title___1Xou1 {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 15px 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(202, 205, 214, 0.47);
}
.avatar-title-border___3a4AE {
  border: 0;
  padding-bottom: 3px;
}
.avatar-img___ZeGXg {
  width: 59px;
  height: 59px;
  border-radius: 50%;
  overflow: hidden;
}
.avatar-img___ZeGXg img {
  display: inline-block;
  width: 59px;
  height: 59px;
}
.center___3_kJZ {
  width: 158px;
  height: 20px;
  margin-left: 10px;
  color: #353c50;
  font-size: 14px;
  text-align: left;
}
.nickname___3OsDu {
  width: 100%;
  height: 20px;
  color: #353c50;
  font-size: 14px;
  text-align: left;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.time___Zd27L {
  width: 62px;
  height: 16px;
  color: #a0a2ab;
  font-size: 11px;
  text-align: left;
  font-weight: 800;
}
.school___21bAZ {
  width: 173px;
  height: 20px;
  color: #353c50;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.star___AdFOo {
  margin-left: 10px;
}

.title-bar {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 20px;
  margin: 15px 0 10px 0;
}
.bar-bg {
  width: 4px;
  height: 20px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.bar-con {
  height: 15px;
  text-indent: 5px;
  font-size: 14px;
  text-align: left;
  font-weight: 600;
}
.part {
  background-color: #3377FF;
}
.teacher {
  background-color: #FFAA1E;
}
.part-title {
  color: #3377FF;
}
.teacher-title {
  color: #FFAA1E;
}

.card-con___3Cr1a {
  display: flex;
  flex-direction: column;
  width: 280px;
  margin-top: 20px;
  padding: 0px 10px 0 10px;
  border-radius: 9px;
  background: #F8F8F8;
  border: 1px solid rgba(202, 205, 214, 0.47);
}
.card-con___3Cr1a .card-con-box___1bSkO {
  margin-bottom: 10px;
}
.card-con___3Cr1a .row-list___1jFj0 {
  display: inline-block;
  width: 65px;
  height: 24px;
  margin: 10px 9px 0 9px;
  font-size: 13px;
  color: #a0a2ab;
  text-align: center;
  font-family: PingFangSC-Medium;
  line-height: 24px;
  border-radius: 12px;
  background-color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-con___3Cr1a .collect {
  width: 18px;
  height: 17px;
}
.card-con___3Cr1a .isCollected {
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAPFBMVEX/M2cAAAD/NGf/NGb/PHf/M2f/OGn/NWj/Nmr/N2r/PHH/PHL/M2b/M2b/Nmj/MmT/NGj/M2X/NWj/OGr8f1e7AAAAFHRSTlOzAK2wEKkbSzkyIgyViGhhSKFpKWHNNH0AAABmSURBVAjXVc1ZEoAgDAPQ0FJWFdT731XWAfPVvOm0UC2REfs0AMx33CADIDtBB4cWF3SFk4U6iPCh4LGHX5gflKrsvmDr0bzg6W8XjLc0O+kGXiaIa2AAopSIANNvhPMqu/o6fCkf4ycB/xxvK5QAAAAASUVORK5CYII=) 0 center no-repeat;
}
.card-con___3Cr1a .notCollected {
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAaVBMVEUAAADR0dfLztfNzdjKztfL0NrKzdbKztfLzdfLztfLz9jMz9fLzNbKzdfKzdbLztfKzdbKztfKzdbKzNfKzdbLzdbKztbMz9bMzNjL0NnIyNHJ19fExNjLztfLztfKzdbLz9jN0NfMzNk0tcB8AAAAI3RSTlMABFYX5SXr3tS5c2Ew8+zArqyokZCGgEhANhwTDeDFxU9MKMvfRJAAAAB/SURBVAjXTU1XFsMgDDPGhBGy9+i8/yHrAm3Qj54ky4II1fcKMgjjnBGZUVoAW/7U6ZE2gI3Qn9/rrjItAgNbU3UClnvWFY8F/G2/jJ08gNP/QaVdmNAiFXQaKo7IRxFZMqdEBlobNueZRbMG402vsR6GenxSeo924lhOFll8AO5fBJ0zTlHDAAAAAElFTkSuQmCC) 0 center no-repeat;
}
.card-con___3Cr1a .follows-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99.5px;
  height: 35.5px;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-family: PingFangSC-Medium;
  line-height: 33px;
  border-radius: 16px;
  text-indent: 23px;
  background: #CACDD6;
}
.card-con___3Cr1a .follows-btn img {
  display: inline-block;
  margin-right: 5px;
}
.card-con___3Cr1a .follows-btn-noprase {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99.5px;
  height: 35.5px;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-family: PingFangSC-Medium;
  line-height: 33px;
  border-radius: 16px;
  text-indent: 23px;
  background: linear-gradient(to right, #ff3366, #ffaa1e);
}
.card-con___3Cr1a .follows-btn-noprase img {
  display: inline-block;
  margin-right: 5px;
}
.card-con___3Cr1a:hover {
  background: #ffffff;
  border: 1px solid rgba(202, 205, 214, 0);
  box-shadow: 0px 2px 16px 0px rgba(202, 205, 214, 0.47);
}
.card-con___3Cr1a:hover .row-list___1jFj0 {
  color: #ffaa1e;
  background-color: rgba(255, 170, 30, 0.1);
}
.card-con___3Cr1a:hover .isCollected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAQlBMVEUAAAD/Mmb/M2f/MGX/MGL/M2b/M2b/M2b/M2b/M2b/M2b/M2b/Mmb/M2b/M2b/M2X/NGX/MWX/J2L/MWX/MmX/M2bIeYQJAAAAFXRSTlMAqlcwF/Xr5de4kYZwZF9AJyQNSUcTBIqGAAAAXklEQVQI11WKRxLAIAzElpJGh8T//2oMDAPoYkuz6GQhElZuont1T4wfVpS8arikKtUFLQjgpY0Pag8KcKs7MGF6QOMcfnbXc6FbiDPEFhJ/hzEHn4yGfKwGtH0kyw9tlApEECeSPQAAAABJRU5ErkJggg==) 0 center no-repeat;
}
.card-con___3Cr1a:hover .follows-btn-noprase {
  box-shadow: 0px 5px 5px #FFC9C4;
}
.word___2C1cC {
  line-height: 21px;
  color: #363d51;
  font-size: 14px;
  text-align: left;
  padding-left: 10px;
}
.teacher-desc___1LqFI {
  width: 100%;
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(202, 205, 214, 0.47);
}
.desc-row___3SG5T {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 15px;
}
.followBox___3dAB- {
  display: flex;
  width: 100%;
  height: 75px;
  align-items: center;
  justify-content: center;
}

.follows___o2c5X {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 25px 0;
}
.follows-btn___YqpZo {
  width: 99.5px;
  height: 35.5px;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-family: PingFangSC-Medium;
  line-height: 33px;
  border-radius: 16px;
  text-indent: 23px;
}
.follows-btn___YqpZo img {
  display: inline-block;
  margin-right: 5px;
}
.follows-btn___YqpZo:hover {
  background: linear-gradient(to right, #ff3366, #ffaa1e);
  box-shadow: 0px 5px 5px #FFC9C4;
}
.follows-btn-prase___2zB_Q {
  background: linear-gradient(to right, #ff3366, #ffaa1e);
}
.follows-btn-noprase___2gNjK {
  background: #CACDD6;
}
.follows-btn-noprase-hover___lGXMt {
  background: linear-gradient(to right, #ff3366, #ffaa1e);
  box-shadow: 0px 5px 5px #FFC9C4;
}
.follows-btn-hover___1v9vj {
  box-shadow: 0px 5px 5px #FFC9C4;
}
.has-follows-btn___2h1IH {
  border-radius: 16px;
  background: linear-gradient(to right, #ff3366, #ffaa1e);
}
.no-follows-btn___2HwDt {
  border-radius: 16px;
  background-color: #cacdd6;
}

.normal___1fEBa {
  font-family: Georgia, sans-serif;
  margin-top: 4em;
  text-align: center;
}
.welcome___1othl {
  height: 512px;
  background: url(/images/yay.44dd3333.jpg) no-repeat center 0;
  background-size: 512px 512px;
}
.list___2haeD {
  font-size: 1.2em;
  margin: 1.8em 0 0;
  list-style: none;
  line-height: 1.5em;
}
.list___2haeD code {
  background: #f7f7f7;
}
.home___2Nkxg a {
  text-decoration: none;
}
.home___2Nkxg a,
.home___2Nkxg textarea,
.home___2Nkxg input,
.home___2Nkxg button {
  outline: none;
}
.police_tip_image___1XTHu {
  display: block;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto 30px;
}

.wrapper___3HPp5 {
  background-image: url(/images/footer_bg.851fcceb.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.wrapper___3HPp5 .title___3tz-I {
  font-weight: 600;
  font-size: 28px;
  color: #333333;
  margin-bottom: 37px;
  margin-top: 35px;
}
.wrapper___3HPp5 .yearList___3_PDe {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper___3HPp5 .yearList___3_PDe .yearItem___nIcUN {
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  color: #a0a2ab;
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wrapper___3HPp5 .yearList___3_PDe .selected___3b0y3 {
  font-weight: 500;
  font-size: 26px;
  color: #3377ff;
}
.wrapper___3HPp5 .yearDesc___2i__V {
  width: 756px;
  height: 131px;
  background: #ffffff;
  border-radius: 16px;
  position: relative;
  left: 50%;
  margin-left: -378px;
  margin-top: 50px;
  margin-bottom: 69px;
  font-size: 18px;
  color: #333643;
  line-height: 25px;
  padding: 20px 24px;
}
.wrapper___3HPp5 .bottomTriangle___3NNAY {
  width: 13px;
  height: 0;
  border-top: 10px solid #3377ff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  margin-bottom: 3px;
  border-radius: 2px;
}
.wrapper___3HPp5 .topTriangle___2gOi6 {
  width: 13px;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #3377ff;
  margin-top: 3px;
  border-radius: 2px;
}
.footer___33-ei {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: auto;
  background: #363839;
  padding: 44px 0 25px;
}
.footer___33-ei .flex___2MUSv {
  display: flex;
  justify-content: center;
  position: relative;
}
.footer___33-ei .iconSelected___2hxOJ {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.18);
  border-radius: 13px;
}
.footer___33-ei .footerIconWrapper___YTEgB {
  width: 48px;
  height: 48px;
  margin: 0 21px;
  position: relative;
}
.footer___33-ei .footerIconWrapper___YTEgB:first-child {
  margin-left: 0px;
}
.footer___33-ei .footerIconWrapper___YTEgB:last-child {
  margin-right: 0px;
}
.footer___33-ei .footerIcon___xQ1Vy {
  width: 48px;
  height: 48px;
}
.footer___33-ei .iconHover___3cFZ- {
  width: 132px;
  height: 132px;
  position: absolute;
  bottom: 68px;
  left: 50%;
  transform: translateX(-50%);
}
.footer___33-ei .iconTitle___5gEk1 {
  position: absolute;
  bottom: -19px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: #ffffff;
  white-space: nowrap;
}
.footer___33-ei .linkItem___1OfRK {
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.56);
  margin-top: 50px;
  margin-bottom: 21px;
  margin-left: 18px;
  margin-right: 18px;
  cursor: pointer;
}
.footer___33-ei .linkItem___1OfRK:first-child {
  margin-left: 0px;
}
.footer___33-ei .linkItem___1OfRK:last-child {
  margin-right: 0px;
}
.footer___33-ei .linkItem___1OfRK:hover {
  opacity: 0.6;
}
.footer___33-ei .copyRight___3lpnN {
  font-weight: 400;
  font-size: 14px;
  color: #686971;
}

.ant-message-custom-content {
  padding-top: 16px !important;
}

* {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-touch-callout: none;
  touch-callout: none;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
ol,
ul,
dl,
dd,
p,
textarea,
input,
select,
option,
form,
button {
  margin: 0;
  padding: 0;
}
body .bjy-footer-name,
h1 .bjy-footer-name,
h2 .bjy-footer-name,
h3 .bjy-footer-name,
h4 .bjy-footer-name,
h5 .bjy-footer-name,
h6 .bjy-footer-name,
blockquote .bjy-footer-name,
ol .bjy-footer-name,
ul .bjy-footer-name,
dl .bjy-footer-name,
dd .bjy-footer-name,
p .bjy-footer-name,
textarea .bjy-footer-name,
input .bjy-footer-name,
select .bjy-footer-name,
option .bjy-footer-name,
form .bjy-footer-name,
button .bjy-footer-name {
  display: none !important;
}
input {
  border: none;
}
body {
  -webkit-tap-highlight-color: transparent;
  font-family: PingFangSC-Regular, -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
}
html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after {
  height: 0;
}
ol,
ul,
textarea,
input,
option,
th,
td {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
}
h6 {
  font-weight: normal;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul,
ol {
  list-style-type: none;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
input[type="text"],
textarea {
  -webkit-appearance: none;
}
input:focus {
  -webkit-user-modify: read-write-plaintext-only;
}
a {
  text-decoration: none;
}
a,
textarea,
input,
button {
  outline: none;
}
textarea {
  border: none;
}
button {
  box-sizing: border-box;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
textarea {
  overflow: auto;
  resize: none;
}
/** 全局message样式自定义 */
.ant-message {
  top: 120px;
}
.ant-message-notice-content {
  width: 322px !important;
  height: 50px !important;
  border-radius: 3px;
  padding: 0 !important;
  margin: 0;
  top: 200px;
  z-index: 100;
}
.ant-message-success {
  width: 322px !important;
  height: 50px !important;
  text-align: left;
  line-height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #57de9d;
  padding: 15px 20px;
  background: #f6fdfa;
}
.ant-message-error {
  width: 322px !important;
  height: 50px !important;
  text-align: left;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff3366;
  line-height: 20px;
  padding: 15px 20px;
  background: #fff6f8;
}
.ant-message-warning {
  width: 322px !important;
  height: 50px !important;
  text-align: left;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #faad14;
  line-height: 20px;
  padding: 15px 20px;
  background: rgba(250, 173, 20, 0.12);
}
.ant-message-info {
  width: 322px !important;
  height: 50px !important;
  text-align: left;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
  padding: 15px 20px;
}
/** 全局message样式自定义 */

.LiveState___HdEeD {
  color: white;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: black;
}

.ViceTop___3xPQg {
  background-color: transparent;
}

.Camera___1jj2H {
  position: relative;
  background-color: #D8D8D8;
}
.close___-m_IL {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.play___13CFb {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.tab___1b4Wg {
  display: flex;
  flex-direction: row;
  background-color: white;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  flex: 0 0 48px;
}
.tab___1b4Wg > div:first-child {
  border-right: 1px solid #EAEAEA;
}
.ChatRoom___DX7d6 {
  background-color: white;
  display: flex;
  flex-direction: column;
}
.tabItem___1_8_J {
  flex: 1 1 0px;
  border-top: 2px solid white;
  text-align: center;
  height: 48px;
  line-height: 46px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #313131;
}
.tabItemActive___9L3Tw {
  border-color: #3377ff;
  color: #3377ff;
}
.chatRoomBottomWrapper___1G65e {
  flex: 1 1 0px;
  display: flex;
  flex-direction: column;
}

.senderLayout___7cngo {
  flex: 0 0 82px;
}
.messagesLayout___CWpEN {
  padding: 4px 11px 0px;
  overflow-y: auto;
}
.bar___3ZqeT {
  width: 5px;
  height: 107px;
  background: #3377ff;
  border-radius: 2px;
  opacity: 0.5;
}

.Sender___2NxrW {
  padding: 0 16px;
  border-top: 1px solid #EAEAEA;
}
.senderTop___2SEjx {
  height: 22px;
  margin-top: 10px;
}
.senderBottom___B9zux {
  margin-top: 11px;
}
.senderTop___2SEjx,
.senderBottom___B9zux {
  align-items: center;
}
.checkBox___3n2Kd {
  width: 15px;
  height: 15px;
  border: 1px solid #3377ff;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.checkBox___3n2Kd .checkBoxInner___24-G3 {
  width: 11px;
  height: 11px;
  background-color: white;
  border-radius: 2px;
}
.checkActive___3ldVJ .checkBoxInner___24-G3 {
  background-color: #3377ff;
}
.genUserName___3msXL {
  font-size: 14px;
  font-family: Helvetica;
  color: #909090;
}
.senBtn___3ZYdZ {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
  height: 24px;
  background: #3377ff;
  border-radius: 16px;
  padding: 0 14px;
}
.input___25Dcg {
  width: 231px;
  height: 33px;
  background: rgba(51, 119, 255, 0.2);
  border-radius: 9px;
  line-height: 33px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  border: 1px solid rgba(51, 119, 255, 0.2);
  padding: 0 8px;
}
.input___25Dcg:focus {
  color: #313131;
  background-color: white;
}

.expressionPoint___eAkRN {
  width: 22px;
}
.tooltip___3TWiX .ant-tooltip-inner {
  background-color: white;
  color: black;
  width: 330px;
  transform: translateX(99px);
}
.tooltip___3TWiX .ant-tooltip-arrow::before {
  background-color: white;
}
.ExpressionItem___Negzc {
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
}
.ExpressionItem___Negzc:hover {
  background-color: rgba(51, 119, 255, 0.2);
}

.Message___ZFuPT {
  margin-top: 10px;
}
.genMessageTop___2jI-J {
  align-items: center;
}
.genMessageTopLeft___37ImD {
  align-items: center;
}
.genUserName___2C-F5 {
  font-size: 14px;
  font-family: Helvetica;
  color: #909090;
}
.genLabel___2Ertr {
  padding: 0 8px;
  line-height: 14px;
  height: 14px;
  background: #3377ff;
  border-radius: 7px;
  font-size: 10px;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #ffffff;
}
.genLabelViceTeacher___3xCwV {
  background: #FFA441;
}
.genTime___2ksC5 {
  font-size: 8px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #909090;
}
.genContent___3i2iO {
  margin-top: 10px;
  width: 256px;
  background: #fafafa;
  border-radius: 5px;
  padding: 6px;
  font-size: 14px;
  font-family: Helvetica;
  color: #313131;
  line-height: 18px;
}
.genContent___3i2iO img {
  width: 20px;
  height: 20px;
}
.meMessageName___3K5WS {
  justify-content: flex-end;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3377ff;
}
.meMessageContent___n2GiR {
  margin-top: 10px;
}
.meInnerWrapper___398Pi {
  width: 160px;
  background: #fafafa;
  box-shadow: 0px 1px 0px 0px #3377ff;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #313131;
  line-height: 20px;
}
.MessageList___2JLC0 {
  padding-bottom: 10px;
}
.vipTag___33DWt {
  width: 18px;
  margin: 0 10px;
}

.memberInnerWrapper___1m9Y3 {
  padding: 20px 10px;
  overflow-y: auto;
}
.bar___1vNlS {
  width: 5px;
  height: 107px;
  background: #3377ff;
  border-radius: 2px;
  opacity: 0.5;
}
.MemberItem___34qLY {
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background: rgba(216, 216, 216, 0.3);
  font-size: 17px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #909090;
  padding: 0 16px;
}

.Announcement___18yaL {
  flex: 0 0 97px;
  height: 97px;
  background: #fafafa;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.13);
  position: relative;
}
.wrapper___3O_-Y {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 28px 16px 15px;
}
.closer___3QPps {
  position: absolute;
  top: 4px;
  right: 24px;
  width: 18px;
  height: 18px;
  z-index: 1;
}
.title___33m1A {
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #3377ff;
  line-height: 20px;
}
.content___5fUMF {
  width: 296px;
  height: 34px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3377ff;
  line-height: 17px;
}

.TeacherInfo___UwG3P {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  height: 262px;
}
.innerWrapper___2VUAr {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.avatar___24I4F {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
}
.avatar___24I4F img {
  width: 100%;
  height: 100%;
}
.teacherName___3oT4O {
  margin-top: 9px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #313131;
}

.Switch___hGe84 {
  width: 100%;
  height: 100%;
  position: relative;
}
.Switch___hGe84 img {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 24px;
  height: 23px;
}

.oralMemory___TWZht {
  width: 1200px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.oralMemory___TWZht::-webkit-scrollbar {
  width: 5px;
}
.oralMemory___TWZht::-webkit-scrollbar-track {
  border-radius: 5px;
}
.oralMemory___TWZht::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(51, 119, 255, 0.3);
}
.oralMemory___TWZht::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.loader___25paJ {
  margin-top: 20px;
  text-align: center;
  color: #cacdd6;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  font-weight: 600;
}

.pubilsh-top___2Ton6 {
  position: relative;
  width: 100%;
}
.logo-left___2Qec- {
  position: absolute;
  width: 110px;
  height: 110px;
  left: 0;
  top: -52px;
  border-radius: 50%;
  box-shadow: 10px 0px 16px 10px #fff;
  overflow: hidden;
}
.logo-left___2Qec- img {
  width: 100%;
  height: 100%;
}
.pubilsh-center___29VKe {
  position: relative;
  margin: 0 0 0 120px;
  width: 256px;
}
.pubilsh-title-con___1J-iF {
  width: 100%;
  height: 30px;
  color: #353c50;
  font-size: 22px;
  text-align: left;
  font-family: PingFangSC-Medium;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABDlBMVEUAAAD/cDj/iTL/a0T/VVH/ejr/bUP/ezr/cT3/aUX/dj3/W07/YUr/jC//kiz/Z0f/lir/XUz/kC7/a0T/XU3/lSv/U1P/c0H/min/ckH/VVH/Z0b/hjT/mCj/VFP/b0H/myn/fjz/ckH/ijL/eTr/iTL/gjb/djz/a0X/cEH/hTT/min/iDP/gTf/bEX/VlH/aEb/dzz/hTT/fTn/dT3/eD3/fzr/eTz/dz7/gzb/cEP/a0P/jiv/Y0j/eTv/gDb/fDn/aUT/dj3/gzX/hTP/iDL/WE//Xkv/Z0b/ijD/ZUf/jS//kSz/lCv/W03/cz7/fjj/VVH/XEz/bEL/cED/jy7/lyj/YUr/YEn/kix0Q07nAAAAPXRSTlMABaX32tqKGxL99/Ly8vLa2tjYzKSkioqJZlVVVVVQUFBPQTgl+/rp49vb29jCraSknZ2XkoqJh1pQORMSMTFSpgAAAQ9JREFUGNM9z+d2gkAQhuFvsWHsLYktxpLee4UIUVAQFROI3v+NZHYR5udz9ryzAzGsJV3mcuVamyGabuLrezSe2jOneBjanq4OhXozx9/f2kLX1SXp1I608/O7oKekPLBxfCqwghZomPUvGJqWFnv/kF+ESp990jaqiqVVGFiCax8SZWso/SkTLQn0KHuFwZHtbYrImKTpHnCnDru4p6yXR2ZlKtbkVIZ8kkDqmC/LIz5frSl7DbzW8SC+UMaNMTfXlK0DLLWz5Cqh4ZJSNjYAHvkNo3ELLO4aIluhh+KycwYcuIZQLZkMLnsDzS4F+LJ0TNz7DIQqlnF8CowKcbGM9KyDaFijWspmC7dNBj7/52hE5vPedeAAAAAASUVORK5CYII=) 72px 5px no-repeat;
}
.pubilsh-title-more___1HeO3 {
  width: 100%;
  height: 22px;
  color: #cacdd6;
  font-size: 16px;
  text-align: left;
}
.dowload___-BqzV {
  position: absolute;
  width: 119px;
  color: #fff;
  height: 38px;
  line-height: 38px;
  text-align: center;
  top: 0;
  right: 0;
  border-radius: 19px;
  cursor: pointer;
  background: linear-gradient(to right, #ff3366, #ffaa1e);
}
.dowload___-BqzV:hover {
  box-shadow: 0px 3px 4px 0px rgba(255, 51, 102, 0.57);
}
.tipsErq___2xH2O {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  padding: 2.5px;
  overflow: hidden;
}
.tipsErq___2xH2O img {
  width: 100%;
  height: 100%;
}
div .dowloadTips .ant-tooltip-content .ant-tooltip-arrow::before {
  width: 10px;
  height: 10px;
  background-color: #ffffff !important;
}
div .dowloadTips .ant-tooltip-content .ant-tooltip-inner {
  background-color: #ffffff !important;
  box-shadow: 0px 2px 16px 0px rgba(202, 205, 214, 0.47);
}

.list-box___36zak {
  position: relative;
  width: 100%;
  margin-top: 15px;
}
.list-box___36zak .list-box-top-time___21KRt {
  width: 100%;
  height: 25px;
  margin-top: 23px;
}
.list-box___36zak .list-box-top-temp___39pK9 {
  display: inline-block;
  color: #131b33;
  font-size: 18px;
  text-align: left;
  font-weight: 600;
}
.list-box___36zak .list-box-top-address___39wcr {
  display: inline-block;
  width: 290px;
  height: 25px;
  text-indent: 5px;
  color: #a0a2ab;
  font-size: 14px;
  text-align: left;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-box___36zak .list-con___dzCsW {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px;
  padding: 0 0 20px 0;
  background: #F8F8F8 100%;
  border: 1px solid rgba(202, 205, 214, 0.47);
  border-radius: 5px;
}
.list-box___36zak .list-con___dzCsW:hover {
  background: rgba(51, 119, 255, 0.1);
}
.list-box___36zak .list-con-left___3dyh4 {
  position: relative;
  width: 30%;
  padding: 0 23px 23px 23px;
  min-height: 187px;
}
.list-box___36zak .right-border___vtIXY {
  position: absolute;
  right: 0;
  top: 50px;
  width: 1px;
  height: 80%;
  background-color: rgba(202, 205, 214, 0.47);
}
.list-box___36zak .list-con-center___zSVp7 {
  padding: 0 41px;
}
.list-box___36zak .list-con-img-box___1NHax {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 40px;
}
.list-box___36zak .list-con-img-hidd___QunwW {
  display: none;
}
.list-box___36zak .list-con-img___8w2wc {
  display: flex;
  flex-direction: row;
  margin-right: 10px;
}
.list-box___36zak .list-con-img___8w2wc img {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-right: 15px;
}
.list-box___36zak .part-title-passage___10p7V {
  position: relative;
  margin-bottom: 22px;
  color: #131b33;
  font-size: 14px;
  text-align: left;
}
.list-box___36zak .part-title-left___15RWp {
  position: absolute;
}
.list-box___36zak .list-con-right___1xKfg {
  position: relative;
  width: 40%;
  padding: 0 23px 23px 23px;
  min-height: 187px;
}
.list-box___36zak .bottom-line___21bZe {
  width: 100%;
  height: 1px;
  margin-top: 25px;
  background-color: rgba(202, 205, 214, 0.47);
}
.imgview___3Ply5 {
  background: red;
}
.imgView .ant-modal-content {
  width: 700px;
  margin-top: 124px;
  margin-left: -80px;
}
.imgView .ant-modal-content .ant-modal-close {
  top: -58px;
  right: -70px;
}
.imgView .ant-modal-content .ant-modal-close .ant-modal-close-x {
  width: 80px;
  height: 80px;
}
.imgView .ant-modal-content .ant-modal-close .ant-modal-close-x i > svg {
  fill: #fff;
}
.imgView .ant-modal-content .ant-modal-body {
  position: relative;
  width: 100%;
  padding: 0;
}
.imgView .ant-modal-content .ant-modal-footer {
  display: none;
}
.pre-btn___3QNkd {
  position: absolute;
  top: 50%;
  left: -72px;
  width: 47px;
  height: 47px;
  margin-top: -23.5px;
  border-radius: 50%;
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAA51BMVEUAAAD0+P/0+P/09//09//3///////z+P/0+P/0+P/09//0+P/0+P/1+f/0+f/1+f/2+//0+f/z+P/09//z9//z+P/09//0+P/1+P/0+f/0+P/5+f/4+P/0///////////z9//0+P/0+f/0+P/0+P/19//1+P/1+f/1+v/0+v/z+P/z+P/0+P/z9//z+P/0+f/1+v/z9/8zd/+70v+dvv81eP/h6v+yy/+iwv+Vuf/y9v/I2//E1/+3z/+nxf+avP+Msv+DrP98qP/n7//b5//R4P+rx/+Ptf+Hr/9dk/9ck/86fP83ev/mP2fNAAAAMXRSTlMAz/ji6BwL8dO6p5eGe3RSOSzaycKvootpXkQnIRcPCOy1npGAY0o/NC/dsZCBblkyLjHcrgAAAXdJREFUOMuN1GdzgkAQgOEVFJGi2I0tGlt6sliiMcb0/v9/T27GGLi7PeD5yusN7HgLokzDrpb1bKli1QsGRGpdpDBE6ze6yrZdQ0kvf0i23YGGFH1ExMVTVLGk4wtZVEtl+DiPkdIn3MkYQ+8E8bGGccr/795JYzxrXx9hEs2/2WEiqV2dQ8nrHZEfAOOhZOn7U2IuwAxQNPN9nzrcY7WOgi2LV0ios1mjYMXiLVJKAC4Rz5DWFof9zuKlcuTC/B6CmJyhKcZfM054lC70MLDwCaHchnS4nsvxfB08Pwfukt+zx59TzgsG8tBHLmenf0R8pY2cN5Y/quqJdCNvIvIMtJDIn25V/3Azce6y2kHR5sf3N0RdpC/a9Hu+Vl01Ylc+L1A23m1sDZPIwY6TqN4vN8PEeE6w5uOXVRUCXtyrpwxuyUbnprDAr/Wo1zBA0Kko4yEQGvS3VjwgGW5W/rwxKHWvrPAPSvUJxGheOrVc+cwejlog+gU7dSJ7XzBmRgAAAABJRU5ErkJggg==) center center no-repeat;
  cursor: pointer;
}
.pre-btn___3QNkd:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAA0lBMVEUAAAB6bvCPf/eAbvCcivaEdO2QgfSOffiPgPmFdvKWiPmFdveUhvqZif2HePMzd/+Vh/k0d/9ae/02d/82eP87eP88ef40d/83eP85eP9Cef4zd/80d/84eP9Gev5Jef5Oe/tfevozd/81d/85d/48d/0/eP1SeftmePp4f/lJePx1gvo0d/81d/9LePtHd/wzd//////f6f9Cgf/z9/9Oif/3+v9unv9mmf9Ihf/l7v9flP/6+//q8f9Wjv/h6//Q4P+3z/+fv/93pP88ff85e/+VMYYyAAAAMHRSTlMABAUHCQkSEBQMDA0HDg/5FucwvrqIgtqtnGb04KJVTz4p7s+Vd2w3JBxJINXHRF61dtQzAAAC5ElEQVRIx83XaUPiMBAGYJukk6QnFCiXcqhcXhsBb1f3/P9/aQdU0iMtdT/5fuZhZsLQ4+CLxrL+T1nkIxbmExCF59nsPdTziHVQzSOljDmO/x7XlZJRih1UsNTbSA6i9hYhgPsOsyn2v6cqpczxEUbTbqNd7x8fnnRag3P0rsMoKcXEYxJpFF+oZMJmb4GceWXFic0cLkadUOVSj88hwNm1ztcNYN7VNM17AotTYtQWWi6GdVWY5hgCs8a6ji9iVZb6FWpT58R2eK2rytMfbLVhXi6O1L6EQ+7a2cYtynxoqf3pj7jMasIcGKgqaZ8HklrpwpKPj1WldMBNjW0R5kJHVcyAS1y15MT8TFVNW7i2Lm1tJm6qfF5+PZl0j+PUyaMeqXye1tdrEz7B0mSHPQdOjfZ6qUwZBfrXIrYv8it9j/bxxohPQfdNsOu8vdU21ze4nrU7Lz4x2dcHVZD5bmjLk5Dd6ju0y0KrhoHGDlxm7HOpVROOJ/aBxWHOPr6sUvmrEmlxm2qc2usbtLk8/04edwr3U4WvTfmpdLrFlVff8bPrZTo/XooqQ3rmG9Tr3FoXzQwN9Sk9DfRpM95VGf2I+r4QX/k20Rs2VQZ9W6TDBW6Y3u1IZfPwWqwvk38MPO52Xi9R3xlxzDXenFisjHptxBGOvMP4hx6HKpfV0nwxaIJDE5g6YLpb/LlbmfAZT117KeNRqCqmAS4jCUxsF1oVbTjL3DIsyoLFRTXcgo/Lti4t+axfqWkR7Kye2odvFcZuj7nMPRURbByme2090nfYzNjQC/fUjbiTalr/2DKAYb103rm2ps7HjUIaxrWtRWzWLoheQfHmTARS21znODe2vpgcGuiZ4K4sf36kWJxDbXiU9OFJHAnYlKVmpjljTgCiNuu1jjqNZqc7GcyF4L608y2bTt22pRtwEG8B4IG7qUo0LeUbL6W7jcSaKJFWfzuh+A3MZoxuIeZTrzeY3bvNl8s/zXNZmkqr1XYAAAAASUVORK5CYII=) center center no-repeat;
}
.next-btn___3IbVn {
  position: absolute;
  top: 50%;
  right: -72px;
  width: 47px;
  height: 47px;
  margin-top: -23.5px;
  border-radius: 50%;
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAA3lBMVEUAAAD0+P/3/v/0+P/09//09//1+f/////0+P/z+P/09//0+P/0+P/0+P/1+f/0+P/1+P/0+P/2+//z+P/z+P/09//z9//0+P/0+f/0+f/2+f/5+f/////////z9//0+P/0+P/09//0+P/0+P/0+f/1+P/1+v/0+v/0///z+P/0+P/0+P/0+f/z+f/3+//1+v/z///z9/8zd/+70v+dvv81ef/e6f+2z/+vyf+mxf+Vuf+Ns//I2//D1/+hwf+avP+DrP98qP/n7//j7P/R4P++1P+Hr/9dk/9ck/86fP+GfheVAAAAMXRSTlMAzx346OIrC9Swp5eIgXtyaEQ58NrJwrmfX1EmDwjs37WjkYxZSjQvGPO8kHZVPjIWJLtj8gAAAWxJREFUOMuN1Od2gkAQhuEBJdhF7CV2jen5sEVjNL3c/w2FY1CXLcDz+z0wzNmFeGZjkKqUikY5mbZ0CtSyujEwtOwZqZzn2xD0FC+oG5CJ9VuSB6eg0hHG0TWoXTbI5yKOQHliTAyEuGVmLiNMbEwHKYSLT7y4gChqXq0hkv891iF6/oCguq87EEwdZwuB7ca27NGO48zA67t1BhJrN9+BY7h1CTI7N1+DM6Ym5GaSPKde9tbNn/iV16GyEvIq5XDyOfP54fMEpdktSyyYuk3XONpI4vk7e7LoBieLqc+3W6/A0GgIlS8+Rle9wRc3foRPmnR1POdi5FWn+1USo0mUU8VLcBJEdAbRUhYjq7hom/nvVHHVRhAt3iDo0d4Voojp3m8NUWTIk0G4hEkHSYSJ63RkamFD28TQE8Fxg3zMoGGMe+JloVJ5IJFdkX+fRXIjDbxiziSlu0GJTVPDFgVrWtl0slytZfIF4v0B6eIh3Z9cUkUAAAAASUVORK5CYII=) center center no-repeat;
  cursor: pointer;
}
.next-btn___3IbVn:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAzFBMVEUAAAB7bvGQgfedi/aOgPaAbPGUhvqEdO2OfvaGePSGdPOXifqKefaaif2Ie/Yzd/80d/+aivpae/02d/82eP87eP88ef40d/83eP85eP9Cef5nevszd/8zd/84eP9Gev5Jef5Oe/tfevp5gPg0d/81d/85d/48d/0/eP1SeftJePw0d/81d/9LePtHd/wzd//////f6f9Cgf/2+f/y9v9Oif9unv9mmf9Ihf/l7v9flP/6+//q8f9Wjv/h6/86fP/Q4P+4z/+fv/93pP/kKP0JAAAAL3RSTlMABAUJDAcHCREPDRMSDhX55hYwvrqIgtqtnGYj9O2iVU8+KR3gz5V3bDdJ1cdEXgSFnGEAAALZSURBVEjHzdfZQuIwFAZgm6TZG7Dsi7KJgMukIO6jzvL+7zQpo6RLSqtX/jdw83HOaUOTHn3TeN6XlAn4iPn+CXnkAYx9+B6CceUfMCUNRIjz4D0IQegbX4X6BKKASqGO/0dIGhiOcakGpiinQs1Gre68fjKsdxq9ZXgsYu9j4B3uGBo66zdrOpnLdrjjGBywpiwTg3Zd51LrTgRFkIADllPVtzTNewPBbO28ZXTa1IWpj3faK7Dyuq4PpS0C5Kq9s6OhPpzeMXPM7QHC6bimy3Jq505aRCdDXZ6WCCD2Mk0jNujoKhlJBEFmYC67ulJOpgz5XrJpjOhIV0xXcAg8izHhqqOr5oJC30tOTPvakac/LzqfpkCJ0oBwMXfhbbR90vlM4gtu7xObaFfWkVOfS2QxRvLciW8fo+jmPr/IRUDAHnM515W07RvYkQe6IA+vLr0w2PvAbKwL9drou+wKp2bo/fVa6IP6OaOvxB5jQls6kbdNKi+POX2WwsmL/fc5yuf5NrW+U7inbX5HrqRKDwsrv/xap7M19uemsDJr6eI8bY29LZoZELb8lNUNivD+PgfXhfb+JooeM1b3KLSYz2qfsXrJ9ivM85G8KravDzqb0K5tDyPadto7Y9d52xEo+X8OQifeOq1u0wSO+266HwbrjWPLmwbEjLzvG9ILF97cvTl3DeQnMIBcNnTF1EIKcWbDWNUq4pbkBKQw4bJVzV7OmH1s79e3qtT4cEURAdlTEGfTToWBf9DATOzYY8N6KV5S07QtbMdGLOyU1O0LO3BW08HBuU/GMt5eXXinVbv4jjWm0tZ1aaZWTTet95Xk1rpOj4hTdeHgZ4uZZLG1OBc/Li5V2J7XkvJ0rERM7TmoqHUSH5jVYLTodZuN7mmrv1JKMgTtLSrmAJvqnFEppYojJWUcEWL/SGXn9bg+fw+KJba0ytuJ7/sQEkjMp/MVo/wXYhbD75Z//aBS/VWcX74AAAAASUVORK5CYII=) center center no-repeat;
}
.noPre___1jTGC {
  position: absolute;
  top: 50%;
  left: -72px;
  width: 47px;
  height: 47px;
  margin-top: -23.5px;
  border-radius: 50%;
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAAvVBMVEUAAAD4+Pj5+fn4+Pj5+fn5+fn5+fn4+Pj////4+Pj4+Pj5+fn5+fn5+fn5+fn5+fn5+fn39/f6+vr7+/v7+/v4+Pj4+Pj5+fn5+fn5+fn5+fn5+fn5+fn4+Pj5+fn5+fn5+fn4+Pj4+Pj4+Pj4+Pj5+fn29vb6+vr8/Pz5+fn4+Pj4+Pj5+fn39/f5+fn4+Pj8/Pzq6ur4+PjKzdbj5enr6+7o6ezm5+vz8/Tg4ubc3uPe4OXu7/HU1t3T1t2DXtm8AAAAMnRSTlMA5PP7Re7YEwbq08ezkY14ZD8wGQ7fy6CKblMtJ8S3qqSbl3RqWTo1INrAv6udgE1KDIAxhbkAAAFWSURBVDjLjdLncoJQEIbhDwTE2BDsvWt6slijyf1fVnCSmAO7B3z+8s7Onh2Q5Hdag4ZtGs6wvAiQqlcxSFXs1KGzKhFjtvOQ5Cc5khQ8cDWDdEpsvJcjvUYfMVVKZftQzClDQZluUab76ymDAmUb4deIbtFle6QxXFwUiTlviesgUiNmE4Y7YTgiLSkOpeEW4JpSfCTBWFjkGMUbkhjAixjL+nhKifnJ70h1iuI96VRhJOOvTYx6ygrUkxxCgZJPYKfW8ctP45vso6+f25gz/WujScn8RDozjInlH6Txiirdnq+xooSdNm8AKNycT6O6TFK+J24Z1T1ituL/fYeLEjGHA3ELXPg54nSj+eayJX7UHcpWwZ+eSVmKLq7eslZ38lB003MnQIxlp62RR8K6qX+gC8admfKdaxAFbd47HrTq3qP6XLtlId27VX0eDpoPpfLcR9I3MjAnMEMTeFgAAAAASUVORK5CYII=) center center no-repeat;
  cursor: not-allowed;
}
.noNext___2d7yR {
  position: absolute;
  top: 50%;
  right: -72px;
  width: 47px;
  height: 47px;
  margin-top: -23.5px;
  border-radius: 50%;
  border: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAsCAMAAADGmMENAAAAxlBMVEUAAAD5+fn4+Pj4+Pj5+fn4+Pj4+Pj////5+fn5+fn4+Pj5+fn5+fn6+vr5+fn5+fn6+vr7+/v5+fn5+fn5+fn4+Pj4+Pj4+Pj5+fn5+fn5+fn5+fn6+vr5+fn8/Pz5+fn5+fn4+Pj4+Pj4+Pj4+Pj6+vr39/f5+fn5+fn39/f7+/v39/f5+fn4+Pj39/f5+fn5+fn////q6ur4+PjKzdbr6+7j5enn6Ovz8/Tp6u3j5Ojf4OXc3uPl5urh4+fu7/HU1t3T1t3ByttSAAAAM3RSTlMAjPvj2egTBvPGwpF4SUQ/LQ7x7+zf08uzq6BuMScYt6SalnRqZWNZUjw2HtOxnYBWIQwNK+ilAAABX0lEQVQ4y43T53KCQBiF4YOAxN5L1Jjeew62JGpy/zeVHeM47H67wPP7hfk4M8A0va2cBmG72yuPxk2kao1LTPI99wNFr01h+ACr65A2hfOi5cVDuvgNGE56dCvcQDPpMlVVe3PIDFeJ4QJmqh/qY2YLp/h3xzyOsRP5FNy3jCmtthRKu9qnsIjjOYWGimuUVnEcf9I0UvUZLTa2/CgCQtp8qnwjTzkhc+ev7rHnKv8yJ6/SZS3yPrzkcHPNr5n7ONdWlpbJUXDBg1lW3dEu2c40Pype65dc0uXLjDlAjQ7fKl5Qc4bHtFj+nb3cMR+AC1e8oqEL4J7SwhazAqVPQS0/o9CEcktpuaQwxM4T8yhMsHPPPCrY85gtaGEvKjHLURMHxSDr6BoSHoP0+A2aYtoxnToMkUeXwTukRp827csIVjeB3MKbwqk+6iQ/rnzdQrrJVeW5PCifvlRrHzD8AfkgLbsiGp1pAAAAAElFTkSuQmCC) center center no-repeat;
  cursor: not-allowed;
}
.upTriggerCon___Seaq5 {
  display: flex;
  position: absolute;
  right: 5px;
  top: 5px;
}
.tips___1XKrZ {
  position: absolute;
  top: 6px;
  right: 38px;
  display: inline-block;
  width: 101px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAABOCAMAAABi47hIAAABO1BMVEUAAAA4lP86jP80eP82ef8zd/82e/81ef8yd/80eP8zdv8zd/88gf85fP89f/82ef81eP81ef80d/80eP88fv80eP8zeP84ev8zd/83ev80eP84e/84e/84e/87ff+Os/+Ksv81ef+Ksf+Ns/97p/+ArP+HsP+Ns/////94pf89fv9Oif+Msv+Frv9Jhv9Cgf91o/+Ksf9Ri/9vn/9Lh/9/qv9yof+HsP8/f/9elP9bkv9nmv9GhP86fP9rnP96p/+OtP9snv9Tjf9Zkf9Eg/9Xj/+CrP9Vjv98qP9glf9il/9pm/9kmP+Bq/+Qtf84ev81ef+2zv/6/P+60f/3+v/d6P/P3/+/1P/r8v/h6//C1//Z5v/J2/+UuP/v9P/m7v+pxv/0+P+Zu/+syP/F2P+xy/+jwv/T4v+evv/p6ZZMAAAAKHRSTlMABAgOFy0hOUdTX2kLFBAbJx9AMDVMN/pXue/Sm+H29pt+49m5sNLCyHsK7wAACl1JREFUeNrcmNtSE0EURVUI+kBENF5QVKp8sIMQBYSAkIiA3BkkgASQW7j5/1/g7t4z3TNzpidFlQ/i0gdNpSCr9ukzvXPnv+bunbuGe//8HwM+bzuoc2ugVh706e7u7rgV4IPSKtcIPqWBd2+HNCOgWq0OGxYXFzfwd2PcsAy+asqaT2RCM0a+gTpYm16bNqyvr69qVgxTmi9gfn7+u2FpaWlOM2r4oPmsqRhmNAvgI5mcHJwcHHzzqr8Eqxwnk1BxYHZ2iEZUijuljcokMiLWyCgBGtGJQjQySsAIfV+aW6IRlegUSdEIUEgzSPqLcAI+o+6O4vtZq2SNvE5SyaUEIFR3ITEmo2SknBFDYkxppQqxIRHnVOvr7NBSfqOBgEouJJdSzMnOHZWEE42Ykhs8gx27KSoxJc/ggcTgfRQp1Wr9xQ6/UkexBKF0TJ6QPJM3JpWskztKibNEtJIcvIo4SzYkI1UDj62TDOlhJ0OapU8sJRrRSW6Hsnc9rEVOnDtxmOYjJ84diBtZp5lKlBKdopDo1N/5kKMnlDB2Pe8CN3giJUjFBw9S5baDR6GU05RIyQ6eXA95KVHpVU92TAip2NP1NhBzZ1MC9BGDZ42c0ljW3MFJzB1IzB1JpASEEaAQeNPVo2PKPEk9j4IggJHYeGLykoOXoWTgDhcpTa2IjbfkYvKnlNx4bvA2H5mYpBJOUlcBRonBqxqc0TiMfBtPrgemRCdrJDcepGiUSolGuRuvZij04jRx8sTcPYGSJv+55Aav7H0wRSHV40tcPmsplLseiFVyTi6lAiZPKnHuSsFsYI9S9u1hw38fSinVQdyIS1wPnrg9iPuQW+IupgWNNILSE0yePkxSqRdKqZSoRDh5nhuRDAmIC5FNSV6IgLwQifWQPXklHiap1NlbeMb1kGNEJ7HwhFMYkxu8xA6XgxedpcTgERqJwaORGbxnj3o9Sl2F+zal+HpIPJfcenCHKe9ROy3veMApiUetSMm38YwUlbAfcpSC1JMWZBkBl5LnufSNITGmuJI8S3SSZwk4IyCNtNL9Qlem0kMqMaTb0Zcip3ZKwa3qS0zpCbe4T+m29SXQV+IW9yjl96XDk5O828P+/r7sSxOpvUjxv9aXkNLzvgJWnk+pTV86ViqvLymlpNKeyqLOmKa2Y2xZ5m/Sl2rPN18VTMHIVGrTl6C0dRnRSvelT1RKLPF8pfl1lcnqDfoSUtqEU7GDp0kq5fclKDl+RSFVw3eO4MXojrts+xKUrhmB5cymtOpRuklfQkp04ndFQimnL0ml0OlESa5pRKWrVF86gRLXwxe9b1pK7S4b8K9D/VPnbtKXoARel+gklfL7EpROryKCaPAylWxfgtIWf4q9WDWpFG28Zbyd+6Gs1M+svjQaXw8z6b4EJe30DLMHKaGU35eglLHxtn+F6OhCTm1f8pylWF/6CiVt5JRSRntqu2KVhs+ao1RKpPTjx8vHdJJK/r5EJdmXvOthre16YEoJJdmXPu8odVAJlapKqfIkSKREpwd0Sij5+tJWgyildkKaGfehhFLdrYeD363WJY5JCxwqddlqHa3Gbg9Mac4qib50pbSTOUx6BR0uOKOYEpyewiml5OtL20pwLPoSlURf0usB22EYn0rfHi6UWkxeiJiS5yxVDOeRU1UbfUj1pVAJPH9hdoRcDykjKh3vxzFKNNq70Bxo9C8+2IsIn0t49ffBxcW1UicXoIlPjbeOG6cJ89tOldrnUCCOXfMr66m+RKfQKN2XwrNknO7zOz0qefsSlfbcHQ9AKTpMDeUh7Es/lWrJ9xwZJchkcxpLyTmNGCPRl2pGiVJ9vEaIlGgklNytddyl5FcK+9KuUrNnOHxKNXZAg8cxgFGekuhLfKswopKL6SW/p2zXl6gU70tUotRRRHCklApc0GFfwqRVp6cTZ8n2pcVzDWby+tywjek81Sw7o4TTLoxEX0oo8QuwvL6UnxKJbzzZlxDLuF0PK1ppI7Ue8NIR+5JcDy6mEQUuZkRfSqbU18Wekd+XqNQI2dE0EkrnzWYLSu65FDSb51FfGsOLZxr8iDPQCP875G4PyLHs3XiERuBgQfYlp4RHE78tyu9L7Zf4H27NtjVtKIrjr8p0vthwdXXDbfRdZMpsSzIwuG5SotmaiFEzQx6Mpol+/0+w/72X3MREG4RRiOeFrU/gj/Nwz/+cO0VN2ztqEYHTuG0dC4dN592DjGf9w90DLEVkh5Qpp5cGnOiq9o4hFeulYJEzM48kHULqwCvb7ZY8miZqhG2a5sIzTY3PHvAJCyowi5TWS4zo9sHnTFwv7Xnpus6RivTS7iY75ffFpHs47iUEXog0lGXQ2igOEQrBoyqtDDe1X0IIBKOjDREnWtyieWBMhOiQl1oVjlSklzrz9UxR3GCnaRvH8kVRt4Qnul8qDjwLx5Is94D0CCYbGd5G7qxUPny4x7d6tBE/2olTouEDjDFl9FJ8Ln2oVl5dFJcHyoSS5ChEy4gifRyTszPKBJ6UQUpSqceQiF5qk+MJgfaLE/XBvGBxlyBlvORxom+USUr0EkcCUbNRv3zLiniRXnINwdAVZS7MEXlLwfgujmfIje5+4EmZXGKteACPYEJ0T700Du+6YBK8H3xCRIq60RuNntVLtmAPY3EBJqOfLw/Qtc1GBeMvdtQW6SULTiLjIYSQJgImxMGE18yUl5YrYgJ+P8xa8lz6s8C/QPLxzhTv/1SVNWGaaUwv3Vl4FmFC9Kxe+iqlJaA6pE7KeOnT6yqIiJMQd0V6Ca30XIdewt+ZFqtq3YBreC7lbcqcRGJxLMt6/HKoqj1UP8L+uw8DvOCQnVmCdPp+iRLVqpX65UXspAK9BJQQRIpP0kgTETk3YHoCYBJ4a89bJuYRJNY9RIINJ7HDaflXl8l+yfVIjveJbQQj4vNjhnT6fgn2sVZt1N9TImRSsV6KTKpq9ZXjo4I7ZtgFkrLa8cAzjN3etNU1jDDWS+5Ghi3s2aadzMQ7zlxiDdGsnd4vyUGgn7xfAtPn6yYnyuill9svqf9xvzS5IkRIpDdIpLRQL+9+adBqNnhpSI9TyrtfajWrKaKz2C+hfNMzlha789gv8dIAojPZL9Gw40Q5pPLdxxtM0q1dHqmM9/EGvP8+iFTG+3gT6iQWdvlLAl/KeB/vX/fmkuIwDANQZuFvSe3IHxyGdpjSzmLuf8AqNagbq9Cd1ZcTPJRAbJ7OQMXNQOkiscc7GeqiBsHNTWKPt/XugcmimsQez+feEI3jNbjJ6/E2+pSGiaEpf9J6vO9CccowBK3grqJ6vP/NQWVC0P7mJWPd4Xr5kdHjnU/bL/0McVG1ymBd8/4gAe996xcOe1TNpe9RVbDFteYF0Jor9vkPziworFFlg1LFzU8pKGSyoqPfeI1kd0rVAFgBAJialKaj33BM6BQ0SqVczfTUnJKKOpAR43RcQtA6xqimJyJrCMux33NxTvugcFJhRfTUrEjACfWLu6/X6404KdSanwXBCT2MPm4J9QNXhcmJtZLEW7vq0z8dTuoOcW5kK4EBadQAAAAASUVORK5CYII=) center center no-repeat;
  background-size: 100%;
}
.tipTitle____uwov {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  user-select: none;
}
.upColor___12ott {
  color: #3377FF;
}
.downColor___cMZaF {
  display: inline-block;
  width: 100%;
  text-indent: 105px;
  color: #FFAA1E;
}
.listHidden___39vxh {
  position: relative;
  width: 40%;
  height: 187px;
  padding: 0 23px 23px 23px;
  overflow: hidden;
}
.normal___2HXIL {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
}
.imgViews___2Ck33 {
  width: 100%;
  height: 100%;
}
.shenglve___TLNyd {
  display: block;
  width: 100%;
  color: #A0A2AB;
  font-size: 12px;
  text-align: left;
  font-weight: 600;
}
.shenglveHidd___lp5VW {
  display: none;
}
.list-con-img-sec___2ldm8 {
  padding-left: 41px;
}
.upStatus___2EglT {
  width: 231px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.downStatus___lQtAF {
  width: 231px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.part-title-right___30jB7 {
  width: 195px;
}
.initCss___3Ru3K {
  width: 370px;
}

.paperMemory___2fh4v {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1200px;
  margin: 0 auto;
}
.paperMemory-pagination___3k4dh {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 100px 0 0;
}
.paperMemory-pagination___3k4dh .ant-pagination {
  position: absolute;
  right: 0;
}
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-item {
  border: 0;
  background-color: #f8f8f8;
}
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-item a {
  color: #A0A2AB;
}
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-item-active,
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-item-active:hover {
  color: #3377ff;
  background: #3377ff;
  border: 0;
}
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-item a {
  color: #A0A2AB;
}
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-item-active a {
  color: #ffffff;
}
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-prev .ant-pagination-item-link,
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-next .ant-pagination-item-link {
  color: #A0A2AB !important;
  background: #F8F8F8;
  border: 0 !important;
}
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-item:focus,
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-item:hover {
  border: 0;
}
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-disabled a,
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-disabled:hover a,
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-disabled:focus a,
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-disabled .ant-pagination-item-link,
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-disabled:hover .ant-pagination-item-link,
.paperMemory-pagination___3k4dh .ant-pagination .ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(160, 162, 171, 0.3) !important;
  background: rgba(248, 248, 248, 0.5);
}

.computer-memory___ClsjP {
  width: 1200px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.computer-memory___ClsjP::-webkit-scrollbar {
  width: 5px;
}
.computer-memory___ClsjP::-webkit-scrollbar-track {
  border-radius: 5px;
}
.computer-memory___ClsjP::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(51, 119, 255, 0.3);
}
.computer-memory___ClsjP::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz {
  width: 280px;
  padding: 0px 10px 0 10px;
  margin-top: 23px;
  border-radius: 9px;
  background: #F8F8F8;
  border: 1px solid rgba(202, 205, 214, 0.47);
  cursor: pointer;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .computer-section___1C2-D {
  width: 250px;
  margin-left: 10px;
  padding: 0 0px 10px 0px;
  border-bottom: 0.5px solid rgba(229, 229, 229, 0.8);
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .computer-section-one___1W_Cf {
  color: #353c50;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  margin: 5px 0;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .computer-section-one-con___1OZ8Q {
  display: none;
  color: #72777e;
  font-size: 14px;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .computer-section-one-con-visi___Ih_55 {
  display: block;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .collect {
  width: 18px;
  height: 17px;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .isCollected {
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAPFBMVEX/M2cAAAD/NGf/NGb/PHf/M2f/OGn/NWj/Nmr/N2r/PHH/PHL/M2b/M2b/Nmj/MmT/NGj/M2X/NWj/OGr8f1e7AAAAFHRSTlOzAK2wEKkbSzkyIgyViGhhSKFpKWHNNH0AAABmSURBVAjXVc1ZEoAgDAPQ0FJWFdT731XWAfPVvOm0UC2REfs0AMx33CADIDtBB4cWF3SFk4U6iPCh4LGHX5gflKrsvmDr0bzg6W8XjLc0O+kGXiaIa2AAopSIANNvhPMqu/o6fCkf4ycB/xxvK5QAAAAASUVORK5CYII=) 0 center no-repeat;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .notCollected {
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAaVBMVEUAAADR0dfLztfNzdjKztfL0NrKzdbKztfLzdfLztfLz9jMz9fLzNbKzdfKzdbLztfKzdbKztfKzdbKzNfKzdbLzdbKztbMz9bMzNjL0NnIyNHJ19fExNjLztfLztfKzdbLz9jN0NfMzNk0tcB8AAAAI3RSTlMABFYX5SXr3tS5c2Ew8+zArqyokZCGgEhANhwTDeDFxU9MKMvfRJAAAAB/SURBVAjXTU1XFsMgDDPGhBGy9+i8/yHrAm3Qj54ky4II1fcKMgjjnBGZUVoAW/7U6ZE2gI3Qn9/rrjItAgNbU3UClnvWFY8F/G2/jJ08gNP/QaVdmNAiFXQaKo7IRxFZMqdEBlobNueZRbMG402vsR6GenxSeo924lhOFll8AO5fBJ0zTlHDAAAAAElFTkSuQmCC) 0 center no-repeat;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .follows-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99.5px;
  height: 35.5px;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-family: PingFangSC-Medium;
  line-height: 33px;
  border-radius: 16px;
  text-indent: 23px;
  background: #CACDD6;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .follows-btn img {
  display: inline-block;
  margin-right: 5px;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .follows-btn-noprase {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99.5px;
  height: 35.5px;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-family: PingFangSC-Medium;
  line-height: 33px;
  border-radius: 16px;
  text-indent: 23px;
  background: linear-gradient(to right, #ff3366, #ffaa1e);
}
.computer-memory___ClsjP .computer-card-con___2D4Nz .follows-btn-noprase img {
  display: inline-block;
  margin-right: 5px;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz:hover {
  background: #ffffff;
  border: 1px solid rgba(202, 205, 214, 0);
  box-shadow: 0px 2px 16px 0px rgba(202, 205, 214, 0.47);
}
.computer-memory___ClsjP .computer-card-con___2D4Nz:hover .isCollected {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAQlBMVEUAAAD/Mmb/M2f/MGX/MGL/M2b/M2b/M2b/M2b/M2b/M2b/M2b/Mmb/M2b/M2b/M2X/NGX/MWX/J2L/MWX/MmX/M2bIeYQJAAAAFXRSTlMAqlcwF/Xr5de4kYZwZF9AJyQNSUcTBIqGAAAAXklEQVQI11WKRxLAIAzElpJGh8T//2oMDAPoYkuz6GQhElZuont1T4wfVpS8arikKtUFLQjgpY0Pag8KcKs7MGF6QOMcfnbXc6FbiDPEFhJ/hzEHn4yGfKwGtH0kyw9tlApEECeSPQAAAABJRU5ErkJggg==) 0 center no-repeat;
}
.computer-memory___ClsjP .computer-card-con___2D4Nz:hover .follows-btn-noprase {
  box-shadow: 0px 5px 5px #FFC9C4;
}
.loader___2f7FA {
  margin-top: 20px;
  text-align: center;
  color: #cacdd6;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  font-weight: 600;
}
.followBox___fk4ff {
  display: flex;
  width: 100%;
  height: 75px;
  align-items: center;
  justify-content: center;
}

.experience___3zuDx {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-flow: row wrap;
  width: 1200px;
  margin: 0 auto;
}
.experience___3zuDx .experience-list-box___-K-m6 {
  width: 100%;
  height: 154px;
  margin-top: 20px;
  padding: 0 10px;
  border-radius: 9px;
  background-color: #f8f8f8;
  overflow: hidden;
  cursor: pointer;
}
.experience___3zuDx .experience-list-box___-K-m6 .experience-list-box-title___3S_q7 {
  width: 100%;
  color: #131b33;
  margin-top: 15px;
  font-size: 20px;
  text-align: left;
  font-weight: 800;
}
.experience___3zuDx .experience-list-box___-K-m6 .experience-list-box-con___2ZKpn {
  width: 100%;
  height: 44px;
  margin-top: 15px;
  color: #131b33;
  font-size: 16px;
  text-align: left;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.experience___3zuDx .experience-list-box___-K-m6 .experience-list-box-con___2ZKpn .subStr___KzVIf {
  color: #131B33;
}
.experience___3zuDx .experience-list-box___-K-m6 .experience-list-box-con___2ZKpn span {
  color: #3377FF;
  font-size: 16px;
  text-align: left;
  font-weight: 800;
  margin-left: 5px;
}
.experience___3zuDx .experience-list-box___-K-m6 .experience-list-box-time-box___32Luu {
  width: 100%;
  margin-top: 10px;
}
.experience___3zuDx .experience-list-box___-K-m6 .experience-list-box-time-box___32Luu .experience-list-box-read___1mUj7 {
  color: #a0a2ab;
  font-size: 16px;
  text-align: left;
}
.experience___3zuDx .experience-list-box___-K-m6 .experience-list-box-time-box___32Luu .experience-list-box-time___3zZcG {
  color: #a0a2ab;
  font-size: 16px;
  text-align: left;
  margin-left: 15px;
}
.pagination___Bbjxo {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 100px 0 0;
}
.pagination___Bbjxo .ant-pagination {
  position: absolute;
  right: 0;
}
.pagination___Bbjxo .ant-pagination-item {
  border: 0;
  background-color: #f8f8f8;
}
.pagination___Bbjxo .ant-pagination-item a {
  color: #A0A2AB;
}
.pagination___Bbjxo .ant-pagination-item-active,
.pagination___Bbjxo .ant-pagination-item-active:hover {
  color: #3377ff;
  background: #3377ff;
  border: 0;
}
.pagination___Bbjxo .ant-pagination-item a {
  color: #A0A2AB;
}
.pagination___Bbjxo .ant-pagination-item-active a {
  color: #ffffff;
}
.pagination___Bbjxo .ant-pagination-prev .ant-pagination-item-link,
.pagination___Bbjxo .ant-pagination-next .ant-pagination-item-link {
  color: #A0A2AB !important;
  background: #F8F8F8;
  border: 0 !important;
}
.pagination___Bbjxo .ant-pagination-item:focus,
.pagination___Bbjxo .ant-pagination-item:hover {
  border: 0;
}
.pagination___Bbjxo .ant-pagination-disabled a,
.pagination___Bbjxo .ant-pagination-disabled:hover a,
.pagination___Bbjxo .ant-pagination-disabled:focus a,
.pagination___Bbjxo .ant-pagination-disabled .ant-pagination-item-link,
.pagination___Bbjxo .ant-pagination-disabled:hover .ant-pagination-item-link,
.pagination___Bbjxo .ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(160, 162, 171, 0.3) !important;
  background: rgba(248, 248, 248, 0.5);
}

.school___L1d56 {
  display: flex;
  position: absolute;
  align-items: center;
  width: 170px;
  height: 100%;
  top: 0;
  right: 25px;
}
.schoolPlace___1AepZ {
  position: relative;
  width: 100%;
  height: 100%;
}
.selectSchool___2yI45 {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 10%;
  height: 100%;
  line-height: 60px;
  color: #a0a2ab;
  font-size: 18px;
  text-align: center;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.selectSchoolBg___17VKS {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAElBMVEUAAACqqrahoqygo6yhoqygoqu4rGuGAAAABXRSTlMAFdTEtTuxabkAAAAlSURBVAjXY3AWYGBgMFUEEkJBQCajKjozGEyAuWAJOAOiDWwAALB0BQlUCajsAAAAAElFTkSuQmCC) 0 center no-repeat;
}
.selectSchoolBgDown___1_-LG {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAIBAMAAAA7P9P/AAAAFVBMVEUAAACqqrahoqygo6yhoqyioq6goqs9y0tlAAAABnRSTlMAFdTEtRaUUOCdAAAANUlEQVQI12NwFmBgYGA0YTBTBNJCyQxCSQIMjGqKIAxmAwlBIJMBKKAE4gIF0oBcIGA1BnIBtdgFVZhLUUAAAAAASUVORK5CYII=) 0 center no-repeat;
}
.selectSchoolAddress___2JP8B {
  position: absolute;
  right: 28px;
  top: 0;
  display: inline-block;
  height: 100%;
  line-height: 60px;
  color: #a0a2ab;
  font-size: 18px;
  text-align: center;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.selectAddress___23sFD {
  color: #131B33;
}
.schoolBox___1OUl4 {
  width: 100%;
  height: 565px;
}
.selectCountry___2gkY_ {
  width: 100%;
  height: 22px;
}
.selectCountryTitle___39W_S {
  width: 100%;
  padding: 0 40px;
}
.title___2SYk_ {
  display: inline-block;
  width: 50%;
  height: 27px;
  line-height: 27px;
  color: #808996;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
.titleIndexOne___1Oxu2 {
  text-align: left;
}
.titleIndexTwo___2FbDm {
  text-align: right;
}
div .cardqipao {
  max-width: 500px;
  left: 65% !important;
  top: 206px !important;
}
div .cardqipao .ant-tooltip-content {
  width: 315px !important;
}
div .cardqipao .ant-tooltip-content .ant-tooltip-arrow {
  width: 22px;
  right: 40px;
}
div .cardqipao .ant-tooltip-content .ant-tooltip-arrow::before {
  width: 15px;
  height: 15px;
  background-color: #ffffff !important;
}
div .cardqipao .ant-tooltip-content .ant-tooltip-inner {
  background-color: #ffffff !important;
  box-shadow: 0px 2px 16px 0px rgba(202, 205, 214, 0.47);
}
div .address {
  max-width: 500px;
  left: 1236px !important;
  top: 388px !important;
}
div .address .ant-tooltip-content {
  width: 305px !important;
}
div .address .ant-tooltip-content .ant-tooltip-arrow {
  width: 22px;
  right: 40px;
}
div .address .ant-tooltip-content .ant-tooltip-arrow::before {
  width: 5px;
  height: 5px;
  background-color: #ffffff !important;
}
div .address .ant-tooltip-content .ant-tooltip-inner {
  background-color: #ffffff !important;
  box-shadow: 0px 2px 16px 0px rgba(202, 205, 214, 0.47);
}
.list___2cloN {
  width: 100%;
  margin-top: 12px;
}
.pinYin___21elR {
  width: 100%;
  height: 20px;
  color: #999999;
  font-size: 14px;
  text-align: left;
  text-indent: 5px;
  font-family: PingFang-SC-Regular;
  background-color: #f4f4f4;
  border-radius: 3px;
}
.cityListBox___39zfA {
  height: 540px;
  overflow-y: auto;
  margin-top: 10px;
}
.cityListBox___39zfA::-webkit-scrollbar {
  width: 5px;
}
.cityListBox___39zfA::-webkit-scrollbar-track {
  border-radius: 5px;
}
.cityListBox___39zfA::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(51, 119, 255, 0.3);
}
.city___11Aue {
  position: relative;
  width: 100%;
  padding: 3px 0;
  color: #808996;
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  border-bottom: 1px solid #f6f6f6;
  cursor: pointer;
}
.city___11Aue p {
  font-weight: 600;
}
.outBox___2I743 {
  display: none;
  position: relative;
  margin-top: 10px;
}
.placesBox___2Nexg {
  width: 100%;
  z-index: 2;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #f4f4f4;
}
.tipIcon___32hpu {
  position: absolute;
  top: -5px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGAgMAAACKgJcSAAAADFBMVEUAAAD19fX29vb09PS3OmEhAAAAA3RSTlMAgFnTQrXFAAAAIUlEQVQI12Ng0GBgYKhlYGD878DA/v8Cg/z/Lwz1//8CAD81CEkLLKhbAAAAAElFTkSuQmCC) 0 0 no-repeat;
}
.outBoxActive___1HQWJ {
  display: block;
}
.schoolLisName___3vnsp {
  display: none;
  color: #808996;
  padding-left: 7px;
}
.schoolLisName___3vnsp:hover {
  color: #3377FF;
}
.schoolLisNameActive___3Erwd {
  display: block;
}
.schoolBoxS___1mBds {
  position: absolute;
  top: 0;
  width: 100%;
}
.schoolName___oMiuA {
  width: 100%;
  color: black;
}
.titleActive___1Xdr8 {
  color: #3377FF;
  font-weight: 700;
}
.placesBoxNone___2oRI7 {
  display: none;
}

.memory___27j05 {
  min-height: 1500px;
  padding-top: 60px;
  margin: 0 auto;
  background: #F6F7F8;
  display: flex;
  flex-direction: column;
}
.header___ltmNa {
  width: 1200px;
  margin: 0 auto;
}
.header___ltmNa .title___1XFIE {
  padding: 20px 0 15px 0;
  color: #333333;
  font-size: 28px;
  font-weight: 600;
  text-align: justify;
}
.content___1kUGX {
  flex: 1;
  margin-top: 50px;
  padding: 15px 0 50px;
  background: #fff;
}
.noData___11usu {
  width: 220px;
  margin: 50px auto 0;
}