.wraps[data-v-1ab021fa] {
  padding: .24rem .32rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F8F8F8;
  height: 100vh;
  overflow: scroll;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.wraps .top[data-v-1ab021fa] {
    color: #766E85;
    margin-bottom: .06rem;
    font-size: 0;
}
.wraps .top img[data-v-1ab021fa] {
      width: 1.2rem;
      height: .4rem;
}
.wraps .title[data-v-1ab021fa] {
    color: #1D1135;
    font-size: .4rem;
    margin-bottom: .4rem;
}
.wraps .item[data-v-1ab021fa] {
    background-color: white;
    padding: .24rem .16rem;
    -webkit-border-radius: .12rem;
            border-radius: .12rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: .24rem;
}
.wraps .item .head[data-v-1ab021fa] {
      margin-bottom: .16rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
}
.wraps .item .head .icon[data-v-1ab021fa] {
        width: .4rem;
        height: .4rem;
        -webkit-border-radius: .2rem;
                border-radius: .2rem;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: #F8F8F8;
        margin-right: .24rem;
}
.wraps .item .head .icon.iconPlay[data-v-1ab021fa] {
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg);
}
.wraps .item .head .icon.iconUp[data-v-1ab021fa] {
          -webkit-transform: rotate(270deg);
              -ms-transform: rotate(270deg);
                  transform: rotate(270deg);
}
.wraps .item .head .icon .icon-warn[data-v-1ab021fa]::before {
          color: #766E85;
}
.wraps .item .head .icon .icon-success[data-v-1ab021fa]::before {
          color: #5C3DA4;
}
.wraps .item .head .icon .icon-play[data-v-1ab021fa] {
          margin-bottom: .1rem;
          margin-left: .05rem;
}
.wraps .item .head .icon .icon-play[data-v-1ab021fa]::before {
          font-size: .16rem;
}
.wraps .item .head span[data-v-1ab021fa]:nth-child(2) {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
}
.wraps .item .inp[data-v-1ab021fa] {
      padding-left: .64rem;
}
.wraps .item .inp span[data-v-1ab021fa] {
        color: #1D1135;
        font-weight: bold;
        font-size: .32rem;
}
.wraps .item .inp input[data-v-1ab021fa] {
        border: none;
        font-size: .32rem;
        color: #1D1135;
        font-weight: bold;
        padding: 0;
}
.wraps .item .inp input[data-v-1ab021fa]::-webkit-input-placeholder {
          font-weight: normal;
}
.wraps .item .inp input[data-v-1ab021fa]::-moz-placeholder {
          font-weight: normal;
}
.wraps .item .inp input[data-v-1ab021fa]:-ms-input-placeholder {
          font-weight: normal;
}
.wraps .item .inp input[data-v-1ab021fa]::-ms-input-placeholder {
          font-weight: normal;
}
.wraps .item .inp input[data-v-1ab021fa]::placeholder {
          font-weight: normal;
}
.wraps .item .placholder[data-v-1ab021fa] {
      padding-left: .64rem;
      color: #E6E7F1;
      font-size: .32rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
}
.wraps .item .placholder img[data-v-1ab021fa] {
        width: .48rem;
        height: .48rem;
}
.wraps .item .address[data-v-1ab021fa] {
      padding-left: .64rem;
      color: #1D1135;
}
.wraps .item .address h3[data-v-1ab021fa] {
        font-size: .32rem;
        margin-bottom: .16rem;
}
.wraps .item .address p[data-v-1ab021fa] {
        font-size: .26rem;
}
.wraps .item .mapSetBox[data-v-1ab021fa] {
      width: 100%;
      height: 4.8rem;
      background-color: #F8F8F8;
      margin-top: .28rem;
      -webkit-border-radius: .12rem;
              border-radius: .12rem;
}
.wraps .item .userMinInfo[data-v-1ab021fa] {
      font-weight: bold;
      padding-left: .64rem;
      font-size: .32rem;
      color: #1D1135;
}
.wraps .item .moreInfo[data-v-1ab021fa] {
      padding-left: .64rem;
}
.wraps .item .moreInfo > div[data-v-1ab021fa] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: .56rem;
}
.wraps .item .moreInfo > div.imgLine[data-v-1ab021fa] {
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start;
}
.wraps .item .moreInfo > div.imgLine > div[data-v-1ab021fa] {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
                -ms-flex: 1;
                    flex: 1;
}
.wraps .item .moreInfo > div.imgLine > div p[data-v-1ab021fa] {
              background-color: #E6E7F1;
              width: 2.6rem;
              height: 1.7rem;
              margin-bottom: .32rem;
              overflow: hidden;
}
.wraps .item .moreInfo > div.imgLine > div > div[data-v-1ab021fa] {
              font-size: .22rem;
              color: #766E85;
              margin-top: -.16rem;
}
.wraps .item .moreInfo > div > span[data-v-1ab021fa]:first-child {
          font-size: .26rem;
          color: #766E85;
          width: 1.7rem;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          margin-right: .24rem;
}
.wraps .item .moreInfo > div > span[data-v-1ab021fa]:nth-child(2) {
          font-size: .32rem;
          color: #1D1135;
          font-weight: bold;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
}
.wraps .imgPoster[data-v-1ab021fa] {
    width: 2.6rem;
    margin-bottom: .1rem;
}