@charset "utf-8";
$font-size-base: 75;
@function pxTorem($px) {
  @return $px / $font-size-base * 1rem;
}

@mixin font-dpr($font-size) {
  font-size: $font-size*0.5px;

  [data-dpr="2"] & {
    font-size: $font-size * 1px;
  }

  [data-dpr="3"] & {
    font-size: $font-size * 1.5px;
  }
}

body#contain {
  background: #e4ebf6;
}

html,body{
  padding-top: pxTorem(88);
}

.contain {
  .bai-head {
    height: pxTorem(88);
    background: #9bc4fd;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    span {
      @include font-dpr(36);
      color: #fff;
      line-height: pxTorem(88);
    }
    a.left {
      display: block;
      position: absolute;
      top: pxTorem(26);
      left: pxTorem(24);
      img {
        display: inline-block;
        width: pxTorem(44);
        height: auto;
      }
    }
    a.trash {
      display: block;
      position: absolute;
      top: pxTorem(22);
      right: pxTorem(24) !important;
      img {
        display: inline-block;
        width: pxTorem(43);
      }
    }
  }
}

.administer-head {
  padding: pxTorem(16) pxTorem(24);
  position: fixed;
  left: 0;
  top: pxTorem(88);
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
  input {
    display: block;
    height: pxTorem(54);
    width: 100%;
    border-radius: pxTorem(10);
    padding-left: pxTorem(57);
    background: #ffffff url("../images/search.png") no-repeat pxTorem(16) center;
    background-size: pxTorem(26) pxTorem(26);
    box-sizing: border-box;
    border: none;
    outline: none;
    @include font-dpr(24);
    color: #333;
    line-height: pxTorem(50);
  }
  .head-remove{
    transition: all ease-in .5s;
    opacity: 0;
    width: pxTorem(26);
    height: pxTorem(26);
    background: url("../images/search-error.png")no-repeat;
    background-size: pxTorem(26) pxTorem(26);
    position: absolute;
    top: pxTorem(30);
    right: pxTorem(150);
    z-index: 10000;
  }
  .head-serach{
    display: block;
    width: pxTorem(94);
    height: pxTorem(54);
    background: #9bc4fd;
    position: absolute;
    top: pxTorem(16);
    right: pxTorem(-94);
    @include font-dpr(28);
    color: #ffffff;
    text-align: center;
    line-height: pxTorem(54);
    border-radius: pxTorem(8);
    transition: all ease-in .5s;
    text-decoration: none;
  }
}

.exhibition-activities {
  position: fixed;
  width: 100%;
  top: pxTorem(174);
  left: 0;
  ul.exhibition-select {
    background: #ffffff;
    border-bottom: 1px solid #dbe2ee;
    height: pxTorem(86);
    display: flex;
    justify-content: center;
    li {
      width: 50%;
      padding: 0 pxTorem(75);
      box-sizing: border-box;
      position: relative;
      a{
        display: block;
        text-align: center;
        @include font-dpr(30);
        color: #333;
        line-height: pxTorem(80);
      }
      .line{
        position: absolute;
        width: 60%;
        height: pxTorem(4);
        background: transparent;
        left: 20%;
        bottom: -1px;
      }
      &.active{
        a{
          @include font-dpr(32);
          color: #77a9fd;
        }
        .line{
          background: #77a9fd;
        }
      }
    }
  }
}

ul.activity-product {
  li {
    margin-bottom: pxTorem(20);
    background: #ffffff;
    padding: pxTorem(40) pxTorem(24);
    a {
      display: block;
      h2 {
        @include font-dpr(32);
        color: #333;
        line-height: 1;
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
      }
      p {
        @include font-dpr(28);
        color: #666;
        line-height: 1;
        margin-top: pxTorem(30);
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
      }
      span {
        display: block;
        @include font-dpr(28);
        color: #666;
        line-height: 1;
        margin-top: pxTorem(20);
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
      }
    }
  }
}

//向上拉取
#wrapper.activity-ert {
  position: absolute;
  z-index: 1;
  top: pxTorem(262);
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  #scroller {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
    padding-bottom: pxTorem(110);
  }
  #pullUp {
    margin-top: pxTorem(30);
    line-height: 1;
    @include font-dpr(28);
    color: #7e95c4;
    text-align: center;
    padding-bottom: pxTorem(30);
  }
}

//悬浮加号跳转
.exhibition-add {
  width: pxTorem(80);
  height: pxTorem(80);
  background: #77a9fd;
  border-radius: 50%;
  position: fixed;
  right: pxTorem(24);
  bottom: pxTorem(24);
  text-align: center;
  -moz-box-shadow: 0 0 10px 5px #bed2f5;
  -webkit-box-shadow: 0 0 10px 5px #bed2f5;
  box-shadow: 0 0 10px 5px #bed2f5;
  z-index: 99;
  img {
    display: inline-block;
    width: pxTorem(33);
    margin-top: pxTorem(24);
  }
}

//新增展会活动
.zeng-exhibition{
  margin-top: pxTorem(-20);
  h2{
    padding: pxTorem(24);
    @include font-dpr(28);
    color: #7e95c4;
    line-height: 1;
  }
  ul.exhibition-cont{
    padding-left: pxTorem(24);
    background: #ffffff;
    li{
      border-bottom: 1px solid #dbe2ee;
      position: relative;
      padding-left: pxTorem(270);
      min-height: pxTorem(88);
      span{
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        @include font-dpr(30);
        color: #666666;
        height: pxTorem(88);
        line-height: pxTorem(88);
      }
      input.input-text{
        width: 100%;
        text-align: left;
        height:pxTorem(88);
        border: none;
        background: none;
        @include font-dpr(30);
        color: #333;
        padding-right: pxTorem(24);
        box-sizing: border-box;
        line-height: pxTorem(88);
        word-break:keep-all;/* 不换行 */
        white-space:nowrap;/* 不换行 */
        overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
      }
      input.input-tiao{
        background: url(../images/left.png)no-repeat 95% center;
        background-size: pxTorem(14) pxTorem(26);
      }
      p{
        width:100%;
        padding-right: pxTorem(40);
        color: #333;
        @include font-dpr(30);
        line-height: pxTorem(88);
        min-height: pxTorem(88);
        word-break:keep-all;/* 不换行 */
        white-space:nowrap;/* 不换行 */
        overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
        box-sizing: border-box;
        background: url(../images/left.png)no-repeat 95% center;
        background-size: pxTorem(14) pxTorem(26);
        &#specific{
          word-wrap:break-word ;
          overflow: hidden;
          white-space: normal;
          line-height: pxTorem(40);
          padding: pxTorem(25) pxTorem(40) pxTorem(25) 0;
        }
      }
    }
  }
}

//具体地址填写
.specific-address{
  display: none;
  position: fixed;
  left: 50%;
  margin-left: pxTorem(-255);
  top:50%;
  background: #ffffff;
  width: pxTorem(430);
  border-radius: pxTorem(10);
  padding: pxTorem(40);
  z-index: 199;
  textarea{
    display: block;
    border: 1px solid #b6c0cc;
    resize: none;
    width: 100%;
    padding: pxTorem(24);
    height: pxTorem(288);
    outline: none;
    @include font-dpr(30);
    box-sizing: border-box;
    line-height: pxTorem(40);
    overflow: hidden;
    border-radius: pxTorem(10);
  }
  .select-sdf{
    margin-top: pxTorem(24);
    button{
      display: inline-block;
      border: none;
      width: 49%;
      height: pxTorem(60);
      @include font-dpr(30);
      line-height: pxTorem(60);
      text-align: center;
      border-radius: pxTorem(6);
      color: #ffffff;
    }
    button.bao{
      background: #9bc4fd;
    }
  }
}

.pro-steps{
  margin-top: pxTorem(120);
  padding: 0 pxTorem(40) pxTorem(40) pxTorem(40);
  box-sizing: border-box;
  button {
    display: block;
    width: 100%;
    height: pxTorem(88);
    @include font-dpr(32);
    color: #7e95c4;
    text-align: center;
    background: #fff;
    border-radius: pxTorem(15);
    line-height: pxTorem(88);
    border: none;
    outline: none;
    &.xia {
      //background: #93c1ff;
      background: rgb(205,213,225);
      color: #fff;
      margin-bottom: pxTorem(20);
    }
    &.xia.active{
      background: #93c1ff;
      box-shadow:0 2px 12px #BDD7FA;
      -moz-box-shadow:0 2px 12px #BDD7FA;
      -webkit-box-shadow:0 2px 12px #BDD7FA;
    }
  }
}
.assigned-steps.pro-steps {
  .xia {
    background: #93c1ff;
    box-shadow: 0 2px 12px #BDD7FA;
  }
}

//分享二维码
.share-code{
  width: pxTorem(570);
  height: pxTorem(756);
  margin: pxTorem(90) auto 0 auto;
  background: url("../images/code-background.png")no-repeat;
  background-size: pxTorem(570) pxTorem(756);
  img{
    display: block;
    width: pxTorem(474);
    height: pxTorem(474);
    padding-top: pxTorem(48);
    margin: 0 auto;
  }
  .code-text{
    text-align: center;
    margin-top: pxTorem(105);
    p{
      @include font-dpr(32);
      color: #77a9fd;
      line-height: 1;
    }
    span{
      display: inline-block;
      @include font-dpr(28);
      color: #7e95c4;
      line-height: 1;
      margin-top: pxTorem(20);
    }
  }
}

//展会详情
.show-details{
  margin-top: pxTorem(-20);
  padding-bottom: pxTorem(10);
  position: relative;
  .out-date{
    padding: pxTorem(24) pxTorem(24) 0 pxTorem(24);
    p{
      @include font-dpr(24);
      color: #ff6d2b;
      line-height: 1.4;
      padding-left: pxTorem(43);
      background: url("../images/out-noice.png")no-repeat pxTorem(-2) pxTorem(6);
      background-size: pxTorem(26) pxTorem(26);
    }
  }
  h2{
    @include font-dpr(28);
    color: #7e95c4;
    line-height: 1;
    padding: pxTorem(24) 0 pxTorem(24) pxTorem(24);
  }
  ul.details-information{
    padding-left: pxTorem(24);
    background: #ffffff;
    li{
      border-bottom: 1px solid #dbe2ee;
      position: relative;
      padding-left: pxTorem(270);
      min-height: pxTorem(88);
      &:last-child{
        border-bottom: none;
      }
      span{
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        @include font-dpr(30);
        color: #666666;
        height: pxTorem(88);
        line-height: pxTorem(88);
      }
      p{
        text-align: right;
        width:100%;
        padding-right: pxTorem(24);
        color: #333;
        @include font-dpr(30);
        line-height: pxTorem(88);
        min-height: pxTorem(88);
        word-break:keep-all;/* 不换行 */
        white-space:nowrap;/* 不换行 */
        overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
        box-sizing: border-box;
      }
    }
  }
  .out-img{
    position: absolute;
    width: pxTorem(200);
    height: pxTorem(200);
    z-index: 99;
    top: pxTorem(130);
    right: pxTorem(24);
    img{
      display: block;
      width: pxTorem(200);
      height: pxTorem(200);
    }
  }
}


//黑色蒙版
.block-mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 198;
}