@import '../base';
@import '../common/popup';

$titgray: #333;
$contgray: #b1b1b1;
$black: #000;

:local {
  ::-webkit-scrollbar {
    -webkit-appearance: none;       /*可去除系统默认的样式*/
    width: 4px;                           /*滚动条宽度*/
  }

  ::-webkit-scrollbar-thumb {    /*当焦点不在当前区域滑块的状态*/
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  }

  .iconclose {
    background: url('./close.png') no-repeat;
    background-size: rem(50px);
    height: rem(50px);
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: rem(50px);
    // .icon {
    //   font-size: rem(32px);
    //   line-height: 1.5;
    // }
  }
  //
  // @font-face {
  //   font-family: 'iconfont';
  //   src: url('./close.ttf') format('truetype');
  // }
  //
  // .icon-guanbi::before {
  //   content: '\e61d';
  // }

  .popup-box {
    border-radius: rem(15px);
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: rem(560px);
  }

  .content {
    // color: $gray;
    font-size: rem(28px);
    line-height: rem(40px);
    padding: rem(40px);
    text-align: center;
  }

  .tpltext {
    color: $titgray;
    font-size: rem(30px);
    line-height: rem(60px);
  }

  .cut {
    // height: rem(800px);
    line-height: rem(30px);
    overflow: auto;
    text-align: left;

    h3 {
      font-size: rem(24px);
    }

    p {
      color: $contgray;
      font-size: rem(24px);
      line-height: 1.5;
    }
  }
}

.memberbox {
  font-size: rem(28px);
  height: rem(800px);
  line-height: rem(48px);
  overflow: auto;

 p {
   color: $titgray;
 }
}