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


  .sg-mask{
    position: fixed;
    top: 0;
    background: rgba(0,0,0,.3);
    z-index: 1002;
    left: 0;
    width:100%;
    height: 100%;
    display: block;
    overflow: hidden;
  }
  .popups-box{
    width:100%;
    text-align:center;
    background-color:#fff;
    border-radius: pxTorem(10);
    position: fixed;
    //bottom: -251px;
    bottom: pxTorem(-251);
    margin: 0 auto;
    float: left;

  }
  .popups-box .title-min{
    height: pxTorem(90);
    width: 100%;
    line-height: pxTorem(90);
    color: #fff;
    @include font-dpr(28);
    background-color: #9bc4fd;
    border-top-left-radius: pxTorem(10);
    border-top-right-radius: pxTorem(10);
    @include font-dpr(32);
  }
  .popups-box .title-min .query{
    float: left;
    margin-left: pxTorem(24);
    cursor: pointer;
  }
  .popups-box .title-min .submit{
    float: right;
    margin-right: pxTorem(24);
    cursor: pointer;
  }
  .popups-box .title-max{
    display: none;
  }


  .popups-box .close{
    width: pxTorem(70);
    height: pxTorem(80);
    text-align: center;
    float: right;
    cursor: pointer;

  }
  .popups-box .result-box{
    display: none;
    text-align: left;
    padding-left: pxTorem(10);
    height: pxTorem(90);
    line-height: pxTorem(90);
    margin-top: pxTorem(20);
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: pxTorem(20);
    //display: flex;
  }
  .popups-box .result-box input{
    height: pxTorem(70);
    line-height: pxTorem(70);
    flex: 1;
    margin-left: pxTorem(20);
    margin-right: pxTorem(20);
    padding-left: pxTorem(20);
  }
  .popups-box .footer{
    display: none;
  }

  .tab-box{
    float: left;
    width: 100%;
  }
  .tab-menu{
    height: pxTorem(80);
    line-height: pxTorem(80);
    border-bottom: 1px solid #bfbfbf;
    width: 100%;
  }
   .tab-box .tab-menu ul{
       width: 100%;
     }
  .tab-box .tab-menu li{
    list-style: none;
    float: left;
    width: 33%;
    cursor:pointer;
    @include font-dpr(30);
  }
  .tab-content{
    margin-top: 2px;
    float: left;
    width: 33%;
    height: 210px;
    overflow: hidden;
  }
  .tab-content ul{
    float: left;
    width: 100%;
  }

  .tab-list-1,.tab-list-2,.tab-list-3{
    display: block;
  }
  .content-box{
    float: left;
    width: 100%;

  }
  .tab-content li{
    height:pxTorem(70);
    line-height: pxTorem(70);
    float: left;
    list-style: none;
    width: 100%;
    a{
      color: #333333;
      @include font-dpr(30);
    }
  }
  .minISClick a{
    background-color: #23b7e5;
    padding: pxTorem(6);
    color: #fff;
    max-width: pxTorem(180);
    border-radius:pxTorem(10);
  }