.container{
    // overflow: auto;
    // -webkit-overflow-scrolling : touch;
    #loading{
        width: 100vw;
        height: 100vh;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        img{
            width: 50px;
        }
    }
    .van-nav-bar{
        height: 44px;
        .van-nav-bar__left{
            width: 33px;
        }
        .van-icon{
            color: #000;
            font-size: 18px;
        }
        .van-nav-bar__title{
            color: #000;
            font-size: 17px;
        }
    }
    .van-nav-bar::after{
        border-color: #eaeaea;
    }
    .van-cell-group{
        background: transparent;
        .van-cell__right-icon,.van-cell{
            line-height: 42px;
        }
        .van-cell{
            font-size: 16px;
            font-weight:400;
            padding: 10px 20px;
        }
        .van-cell:not(:last-child)::after{
            // margin: 0 40px;
            right: 15px;
            border-color: #ccc;
        }
        .van-cell__right-icon{
            color: #bbb;
        }
        .bg10 {
          margin-bottom: 10px;
        }
        .bg10:not(:last-child)::after{
            border: 0;
        }
    }
    .tabbar{
        .van-tabbar{
          height:48px;
          background:rgba(255,255,255,1);
          box-shadow:0px 0px 10px 0px rgba(44,47,64,0.1);
          .van-tabbar-item{
            .van-tabbar-item__icon{
              margin-bottom: 4px;
              width: 20px;
              height: 20px;
              i{
                  font-size: 20px;
                  color: #000;
              }
            }
            .van-tabbar-item__text{
              font-size: 10px;
              color: #000;
            }
          }
          .van-tabbar-item--active{
            background: transparent;
            .van-tabbar-item__icon{
              i{
                  color: #FF523D;
              }
            }
            .van-tabbar-item__text{
                color: #FF523D;
            }
          }
        }
        .van-tabbar--fixed{
            z-index: 3 !important;
        }
    }
    .search-wrap{
        .van-search{
            background:rgba(249,249,249,1);
            height: 100%;
            padding: 10px 0 10px 15px;
            .van-cell{
                line-height: 39px;
                // box-shadow:0px 0px 14px 0px rgba(238,238,238,1);
                border-radius:2px;
                .van-icon{
                    line-height: 39px;
                    color: #bbb;
                }
            }
            .van-cell__value{
                input{
                    color: #333;
                }
                input::-webkit-input-placeholder {
                    color: #bbb;
                }
                .input:-moz-placeholder {
                    color: #bbb;
                }
                .input:-ms-input-placeholder {
                    color: #bbb;
                }
            }
            .van-search__action{
                font-size: 16px;
                color: #000;
                padding: 0 15px;
                line-height: 45px;
            }
        }
    }
    .search{
        .van-search{
            padding: 10px 0 10px 38px;
            .van-cell{
                background: #f9f9f9;
            }
            .van-search__action{
                padding: 0 7px 0 15px;
            }
        }
    }
    .room,.facility,.traffic,.home-wrap .room-list{
        .title{
          div{
            display: flex;
            align-items: center;
            color: #333;
            font-size: 12px;
            height: 25px;
            p{
              height: 25px;
              line-height: 25px;
            }
            i{
              width: 25px;
              height: 25px;
              font-size: 15px;
              color: #999;
            }
          }
        }
    }
    .home-wrap{
        .room-list{
            h4{
                font-size:20px;
                font-weight:900;
                color: #000;
            }
        }
        .home-swiper{
            margin-bottom: 30px;
            .van-swipe__indicators{
                left: 75px;
                bottom: 23px;
                width: 120px;
                .van-swipe__indicator{
                    width: 40px;
                    height: 2px;
                    margin: 0;
                    background:rgba(255,255,255,1);
                    border-radius:0;
                    transition: all 0.3s;
                }
                .van-swipe__indicator--active ~ .van-swipe__indicator{
                    background:rgba(255,255,255,0.2);
                }
                .van-swipe__indicator--active{
                    background:rgba(255,255,255,1);
                    border-radius:1px;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }
                .van-swipe__indicator:first-child{
                    border-top-left-radius: 1px;
                    border-bottom-left-radius: 1px;
                }
                .van-swipe__indicator:last-child{
                    border-top-right-radius: 1px;
                    border-bottom-right-radius: 1px;
                }
            }
        }
    }
    .detail-wrap{
        .navbar{
            margin-top: 7px;
            .van-nav-bar{
                height: 33px;
                line-height: 33px;
                background: transparent;
                .van-nav-bar__left{
                    left: 8px;
                    width: 33px;
                }
                .van-nav-bar__arrow{
                    color: #fff;
                    width: 33px;
                    height: 33px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                i{
                    color: #fff;
                }
                .van-nav-bar__title{
                    color: #fff;
                }
                .van-nav-bar__right{
                    right: 12px;
                    p{
                        display: flex;
                        i{
                            width: 33px;
                            height: 33px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-size: 18px;
                            margin-left: 12px;
                        }
                    }
                }
            }
            .van-hairline--bottom::after{
                border:0;
            }
        }
        .content-wrap{
          margin: 0 15px;
          h4{
            font-size:20px;
            font-weight:900;
            color: #000;
          }
          > div:not(:last-child){
            padding: 20px 0;
            border-bottom: 1px solid #ddd;
          }
          > div:nth-last-child(2),
          > div:nth-last-child(4){
            border-bottom: 0;
          }
          .detail{
            div{
              max-height: 90px;
              margin: 9px 0 6px;
              color: #666;
              font-size: 14px;
              line-height: 23px;
              overflow: hidden;
            }
            .active{
              max-height: 100%;
            }
            .toggle{
              width: 50px;
            }
            p{
              color: #222;
              font-size: 14px;
              font-weight:400;
              i{
                color: #222;
                display: inline-block;
                transition: all 0.3s;
                font-size: 13px;
              }
              i.active{
                transform:rotate(180deg)
              }
            }
            p.active{
                color: #FF523D;
                i{
                    color: #FF523D;
                }
            }
          }
          .facility{
            .list{
              overflow: hidden;
              > p{
                margin-top: 15px;
                float: left;
                width: 20%;
                flex-direction: column;
                img{
                  margin-bottom: 10px;
                  width: 26px;
                  width: 26px;
                }
                span{
                  font-size:12px;
                  font-weight:400;
                  color: #666;
                }
              }
            }
          }
          .building-tabbar{
            margin: 12px 0;
            div{
              display: flex;
              flex-direction: column;
              margin: 0 33px 0 18px;
              align-items: center;
              i{
                font-size: 20px;
                text-align: center;
                color: #000;
                height: 22px;
                width: 24px;
              }
              span{
                font-weight:500;
                color: #000;
                font-size: 12px;
                white-space: nowrap;
              }
            }
            div.active{
                i{
                    color: #ffdd69;
                }
            }
            button{
              width: 100%;
              font-size:17px;
              font-weight:400;
              color:rgba(255,255,255,1);
              height:38px;
              line-height:36px;
              background:rgba(255,179,85,1);
              border-radius:45px;
              border: 0;
            }
          }
        }
    }
    .facilityList{
      padding: 20px;
      overflow: hidden;
      .title{
        font-size:20px;
        font-weight:600;
        color: #000;
        margin-bottom: 30px;
      }
      > div{
        width:100%;
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px;
        flex-direction: column;
        padding: 0 0 5px;
        div{
            margin: 0 -20px;
        }
        p{
            float: left;
            margin-bottom: 25px;
            width: 25%;
            text-align: center;
            flex-direction: column;
            img{
                margin-bottom: 8px;
                width: 26px;
                width: 26px;
            }
            span{
                font-size:12px;
                font-weight:400;
                color: #666;
            }
        }
      }
      > div:last-child{
          border-bottom: 0;
      }
    }
    .range{
        margin: 10px 10px 20px;
        .el-slider__runway{
            height: 5px;
            background: #eee;
            .el-slider__bar{
                height:5px;
                background:linear-gradient(134deg,rgba(255,143,85,1) 0%,rgba(255,108,80,1) 51%,rgba(255,84,61,1) 100%);
                border-radius:116px;
            }
            .el-slider__button-wrapper{
                width:25px;
                height:25px;
                top: -10px;
                background:rgba(255,255,255,1);
                box-shadow:0px 10px 17px 0px rgba(0,0,0,0.1);
                border-radius:9px;
            }
            .el-slider__button{
                width:10px;
                height:10px;
                background:rgba(255,82,61,1);
                border-radius:3px;
                border:0;
            }
        }
    }
    .swipe-wrap{
        .swiper-slide-shadow-left,
        .swiper-slide-shadow-right{
            border-radius:6px;
        }
    }
    .showback{
        .van-nav-bar__left{
          display: none;
        }
    }
    .user-wrap{
        .van-cell{
           i.van-cell__left-icon{
                display: flex;
                align-items: center;
                margin-right: 10px;
                color: #FF523D;
           }
        }
        .switch-wrap{
            display: flex;
            align-items: center;
            .van-switch{
                width:36px;
                height:14px;
                background:#ccc;
                border-color: #ccc;
                .van-switch__node{
                    margin-top: -3px;
                    width:20px;
                    height:20px;
                    background:#fff;
                    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.2);
                }
            }
            .van-switch--on{
                background:rgba(252,164,154,1);
                border-color: rgba(252,164,154,1);
                .van-switch__node{
                    background:rgba(255,82,61,1);
                }
            }
        }
        .hasValue{
            .van-cell__value{
                margin-right: 10px;
                font-size:14px;
            }
        }
        .user-list{
            .van-cell:after{
              border:0;
            }
        }
    }
    .account-wrap{
        .van-cell__value{
            span{
                font-size: 14px;
                color: #bbb;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                display: inherit;
            }
        }
        .noBind{
            .van-cell__value{
                span{
                    padding: 1px 9px;
                    background:rgba(249,249,249,1);
                    border-radius:2px;
                    color: #999;
                    display: inline;
                }
            }
        }
        .van-switch--on{
            background: #FF523D;
        }
    }
    .items.goods {
        width: 100%;
        padding: 20px 26px 20px 20px;
        display: flex;
        position: relative;
        .img {
          margin-right: 15px;
          img {
            width: 105px;
            height: 78px;
            border-radius: 5px;
          }
          .tag {
            left: -2px;
            top: -2px;
          }
        }
        .info {
          overflow: hidden;
          h4 {
            color: #1a1a1a;
            font-size: 18px;
            line-height: 22px;
            max-height: 44px;
          }
          > p {
            color: #bbb;
            font-size: 13px;
            margin: 2px 0 4px;
          }
          .tag {
            overflow: hidden;
            height: 18px;
            p {
              line-height: 15px;
              border-radius: 2px;
              margin-right: 5px;
              font-size: 11px;
              padding: 1px 4px;
              font-weight: 400;
              display: flex;
              float: left;
              margin-bottom: 5px;
              align-items: center;
              justify-content: center;
            }
          }
          .price {
            display: flex;
            align-items: baseline;
            margin-top: 2px;
            i {
              font-size: 10px;
              color: #ff523d;
            }
            p {
              font-size: 17px;
              font-weight: bold;
              color: #ff523d;
              margin: 0 0 0 2px;
            }
            span {
              font-size: 12px;
              color: #000;
            }
          }
        }
    }
    .items.goods:after {
        height: 1px;
        background: rgba(238, 238, 238, 1);
        content: '';
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
    }
    .items.goods:last-child:after {
        height: 0;
    }
    .hiddenEdit{
        .van-nav-bar__text{
            display: none;
        }
    }
    .van-nav-bar__text{
        font-size:15px;
        color: #000;
    }
    .van-tabs__wrap{
        border-bottom: 1px solid #ddd;
        .van-tabs__line{
            height: 1px;
        }
        .van-tabs__nav{
            .van-tab{
                .van-ellipsis{
                    font-size:15px;
                    font-weight:500;
                    color: #bbb;
                }
            }
            .van-tab--active{
                .van-ellipsis{
                    font-size:16px;
                    color: #000;
                }
            }
        }
    }
    .van-swipe-cell{
        .van-swipe-cell__right{
            color: #FFFFFF;
            font-size: 15px;
            width: 65px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background-color: #F44;
        }
    }
    .van-checkbox{
        .van-checkbox__icon{
            line-height: 15px;
            .van-icon{
                width: 15px;
                height: 15px;
                border-radius: 15px;
                background:rgba(255,255,255,1);
                border:1px solid rgba(204,204,204,1);
            }
        }
        .van-checkbox__icon--checked{
            .van-icon-success{
                font-size: 10px;
                background:#FF523D;
                border:1px solid #FF523D;
            }
        }
    }
    .room-details{
        width:100%;
        height:140px;
        background:rgba(249,249,249,1);
        border-radius:8px;
        margin-top: 15px;
        padding: 12px 15px 10px;
        overflow: hidden;
        .name{
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        h5{
            color: #333;
            font-size: 17px;
            font-weight:500;
            margin-right: 10px;
        }
        .tag{
            p{
                padding: 0 7px;
                height:16px;
                background:rgba(238,238,238,1);
                border-radius:2px;
                color: #999;
                font-size: 11px;
                margin-right: 5px;
                flex-shrink: 0;
            }
        }
        .price{
            align-items: baseline;
            i{
                font-size: 12px;
                color: #FF523D;
            }
            p{
                font-size: 17px;
                color: #FF523D;
                font-weight: bold;
                margin-left: 4px;
            }
            span{
                font-size: 12px;
                color: #000;
            }
        }
        }
        .attribute{
        align-items: flex-end;
        div{
            p{
                color: #bbb;
                font-size: 13px;
                line-height: 18px;
                i{
                    width: 52px;
                    margin-right: 20px;
                    flex-shrink: 0;
                    white-space: nowrap;
                }
                span{
                    flex-shrink: 0;
                }
            }
        }
        > p{
            width:80px;
            height:23px;
            display: flex;
            align-items: center;
            justify-content: center;
            background:linear-gradient(135deg,rgba(255,143,85,1) 0%,rgba(255,108,80,1) 51%,rgba(255,84,61,1) 100%);
            border-radius:13px;
            color: #fff;
            font-size: 13px;
            margin-right: 5px;
        }
        .disabled{
            background:rgba(204,204,204,1);
        }
        }
    }
    .room-detail-none{
        text-align: center;
        color: #bbb;
        padding: 50px 0;
    }
    .broker-list{
        margin-bottom: 30px;
        img{
          width:45px;
          height:45px;
          border-radius: 45px;
          margin-right: 15px;
          display: inline-block;
        }
        p{
          font-size:17px;
          font-weight:500;
          color:rgba(51,51,51,1);
          line-height:24px;
        }
        span{
          font-size:13px;
          font-weight:400;
          color:rgba(153,153,153,1);
          line-height:19px;
        }
        > a{
          i{
            width:39px;
            height:39px;
            background:rgba(255,82,61,0.07);
            border-radius: 39px;
            color: #FF523D;
            font-size: 18px;
          }
        }
    }
    .broker-list:last-child{
        margin-bottom: 10px;
    }
    .gender,.birthday{
        .van-cell__value{
            color: #333;
          }
    }
    .validate-pay-wrap{
        input{
            font-size: 40px;
            font-weight:500;
            height: 36px;
        }
        .van-tabs__line{
            height: 2px;
        }
        .form{
            input{
                color: #222;
                font-size: 18px;
                font-weight: 400;
                height: auto;
            }
        }
        .van-uploader__input{
            height: 100%;
            z-index: 3;
        }
        .van-picker{
            .van-picker__cancel,
            .van-picker__confirm{
                color: #333;
            }
        }
        .isUpload{
            input{
                width: 30%;
                margin: 0 auto;
            }
        }
    }
    .cashier-wrap{
        .protocol{
            padding: 0 20px;
            font-size: 13px;
            color: #999;
            .van-icon{
                width: 18px;
                height: 18px;
                border-radius: 3px;
            }
            .van-icon-success{
                background: #fff;
                border-color: #bbb;
            }
            .van-checkbox__icon--checked{
                line-height: 18px;
                .van-icon{
                    color: #fff;
                    border-color: #FF523D;
                    background: #FF523D;
                }
            }
            > p{
                color: #FFB355;
            }
        }
    }
    .register-wrap{
        .van-nav-bar{
            .van-nav-bar__left{
                left: -5px;
                i{
                    color: #ccc;
                }
            }
        }
        .van-nav-bar:after{
            border: 0;
        }
    }
    .set-nickname-wrap{
        .van-nav-bar{
            .van-nav-bar__left{
                left: -5px;
                i{
                    color: #ccc;
                }
            }
        }
        .van-nav-bar:after{
            border: 0;
        }
        .protocol{
            margin-top: 20px;
            color: #999;
            font-size: 13px;
            .van-checkbox__icon{
                height:18px;
                display: inline-block;
                .van-icon{
                    border: 1px solid #bbb;
                    width:18px;
                    height:18px;
                    background:rgba(255,255,255,1);
                    border-radius:4px;
                }
                .van-icon:before{
                    display: none;
                }
            }
            .van-checkbox__icon--checked{
                .van-icon:before{
                    display: inline-block;
                }
            }
            i{
                color: #FFB355;
            }
        }
    }
    .information-wrap{
        .avatar{
            .el-upload{
                height: 100%;
                width: 100%;
            }
        }
        .isEdit {
            .van-nav-bar__right {
                span {
                    color: #ff523d;
                }
            }
        }
        .verification.active {
            .van-cell__value {
                span {
                    color: #ff523d;
                }
            }
        }
    }
    .van-pull-refresh {
        height: 100%;
    }
    .pay-wrap{
        input{
            font-size: 30px;
        }
    }
    .img-uploader{
        input{
            width: 30%;
            height: 40%;
        }
    }
    .service-wrap{
        .van-nav-bar__left {
            left: 0;
            line-height: 33px;
            font-size: 18px;
            position: relative;
            .call{
                position: absolute;
                left: 0;
                top: 0;
                width: 34px;
                height: 34px;
                z-index: 2;
            }
        }
        .van-nav-bar__right {
            right: 0;
            line-height: 33px;
            i{
                font-size: 18px;
            }
        }
        .van-nav-bar__title {
            color: #000;
            i{
                font-size: 18px;
            }
        }
        .van-tabs__wrap--scrollable{
            border: 0;
            .van-tab{
                flex: 0 0 28%;
                font-size: 15px;
                color: #999;
            }
            .van-tabs__line{
                height: 2px;
                border-radius: 1px;
            }
            .van-tab--active{
                color: #222;
            }
        }
        .van-hairline--top-bottom::after{
            border: 0;
        }
        .van-tabs__content{
            .van-cell{
                padding: 10px 0;
                .van-cell__title{
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    span{
                        font-size: 15px;
                    }
                }
                .van-cell__right-icon{
                    color: #999;
                }
            }
            .van-cell:after{
                left: 0;
                right: 0;
            }
            .van-cell:last-child{
                border-bottom: 1px solid #ccc;
            }
        }
    }
    .coupon-wrap,.order-coupon-wrap{
        .wrap {
          min-height: 100vh;
          overflow: auto;
          padding: 15px 20px;
            .list {
                padding: 15px 20px 8px;
                margin-bottom: 15px;
                position: relative;
                background: rgba(255, 255, 255, 1);
                box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
                border-radius: 4px;
                border: 1px solid rgba(238, 238, 238, 1);
                .title {
                margin-bottom: 14px;
                div {
                    display: flex;
                    align-items: center;
                    span {
                    font-size: 12px;
                    margin-top: 10px;
                    color: #ff523d;
                    }
                    p {
                    font-size: 27px;
                    color: #ff523d;
                    margin-right: 10px;
                    }
                    h5 {
                    font-weight: 500;
                    font-size: 18px;
                    color: #222;
                    }
                }
                > p {
                    width: 60px;
                    height: 24px;
                    background: linear-gradient(
                    135deg,
                    rgba(255, 143, 85, 1) 0%,
                    rgba(255, 108, 80, 1) 51%,
                    rgba(255, 84, 61, 1) 100%
                    );
                    border-radius: 13px;
                    font-size: 13px;
                    font-weight: 400;
                    color: rgba(255, 255, 255, 1);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .selected{
                    background: transparent;
                    color: #FF523D;
                }
                }
                .info {
                    padding: 12px 0 0;
                    border-top: 1px dashed #dfdfdf;
                .date {
                    font-size: 13px;
                    color: #999;
                    margin-bottom: 10px;
                    i {
                    font-size: 12px;
                    }
                }
                .preferential {
                    font-size: 13px;
                    color: #ddd;
                    margin-bottom: 10px;
                    p {
                    flex-shrink: 0;
                    }
                }
                }
                .roundLeft {
                position: absolute;
                width: 12px;
                height: 20px;
                border-radius: 0 20px 20px 0;
                left: -2px;
                background: #fff;
                top: 55px;
                box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.08) inset;
                }
                .roundRight {
                position: absolute;
                width: 12px;
                height: 20px;
                border-radius: 20px 0 0 20px;
                right: -2px;
                background: #fff;
                top: 55px;
                box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.08) inset;
                }
            }
            .list.disabled {
                .title {
                    div * {
                        color: #bbb;
                    }
                    > p {
                        background: rgba(249, 249, 249, 1);
                        color: #ccc;
                    }
                }
            }
        }
    }
    .attentions-wrap{
        .van-nav-bar.active{
            .van-nav-bar__right{
                span{
                    color: #FF523D;
                }
            }
        }
    }
    .about-wrap{
        .van-cell{
            .van-cell__title{
                span{
                    color: #222;
                    font-size: 15px;
                }
            }
            .van-cell__value{
                span{
                    color: #999;
                    font-size: 15px;
                }
            }
        }
        .van-cell:after{
            left: 0;
            width: 100%;
        }
    }
    .form-wrap{
        .van-cell{
            input{
                font-size: 16px;
                color:#333;
                text-align: right;
            }
        }
        .mobile{
            .van-cell{
                background: transparent;
                input{
                    text-indent: 55px;
                }
            }
        }
    }
    .edit-mobile-wrap{
        .van-nav-bar{
            i{
                color: #ddd;
            }
        }
    }
    .activity-wrap{
        .textarea{
          img{
            max-width: 100%;
          }
        }
    }
    .service-article-wrap{
        .wrap{
            img{
                max-width: 100%;
            }
        }
    }
}