html {
    font-family: Arial;
    padding: 0;
    margin: 0;
}

body,
div {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

canvas {
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
}

#divFrame {
    width: 100%;
    height: 100%;
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin: auto; 
    display: none;
    z-index: 20;
    overflow: hidden;
}

#divFrame.destory .centent{ -webkit-overflow-scrolling:auto; overflow: hidden;}
#divFrame iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.divFrameWeb{
    width: 80% !important;
    height:90% !important;
    left:10%;
    top: 5% !important;
    bottom: 5%;
    border:2px solid #444;
}

.text {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 10.5%;
    line-height: 40px;
    color: #000;
    text-align: center;
    font: 24px Arial
}

body {
    margin: 0;
    padding: 0;
    background: #000!important;
    overflow: hidden;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}
body.touch-disable{
    height: auto;
    -webkit-overflow-scrolling: auto;
}
.intro-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top:0;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    pointer-events: none;
}
#cover {
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin:auto;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: hidden;
}
#cover.hidden{ visibility: hidden;}
#cover .hidden{ visibility: hidden!important;}
#cover > .coverMask{
    width:100%;
    height:100%;
    background:rgb(0,0,0);
    position:absolute;
    z-index: 1002;
    opacity: 0;
}

#cover > .loaderMask {
    width:100%;
    height:100%;
    background:rgb(0,0,0);
    position:absolute;
    z-index:1000;
}
#cover .content{
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    padding: 0;
    z-index: 1001;
    padding-bottom: 23px;
    display: none;
}
#cover .content .message{
    color: #ffffff;
    width: 100%;
    text-align: center;
    height:34px;
    line-height: 34px;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    margin: 0;

}
#cover .content img{
    display: block;
    width: auto;
    height:15px;
    position: absolute;
    right:22px;
    bottom:3px;
}
#cover .content.hidelogo:before{
    visibility: hidden;
}
#barPrograss{
    width: 100%;
    height: 34px;
    position: relative;
    background: -webkit-linear-gradient(#252525,#3e3e3e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#252525,#3e3e3e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#252525,#3e3e3e); /* Firefox 3.6 - 15 */
    background: linear-gradient(#252525,#3e3e3e); /* 标准的语法 */
}
#barPrograss .bar{
    width:0px;
    height: 100%;
    background: -webkit-linear-gradient(#ff0000,#770000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ff0000,#770000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ff0000,#770000); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ff0000,#770000); /* 标准的语法 */
    margin-top:5px;
    transition: width .3s;
}
/*针对屏幕大小改变尺寸*/
@media screen and (max-width: 420px) {
    #barPrograss {
        height: 24px;
    }
    #cover .content .message {
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }
}
@media screen and (min-width: 420px) and (max-width: 640px) {
    #barPrograss {
        height: 26px;
    }
    #cover .content .message {
        height: 26px;
        line-height: 26px;
    }
}
@media screen and (min-width: 640px) and (max-width: 960px) {
    #barPrograss {
        height: 28px;
    }
    #cover .content .message {
        height: 28px;
        line-height: 28px;
    }
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
    #barPrograss {
        height: 30px;
    }
    #cover .content .message {
        height: 30px;
        line-height: 30px;
    }
}
.pre-load{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1000;
}
.pre-load::before{ content: ''; display:  block; width: 100%; height: 50%; margin-top: -48px;}
.pre-load .pre-logo {
    width: 400px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
.pre-load .pre-logo img {
height: 100%;
}
.pre-load .pre-percent{ width: 220px; height: 7px; margin: 54px auto 0; background: #322f31; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px;}
.pre-load .pre-percent b{ display: block; width:0; height: 100%; background: #be9a61;}
.pre-load-p::before{ margin-top: -67px;}
.pre-load-p .pre-logo{ height: 100px;}
.pre-load-p .pre-percent{ width: 378px; height: 10px; margin-top: 74px; -webkit-border-radius: 5px; border-radius: 5px;}
.coverBg,.coverBg-p{
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.coverBg-p{ display: none;}
#cover.cover-p .coverBg{ display: none;}
#cover.cover-p .coverBg-p{ display: block;}
#cover.isIos9.cover-p{
    position:absolute;
}
/*ios手机全屏遮罩样式*/
#upDiv{
    background-color: rgba(0,0,0,0.5);
    text-align:center;
    position: absolute;
    top: 0;
    width: 100%;
    height: 9999px;
    z-index: 9999;
    visibility:hidden;
    display: 'block';
}
#uptxt{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100vh;
}
@keyframes moveTips {
  from {
    top:60%;
    opacity: 1;
  }

  to {
    top:30%;
    opacity: 0.5;
  }
}
@-webkit-keyframes moveTips {
  from {
    top:60%;
    opacity: 1;
  }

  to {
    top:30%;
    opacity: 0.5;
  }
}
#uptxt .tips-text{
    display: none;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
#uptxt .tips{
     display: none;
     width: 136px;
     height: 181px;
     margin: -65px auto 0;
     position: relative;
     top:60%;
    -webkit-animation: moveTips 1s ease-in-out infinite;
     animation: moveTips 1s  ease-in-out infinite;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
     transform: scale(0.8);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
     transform-origin: center center;
     background-image: url('data:image/png;base64,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');
     background-repeat: no-repeat;
     background-position: center center;
}

/*freespin-content*/
.freespin-content{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1005;
    left: 0;
    top: 0;
}
.freespin-content .freespin-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(21, 20, 21, 0.5);
  }
  
  .freespin-content .freespin-tips {
    width: 1440px;
    height: 810px;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  
  .freespin-content .freespin-tips * {
    font-family: "Roboto-Regular";
  }
  
  .freespin-content .freespin-tips .tips-area {
    width: 640px;
    height: 372px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: rgba(21, 20, 21, 0.9);
    -webkit-border-radius: 8px;
            border-radius: 8px;
  }
  
  .freespin-content .freespin-tips .tips-area .tips-title {
    width: 100%;
    height: 40px;
    padding-top: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .freespin-content .freespin-tips .tips-area .tips-title h2 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
  }
  
  .freespin-content .freespin-tips .tips-area .tips-cont {
    width: 80%;
    height: 170px;
    padding: 0 15px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .freespin-content .freespin-tips .tips-area .tips-cont p {
    line-height: 36px;
    font-size: 24px;
    color: #fff;
    text-align: center;
  }
  
  .freespin-content .freespin-tips .tips-area .tips-btn {
    width: 200px;
    height: 62px;
    line-height: 62px;
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
    color: #000000;
    background: #ffd78b;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    cursor: pointer;
  }
  
  .freespin-content .freespin-tips .tips-area .tips-btn:hover {
    background: #f9e0b1;
  }
  
  .freespin-content .freespin-tips .tips-area .tips-btn:active {
    background: #cfa452;
  }