.section .product .white-box {
    padding: 35px 50px;
    background: #fff;
    border-radius: 10px; }
    .section .product .white-box .tab-box {
      float: left; }
      .section .product .white-box .tab-box .tab-item {
        display: inline-block;
        margin-right: 60px;
        font-size: 24px;
        padding-bottom: 3px;
        border-bottom: 2px solid #999;
        color: #999;
        font-weight: 700;
        cursor: pointer; }
        .section .product .white-box .tab-box .tab-item.active {
          color: #1177d9;
          border-color: #1177d9; }
    .section .product .white-box .check-class {
      margin-top: 30px; }
      .section .product .white-box .check-class .all-check {
        font-size: 16px;
        color: #999;
        cursor: pointer; }
      .section .product .white-box .check-class .pro-class {
        margin-top: 30px;
        font-size: 0; }
        .section .product .white-box .check-class .pro-class li {
          display: inline-block;
          margin: 0 12px 5px 0;
          font-size: 14px;
          line-height: 16px;
          padding: 0 40px 10px 0;
 }
          .section .product .white-box .check-class .pro-class li a {
            color: #333; }
.section .product .white-box .check-class .pro-class li.active {
            border-color: #1177d9;
            
 }
            .section .product .white-box .check-class .pro-class li.active a {
              color: #1177d9; }
          .section .product .white-box .check-class .pro-class li:hover {
            border-color: #1177d9;
             }
            .section .product .white-box .check-class .pro-class li:hover a {
              color: #1177d9; }
  .section .product .check-wrapper {
    display: none; }
    .section .product .check-wrapper.show {
      display: block; }
    .section .product .check-wrapper li {
      display: inline-block;
      margin: 0 20px 10px 0;
      padding: 8px 10px;
      background: #C5932E;
      color: #fff;
      cursor: pointer; }
      .section .product .check-wrapper li:hover img {
        -webkit-transform: rotateZ(180deg); }
      .section .product .check-wrapper li img {
        -webkit-transition: all linear .3s; }
  .section .product .class-list-wrapper {
    display: none;
    margin-top: 20px;
    padding: 2px 0;
    background: #fff;
    border: 1px solid #DCDCDC;
    }
    .section .product .class-list-wrapper.show {
      display: block; }
    .section .product .class-list-wrapper .class-list-box {
      padding: 4px 0;
      font-size: 0;
      border-bottom: 1px solid #DCDCDC;
      }
      .section .product .class-list-wrapper .class-list-box:last-child {
        border: 0; }
      .section .product .class-list-wrapper .class-list-box .name {
        display: inline-block;
        width: 100px;
        text-align: right;
        font-size: 14px;
        color: #999;
        }
      .section .product .class-list-wrapper .class-list-box .class-list {
        display: inline-block;
        vertical-align: top;
        margin-left: 25px;
        width: 970px; }
        .section .product .class-list-wrapper .class-list-box .class-list li {
          display: inline-block;
          margin-bottom: 8px;
          width: 152px;
          font-size: 14px;
          cursor: pointer;
          color: #333;
          }
          .section .product .class-list-wrapper .class-list-box .class-list li:hover {
            color: #1177d9; }