.class-box {
  display: flex;
  position: relative;
  padding-top: 0.22rem;
  height: calc(100% - 2.66rem); }
  .class-box > div {
    height: 100%; }
  .class-box .box-left {overflow-y: scroll;padding-top: 0;position: relative;
    background: #F6F6F6; }
    .class-box .box-left > div,.class-box>.top{
      width: 2.30rem;
      height: 1.20rem;
      font-size: 0.28rem;
      display: flex;
      align-items: center;
      justify-content: center; }
	/*  .class-box>.top{
		position: absolute;top: .22rem;left: 0;z-index: 2;
      font-size: 0.32rem;
      color: #3D25EF; } */
    .class-box .box-left > div.active,.class-box>.top.active {
		font-weight: bold;
      background-color: white; color: #3D25EF;font-size: 0.32rem;}
  .class-box .box-right {
	  height: 100%;
    width: 5.2rem;
    background-color: white;
    overflow-y: scroll; }
    .class-box .box-right .r-cont {
      display: none; }
    .class-box .box-right .r-cont.active {
      display: block; }
    .class-box .box-right .pt-26 {
      padding-top: 0.26rem; }
    .class-box .box-right .t-title {
		font-weight: bold;
      font-size: 0.28rem;
      color: #333;
      height: 1.2rem;
      padding: 0 0.3rem;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .class-box .box-right .t-title .arrow-icon {
        width: 0.27rem;
        height: 0.27rem; }
        .class-box .box-right .t-title .arrow-icon img {
          width: 100%;
          height: 100%;
          vertical-align: top; }
    .class-box .box-right .cont-div {
      margin-bottom: -0.29rem; }

.class-content {
  display: flex;
  padding: 0 0.4rem;
  flex-wrap: wrap; }
  .class-content .c-div {
    width: calc(100% / 3);
    margin-bottom: 0.29rem;
    position: relative;
    text-align: center; }
    .class-content .c-div .img {
      width: 1.1rem;
      height: 1.1rem;
      position: relative;
      margin-bottom: 0.16rem;
      display: inline-block; }
      .class-content .c-div .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 100%;
        vertical-align: top; }
    .class-content .c-div .s-title {
      font-size: 0.26rem;
      text-align: center; }
    .class-content .c-div:after {
      position: absolute;
      content: '';
      width: 0.01rem;
      height: 1.1rem;
      right: -0;
      top: 0;
      background: linear-gradient(180deg, rgba(238, 238, 238, 0) 0%, #E3E3E3 49%, rgba(216, 216, 216, 0) 100%); }
    .class-content .c-div:nth-child(3n):after {
      background: white; }

/*# sourceMappingURL=classify.css.map */