@charset "UTF-8";
/* 预约大厅列表 */
.l-search {
  position: relative;
  width: 100%; }
  .l-search__divider {
    width: 1154px;
    height: 1px;
    background-color: #e0e0e0;
    margin: 0 auto; }
  .l-search__partName {
    width: 63px;
    line-height: 39px; }
  .l-search-conditionList {
    width: 85%;
    display: inline-block; }
    .l-search-conditionList__item {
      display: inline-block;
      line-height: 39px;
      border-radius: 3px;
      padding: 0 25px;
      cursor: pointer; }
      .l-search-conditionList__item--active {
        background-color: #D22C37;
        color: white; }
  .l-search .l-area {
    display: flex;
    width: 100%;
    border-top: 1px solid #E0E0E0;
    padding: 25px 40px 15px 50px; }
    .l-search .l-area .l-search-conditionList {
      width: 90%; }
  .l-search .l-dept {
    position: relative;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    padding: 25px 40px 15px 50px; }
  .l-search-foldBtn {
    position: relative;
    top: 9px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    color: #333333;
    background-color: #EEEEEE;
    padding: 0 4px;
    cursor: pointer; }
    .l-search-foldBtn__icon--close {
      display: none; }
  .l-search #deptList .hideList {
    display: none; }
  .l-search-other {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 89px; }
  .l-search-hall {
    display: flex; }
    .l-search-hall-count {
      display: flex;
      align-items: center;
      height: 89px;
      line-height: 89px;
      font-size: 16px;
      color: #333333;
      padding-left: 13px;
      margin-right: 30px; }
      .l-search-hall-count__num {
        display: inline-block;
        font-size: 22px;
        color: #d22c37;
        font-weight: bold;
        margin: 0 4px; }
    .l-search-hall-partName {
      line-height: 89px;
      color: #666666;
      font-size: 16px;
      margin-right: 20px; }
    .l-search-hall-list {
      display: flex;
      align-items: center; }
      .l-search-hall-list__item {
        height: 34px;
        line-height: 34px;
        padding: 0 20px;
        font-size: 16px;
        margin-right: 8px;
        cursor: pointer; }
        .l-search-hall-list__item--active {
          color: white;
          background-color: #D22C37; }
  .l-search-searchInput {
    display: flex; }
    .l-search-searchInput__input {
      width: 196px;
      height: 35px;
      line-height: 35px;
      background-color: white;
      outline: 0;
      border: 1px solid #EFEFEF;
      border-right-width: 0;
      color: #666666;
      font-size: 15px;
      padding-left: 10px; }
    .l-search-searchInput__submit {
      width: 75px;
      height: 35px;
      line-height: 35px;
      color: white;
      text-align: center;
      background-color: #D22C37;
      cursor: pointer;
      user-select: none; }

.l-m-search {
  display: none; }

.l-m-count {
  display: none; }

.l-listHeader {
  width: 100%;
  height: 49px;
  background-color: #EDEDED; }
  .l-listHeader__item {
    float: left;
    height: 49px;
    line-height: 49px;
    color: #666666;
    text-align: center; }
    .l-listHeader__item--hall {
      width: 272px; }
    .l-listHeader__item--contact {
      width: 780px; }
    .l-listHeader__item--operation {
      width: 148px; }
.l-listBody {
  width: 100%; }
  .l-listBody-item {
    width: 100%;
    height: 186px;
    padding: 27px 0 29px;
    border-bottom: 1px solid #e2e2e2; }
    .l-listBody-item__img {
      float: left;
      width: 272px;
      height: 129px; }
      .l-listBody-item__img img {
        width: 272px;
        height: 129px; }
    .l-listBody-item__textContainer {
      float: left;
      width: 780px;
      padding-left: 30px;
      height: 129px;
      padding-top: 12px; }
    .l-listBody-item__name {
      font-size: 18px;
      line-height: 18px;
      color: #333333;
      font-weight: bold;
      margin-bottom: 28px; }
    .l-listBody-item__desc {
      position: relative;
      height: 24px;
      line-height: 24px;
      font-size: 16px;
      color: #666666; }
      .l-listBody-item__desc--time {
        max-width: 95%;
        margin-bottom: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .l-listBody-item__desc--position {
        max-width: 65%;
        display: inline-block;
        margin-right: 50px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .l-listBody-item__desc--tel {
        max-width: 60%;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .l-listBody-item__icon {
      position: relative;
      top: -2px; }
    .l-listBody-item__btnPart {
      float: left;
      width: 148px;
      height: 129px; }
    .l-listBody-item__btn {
      position: relative;
      display: inline-block;
      width: 102px;
      height: 41px;
      border-radius: 3px;
      border: 1px solid #D22C37;
      color: #D22C37;
      line-height: 41px;
      text-align: center;
      font-size: 16px;
      cursor: pointer;
      background-color: white;
      margin-top: 47px;
      margin-left: 23px; }
      .l-listBody-item__btn:hover {
        background-color: #D22C37;
        color: white; }
        .l-listBody-item__btn:hover:after {
          position: absolute;
          left: 0;
          bottom: -11px;
          content: "";
          width: 102px;
          height: 11px;
          background-image: url(../image/appointment_hover.png); }
      .l-listBody-item__btn--disabled {
        border: 1px solid #a1a1a1;
        color: #666666;
        cursor: no-drop; }
        .l-listBody-item__btn--disabled:hover {
          color: #666666;
          background-color: white; }
          .l-listBody-item__btn--disabled:hover:after {
            display: none; }

.l-page {
  text-align: center;
  margin: 35px 0; }
  .l-page .page_div {
    display: inline-block;
    color: #666;
    background-color: #FAFAFA;
    padding: 7px 66px 16px 46px; }
    .l-page .page_div button {
      display: inline-block;
      padding: 0 10px;
      height: 32px;
      cursor: pointer;
      color: #333;
      font-size: 14px;
      line-height: 32px;
      background-color: #FAFAFA;
      border: 1px solid #CCCCCC;
      text-align: center;
      margin: 0 5px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 4px; }
    .l-page .page_div #firstPage, .l-page .page_div #lastPage, .l-page .page_div #nextPage, .l-page .page_div #prePage {
      padding: 0 13px;
      color: #333333;
      border: 1px solid #cccccc;
      background-color: #FAFAFA; }
    .l-page .page_div .current {
      background-color: #E76D6D;
      color: #FFF; }
    .l-page .page_div .totalPages {
      margin: 0 10px; }
    .l-page .page_div .totalPages span, .l-page .page_div .totalSize span {
      color: #0073A9;
      margin: 0 5px; }
    .l-page .page_div button:disabled {
      background-color: #EEEEEE !important;
      cursor: no-drop; }
    .l-page .page_div .totalNum {
      font-size: 14px; }
    .l-page .page_div .totalList {
      display: none; }
    .l-page .page_div #firstPage {
      display: none; }
    .l-page .page_div #lastPage {
      display: none; }

@media screen and (max-width: 750px) {
  body {
    width: 100%;
    overflow-x: hidden; }

  .l-search {
    display: none; }
    .l-search * {
      display: none; }

  .l-listHeader {
    width: 100%;
    height: 1rem;
    background-color: #EDEDED;
    padding: 0 0.2rem; }
    .l-listHeader__item {
      height: 1rem;
      line-height: 1rem;
      font-size: 0.375rem; }
      .l-listHeader__item--hall {
        width: 30%; }
      .l-listHeader__item--contact {
        width: 50%; }
      .l-listHeader__item--operation {
        width: 20%; }
  .l-listBody {
    width: 100%; }
    .l-listBody-item {
      float: unset;
      display: flex;
      width: 100%;
      height: auto;
      padding: 0.4rem 0.2rem 0.2rem;
      border-bottom: 1px solid #e2e2e2; }
      .l-listBody-item__img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30%;
        height: auto;
        overflow: hidden; }
        .l-listBody-item__img img {
          width: auto;
          height: 2.5rem; }
      .l-listBody-item__textContainer {
        float: unset;
        width: 50%;
        height: auto;
        padding-top: 0.15rem;
        padding-right: 0.1rem;
        padding-left: 0.3rem; }
      .l-listBody-item__name {
        font-size: 0.4rem;
        line-height: 0.6rem;
        color: #333333;
        font-weight: bold;
        margin-bottom: 0.1rem; }
      .l-listBody-item__desc {
        position: relative;
        height: auto;
        line-height: 0.55rem;
        font-size: 0.35rem;
        color: #666666;
        word-break: break-all; }
        .l-listBody-item__desc--time {
          max-width: unset;
          overflow: unset;
          white-space: unset;
          text-overflow: unset;
          margin-bottom: 0; }
        .l-listBody-item__desc--position {
          display: block;
          margin-right: 0;
          max-width: unset;
          overflow: unset;
          white-space: unset;
          text-overflow: unset; }
        .l-listBody-item__desc--tel {
          display: block;
          max-width: unset;
          overflow: unset;
          white-space: unset;
          text-overflow: unset; }
      .l-listBody-item__icon {
        position: relative;
        top: -1px;
        width: 0.35rem;
        height: 0.35rem; }
      .l-listBody-item__btnPart {
        display: flex;
        justify-content: center;
        align-items: center;
        float: unset;
        width: 20%;
        height: auto; }
      .l-listBody-item__btn {
        width: 90%;
        height: 0.925rem;
        line-height: 0.925rem;
        border-radius: 0.075rem;
        font-size: 0.35rem;
        margin-top: 0;
        margin-left: 0; }
        .l-listBody-item__btn:hover:after {
          content: unset; }

  .l-m-search {
    display: block;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 0.4rem; }
    .l-m-search-divider {
      width: 100%;
      height: 1px;
      background-color: #efefef; }
    .l-m-search-searchInput {
      display: flex;
      padding: 0.3rem 0; }
      .l-m-search-searchInput__input {
        width: calc(100% - 2rem);
        height: 0.875rem;
        border-radius: 0;
        outline: 0;
        border: 1px solid #e0e0e0;
        border-right-width: 0;
        padding-left: 0.2rem;
        font-size: 0.35rem;
        color: #333333; }
      .l-m-search-searchInput__submit {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: 0.875rem;
        color: white;
        background-color: #D22C37;
        font-size: 0.35rem; }
    .l-m-search-condition {
      display: flex;
      position: relative;
      padding: 0.3rem 0; }
      .l-m-search-condition__text {
        display: flex;
        align-items: center;
        width: calc(100% - 80%);
        font-size: 0.35rem; }
      .l-m-search-conditionInput {
        position: relative;
        width: 80%;
        height: 0.875rem;
        line-height: 0.875rem;
        color: #666666;
        border: 1px solid #e0e0e0;
        font-size: 0.35rem;
        padding-left: 0.2rem;
        cursor: pointer; }
        .l-m-search-conditionInput:after {
          position: absolute;
          top: -1px;
          right: 0.2rem;
          content: "▼";
          color: #D22C37;
          font-size: 0.4rem; }
      .l-m-search-conditionList {
        display: none;
        position: absolute;
        top: 1.375rem;
        right: 0;
        z-index: 100;
        width: 80%;
        max-height: 5.25rem;
        border: 1px solid #e0e0e0;
        padding: 0 0.2rem;
        background-color: white;
        box-shadow: 0 0 0.1rem #d9d9d9;
        overflow-y: auto; }
        .l-m-search-conditionList__item {
          width: 100%;
          height: 0.875rem;
          line-height: 0.875rem;
          border-top: 1px dashed #e0e0e0;
          padding-left: 0.2rem;
          font-size: 0.35rem;
          color: #666666; }
          .l-m-search-conditionList__item:first-child {
            border-top: 0; }

  .l-m-count {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.125rem;
    padding: 0 0.4rem;
    color: #333333;
    font-size: 0.35rem; }
    .l-m-count__num {
      font-size: 0.45rem;
      color: #d22c37;
      margin: 0 0.1rem;
      font-weight: bold; } }
.l-search .l-area {
  border-bottom: 1px solid #e0e0e0; }
.l-search .l-dept {
  display: none; }
.l-search__divider {
  display: none; }

@media screen and (max-width: 750px) {
  .l-m-search-dept {
    display: none !important; } }

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