@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;
  }
}

//首页背景
.contain{
  .home_background{
    position: relative;
    img{
      display: block;
      width: 100%;
    }
    .background_text{
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      h2{
        color: #fff;
        @include font-dpr(26);
        line-height: 1;
        margin-top: pxTorem(80);
        text-align: center;
        opacity: .8;
      }
      p.yuan{
        color: #fff;
        @include font-dpr(70);
        line-height: 1;
        margin-top: pxTorem(24);
        text-align: center;
      }
      .content{
        margin-top: pxTorem(80);
        display: flex;
        justify-content:space-between;
        .ss{
          width: 50%;
          text-align: center;
          &.sd{
            border-left: 1px solid #fff;
            box-sizing: border-box;
          }
          p{
            color: #fff;
            @include font-dpr(24);
            line-height: 1;
            text-align: center;
            opacity: .8;
            span{
              @include font-dpr(28);
              margin-right: pxTorem(16);
              opacity: 1!important;
            }
          }
          i{
            font-style: normal;
            display: inline-block;
            color: #fff;
            @include font-dpr(28);
            line-height: 1;
            text-align: center;
            margin-top: pxTorem(24);
            opacity: .8;
          }
        }
      }
    }
  }
  .home-content{
    padding: 0!important;
    ul{
      padding: 0 pxTorem(24) pxTorem(24) pxTorem(24);
      background: rgb(255,255,255);
      li{
        -moz-box-shadow:0 0 15px 0 rgba(155,196,253,0.30);;
        -webkit-box-shadow:0 0 15px 0 rgba(155,196,253,0.30);
        box-shadow:0 0 15px 0 rgba(155,196,253,0.30);
      }
    }
    .home-wed{
      padding: 0 pxTorem(24) pxTorem(24) pxTorem(24);
    }
  }
}

//我的推广
.Promotion{
  .lm_Promotion{
    padding: pxTorem(24) 0 pxTorem(16) pxTorem(24);
    p{
      @include font-dpr(28);
      line-height: 1;
      color: #7E95C4;
    }
  }
  .lm_Promotion_content{
     .content{
       background: rgb(255,255,255);
       margin-bottom: pxTorem(20);
       h2{
         padding: pxTorem(32) pxTorem(24);
         height: pxTorem(40);
         display: flex;
         align-items: flex-start;
         img{
           display: block;
           width: pxTorem(40);
           height: pxTorem(40);
           vertical-align: text-top;
         }
         span{
           display: block;
           color: #333;
           @include font-dpr(36);
           line-height: 1;
           margin-left: pxTorem(24);
         }
       }
       ul{
         border-top: 1px solid #DBE2EE;
         display: flex;
         flex-wrap:wrap;
         li{
           width: 25%;
           border-right: 1px solid #DBE2EE;
           box-sizing: border-box;
           a{
             display: block;
             text-align: center;
             padding: pxTorem(20) 0;
             img{
               display: inline-block;
               width: pxTorem(90);
               height: pxTorem(90);
             }
             p{
               color: #666;
               margin-top: pxTorem(30);
               @include font-dpr(28);
               line-height: 1;
             }
           }
         }
       }
     }
  }
}

.contain.lm_contain{
  padding-bottom: pxTorem(250);
}

.insurance_situation{
  height: pxTorem(94);
  padding: 0 pxTorem(24);
  span{
    @include font-dpr(28);
    color: #7E95C4;
    line-height: pxTorem(94);
    padding-left: pxTorem(54);
    display: inline-block;
    position: relative;
    margin-right: pxTorem(40);
    &:after{
      position: absolute;
      content: '';
      left: 0;
      top: pxTorem(26);
      display: inline-block;
      width: pxTorem(44);
      height: pxTorem(44);
      background: #ffffff;
      border-radius: pxTorem(10);
    }
  }
  span.situation:after{
    background:#9BC4FD ;
  }
}

h1.lm_tit{
  padding: pxTorem(24) 0 pxTorem(16) pxTorem(24);
  @include font-dpr(28);
  line-height: 1;
  color: #7E95C4;
}

//展厅展位
.hall-booth {
  margin-bottom: pxTorem(20);
  .hall-booth-content{
    background: rgb(255,255,255);
    h2{
      padding: pxTorem(20) pxTorem(24);
      display: flex;
      justify-content: space-between;
      align-items: center;
      p.tyu{
        width: 70%;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        i{
          font-style: normal;
          color: #999;
          @include font-dpr(24);
          line-height: 1;
          em{
            display: inline-block;
            margin-left: pxTorem(5);
            font-style: normal;
            color:#9BC4FD ;
          }
        }
      }
      span{
        display: inline-block;
        color: #333;
        @include font-dpr(30);
        line-height: 1;
        &.name{
          width: 70%;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
        }
        &.zhan{
          width: 30%;
        }
      }
      .zhan{
        width: pxTorem(144);
        height: pxTorem(52);
        color: #9BC4FD;
        border: 1px solid #9BC4FD;
        border-radius: pxTorem(10);
        @include font-dpr(30);
        text-align: center;
        line-height: pxTorem(52);
      }
    }
    .hall-add-kong{
      border-top: 1px solid #DBE2EE;
      padding: pxTorem(20) pxTorem(24);
      .add-kong{
        display: flex;
        justify-content: space-between;
        margin-bottom: pxTorem(20);
        span{
          display: inline-block;
          width: pxTorem(341);
          height: pxTorem(70);
          border: 1px solid #DBE2EE;
          border-radius: pxTorem(10);
          text-align: center;
          color: #9BC4FD;
          @include font-dpr(28);
          line-height: pxTorem(70);
          box-sizing: border-box;
          &.kong{
            color: #999;
          }
          &.none_number{
            width: 100%;
          }
        }
      }
      .lm_content{
        ul{
          display: flex;
          flex-wrap: wrap;
          align-items:center;
          justify-content: space-around;
          li{
            span{
              display: inline-block;
              width: pxTorem(220);
              min-height: pxTorem(70);
              border: 1px solid #DBE2EE;
              border-radius: pxTorem(10);
              color: #666;
              line-height: pxTorem(40);
              @include font-dpr(28);
              text-align: center;
              margin-bottom: pxTorem(20);
              word-wrap:break-word;
              padding: pxTorem(15) pxTorem(10);
              box-sizing: border-box;
              &.active{
                border-color: #9BC4FD;
                background: #9BC4FD;
                color: #fff;
              }
              &.on{
                border-color: #9BC4FD;
                background: #9BC4FD;
                color: #fff;
              }
            }
          }
        }
      }
      .down-tip{
        margin-top: pxTorem(25);
        text-align: center;
        a{
          display: inline-block;
          width: pxTorem(26);
          height: pxTorem(14);
          margin: 0 auto;
          background: url("../images/new-hall-bottom.png")no-repeat;
          background-size: cover;
          &.down-hide{
            background: url("../images/new-hall-top.png")no-repeat;
            background-size: cover;
          }
        }

      }
    }
  }
}

//蒙版
.mask_block{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.4);
  z-index: 109;
}

.lm_hall_detailed{
  .hall_header{
    height: pxTorem(92);
    position: relative;
    border-bottom: 1px solid #DBE2EE;
    box-sizing: border-box;
    p{
      text-align: center;
      color: #333;
      @include font-dpr(32);
      line-height: pxTorem(92);
    }
    span{
      display: inline-block;
      position: absolute;
      top: pxTorem(26);
      right: pxTorem(30);
      width: pxTorem(40);
      height: pxTorem(40);
      img{
        display: inline-block;
        width: pxTorem(40);
        height: pxTorem(40);
      }
    }
  }
  .hall_content{
    padding: pxTorem(30) pxTorem(40) pxTorem(118) pxTorem(40);
    img{
      display: block;
      margin: 0 auto;
    }
    p{
      color: #333;
      @include font-dpr(28);
      line-height: 1;
      margin-bottom: pxTorem(20);
      &.red{
        color: #E60012;
        display: none;
      }
    }
    input{
      display: inline-block;
      width: 100%;
      height: pxTorem(80);
      border: 1px solid #DBE2EE;
      border-radius: pxTorem(10);
      color: #333;
      @include font-dpr(24);
      line-height: pxTorem(80);
      box-sizing: border-box;
      padding-left: pxTorem(20);
    }
    .number_identification{
      //i{
      //  @include font-dpr(34);
      //}
      input{
        width: pxTorem(200);
      }
    }
  }
  .hall_footer_one{
    border-top: 1px solid #DBE2EE;
    height: pxTorem(88);
    display: flex;
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    span{
      display: inline-block;
      width: 50%;
      height: pxTorem(88);
      color: #999;
      @include font-dpr(32);
      line-height: pxTorem(88);
      border-right: 1px solid #DBE2EE;
      box-sizing: border-box;
      text-align: center;
      &.sure{
        color: #9BC4FD;
        border-right: none;
      }
    }
  }
  .hall_footer_two{
    span{
      width: 100%;
    }
  }
}

.new_exhibition_hall,.booth_settings,.exhibition_hall_setting{
  display: none;
  position: fixed;
  width: pxTorem(510);
  left: 50%;
  top: pxTorem(342);
  margin-left: pxTorem(-255);
  z-index: 299;
  background: rgb(255,255,255);
  border-radius: pxTorem(15);
}

.add_booth{
  display: none;
  position: fixed;
  width: pxTorem(510);
  left: 50%;
  top: pxTorem(342);
  margin-left: pxTorem(-255);
  z-index: 299;
  background: rgb(255,255,255);
  border-radius: pxTorem(15);
  .hall_content{
    h2{
      color: #FF6D2B;
      @include font-dpr(24);
      line-height: pxTorem(30);
    }
    p{
      margin-top: pxTorem(20);
    }
  }
}

.empty_booth,.save_booth,.insured_booth,.go_back_prompt{
  display: none;
  position: fixed;
  width: pxTorem(510);
  left: 50%;
  top: pxTorem(342);
  margin-left: pxTorem(-255);
  z-index: 299;
  background: rgb(255,255,255);
  border-radius: pxTorem(15);
  .hall_content{
    img{
      width: pxTorem(110);
      height: auto;
    }
    p{
      margin-top: pxTorem(38);
      line-height: 1.3;
    }
  }
}


//展位投保
.bai-head .search{
  position: absolute;
  width: pxTorem(42);
  height: pxTorem(42);
  top: pxTorem(24);
  right: pxTorem(24);
  a{
    display: inline-block;
    width: pxTorem(42);
    height: pxTorem(42);
    img{
      display: inline-block;
      width: pxTorem(42);
      height: pxTorem(42);
    }
  }
}

//搜索展位
.ad_search_booth{
  padding: pxTorem(20) pxTorem(24);
  .search_conter{
    background: #ffffff;
    height: pxTorem(54);
    border-radius: pxTorem(10);
    position: relative;
    padding-left: pxTorem(50);
    span{
      display: block;
      width: pxTorem(26);
      height: pxTorem(26);
      position: absolute;
      top: pxTorem(14);
      left: pxTorem(16);
      img{
        display: inline-block;
        width: pxTorem(26);
        height: pxTorem(26);
      }
    }
    input{
      border: none;
      width: 100%;
      color: #333;
      padding-left: pxTorem(14);
      padding-right: pxTorem(14);
      box-sizing: border-box;
      @include font-dpr(24);
      line-height: pxTorem(54);
    }
  }
}
.sd_search_results{
  padding: 0 0 0 pxTorem(24);
  background: #ffffff;
  margin-top: pxTorem(92);
  ul{
    li{
      display: flex;
      justify-content: space-between;
      align-items:center;
      padding: pxTorem(30) pxTorem(24) pxTorem(30) 0;
      border-bottom: 1px solid #DBE2EE;
      &:last-child{
        border-bottom: none;
      }
      .left{
        width: 80%;
        p{
          color: #333;
          @include font-dpr(30);
          line-height: 1;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
        }
        span{
          display: block;
          color: #999;
          @include font-dpr(28);
          line-height: 1;
          margin-top: pxTorem(20);
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
        }
      }
      .right{
        width: 20%;
        p{
          color: #999;
          @include font-dpr(28);
          line-height: 1;
          text-align: right;
          &.buy{
            color:#9BC4FD;
          }
        }
      }
    }
  }
}

//新增展会活动
.zeng-exhibition{
  margin-top: pxTorem(-10)!important;
  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);
      }
      a.shai{
        display: block;
        width:100%;
        color: #333;
        @include font-dpr(30);
        min-height: pxTorem(88);
        box-sizing: border-box;
        background: url(../images/left.png)no-repeat 95% center;
        background-size: pxTorem(14) pxTorem(26);
        word-wrap: break-word;
        overflow: hidden;
        white-space: normal;
        line-height: pxTorem(40);
        padding: pxTorem(25) pxTorem(40) pxTorem(25) 0;
      }
    }
  }
}

//城市选择
.sd_city_selection{
  margin-top: pxTorem(94);

  .select_content{
    margin-bottom: pxTorem(24);
    h2{
      color: #7E95C4;
      @include font-dpr(28);
      line-height: 1;
      padding-left: pxTorem(24);
      margin-bottom: pxTorem(24);
    }

    ul{
      display: flex;
      flex-wrap: wrap;
      align-items:center;
      justify-content: space-around;
      padding: pxTorem(24) pxTorem(24) 0 pxTorem(24);
      background: #fff;
      li{
        span{
          display: inline-block;
          width: pxTorem(220);
          min-height: pxTorem(70);
          border: 1px solid #DBE2EE;
          border-radius: pxTorem(10);
          color: #666;
          line-height: pxTorem(40);
          @include font-dpr(28);
          text-align: center;
          margin-bottom: pxTorem(20);
          word-wrap:break-word;
          padding: pxTorem(15) pxTorem(10);
          box-sizing: border-box;
          &.on{
            border-color: #9BC4FD;
            background: #9BC4FD;
            color: #fff;
          }
        }
      }
    }
  }
}

//项目/活动
.sd_project_activity{
  margin-top: pxTorem(74);
  ul{
    li{
      margin-bottom: pxTorem(20);
      background: #fff;
      a{
        display: block;
        padding: pxTorem(40) pxTorem(24);
        h2{
          @include font-dpr(32);
          color: #333;
          line-height: 1.2;
        }
        p{
          @include font-dpr(28);
          color: #666;
          line-height: 1.2;
          margin-top: pxTorem(24);
        }
        span{
          display: block;
          @include font-dpr(28);
          color: #666;
          line-height: 1.2;
          margin-top: pxTorem(14);
        }
      }
    }
  }
}

//分销商
.sd_distributor{
  margin-top: pxTorem(78);
  ul{
    padding-left: pxTorem(24);
    background: #fff;
    li{
      height: pxTorem(88);
      border-bottom: 1px solid #DBE2EE;
      &:last-child{
        border-bottom: none;
      }
      a{
        display: block;
        position: relative;
        padding-right: pxTorem(70);
        p{
          color: #333;
          @include font-dpr(30);
          line-height: pxTorem(48);
          padding:  pxTorem(20) pxTorem(24) pxTorem(20) 0;
        }
        i{
          display: inline-block;
          width: pxTorem(40);
          height: pxTorem(40);
          background: url("../images/distributor-unselected.png")no-repeat;
          background-size: cover;
          position: absolute;
          top: 50%;
          right: pxTorem(24);
          margin-top: pxTorem(-20);
        }
      }
      &.on{
        i{
          background: url("../images/distributor-selected.png")no-repeat;
          background-size: cover;
        }
      }
    }
  }
}

//展会详情
//展会详情
.show-details{
  margin-top: pxTorem(2);
  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,a{
        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;
        &.wed-ert{
          display: block;
          padding-right: pxTorem(48);
          background: url("../images/left.png")no-repeat 96% pxTorem(30);

        }
      }
    }
  }
  .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);
    }
  }
}

.bai-head i.she{
  display: inline-block;
  @include font-dpr(28);
  line-height: pxTorem(88);
  position: absolute;
  font-style: normal;
  color: #fff;
  right: pxTorem(24);
  top: 0;
}
.bai-head .she-content{
  display: none;
  position: absolute;
  width: pxTorem(200);
  background: rgba(255,255,255,1);
  right: pxTorem(24);
  top: pxTorem(110);
  z-index: 999;
  -moz-box-shadow:0 0 pxTorem(7) rgba(155,196,253,0.50);
  -webkit-box-shadow:0 0 pxTorem(7) rgba(155,196,253,0.50);
  box-shadow:0 0 pxTorem(7) rgba(155,196,253,0.50);
  border-radius: pxTorem(8);

  &:after{
    content: '';
    width: 0;
    height: 0;
    border: pxTorem(10) solid transparent;
    border-bottom: pxTorem(20) solid #fff;
    position: absolute;
    top: pxTorem(-24);
    right: pxTorem(18);
  }
  ul{
    padding: 0 pxTorem(20);
    li{
      border-bottom: 1px solid #DBE2EE;
      &:last-child{
        border-bottom: none;
      }
      a{
        color: #333;
        @include font-dpr(28);
        line-height: pxTorem(98);
      }
    }
  }
}

.bai-head .she-content.active{
  display: block;
}

.white-mask{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0);
}















