@charset "UTF-8";
@import "base";
@import "popup";
@import "poker";
body {
    // background: url('./assets/bg_01.jpg') center top no-repeat;
    background-color: #000000;
    overflow: auto;
    @media #{$desktop} {
        min-width: px2rem(1310);
    }
}

#app {
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

.game-wrap {
    position: relative;
    padding-top: 58px;
    @media #{$phone} {
        padding-top: px2rem(88);
    }
}

.game-gt-icon {
    display: inline-block;
    vertical-align: middle;
    background: url('assets/icon_b_gt.png') no-repeat;
    width: px2rem(26);
    height: px2rem(26);
    background-size: 100%;
}

.game-eos-icon {
    display: inline-block;
    vertical-align: middle;
    background: url('assets/icon_b_eos.png') no-repeat;
    width: px2rem(18);
    height: px2rem(27);
    background-size: 100%;
}

body {
    .el-message-box {
        background-color: #3f3321;
        border-color: #5f513e;
    }
    .el-message-box__title {
        color: #ffffff;
    }
    .el-message-box__content {
        color: #999999;
    }
    .el-button--primary {
        background-color: #c9a961;
        border: none;
        &:hover {
            background-color: #c59a37;
        }
    }
    .el-message-box__headerbtn {
        .el-message-box__close {
            color: #ffffff;
        }
        &:hover .el-message-box__close {
            color: #c9a961;
        }
    }
    .gameContainer {
        position: relative;
        height: 0;
        padding-bottom: 52.08333333333334%;
    }
    @media screen and (max-width: 480px) {
        .gameContainer {
            padding-bottom: 146.7%;
        }
    }
    @media #{$phone} {
        .el-message-box {
            width: 80%;
        }
    }
}

// 弹窗样式
.pub-modal{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 198;
    background-color: rgba($color: #000000, $alpha: .6);
    display: flex;
    justify-content: center;
    align-items: center;
    .modal{
      display: inline-block;
      position: relative;
      z-index: 198;
      box-sizing: border-box;
    }
  }