.tabs {
  position: relative; }
  .tabs .head {
    position: absolute;
    left: 0;
    height: 100%;
    background-color:rgba(97, 98, 162, 0.5);
    width: 2.3rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .tabs .head span {
      width: 1.5rem;
      margin-bottom: 0.5rem; }
    .tabs .head p {
      width: 1.5rem;
      color: #fff; }
      .tabs .head p.active em {
        opacity: 1; }
      .tabs .head p b {
        font-size: 0.26rem;
        color: #ffffff;
        font-weight: normal;
        line-height: 0.5rem; }
      .tabs .head p em {
        width: 100%;
        display: block;
        height: 2px;
        background: #ffffff;
        opacity: 0; }
  .tabs ul {
    box-shadow: 8px 6px 20px 0px rgba(12, 44, 97, 0.5); }
    .tabs ul li {
      overflow: hidden;
      display: none; }
      .tabs ul li.active {
        display: block; }

.texts-info {
  width: 6rem;
  margin: 0.5rem auto 0; }
  .texts-info .item {
    color: #999999;
    display: none; }
    .texts-info .item.active {
      display: block; }
    .texts-info .item .title {
      font-size: 0.24rem; }
      .texts-info .item .title h4 {
        font-size: 0.36rem;
        color: rgb(97, 98, 162);
 }
    .texts-info .item .info {
      margin-top: 0.3rem;
      text-indent: 2em;
      line-height: 0.5rem; }
      .texts-info .item .info p {
        padding-bottom: 0.2rem; }

.column2, .column3 {
  display: flex;
  justify-content: center; }
  .column2 span, .column3 span {
    display: block;
    overflow: hidden; }

.column2 {
  margin-top: 0.2rem; }
  .column2 span {
    width: 6.82rem; }

.column3 {
  margin: 0.7rem 0; }

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