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

.home-content {
  padding: pxTorem(24);
  h2 {
    @include font-dpr(28);
    color: #7e95c4;
    line-height: 1;
  }
  ul {
    li {
      float: left;
      width: pxTorem(340);
      height: pxTorem(280);
      background: #fff;
      border-radius: pxTorem(10);
      margin-right: pxTorem(22);
      margin-top: pxTorem(22);
      a {
        display: block;
        text-align: center;
        width: 100%;
        height: 100%;
        img {
          display: inline-block;
          width: pxTorem(110);
          height: pxTorem(110);
          margin-top: pxTorem(60);
        }
        p {
          @include font-dpr(32);
          color: #333;
          line-height: 1;
          margin-top: pxTorem(20);
        }
      }
    }
    :nth-child(even) {
      margin-right: 0;
    }
  }
  .home-wed {
    margin-top: pxTorem(24);
    span {
      @include font-dpr(28);
      color: #7e95c4;
      line-height: 1;
    }
    a {
      display: inline-block;
      float: right;
      @include font-dpr(28);
      color: #77a9fd;
      line-height: 1;
    }
  }
}

ul.home-bill {
  li {
    padding: pxTorem(42) pxTorem(24);
    background: #ffffff;
    margin-bottom: pxTorem(20);
    .bill-head {
      border-bottom: 1px solid #e4ebf6;
      padding-bottom: pxTorem(20);
      display: flex;
      justify-content: space-between;
      span {
        display: inline-block;
        @include font-dpr(28);
        line-height: 1;
        color: #999999;
      }
      a {
        display: inline-block;
        @include font-dpr(28);
        line-height: 1;
        color: #999999;
      }
    }
    .bill-text {
      margin-top: pxTorem(30);
      p {
        display: flex;
        justify-content: space-between;
        span {
          display: inline-block;
          img {
            display: inline-block;
            width: pxTorem(44);
            height: pxTorem(44);
            vertical-align: middle;
            margin-right: pxTorem(14);
          }
          @include font-dpr(32);
          line-height: 1;
          color: #333;
        }
        i {
          font-style: normal;
          @include font-dpr(34);
          line-height: 1;
          color: #333;
        }
      }
      p.jie {
        margin-top: pxTorem(28);
        span {
          color: #666;
        }
        i {
          @include font-dpr(36);
          color: #77a9fd;
        }
      }
    }
  }
}

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

//登录
.login-logo {
  text-align: center;
  img {
    display: inline-block;
    margin-top: pxTorem(130);
    width: pxTorem(200);
    height: pxTorem(175);
  }
  .login-input {
    margin-top: pxTorem(130);
    padding: 0 pxTorem(40);
    text-align: left;
    span {
      display: inline-block;
      @include font-dpr(28);
      color: #7f95c4;
      line-height: 1;
      &.pwd {
        margin-top: pxTorem(35);
      }
    }
    input {
      display: block;
      margin-top: pxTorem(20);
      width: 100%;
      height: pxTorem(88);
      border: 1px solid #b6c0cc;
      color: #333;
      @include font-dpr(28);
      line-height: pxTorem(88);
      padding-left: pxTorem(25);
      padding-right: pxTorem(60);
      box-sizing: border-box;
      border-radius: pxTorem(10);
      &.inp1 {
        background: url(../images/login-s1.png) no-repeat 96% center;
        background-size: pxTorem(31) pxTorem(31);
      }
      &.inp2 {
        background: url(../images/login-s2.png) no-repeat 96% center;
        background-size: pxTorem(33) pxTorem(12);
      }
      &.inp3 {
        background: url(../images/login-yan.png) no-repeat 96% center;
        background-size: pxTorem(35) pxTorem(25);
      }
    }
    p {
      margin-top: pxTorem(20);
      display: flex;
      justify-content: space-between;
      .login-error {
        @include font-dpr(24);
        color: #e60012;
        line-height: 1;
      }
      a {
        @include font-dpr(24);
        color: #7f95c4;
        line-height: 1;
      }
    }
  }
  .login-cont {
    position: relative;
    .pwd-yan {
      position: absolute;
      right: pxTorem(24);
      bottom: pxTorem(30);
      width: pxTorem(40);
      height: pxTorem(40);
      background: url(../images/login-yan.png) no-repeat;
      opacity: 0;
    }
  }
  .login-submmit {
    padding: 0 pxTorem(40);
    margin-top: pxTorem(115);
    a {
      display: block;
      height: pxTorem(88);
      color: #ffffff;
      line-height: pxTorem(88);
      background: #93c1ff;
      border-radius: pxTorem(15);
      @include font-dpr(32);
      letter-spacing: 2px;
      -moz-box-shadow: 0 5px 15px #93c1ff;
      -webkit-box-shadow: 0 5px 15px #93c1ff;
      box-shadow: 0 5px 15px #93c1ff;
    }
  }
}

//登录-忘记密码弹窗
.forgot-password {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: pxTorem(510);
  height: pxTorem(340);
  margin-top: pxTorem(-170);
  margin-left: pxTorem(-255);
  background: #ffffff;
  border-radius: pxTorem(15);
  z-index: 99;
  .forgot-head {
    border-bottom: 1px solid #e4ebf6;
    text-align: center;
    padding-bottom: pxTorem(60);
    img {
      display: inline-block;
      margin-top: pxTorem(40);
      width: pxTorem(96);
      height: pxTorem(96);
    }
    p {
      @include font-dpr(28);
      color: #333;
      line-height: 1;
      margin-top: pxTorem(40);
    }
  }
  .forgot-foot {
    text-align: center;
    span {
      @include font-dpr(32);
      color: #77a9fd;
      line-height: pxTorem(70);
    }
  }
}

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


.administer-head {
  padding: pxTorem(16) pxTorem(24);
  position: fixed;
  left: 0;
  top: pxTorem(88);
  width: 100%;
  box-sizing: border-box;
  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(54);
  }
}

.adminuster-wed{
  top: pxTorem(174)!important;
}
//下级管理
.administer {
  ul#admin-test {
    li {
      margin-bottom: pxTorem(20);
      background: #ffffff;
      padding: pxTorem(40) pxTorem(25) pxTorem(30) pxTorem(25);
      .admin-head {
        position: relative;
        padding-bottom: pxTorem(30);
        border-bottom: 1px solid #e4ebf6;
        p {
          @include font-dpr(32);
          color: #333333;
          line-height: 1;
          &.fei {
            width: pxTorem(110);
            height: pxTorem(52);
            color: #ffffff;
            line-height: pxTorem(52);
            border-top-left-radius: pxTorem(30);
            border-bottom-left-radius: pxTorem(30);
            background: #b6c0cc;
            position: absolute;
            top: pxTorem(-10);
            right: pxTorem(-24);
            padding-left: pxTorem(24);
            box-sizing: border-box;
            @include font-dpr(28);
          }
          &.sblock {
            background: #4cd763;
          }
        }
      }
      .admin-cont {
        margin-top: pxTorem(30);
        p {
          @include font-dpr(28);
          color: #666666;
          line-height: 1;
          &:last-child {
            margin-top: pxTorem(20);
          }
        }
      }
      .admin-foot {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: pxTorem(30);
        span {
          display: inline-block;
          @include font-dpr(32);
          color: #77a9fd;
          line-height: 1;
        }
        a {
          display: inline-block;
          @include font-dpr(28);
          color: #999;
          line-height: 1;
          img {
            display: inline-block;
            height: pxTorem(26);
            vertical-align: middle;
          }
        }
      }
    }
  }
}

.inferiors-cont {
  #scroller {
    padding-bottom: pxTorem(98) !important;
  }
}

.inferiors-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  height: pxTorem(98);
  width: 100%;
  background: #ffffff;
  z-index: 9999;
  ul {
    width: 100%;
    height: pxTorem(98);
    li {
      float: left;
      width: 20%;
      height: pxTorem(98);
      a {
        display: block;
        text-align: center;
        height: 100%;
        width: 100%;
        p {
          @include font-dpr(22);
          color: #b6c0cc;
          line-height: 1;
          padding-top: pxTorem(68);
        }
      }
    }
  }
}

ul#inferiors-table li.s1 a {
  background: url("../images/icon-s1.png") no-repeat center pxTorem(14);
  background-size: auto pxTorem(48);
}

ul#inferiors-table li.s2 a {
  background: url("../images/icon-s2.png") no-repeat center pxTorem(14);
  background-size: auto pxTorem(48);
}

ul#inferiors-table li.s3 a {
  background: url("../images/icon-s3.png") no-repeat center pxTorem(14);
  background-size: auto pxTorem(48);
}

ul#inferiors-table li.s4 a {
  background: url("../images/icon-s4.png") no-repeat center pxTorem(14);
  background-size: auto pxTorem(48);
}

ul#inferiors-table li.s5 a {
  background: url("../images/icon-s5.png") no-repeat center pxTorem(14);
  background-size: auto pxTorem(48);
}

.inferiors-jia {
  width: pxTorem(80);
  height: pxTorem(80);
  background: #77a9fd;
  border-radius: 50%;
  position: fixed;
  right: pxTorem(24);
  bottom: pxTorem(122);
  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);
  }
}

//账单管理
.contain {
  .bill-ert {
    height: pxTorem(88);
    background: #9bc4fd;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    span {
      color: #fff;
      line-height: pxTorem(88);
      @include font-dpr(36);
    }
    a {
      display: block;
      position: absolute;
      top: pxTorem(25);
      right: pxTorem(25);
      img {
        display: inline-block;
        width: pxTorem(42);
      }
    }
  }
}

#wrapper {
  .billed-wed {
    height: pxTorem(500);
    background: url("../images/bill-background.png") no-repeat center bottom;
    background-size: cover;
    padding-top: pxTorem(30);
    .billed-number {
      height: pxTorem(320);
      width: pxTorem(320);
      background: url("../images/bill-head.png") no-repeat center center;
      background-size: cover;
      margin: 0 auto;
      text-align: center;
      p {
        @include font-dpr(28);
        color: #ffffff;
        text-align: center;
        line-height: 1;
        padding-top: pxTorem(100);
      }
      i {
        display: inline-block;
        font-style: normal;
        @include font-dpr(48);
        color: #ffffff;
        text-align: center;
        line-height: 1;
        font-weight: bold;
        margin-top: pxTorem(30);
      }
    }
    .billed-trans {
      margin-top: pxTorem(20);
      text-align: center;
      span {
        display: inline-block;
        width: pxTorem(340);
        height: pxTorem(74);
        color: #76a7ef;
        @include font-dpr(32);
        line-height: pxTorem(74);
        background: #ffffff;
        border-radius: pxTorem(35);
      }
    }
  }
}

ul#billed-list {
  li {
    padding: pxTorem(42) pxTorem(24);
    background: #ffffff;
    margin-bottom: pxTorem(20);
    .bill-head {
      border-bottom: 1px solid #e4ebf6;
      padding-bottom: pxTorem(20);
      display: flex;
      justify-content: space-between;
      span {
        display: inline-block;
        @include font-dpr(28);
        line-height: 1;
        color: #999999;
      }
      a {
        display: inline-block;
        @include font-dpr(28);
        line-height: 1;
        color: #999999;
      }
    }
    .bill-text {
      margin-top: pxTorem(30);
      p {
        display: flex;
        justify-content: space-between;
        span {
          display: inline-block;
          img {
            display: inline-block;
            width: pxTorem(44);
            height: pxTorem(44);
            vertical-align: middle;
            margin-right: pxTorem(14);
          }
          @include font-dpr(32);
          line-height: 1;
          color: #333;
        }
        i {
          font-style: normal;
          @include font-dpr(34);
          line-height: 1;
          color: #333;
        }
      }
      p.jie {
        margin-top: pxTorem(28);
        span {
          color: #666;
        }
        i {
          @include font-dpr(36);
          color: #77a9fd;
        }
      }
    }
  }
}

//可选择产品
ul.optional-product {
  li {
    background: #ffffff;
    margin-bottom: pxTorem(20);
    position: relative;
    .select {
      position: absolute;
      width: pxTorem(44);
      height: pxTorem(44);
      left: pxTorem(24);
      top: 50%;
      margin-top: pxTorem(-18);
      .select-wed {
        width: pxTorem(44);
        height: pxTorem(44);
        border: 1px solid #dee2e5;
        border-radius: 50%;
        box-sizing: border-box;
        background: #ffffff;
      }
      .select-wed.on {
        border: none;
        background: url("../images/green-gou.png") no-repeat;
        background-size: cover;
      }
    }
    .select-content {
      display: flex;
      justify-content: space-between;
      padding-left: pxTorem(96);
      .select-left {
        padding: pxTorem(40) 0;
        p {
          @include font-dpr(32);
          color: #666;
          line-height: 1;
        }
        span {
          display: block;
          @include font-dpr(32);
          color: #333;
          line-height: 1;
          margin-top: pxTorem(30);
          margin-bottom: pxTorem(30);
        }
        i {
          display: inline-block;
          font-style: normal;
          @include font-dpr(28);
          color: #999;
          line-height: 1;
        }
      }
      .select-right {
        padding: pxTorem(40) pxTorem(15);
        border-left: 1px solid #e4ebf6;
        text-align: center;
        width: 25%;
        box-sizing: border-box;
        p {
          @include font-dpr(28);
          color: #999;
          line-height: 1;
        }
        span {
          display: block;
          @include font-dpr(36);
          color: #77a9fd;
          line-height: 1;
          margin-top: pxTorem(30);
          margin-bottom: pxTorem(30);
        }
        i {
          display: inline-block;
          font-style: normal;
          @include font-dpr(28);
          color: #999;
          line-height: 1;
        }
      }
    }
  }
}

.pro-steps {
  padding: 0 pxTorem(40) pxTorem(40) pxTorem(40);
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 99;
  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;
    }
  }
}

.wrapper-product {
  padding-bottom: pxTorem(230) !important;
}

//可分配界面
ul.optional-product {
  .select-content.assigned-content {
    padding-left: pxTorem(24);
    .assigned-right {
      p {
        @include font-dpr(28);
        color: #b6c0cc;
        line-height: 1;
        &.active {
          color: #77a9fd;
        }
      }
      span {
        @include font-dpr(28);
        color: #b6c0cc;
        line-height: 1;
      }
      i {
        display: inline-block;
        width: pxTorem(94);
        height: pxTorem(52);
        border: 1px solid #4cd763;
        box-sizing: border-box;
        border-radius: pxTorem(10);
        @include font-dpr(28);
        color: #4cd763;
        line-height: pxTorem(50);
      }
    }
  }
}

.inferiors-jia.assigned-jia {
  bottom: pxTorem(260);
}

.proportion-wind {
  display: none;
  width: pxTorem(580);
  height: pxTorem(315);
  background: #ffffff;
  border-radius: pxTorem(15);
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: pxTorem(-157);
  margin-left: pxTorem(-290);
  z-index: 199;
  .proporion-cont {
    height: pxTorem(245);
    padding: pxTorem(40);
    border-bottom: 1px solid #e4ebf6;
    box-sizing: border-box;
    overflow: hidden;
    h2 {
      @include font-dpr(28);
      color: #333333;
      line-height: 1;
    }
    input {
      display: inline-block;
      height: pxTorem(60);
      width: 100%;
      border: 1px solid #b6c0cc;
      border-radius: pxTorem(10);
      margin-top: pxTorem(30);
      @include font-dpr(24);
      color: #333;
      line-height: pxTorem(60);
      padding-left: pxTorem(20);
      box-sizing: border-box;
    }
    p {
      display: none;
      @include font-dpr(24);
      color: #e60012;
      line-height: 1;
      margin-top: pxTorem(20);
    }
  }
  .proporion-sel {
    display: flex;
    justify-content: space-between;
    height: pxTorem(70);
    span {
      display: block;
      width: 50%;
      text-align: center;
      @include font-dpr(32);
      color: #999999;
      line-height: pxTorem(70);
      &.sure {
        color: #77a9fd;
        border-right: 1px solid #e4ebf6;
        box-sizing: border-box;
      }
    }
  }
}

.block-mask-more {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  z-index: 198;
}

.assigned-steps.pro-steps {
  .xia {
    background: #93c1ff;
    box-shadow: 0 2px 12px #BDD7FA;
  }
}

//删除已分配产品
.remove-product {
  padding: 0 0.53333rem 0.53333rem 0.53333rem;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 99;
  button {
    display: block;
    width: 100%;
    height: pxTorem(88);
    @include font-dpr(32);
    color: #ffffff;
    text-align: center;
    background: rgb(205,213,225);
    border-radius: pxTorem(15);
    line-height: pxTorem(88);
    border: none;
    outline: none;
  }
}
.remove-wrapper {
  padding-bottom: pxTorem(120) !important;
}

//产品分享
ul.share-product{
  .assigned-right > b{
    font-weight: normal;
    @include font-dpr(24);
    color: #b6c0cc;
    &.share{
      display: inline-block;
      width: pxTorem(94);
      height: pxTorem(52);
      border: 1px solid #4cd763;
      box-sizing: border-box;
      border-radius: pxTorem(10);
      @include font-dpr(28);
      color: #4cd763;
      line-height: pxTorem(50);
    }
  }
}

//新增下级
.lower-level{
  padding-bottom: pxTorem(270);
  h2{
    @include font-dpr(28);
    color: #7e95c4;
    line-height: 1;
    padding: pxTorem(24) 0 pxTorem(24) pxTorem(24);
  }
  ul.basic-information{
    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;一起使用。*/
      }
      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);
      }
    }
  }
}


//设置销售区域界面
ul.sales-area{
  margin-top: pxTorem(20);
  background: #ffffff;
  padding-left: pxTorem(24);
  li{
    padding: pxTorem(30) 0;
    border-bottom: 1px solid #b6c0cc;
    display: flex;
    justify-content: space-between;
    &:last-child{
      border-bottom: none;
    }
    p{
      @include font-dpr(30);
      color: #333333;
      line-height: 1;
    }
    a{
      display: inline-block;
      width: pxTorem(36);
      margin-right: pxTorem(24);
      img{
        display: inline-block;
        width: pxTorem(36);
      }
    }
  }
}
.add-sales{
  margin-top: pxTorem(20);
  margin-bottom: pxTorem(250);
  text-align: center;
  padding: pxTorem(24) 0;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content:center;
  span{
    display: inline-block;
    width: pxTorem(40);
    height: pxTorem(40);
    text-align: center;
    background: #77a9fd;
    border-radius: 50%;
    margin-right: pxTorem(16);
    img{
      display: inline-block;
      width: pxTorem(24);
      margin-top: pxTorem(8);
    }
  }
  i{
    display: inline-block;
    font-style: normal;
    @include font-dpr(30);
    line-height: pxTorem(40);
    color: #77a9fd;
  }
}

//新增分销商
.lower-level{
  ul.distributor-level li p{
    background: none;
    text-align: right;
  }
  ul.pei-level li p{
    text-align: right;
  }
}

//账号设置
.account-settings{
  ul.accout-cont{
    padding-left: pxTorem(24);
    background: #ffffff;
    margin-top: pxTorem(20);
    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;一起使用。*/
      }
      p{
        width:100%;
        padding-right: pxTorem(24);
        color: #333;
        @include font-dpr(30);
        line-height: pxTorem(88);
        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);
      }
    }
  }
}

//账单详情
.lower-level.bill-level{
  padding-bottom: pxTorem(50);
}


//我的信息
.bai-head .amend{
  top: pxTorem(24)!important;
  img{
    width: pxTorem(42)!important;
  }
}
.lower-level.my-level{
  padding-bottom: pxTorem(200);
}

//信息修改
.lower-level.modify-information{
  .distributor-level{
    input{
      width: 100%;
      text-align: right;
      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;一起使用。*/
    }
  }
}

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

//页面上的弹窗
//企业/个人选择
.person-model{
  display: none;
  position: fixed;
  left: 50%;
  margin-left: pxTorem(-255);
  top:50%;
  background: #ffffff;
  width: pxTorem(510);
  border-radius: pxTorem(10);
  z-index: 199;
  ul li{
    height: pxTorem(88);
    border-bottom: 1px solid #b6c0cc;
    p{
      @include font-dpr(32);
      color: #77a9fd;
      line-height: pxTorem(88);
      text-align: center;
    }
    p.on{
      background: url("../images/select-gou.png")no-repeat 75% center;
      background-size: pxTorem(37) pxTorem(24);
    }
  }
}

//证件类型
.papers-model{
  display: none;
  position: fixed;
  left: 50%;
  margin-left: pxTorem(-255);
  top:50%;
  background: #ffffff;
  width: pxTorem(510);
  border-radius: pxTorem(10);
  z-index: 199;
  ul li{
    height: pxTorem(88);
    border-bottom: 1px solid #b6c0cc;
    p{
      @include font-dpr(32);
      color: #77a9fd;
      line-height: pxTorem(88);
      text-align: center;
    }
    p.on{
      background: url("../images/select-gou.png")no-repeat 90% center;
      background-size: pxTorem(37) pxTorem(24);
    }
  }
}

//具体地址填写
.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;
    }
  }
}

.lower-level ul.basic-information{
  li.city-address{
    p{
      word-wrap:break-word ;
      overflow: hidden;
      white-space: normal;
      line-height: pxTorem(40);
      padding: pxTorem(25) pxTorem(40) pxTorem(25) 0;
    }
  }
}

//男女选择
.sex-model,.state-model{
  display: none;
  position: fixed;
  left: 50%;
  margin-left: pxTorem(-255);
  top:50%;
  background: #ffffff;
  width: pxTorem(510);
  border-radius: pxTorem(10);
  z-index: 199;
  ul li{
    height: pxTorem(88);
    border-bottom: 1px solid #b6c0cc;
    p{
      @include font-dpr(32);
      color: #77a9fd;
      line-height: pxTorem(88);
      text-align: center;
    }
    p.on{
      background: url("../images/select-gou.png")no-repeat 75% center;
      background-size: pxTorem(37) pxTorem(24);
    }
  }
}

.lower-level.modify-information ul.basic-information li p{
  padding-right: pxTorem(24);
}


//提示弹窗
.tooltip-box{
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: pxTorem(510);
  margin-left: pxTorem(-255);
  background: rgba(255,255,255,1);
  border-radius: pxTorem(15);
  z-index: 999;
  overflow: hidden;
  p{
    @include font-dpr(28);
    color: #333333;
    padding: pxTorem(30) pxTorem(40);
    line-height: pxTorem(40);
  }
  .tooltip-button{
    display: flex;
    justify-content: space-between;
    height: pxTorem(70);
    border: 1px solid #e4ebf6;
    button {
      display: block;
      width: 50%;
      text-align: center;
      @include font-dpr(32);
      color: #999999;
      line-height: pxTorem(70);
      background: #ffffff;
      border: none;
      &.sure {
        color: #77a9fd;
        border-right: 1px solid #e4ebf6;
        box-sizing: border-box;
      }
    }
  }
}

.lower-level ul.basic-information li p#specific{
  word-wrap:break-word ;
  overflow: hidden;
  white-space: normal;
  line-height: pxTorem(40);
  padding: pxTorem(25) pxTorem(40) pxTorem(25) 0;
}





















