@charset "utf-8";

#textbook-detail {
  .title {
    height: 42px;
    line-height: 42px;
    color: #303036;
    font-size: 16px;
    padding: 0 15px;
    border-bottom: 1px solid #eee;
  }

  .detail-list {
    padding: 0 15px;
  }

  .detail {
    border-bottom: 1px solid #eee;
    padding: 15px 0;

    .detail-title {
      color: #1A1A1F;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .detail-desc {
      font-size: 12px;
      color: #686872;
      margin-bottom: 10px;
    }

    .detail-switch {
      text-align: right;
      margin-bottom: 10px;

      .g-switch-wrapper {
        margin-left: 5px;
      }
    }

    .detail-result {
      padding: 10px;
      font-size: 12px;
      color: #686872;
      background: #F1F1F1;
    }
  }

  .fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 44px;
    line-height: 44px;
    border-top: 1px solid #eee;
    padding: 0 20px;

    .prev {
      font-size: 12px;
      color: #A2AAB5;
      display: inline-block;
      margin-right: 25px;

      .anticon {
        margin-right: 5px;
      }
    }

    .next {
      font-size: 12px;
      color: #A2AAB5;
      display: inline-block;

      .anticon {
        margin-left: 5px;
      }
    }

    .page {
      float: right;
      color: #A2AAB5;
      font-size: 12px;

      span {
        margin: 0 5px;
        color: #686872;
      }

      .assets {
        margin-left: 5px;
        width: 15px;
        height: 15px;
      }

      .am-list-item {
        padding: 0;
        width: 100%;

        .am-list-extra {
          display: none;
        }

        .am-list-line {
          padding: 0;

          .am-list-content {
            font-size: 12px;
            padding: 0px;
          }
        }
      }

    }
  }

  .filter-switch {
    position: fixed;
    bottom: 50px;
    right: 15px;
    width: 44px;
    height: 44px;
    background: #41A6F3;
    border-radius: 50%;
    padding-top: 6px;
    padding-left: 6px;
    overflow: hidden;

    .assets {
      width: 32px;
      height: 32px;
    }
  }

  .am-drawer {
    .am-drawer-sidebar {
      width: 240px;
      background: #fff;

      .filter {
        .body {
          border-bottom: 1px solid #eee;

          .item {
            line-height: 30px;
            padding: 15px;

            .label {
              color: #303036;
              font-size: 12px;
            }

            .value {
              border-bottom: 1px solid #eee;
              padding-bottom: 10px;
            }

            .left {
              display: inline-block;
            }

            .right {
              float: right;
              text-align: right;
              border: none;
              padding: 0;
            }

            .arrow {
              width: 15px;
              height: 15px;
            }
          }
        }

        .am-list-item {
          padding: 0px;

          .am-list-extra {
            display: none;
          }

          .am-list-line {
            padding: 0;
            line-height: 30px;
            height: 30px;

            .am-list-content {
              font-size: 12px;
              padding: 0px;
            }
          }
        }

        .footer {
          position: absolute;
          bottom: 20px;
          left: 0;
          right: 0;
          text-align: center;
        }
      }
    }
  }
}