@font-face {
    font-family: SF Pro;
    src: url(/assets/SF-Pro-CSl_Urlf.ttf) format("truetype");
    font-weight: 100
}

sup {
    font-family: SF Pro;
    position: relative;
    vertical-align: super;
    top: .05em;
    padding: 0 .1em
}

html,
#app {
    height: 100%
}

body {
    margin: 0;
    background: #30303c;
    overflow-x: hidden;
    height: 100%;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom)
}

@keyframes loading {
    10% {
        background: #0054fe
    }
    60% {
        background: #b7b8c9
    }
}

@keyframes MoveUpDown {
    0%,
    to {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-8px)
    }
}

@keyframes MoveLeftRight {
    0% {
        transform: translate(0)
    }
    15% {
        transform: translate(8px)
    }
    30% {
        transform: translate(0)
    }
    45% {
        transform: translate(8px)
    }
    60% {
        transform: translate(0)
    }
}

@keyframes MoveRightLeft {
    0% {
        transform: translate(0)
    }
    15% {
        transform: translate(-8px)
    }
    30% {
        transform: translate(0)
    }
    45% {
        transform: translate(-8px)
    }
    60% {
        transform: translate(0)
    }
}

.mainContent {
    height: 100%;
    background-size: 100% 100%;
    font-family: BoxedLight, PingFang SC, Microsoft YaHei light, WenQuanYi Micro Hei, sans-serif
}

.mainContent .rtl {
    direction: rtl
}

.mainContent .scaleSprite {
    transform: scale(.45);
    transform-origin: 0 0;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(/assets/scale-fVkRgtFq.png)
}

.mainContent .scaleSprite.shield_success_pop_up_00000 {
    width: 436px;
    height: 494px;
    background-position: -0px -0px
}

.mainContent .scaleSprite.shield_success_pop_up_00001 {
    width: 436px;
    height: 494px;
    background-position: -436px -0px
}

.mainContent .scaleSprite.shield_success_pop_up_00002 {
    width: 436px;
    height: 494px;
    background-position: -872px -0px
}

.mainContent .scaleSprite.shield_success_pop_up_00003 {
    width: 436px;
    height: 494px;
    background-position: -1308px -0px
}

.mainContent .scaleSprite.shield_success_pop_up_00004 {
    width: 436px;
    height: 494px;
    background-position: -0px -494px
}

.mainContent .scaleSprite.shield_success_pop_up_00005 {
    width: 436px;
    height: 494px;
    background-position: -436px -494px
}

.mainContent .scaleSprite.shield_success_pop_up_00006 {
    width: 436px;
    height: 494px;
    background-position: -872px -494px
}

.mainContent .scaleSprite.shield_success_pop_up_00007 {
    width: 436px;
    height: 494px;
    background-position: -1308px -494px
}

.mainContent .scaleSprite.shield_success_pop_up_00008 {
    width: 436px;
    height: 494px;
    background-position: -0px -988px
}

.mainContent .scaleSprite.shield_success_pop_up_00009 {
    width: 436px;
    height: 494px;
    background-position: -436px -988px
}

.mainContent .scaleSprite.shield_success_pop_up_00010 {
    width: 436px;
    height: 494px;
    background-position: -872px -988px
}

.mainContent .scaleSprite.shield_success_pop_up_00011 {
    width: 436px;
    height: 494px;
    background-position: -1308px -988px
}

.mainContent .scaleSprite.shield_success_pop_up_00012 {
    width: 436px;
    height: 494px;
    background-position: -0px -1482px
}

.mainContent .scaleSprite.shield_success_pop_up_00013 {
    width: 436px;
    height: 494px;
    background-position: -436px -1482px
}

.mainContent .scaleSprite.shield_success_pop_up_00014 {
    width: 436px;
    height: 494px;
    background-position: -872px -1482px
}

.mainContent .scaleSprite.shield_success_pop_up_00015 {
    width: 436px;
    height: 494px;
    background-position: -1308px -1482px
}

.mainContent .scaleSprite.shield_success_pop_up_00016 {
    width: 436px;
    height: 494px;
    background-position: -0px -1976px
}

.mainContent .scaleSprite.shield_success_pop_up_00017 {
    width: 436px;
    height: 494px;
    background-position: -436px -1976px
}

.mainContent .scaleSprite.shield_success_pop_up_00018 {
    width: 436px;
    height: 494px;
    background-position: -872px -1976px
}

.mainContent .scaleSprite.shield_success_pop_up_00019 {
    width: 436px;
    height: 494px;
    background-position: -1308px -1976px
}

.mainContent .glowSprite {
    transform: scale(.45);
    transform-origin: 19px 17px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(/assets/glowing-JnIZjW1R.png)
}

.mainContent .glowSprite.shield_success_shiny_effect_00000 {
    width: 390px;
    height: 448px;
    background-position: -0px -0px
}

.mainContent .glowSprite.shield_success_shiny_effect_00001 {
    width: 390px;
    height: 448px;
    background-position: -390px -0px
}

.mainContent .glowSprite.shield_success_shiny_effect_00002 {
    width: 390px;
    height: 448px;
    background-position: -780px -0px
}

.mainContent .glowSprite.shield_success_shiny_effect_00003 {
    width: 390px;
    height: 448px;
    background-position: -1170px -0px
}

.mainContent .glowSprite.shield_success_shiny_effect_00004 {
    width: 390px;
    height: 448px;
    background-position: -1560px -0px
}

.mainContent .glowSprite.shield_success_shiny_effect_00005 {
    width: 390px;
    height: 448px;
    background-position: -0px -448px
}

.mainContent .glowSprite.shield_success_shiny_effect_00006 {
    width: 390px;
    height: 448px;
    background-position: -390px -448px
}

.mainContent .glowSprite.shield_success_shiny_effect_00007 {
    width: 390px;
    height: 448px;
    background-position: -780px -448px
}

.mainContent .glowSprite.shield_success_shiny_effect_00008 {
    width: 390px;
    height: 448px;
    background-position: -1170px -448px
}

.mainContent .glowSprite.shield_success_shiny_effect_00009 {
    width: 390px;
    height: 448px;
    background-position: -1560px -448px
}

.mainContent .glowSprite.shield_success_shiny_effect_00010 {
    width: 390px;
    height: 448px;
    background-position: -0px -896px
}

.mainContent .glowSprite.shield_success_shiny_effect_00011 {
    width: 390px;
    height: 448px;
    background-position: -390px -896px
}

.mainContent .glowSprite.shield_success_shiny_effect_00012 {
    width: 390px;
    height: 448px;
    background-position: -780px -896px
}

.mainContent .glowSprite.shield_success_shiny_effect_00013 {
    width: 390px;
    height: 448px;
    background-position: -1170px -896px
}

.mainContent .glowSprite.shield_success_shiny_effect_00014 {
    width: 390px;
    height: 448px;
    background-position: -1560px -896px
}

.mainContent .glowSprite.shield_success_shiny_effect_00015 {
    width: 390px;
    height: 448px;
    background-position: -0px -1344px
}

.mainContent .glowSprite.shield_success_shiny_effect_00016 {
    width: 390px;
    height: 448px;
    background-position: -390px -1344px
}

.mainContent .glowSprite.shield_success_shiny_effect_00017 {
    width: 390px;
    height: 448px;
    background-position: -780px -1344px
}

.mainContent .glowSprite.shield_success_shiny_effect_00018 {
    width: 390px;
    height: 448px;
    background-position: -1170px -1344px
}

.mainContent .glowSprite.shield_success_shiny_effect_00019 {
    width: 390px;
    height: 448px;
    background-position: -1560px -1344px
}

.mainContent .glowSprite.shield_success_shiny_effect_00020 {
    width: 390px;
    height: 448px;
    background-position: -0px -1792px
}

.mainContent .glowSprite.shield_success_shiny_effect_00021 {
    width: 390px;
    height: 448px;
    background-position: -390px -1792px
}

.mainContent .glowSprite.shield_success_shiny_effect_00022 {
    width: 390px;
    height: 448px;
    background-position: -780px -1792px
}

.mainContent .glowSprite.shield_success_shiny_effect_00023 {
    width: 390px;
    height: 448px;
    background-position: -1170px -1792px
}

.mainContent>div {
    height: 100%;
    display: flex;
    justify-content: center
}

.mainContent>div>.backg {
    position: absolute;
    width: 100%;
    max-width: 1920px;
    max-height: 800px;
    height: calc(100% - 30px);
    z-index: -1;
    overflow: hidden;
    top: 30px
}

.mainContent>div>.backg.successBg {
    background: url(/assets/success-BCBGZl2M.png);
    background-size: cover;
    background-position: center 20%;
    top: 100px
}

.mainContent>div>.backg.failedBg {
    background: url(/assets/failed-Ci_MD0e9.png);
    background-size: cover;
    background-position: center 20%
}

.mainContent>div>.backg.wrongBg {
    background: url(/assets/something_wrong-DXkyWuYk.png);
    background-size: cover;
    background-position: center 20%
}

.mainContent>div>.content {
    height: 100%;
    width: 100%
}

.mainContent>div>.content .bigText {
    padding: 20px 0 0;
    font-size: 28px;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px
}

.mainContent>div>.content .bigText.green {
    padding: 16px 45px 0
}

.mainContent>div>.content .text {
    max-width: 550px;
    margin: 0 auto;
    padding-top: 14px;
    font-size: 20px;
    color: #bbb;
    letter-spacing: 0;
    text-align: center;
    line-height: 28px
}

.mainContent>div>.content .text.incompletedReturn {
    max-width: 450px;
    padding-top: 40px
}

.mainContent>div>.content .text.lineContainer {
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: .5
}

.mainContent>div>.content .text.lineContainer>.line {
    background: #fff;
    opacity: .2;
    height: 1px;
    margin: 0 20px;
    flex-grow: 5
}

.mainContent>div>.content .text.incompletedHistory {
    max-width: 450px;
    padding-top: 12px;
    opacity: .7
}

.mainContent>div>.content .text>span {
    color: #fff;
    display: block;
    width: 100%;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-break: anywhere;
    padding-top: 3px
}

.mainContent>div>.content .red {
    color: #fe5959
}

.mainContent>div>.content .green {
    color: #7dff93
}

.mainContent>div>.content .blue {
    color: #59e0fe
}

.mainContent>div>.content>.urlcheck {
    width: 100%;
    margin: 0 auto
}

.mainContent>div>.content>.urlcheck>div {
    width: 100%;
    margin: 0;
    color: #fff
}

.mainContent>div>.content>.urlcheck>div>div {
    width: 85%;
    overflow: hidden;
    margin: 0 auto
}

.mainContent>div>.content>.urlcheck>div>.pointer {
    height: 0px;
    padding-top: 10px
}

.mainContent>div>.content>.urlcheck>div>.pointer>.left {
    height: auto;
    width: 40px;
    padding-left: 25px;
    padding-top: 3px;
    animation: MoveLeftRight 2s linear infinite;
    position: absolute
}

.mainContent>div>.content>.urlcheck>div>.pointer>.left>img {
    width: 100%;
    transform: rotate(90deg)
}

.mainContent>div>.content>.urlcheck>div>.pointer>.right {
    height: auto;
    width: 40px;
    padding-left: 290px;
    padding-top: 3px;
    animation: MoveRightLeft 2s linear infinite;
    position: absolute
}

.mainContent>div>.content>.urlcheck>div>.pointer>.right.max {
    padding-left: 390px
}

.mainContent>div>.content>.urlcheck>div>.pointer>.right>img {
    width: 100%;
    transform: rotate(-90deg) scaleX(-1)
}

.mainContent>div>.content>.urlcheck>div>.watermark {
    height: 46px
}

.mainContent>div>.content>.urlcheck>div>.watermark>.holder {
    height: 100%;
    width: 100%;
    display: flex
}

.mainContent>div>.content>.urlcheck>div>.watermark>.holder>div {
    height: 100%;
    pointer-events: none
}

.mainContent>div>.content>.urlcheck>div>.watermark>.holder>div.left {
    width: 395px;
    background-image: url(/assets/pgsoft-CGQ0rTpg.jpg);
    background-size: auto 46px;
    background-repeat: no-repeat
}

.mainContent>div>.content>.urlcheck>div>.watermark>.holder>div.left.th {
    background-image: url(/assets/askmebet-tyR4905Q.jpg)
}

.mainContent>div>.content>.urlcheck>div>.watermark>.holder>div.mid {
    background-image: url(/assets/loop-CwTQchfH.jpg);
    background-size: auto 46px;
    background-repeat: repeat-x;
    flex: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.mainContent>div>.content>.urlcheck>div>.watermark>.holder>div.mid>div {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABsCAYAAADdRWqGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmE2YTYzOTY4YSwgMjAyNC8wMy8wNi0xMTo1MjowNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0E2Mzg0NjVBNEJDMTFFRjhEREJFQTQ4OTk0MTA3NkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0E2Mzg0NjRBNEJDMTFFRjhEREJFQTQ4OTk0MTA3NkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIwMjQgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9IkE0RDkyNUQzOTkwRUNFMjI4RkM5Mzc0QjY4OTdCRTZDIiBzdFJlZjpkb2N1bWVudElEPSJBNEQ5MjVEMzk5MEVDRTIyOEZDOTM3NEI2ODk3QkU2QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkHC93YAAAtvSURBVHja7F1bbJtnGbZjx7ET5+Ac7CRt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);
    background-size: auto 52px;
    background-position: 0 -3px;
    height: 100%;
    width: 27px
}

.mainContent>div>.content>.urlcheck>div>.checktext {
    font-size: 14px;
    padding: 5px 0 2px;
    text-align: left
}

.mainContent>div>.content>.urlcheck>div>.checktext>div {
    padding-left: 104px;
    opacity: .5
}

.mainContent>div>.content>.header {
    position: relative;
    margin: 0 auto;
    max-width: 580px;
    width: calc(100% - 50px);
    overflow: hidden
}

.mainContent>div>.content>.header>.top {
    margin-top: 40px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mainContent>div>.content>.header>.top>.logo {
    width: 128px;
    float: left
}

.mainContent>div>.content>.header>.top>.logo>img {
    width: 100%;
    height: auto
}

.mainContent>div>.content>.header>.top>.logoContainer {
    display: flex;
    align-items: center
}

.mainContent>div>.content>.header>.top>.logoContainer>.logoth {
    width: 70px;
    margin-right: 10px
}

.mainContent>div>.content>.header>.top>.logoContainer>.logoth>img {
    width: 100%;
    height: auto
}

.mainContent>div>.content>.header>.top>.logoContainer>.cross {
    position: relative;
    width: 9px;
    height: 9px;
    margin-right: 11px
}

.mainContent>div>.content>.header>.top>.logoContainer>.cross>div {
    position: absolute;
    width: 1px;
    height: 9px;
    background-color: #fff;
    left: 50%
}

.mainContent>div>.content>.header>.top>.logoContainer>.cross>div:nth-child(1) {
    transform: rotate(45deg)
}

.mainContent>div>.content>.header>.top>.logoContainer>.cross>div:nth-child(2) {
    transform: rotate(-45deg)
}

.mainContent>div>.content>.header>.top>.logoContainer>.askmebet {
    width: 97px
}

.mainContent>div>.content>.header>.top>.logoContainer>.askmebet>img {
    width: 100%;
    height: auto
}

.mainContent>div>.content>.header>.top>.line {
    width: 1px;
    height: 41px;
    opacity: .1;
    background: #fff;
    float: left;
    margin: 0
}

.mainContent>div>.content>.header>.top>.license {
    float: left;
    width: 58%;
    display: flex;
    justify-content: space-between
}

.mainContent>div>.content>.header>.top>.license.licenseth {
    width: 55%
}

.mainContent>div>.content>.header>.top>.license>div {
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

.mainContent>div>.content>.header>.top>.license>div.right {
    display: block
}

.mainContent>div>.content>.header>.top>.license>div:nth-child(1) {
    padding-right: 3%
}

.mainContent>div>.content>.header>.top>.license>div:nth-child(2) {
    padding-left: 3%
}

.mainContent>div>.content>.header>.top>.license>div>.gtext {
    opacity: .7;
    font-size: 10px;
    color: #fff;
    line-height: 12px
}

.mainContent>div>.content>.header>.top>.license>div>.logos {
    overflow: hidden;
    padding-top: 8px;
    display: flex;
    align-items: center
}

.mainContent>div>.content>.header>.top>.license>div>.logos.right {
    float: right
}

.mainContent>div>.content>.header>.top>.license>div>.logos>div {
    display: flex;
    float: left;
    align-items: center
}

.mainContent>div>.content>.header>.top>.license>div>.logos>div img {
    width: 100%;
    height: auto
}

.mainContent>div>.content>.header>.top>.license>div>.logos>div.gambling {
    width: 60px
}

.mainContent>div>.content>.header>.top>.license>div>.logos>div.mga {
    width: 53px;
    padding-left: 12px
}

.mainContent>div>.content>.header>.top>.license>div>.logos>div.ga {
    width: 24px
}

.mainContent>div>.content>.header>.top>.license>div>.logos>div.bmm {
    width: 98px;
    padding-left: 12px
}

.mainContent>div>.content>.header>.certified {
    color: #fff;
    width: 100%;
    font-size: 14px;
    line-height: 19px;
    padding-top: 14px;
    padding-bottom: 10px;
    clear: both;
    float: left;
    text-align: justify
}

.mainContent>div>.content>.success {
    padding: 0 5%;
    overflow: hidden
}

.mainContent>div>.content>.success>.loadGlowImage {
    width: 0;
    height: 0
}

.mainContent>div>.content>.success>.loadGlowImage>img {
    width: 100%
}

.mainContent>div>.content>.success>.statusImage {
    position: relative;
    max-width: 200px;
    height: auto;
    margin: 0 auto
}

.mainContent>div>.content>.success>.statusImage .shieldImage {
    height: 185px;
    overflow: hidden
}

.mainContent>div>.content>.success>.statusImage .shieldImage span {
    position: absolute
}

.mainContent>div>.content>.success>.official {
    font-size: 36px;
    color: #fad171;
    letter-spacing: 0;
    text-align: center;
    line-height: 46px;
    text-shadow: 0 3px 2px rgba(0, 0, 0, .5);
    font-weight: 600;
    max-width: 550px;
    margin: 0 auto
}

.mainContent>div>.content>.success>.official .text {
    font-weight: initial;
    padding-top: 15px;
    padding-bottom: 10px
}

.mainContent>div>.content>.success>.centerMsg {
    padding-bottom: 25px
}

.mainContent>div>.content>.loadScaleImage {
    width: 0;
    height: 0
}

.mainContent>div>.content>.loadScaleImage>img {
    width: 100%
}

.mainContent>div>.content>.iframeContainer {
    width: 100%;
    max-width: 414px;
    height: 736px;
    overflow: hidden
}

.mainContent>div>.content>.iframeContainer.border {
    margin: 50px auto 0;
    border: 1px solid rgba(255, 255, 255, .1)
}

.mainContent>div>.content>.iframeContainer>div {
    transform-origin: 0 0
}

.mainContent>div>.content>.iframeContainer>div>.iframeContent {
    width: 415px;
    height: 737px;
    border: 0
}

.mainContent>div>.content>.fail {
    position: relative;
    padding: 70px 0 0
}

.mainContent>div>.content>.fail.fixed {
    padding: 0;
    height: calc(100% - 170px);
    max-height: 395px;
    display: flex;
    flex-direction: column
}

.mainContent>div>.content>.fail>div:nth-child(1) {
    padding: 0 5% 42px
}

.mainContent>div>.content>.fail>div:nth-child(1)>div.steps {
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding-top: 52px;
    padding-bottom: 37px
}

.mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div {
    width: 424px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div.mid {
    max-width: 95px;
    width: 10%
}

.mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div.mid>div {
    width: 1px;
    height: 100%;
    background: #fff;
    margin: 0 auto;
    opacity: .15
}

.mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div>.content {
    font-size: 20px;
    color: #fad171;
    line-height: 26px;
    padding-bottom: 14px;
    display: flex
}

.mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div>.content>.white {
    color: #bbb;
    text-wrap: nowrap
}

.mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div>.content>.space {
    width: 3%;
    min-width: 12px
}

.mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div img {
    width: 100%;
    height: auto
}

.mainContent>div>.content>.fail>div:nth-child(1)>div>.errorLogo {
    width: 80px;
    margin: 0 auto
}

.mainContent>div>.content>.fail>div:nth-child(1)>div>.errorLogo>img {
    width: 100%
}

.mainContent>div>.content>.fail>div:nth-child(1)>div>.cloudLogo {
    width: 100px;
    margin: 0 auto
}

.mainContent>div>.content>.fail>div:nth-child(1)>div>.cloudLogo>img {
    width: 100%;
    transform: translateY(6px)
}

.mainContent>div>.content>.load {
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    z-index: -1
}

.mainContent>div>.content>.load>div {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 100px
}

.mainContent>div>.content>.load>div>div {
    width: 36px;
    height: 35px;
    display: flex;
    flex-wrap: wrap
}

.mainContent>div>.content>.load>div>div>div {
    width: 9px;
    height: 9px;
    margin: 1.5px;
    background: #b7b8c9
}

.mainContent>div>.content>.load>div>div>div:nth-child(1) {
    animation: loading 2.4s infinite
}

.mainContent>div>.content>.load>div>div>div:nth-child(2) {
    animation: loading 2.4s infinite .3s
}

.mainContent>div>.content>.load>div>div>div:nth-child(3) {
    animation: loading 2.4s infinite .6s
}

.mainContent>div>.content>.load>div>div>div:nth-child(6) {
    animation: loading 2.4s infinite .9s
}

.mainContent>div>.content>.load>div>div>div:nth-child(9) {
    animation: loading 2.4s infinite 1.2s
}

.mainContent>div>.content>.load>div>div>div:nth-child(8) {
    animation: loading 2.4s infinite 1.5s
}

.mainContent>div>.content>.load>div>div>div:nth-child(7) {
    animation: loading 2.4s infinite 1.8s
}

.mainContent>div>.content>.load>div>div>div:nth-child(4) {
    animation: loading 2.4s infinite 2.1s
}

.mainContent>div>.content>.load>div>div>div:nth-child(5) {
    background: transparent
}

.mainContent>div>.content .warn {
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
    color: #bbb;
    line-height: 22px;
    max-width: 580px;
    width: calc(100% - 50px)
}

.mainContent>div>.content .warn>div {
    border-radius: 4px;
    padding: 12px 15px;
    background: #ffffff1a;
    border: 1px solid rgba(255, 255, 255, .5)
}

.mainContent>div>.content .warn>div>.line {
    display: inline-block;
    margin: -2px 6px -2px 7px;
    width: 1px;
    height: 13px;
    background: #747a7a
}

.mainContent>div>.content .warn.green>div {
    background: #7dff931a;
    border: 1px solid rgba(125, 255, 147, .5)
}

.mainContent>div>.content .warn.blue>div {
    background: #59e0fe1a;
    border: 1px solid rgba(89, 224, 254, .5)
}

.mainContent>div>.content .warn.red>div {
    background: #fe59591a;
    border: 1px solid rgba(254, 89, 89, .5)
}

.mainContent>div>.content .warn .white {
    color: #fff
}

.mainContent>div>.content>.version {
    opacity: .5;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 14px;
    padding: 15px 0 25px
}

.mainContent>div>.content>.version.bottom {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding: 0
}

@media screen and (max-width: 768px) {
    .mainContent>div>.content>.header>div>.top>.logo {
        width: 132px;
        padding: 40px 27px 0 0
    }
    .mainContent>div>.content>.header>div>.top>:nth-child(3) {
        padding: 37px 0 0 27px
    }
    .mainContent>div>.content>.header>div>.top>:nth-child(3)>.right {
        padding-left: 27px
    }
}

@media screen and (max-width: 575px) {
    .mainContent .scaleSprite {
        transform: scale(.35)
    }
    .mainContent .glowSprite {
        transform: scale(.35);
        transform-origin: 12px 11px
    }
    .mainContent>div>.backg {
        top: 0;
        max-width: 1056px;
        max-height: calc(800px * .55)
    }
    .mainContent>div>.content {
        min-width: 0
    }
    .mainContent>div>.content .bigText {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 0 0
    }
    .mainContent>div>.content .bigText.green {
        padding: 20px 20px 0
    }
    .mainContent>div>.content .text {
        max-width: 300px;
        font-size: 11px;
        letter-spacing: 0;
        text-align: center;
        line-height: 14px
    }
    .mainContent>div>.content .text.incompletedReturn {
        max-width: 250px;
        padding-top: 22px
    }
    .mainContent>div>.content .text.lineContainer {
        max-width: 320px
    }
    .mainContent>div>.content .text.lineContainer>.line {
        margin: 0 12px
    }
    .mainContent>div>.content .text.incompletedHistory {
        max-width: 250px
    }
    .mainContent>div>.content>.urlcheck {
        height: 60px
    }
    .mainContent>div>.content>.urlcheck>div {
        transition: all .5s
    }
    .mainContent>div>.content>.urlcheck>div>div {
        width: 90%
    }
    .mainContent>div>.content>.urlcheck>div>.pointer {
        height: 0px
    }
    .mainContent>div>.content>.urlcheck>div>.pointer>.left {
        width: 30px;
        padding-left: 20px;
        padding-top: 0
    }
    .mainContent>div>.content>.urlcheck>div>.pointer>.right {
        width: 30px;
        padding-left: 200px;
        padding-top: 0
    }
    .mainContent>div>.content>.urlcheck>div>.pointer>.right.max {
        padding-left: 270px
    }
    .mainContent>div>.content>.urlcheck>div>.watermark {
        height: 32px
    }
    .mainContent>div>.content>.urlcheck>div>.watermark>.holder>div.left {
        width: 275px;
        background-size: auto 32px
    }
    .mainContent>div>.content>.urlcheck>div>.watermark>.holder>div.mid {
        background-size: auto 32px
    }
    .mainContent>div>.content>.urlcheck>div>.watermark>.holder>div.mid>div {
        background-size: auto 36px;
        background-position: 0 -2px;
        height: 100%;
        width: 20px
    }
    .mainContent>div>.content>.urlcheck>div>.checktext {
        font-size: 8px
    }
    .mainContent>div>.content>.urlcheck>div>.checktext>div {
        padding-left: 71px
    }
    .mainContent>div>.content>.urlcheck.fixed>div {
        position: fixed;
        padding-bottom: 20px;
        z-index: 99;
        background: linear-gradient(to bottom, #30303c, #30303c 80%, #30303c00)
    }
    .mainContent>div>.content>.urlcheck.fixed.bottom {
        height: 0px
    }
    .mainContent>div>.content>.urlcheck.fixed.bottom>div {
        position: fixed;
        padding-top: 20px;
        padding-bottom: 0;
        z-index: 99;
        bottom: 0;
        display: flex;
        flex-direction: column-reverse;
        background: linear-gradient(to top, #30303c, #30303c 80%, #30303c00)
    }
    .mainContent>div>.content>.urlcheck.fixed.bottom>div>.pointer>div {
        margin-top: -41px
    }
    .mainContent>div>.content>.urlcheck.fixed.bottom>div>.checktext {
        padding: 2px 0 5px
    }
    .mainContent>div>.content>.urlcheck.fixed.hide>div {
        transform: translateY(-100px)
    }
    .mainContent>div>.content>.urlcheck.fixed.hide.bottom>div {
        transform: translateY(100px)
    }
    .mainContent>div>.content>.header {
        max-width: 280px;
        width: 92%
    }
    .mainContent>div>.content>.header>.top {
        margin-top: 20px
    }
    .mainContent>div>.content>.header>.top.topth {
        margin-top: 25px;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
    .mainContent>div>.content>.header>.top>.logo {
        width: 70px;
        height: 15px;
        padding-bottom: 3px
    }
    .mainContent>div>.content>.header>.top>.logoContainer>.logoth {
        width: 62px
    }
    .mainContent>div>.content>.header>.top>.logoContainer>.askmebet {
        width: 90px
    }
    .mainContent>div>.content>.header>.top>.line {
        height: 31px
    }
    .mainContent>div>.content>.header>.top>.line.lineth {
        display: block;
        width: 100%;
        height: 1px;
        margin: 6px 0 12px
    }
    .mainContent>div>.content>.header>.top>.license {
        width: 60%
    }
    .mainContent>div>.content>.header>.top>.license.licenseth {
        width: 100%;
        justify-content: flex-start
    }
    .mainContent>div>.content>.header>.top>.license.licenseth>div {
        max-width: 100px
    }
    .mainContent>div>.content>.header>.top>.license.licenseth>div>.gtext {
        min-width: 100px
    }
    .mainContent>div>.content>.header>.top>.license.licenseth>div>.logos {
        padding-top: 5px
    }
    .mainContent>div>.content>.header>.top>.license>div {
        max-width: 100px
    }
    .mainContent>div>.content>.header>.top>.license>div .gtext {
        font-size: 6px;
        line-height: 8px
    }
    .mainContent>div>.content>.header>.top>.license>div>.logos {
        padding-top: 6px
    }
    .mainContent>div>.content>.header>.top>.license>div>.logos>div.gambling {
        width: 30px
    }
    .mainContent>div>.content>.header>.top>.license>div>.logos>div.mga {
        width: 26px;
        padding-left: 6px
    }
    .mainContent>div>.content>.header>.top>.license>div>.logos>div.ga {
        width: 14px
    }
    .mainContent>div>.content>.header>.top>.license>div>.logos>div.bmm {
        width: 42px;
        padding-left: 6px;
        padding-top: 1px
    }
    .mainContent>div>.content>.header>.certified {
        font-size: 8px;
        line-height: 10px;
        padding-top: 8px;
        padding-bottom: 6px
    }
    .mainContent>div>.content>.success>.statusImage {
        max-width: 157px
    }
    .mainContent>div>.content>.success>.statusImage .shieldImage {
        height: 142px
    }
    .mainContent>div>.content>.success>.official {
        padding: 0 30px;
        font-size: 18px;
        line-height: 20px
    }
    .mainContent>div>.content>.success>.centerMsg {
        padding-bottom: 22px
    }
    .mainContent>div>.content>.iframeContainer {
        width: 80%
    }
    .mainContent>div>.content>.iframeContainer.border {
        margin-top: 28px
    }
    .mainContent>div>.content>.fail {
        padding: 20px 0 0
    }
    .mainContent>div>.content>.fail.fixed {
        max-height: 250px;
        height: calc(100% - 120px)
    }
    .mainContent>div>.content>.fail>div:nth-child(1) {
        padding: 0 5% 25px
    }
    .mainContent>div>.content>.fail>div:nth-child(1)>div.steps {
        flex-direction: column;
        align-items: center;
        padding-top: 24px;
        padding-bottom: 0
    }
    .mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div {
        width: 100%;
        max-width: 235px
    }
    .mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div.mid {
        height: 16px;
        width: initial;
        max-width: initial
    }
    .mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div.mid>div {
        display: none
    }
    .mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div>.content {
        font-size: 11px;
        line-height: 14px;
        padding-bottom: 8px
    }
    .mainContent>div>.content>.fail>div:nth-child(1)>div.steps>div>.content>.space {
        width: 3%;
        min-width: 6px
    }
    .mainContent>div>.content>.fail>div:nth-child(1)>div>.errorLogo {
        width: 54px
    }
    .mainContent>div>.content>.fail>div:nth-child(1)>div>.cloudLogo {
        width: 64px
    }
    .mainContent>div>.content .warn {
        font-size: 8px;
        line-height: 11px;
        max-width: 280px;
        width: 92%
    }
    .mainContent>div>.content .warn>div {
        padding: 9px 12px 10px
    }
    .mainContent>div>.content .warn>div>.line {
        margin: -2px 6px -2px 7px;
        height: 9px
    }
    .mainContent>div>.content>.version {
        font-size: 9px;
        padding: 10px 0 20px
    }
    .mainContent>div>.content>.version.bottom {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        padding: 0
    }
    .mainContent>div>.content>.version.bar {
        padding: 15px 0 0;
        height: 120px
    }
}

@media screen and (max-width: 319px) {
    .mainContent>div>.content>.urlcheck>div>.pointer>.right {
        display: none
    }
    .mainContent>div>.content>.header {
        width: 82%
    }
    .mainContent>div>.content>.header>.top {
        margin-top: 25px;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
    .mainContent>div>.content>.header>.top>.line {
        display: block;
        width: 100%;
        height: 1px;
        margin: 6px 0 12px
    }
    .mainContent>div>.content>.header>.top>.license {
        width: 100%;
        justify-content: flex-start
    }
    .mainContent>div>.content>.header>.top>.license>div {
        max-width: 100px
    }
    .mainContent>div>.content>.header>.top>.license>div>.gtext {
        min-width: 100px
    }
    .mainContent>div>.content>.header>.top>.license>div>.logos {
        padding-top: 5px
    }
    .mainContent>div>.content>.header>.certified {
        padding-top: 12px
    }
    .mainContent>div>.content>.success>.text {
        padding: 12px 20px 0
    }
    .mainContent>div>.content>.fail.fixed {
        height: calc(100% - 160px)
    }
    .mainContent>div>.content .warn {
        width: 82%
    }
    .mainContent>div>.content .warn>div {
        padding: 6px 7px 7px
    }
}