css.less

.splitline {
  width: 100%;
  height: .1rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.1041;
}
.invitationWrap{
  height: 100%;
  :global(.am-tabs-tab-bar-wrap){
    height: .6rem;
  }
  :global(.am-tabs-default-bar-tab){
    padding:0; font-size: .17rem; color:#ABABAB;
    &:after{ display:none !important;}
  }
  :global(.am-tabs-default-bar-tab-active){
    color:#101010; font-size: .17rem;
  }
  :global(.am-tabs-default-bar-underline){
    border-color:#FF9D5C; border-width: .02rem;
  }
}

.tmpsWrap{
  display: flex; flex-wrap: wrap; padding-top:.05rem; padding-left:.1rem;
  .itm{
    width: 30.8%; height: 2.24rem; margin-bottom: .1rem; margin-right:.1rem; border: 1px solid #ccc;
    img{ width: 100%; height:100%; display: block;}
  }
}
.mylistWrap{
  padding: .05rem .1rem 0; height: calc(100% - .1rem); overflow-y: auto;
  .itm{
    display: flex; margin-bottom: .1rem;
    dt{
      width: .8rem; height: .8rem; border-radius: .06rem; overflow: hidden;
      img{width: 100%; height: 100%; display: block; }
    }
    dd{
      flex:1; margin-left: .14rem; margin-bottom:0;
      border-bottom: 1px solid #f8f8f8;
    }
    .tit{
      font-size: .17rem; color:#333; line-height: .24rem;
    }
    .updatetime {
      color:#666; font-size: .14rem;  line-height: .24rem; margin-top: .04rem;
      span{float:none;}
    }
    .operation {
      overflow: hidden;
      span{ float:right; color: #999; font-size: .13rem; line-height: .24rem; padding-left: .22rem; margin-bottom:.05rem;}
      .edit{
        margin-right: .3rem; background: url(../../assets/image/icon_edit.png) 0 .03rem no-repeat;
        background-size: 36%;
      }
      .del{
        background: url(../../assets/image/icon_del.png) 0 .02rem no-repeat;
        background-size: 36%;
      }
    }
  }
}

.formWrap {
  height: 100%;
  background:#f8f8f8;
  overflow-y: auto;
  h3{
    position: relative; color: #666; font-size: .13rem; line-height: .4rem; height: .4rem; margin:0; padding-left: .11rem; font-weight: normal;
    span{ color:#ababab; float:none;}
    .btnCreate{
      position: absolute; right: .1rem; width:.75rem; height: .26rem; line-height: .26rem; border-radius: .04rem; border: 1px solid #FF9D5C; top: .07rem; color:#FF9D5C;
      font-size: .15rem; text-align: center;
    }
  }
  :global(.am-list-item.am-input-item){
    padding-left:.11rem; height: .5rem;
  }
  :global(.am-list-item .am-input-label){
    font-size: .15rem; width: .8rem;
  }
  :global(.am-list-item .am-input-control input){
    font-size: .15rem;
  }
  :global(.am-list-item){
    padding-left:.11rem;
  }
  :global(.am-textarea-control textarea){
    font-size: .15rem;
  }
  :global(.am-textarea-control){
    padding-top: .04rem; padding-right:.1rem;
  }
  :globl(.am-textarea-has-count){
    padding-bottom:.12rem;
  }
  :global(.am-textarea-count){
    color:#999; font-size: .15rem; right:.1rem;
    span{color:#999; float: none; margin-right: 0;}
  }
  :global(.invitation-area-item){
    background:#fff;
    position: relative;
    textarea{
      padding-left: .1rem;
    }
  }
  :global(.am-textarea-error .am-textarea-error-extra){
    position: absolute; right:.2rem; top: 50%; margin-top: -0.1rem;
  }
  .choosetime {
    font-size: .15rem; background:#fff;  color:#101010;
    .choosetimew{
      display:flex; margin: 0 .11rem; border-bottom: 1px solid #f8f8f8;height: .5rem; line-height: .5rem;
    }
    p{
      margin:0; width: .86rem;
    }
    span{ flex:1; background: url('../../assets/image/icon_date.png') right no-repeat;background-position-y: 12px;
    background-size: 8%;}
  }
  .btnWrap{
    width:3.92rem; height: 1.08rem; background: url(../../assets/image/btn_getpreview.png) no-repeat;  background-size: 100%; margin: .17rem auto 0; overflow: hidden;
    .btnGetPreview{
      width: 3.92rem; height:.5rem; margin-top: .08rem;
    }
  }
}

.prevWrap { height: 100%; overflow: hidden;
  .prev{
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  .isprev{
    margin-top: -.3rem;
  }
  .bg{
    position: relative; z-index: 1; width: 100%;
    img{ width: 100%; display:block;}
  }
  .carouselWrap{
    position: absolute; top: 48%; width: 3.4rem;
     z-index: 9; color:#3E5F50; left: 50%; margin-left:-1.7rem;
     height: 3rem;
  }
  .btnCreate{
    position: absolute; z-index: 10; width: 3.92rem; height: .5rem; left: 50%; margin-left: -1.96rem; bottom:.1rem;
    background:#FF9D5C; border-radius: .1rem; text-align: center; line-height: .5rem; color:#fff; font-size: .17rem;
  }
  .btn_left{
    position: absolute; width:.4rem; height: .6rem; background: url(../../assets/image/icon_arrow.png) center center no-repeat; z-index: 99; left: .11rem; top: 50%;transform:scale(0.5);
  }
  .btn_right{
    position: absolute; width:.4rem; height: .6rem; background: url(../../assets/image/icon_arrow.png) center center no-repeat; z-index: 99; right: .11rem; top: 50%;
     transform:scale(-0.5);
  }
  .pagea{
    text-align: center; height: 3rem;
    .pageaWrap{
      width: 94%; margin: 0 auto; min-height: 3rem;
    }
    .activityName {
        font-size: .26rem; line-height: .37rem; margin-bottom: .06rem;
    }
    .subtit{
      font-size: .16rem; line-height: .22rem; padding-top: .11rem;
    }
    .subcon {
      font-size: .18rem; line-height: .25rem; margin-top: .02rem;
    }
  }
  .pageb{
    .pagebWrap{
      width: 94%; margin: 0 auto;
    }
    .con {
      font-size: .17rem; line-height: .28rem;
    }
  }
  .mapWrap{
    width: 98%; height: 1.2rem;  margin: .1rem auto 0;
  }
  :global(#invitationMap){
    height:1.5rem;
  }
}
.localcity {
  font-size: .14rem;
  display: flex; justify-content: space-between;
  span{margin-right: 0;}
  .btnSearch{
    margin-right: .1rem; margin-top: .06rem; background-color:#FF9D5C;
    text-align: center;
    &:before{ border:none !important;}
  }
}

.map{
  position: relative; z-index: 1;height: 4rem;
  :global(#activityMap){
    height: 4rem;
  }
}
.localdownlist{
  position: relative;z-index: 4;
  .downlist{
    position: absolute; left:0; top: 100%; width: 100%; background: #fff;
    ul{ padding:0 .12rem;}
    li{
      text-align: left; list-style: none; border-bottom: 1px solid #ccc;
      p{ margin: 0; }
    }
  }
}
:global(.locatinSelectWrap){
  :global(.am-modal-close){
    top: 10px;
  }
  :global(.am-list-item .am-input-label){
    font-size: .15rem;
  }
  :global(.am-list-item .am-input-control input){
    font-size: .15rem;
  }
  :global(.am-list-item .am-list-line){
    &:after{
      display:none !important;
    }
  }
}
.noInfo{
  height: 100%;background: url(../../assets/image/clientless.png) center center no-repeat; background-size: 40%;
  position: relative;
  &:after{
    position: absolute; left: 0; top: 62%; content: '当前无邀请函'; color: rgb(102, 102, 102); width: 100%; text-align: center; font-size: .15rem;
  }
}
.btnCreatePriew{
  position: absolute; z-index: 10; width: 100%; height: .8rem; bottom:0;
  background:#fff !important; text-align: center; color:#fff;padding: 10px;
  img{
   width:100%;
  }
}