/*  type 1 */
.lmiMain[data-v-1fd3fd9b] {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 1em;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;

    transition:
        background 0.35s,
        color 0.35s,
        border-color 0.35s;

    border-right: 1px solid;
    border-right-color: #E5E5E5;
    background: transparent;
    color: #000000
}
.lmiMain.isSelected[data-v-1fd3fd9b] {
        border-right-color: #ffffff;
        background: #F8F8F8;
        color: #4993ED;
}
.lmiMain[data-v-1fd3fd9b]:hover {
        background: #E8E8E8;
}
.lmiContent[data-v-1fd3fd9b] {
    position: relative;
    /*      background: #ffff00; */
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 9px;

    box-sizing: border-box;

    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 5px solid transparent
}
.lmiContent.isSelected[data-v-1fd3fd9b] {
        border-top-color: #E5E5E5;
        border-bottom-color: #E5E5E5;
        border-left-color:  #f19149;
        /*          font-weight: bold; */
}
.payIcon[data-v-1fd3fd9b] {
    display: inline-block;
    /*     height: 55%; */
    /*     height: 22px; */
    width: auto
}
.payIcon>img[data-v-1fd3fd9b] {
        height: 100%;
}
.payName[data-v-1fd3fd9b] {
    display: inline-block;
    /*     background: #00ff00; */
    /*     color: #000000; */
    flex-grow: 1;
    font-size: 14px;
    /*     font-weight: bold; */
    /*     font-weight: bold; */
    padding-left: 0.25em;
    overflow: hidden;
}
.rollAni[data-v-1fd3fd9b] {
    position: relative;
    display: inline-block;
    /*     background: #ff0000; */
    transition: left 1s;
    left: 0px;
    line-height: 22px;
}


































































/*  type 1 */
.lmaMain[data-v-a4b00236] {
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    /*     background: #00ff00; */
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    overflow: hidden;
    box-sizing: border-box;
    border-top: 1px solid #E5E5E5
}
.lmaMain[data-v-a4b00236]:hover {
        overflow-y: auto;
}
.mItemDiv[data-v-a4b00236] {
    width: 100%;
    height: 2.5em;
    min-height: 2.5em;
    font-size: 16px

    /* 第一个元素的上边框颜色透明 */
    /* WARNING: 文档自动格式化会破坏结构 */
}
.mItemDiv:first-child > div[data-v-a4b00236] >  div {
        /*         background: #00ff00; */
        border-top-color: transparent;
}
.mItemPad[data-v-a4b00236] {
    /*     background: #00ff00; */
    width: 100%;
    min-height: 1px;
    flex-grow: 1;
    border-right: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.mobileStyle[data-v-a4b00236] {
    overflow-y: auto;
}






























































































/* type 1 */
.rsbMain[data-v-74e6f50a] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    color: #7d7d7d;
}
.titleName[data-v-74e6f50a] {
    margin-left: 15px;
}
.arrow[data-v-74e6f50a]{
    border: 5px solid transparent;
    border-top-color: #E5E5E5;
    display: inline-block;
    margin-top: -2%;
    position: absolute;
    right: 8px;
    top: 56%;
}
.textBox[data-v-74e6f50a]{
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding-left: 5px;
    padding-right: 24px;
    text-align: center;
    /* width: 100%; */
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
}
.popper[data-v-74e6f50a] {
    position: absolute;
    background: #ffffff;
    border: 1px solid #E5E5E5;
    border-top-color: transparent;
    max-height: 210px;
    outline: 0;
    overflow: hidden;
    top: 100%;
    right: 0;
    width: 50%;
    box-shadow: 0 0 5px 2px #EAEAEA;
    z-index: 1;
}
.popper[data-v-74e6f50a]:hover {
    overflow-y: auto;
    overflow-x: hidden;
}
.selectActive[data-v-74e6f50a] {
    color: rgb(63, 168, 249);
    border-color: #E5E5E5 !important;
    border-bottom-color: transparent;
}
.itemRow[data-v-74e6f50a]{
    color: #606266;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    position: relative;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.itemRow[data-v-74e6f50a]:hover{
    background-color: #f5f7fa;
    /* color: #000000;  */
}



























/* type 1 */
.tipsArea[data-v-1a6e504f] {
    width: 100%;
    font-size: 13px;
    padding: 20px 0px 0px 0px;
    line-height: 1.6em;
    color: #8C8C8C;
}
.tipsTitle[data-v-1a6e504f] {
    display: flex;
    align-items: center;
    color: #f19149;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px
}
.tipsTitle>img[data-v-1a6e504f] {
        display: inline-block;
        height: 12px;
        width: auto;
        margin-left: -2px;
}
.tipsTitle>span[data-v-1a6e504f] {
        display: inline-block;
        padding-left: 5px;
}






















































/*  type 1 */
.rcgButton[data-v-49d6b7c1] {
    position: relative;
    padding-top: 20px;
}
.outterBox[data-v-49d6b7c1] {
    position: relative;
    width: 140px;
    height:50px;
    overflow: hidden;
    background: #f40;
    color: #FFFFFF;
}
.normalBtn[data-v-49d6b7c1] {
    position: relative;
    outline: none;
    border: 0;
    background: #f40;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-family: Helvetica;
    cursor: pointer
}
.normalBtn[data-v-49d6b7c1]:hover {
        background-color: #f22d00;
}
.aniRollBtn[data-v-49d6b7c1] {
    position: relative;
    display: inline-block;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0px 0px -10px;
    vertical-align: top;
    animation: circleRoll-data-v-49d6b7c1 600ms linear 200ms infinite;
}
@keyframes circleRoll-data-v-49d6b7c1 {
from { transform: rotate(0deg);}
to { transform: rotate(360deg);}
}


.slMain[data-v-135b89dc] {
    height:500px;
    width: 25px;
    /*     background-color: #00ff00; */
}
.stepIcon[data-v-135b89dc] {
    width: 25px;
    height: 25px;
    background:#FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAZlBMVEVHcEwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuwziuzGagAjAAAAIXRSTlMA0yGHDAnpj+ycARp1bBAUX5KVWn84yhZ8P8j0Y6OqUALzOgyqAAAAkUlEQVQY022Q1xLCIBREF0Io6ZBaNHr//ycVNYWR87izc8sBPLwbNOmh49gRTiZ9irRPpBPfKGemEq3dbCsqw/JPixVZqcmjbyiYbyqTGdpRMArgui7ppKklx6SEvmQyVROWuaErj3nBOqogS0YJwj3IzJMivTU6L7aXy//7Yn9E//15cZs7vQDCHv6sOKyGnl9N2hoBbBm2/gAAAABJRU5ErkJggg==) no-repeat;
    margin: 4px 0 0 0;
    padding: 1.5px 10px 1px 5px;
    font-family: Helvetica;
    font-size: 15px;
    color:#FFF;
}
.stepLine[data-v-135b89dc] {
    margin-top:5px;
    margin-bottom: 5px;
    width:9px;
    border-right: 1px solid #c0c0c0
}
.stepLine.highlight[data-v-135b89dc] {
        border-right:1px solid rgb(51,138,236);
}








































































































/* type 1 */
.payInvoice[data-v-b3bfe39e] {
    width: 100%;
    margin-top: 5px;
    color: grey;
    font-size: 14px;
}
.invTypeSele[data-v-b3bfe39e] {
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 2px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none
}
.invTypeSele>span[data-v-b3bfe39e] {
        margin-right: 10px;
}
.invArea[data-v-b3bfe39e] {
    width: 60%
}
.invArea>div[data-v-b3bfe39e] {
        width: 100%;
        margin: 5px 0px;
}
.invArea[data-v-b3bfe39e] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.invArea[data-v-b3bfe39e] input:focus {
        border-color: #5B9CEE;
}
.invArea[data-v-b3bfe39e] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.invArea[data-v-b3bfe39e] input:-moz-placeholder {
    color: #C2C2C2;
}
.invArea[data-v-b3bfe39e] input::-moz-placeholder {
    color: #C2C2C2;
}
.invArea[data-v-b3bfe39e] input:-ms-input-placeholder {
    color: #C2C2C2;
}
.invArea input[data-v-b3bfe39e] {
        display: block;
        width: 100%;
        margin: 5px 0px;
        padding:10px 5px;
        font-size: 13px;
}































































































/*  type 1 */
.rnMain[data-v-3e7ea442] {
    position: relative;
}
.pointText[data-v-3e7ea442] {
    font-weight: bold;
}
.unUseText[data-v-3e7ea442] {
    font-weight: bold;
    color: #B7B9BF;
}
.needPointText[data-v-3e7ea442] {
    margin: 0px 0px 0px 20px
}
.needPointText .pointText[data-v-3e7ea442] {
        color: #ff0000;
}




.spMain[data-v-7a58174a] {
    position: absolute;
    display: block;
    background: #ffffff;
    border-radius: 2px;
    box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12);
    border: 1px solid #E5E5E5;
    cursor: default;
    transition: transform 0.3s, opacity 0.2s;
    transform-origin: 100% 0%;
    transform: scale(1);
    opacity: 1
}
.spMain[data-v-7a58174a]:focus {
        outline-width: 0px;
}
.spMain.hideMain[data-v-7a58174a] {
        transform: scale(0);
        opacity: 0;
}
























































































































/* type 1 */
.plMain[data-v-57207c9d] {
    position: relative;
    width: 100%;
    /*     background: #00FF00; */
    height: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    font-size: 14px;
}
.priceBoard[data-v-57207c9d] {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    /*     justify-content: center; */
}
.priceBoard>span[data-v-57207c9d] {
    /*     width: 110px; */
    /*background-color: #00FF00;*/
    /*     height: 40px; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 10px 5px 0;
    border: 1px solid rgb(192, 192, 192);
    color: rgb(192, 192, 192);
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
}
.priceBoard>.selected[data-v-57207c9d] {
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBGt08ENgCAMBVDw4Fq6hSvqFq6lF80n+QYRSsFyoFjbZznonOGa1uPyVh4wWCYgMRMwxn6DKfYLzGHdYAnrAiWsGaxhTaAGU4MSti8jHDdvZ4hD2IVNg8Xt4p+ixTgd4CJILL0SmpjDOcbwnL0yMRRwEWFEPsWQ+0woYWjgymF49wJzGIHaZKx7QAljMdDSZKwJoAZjQy16SwwfuwEE8VO8nknmHwAAAABJRU5ErkJggg==) right bottom;
    border: 2px solid rgb(63, 168, 249);
    color: rgb(63, 168, 249);
}
.priceTotal[data-v-57207c9d] {
    margin-top: 20px
}
.priceTotal>.tokenText[data-v-57207c9d] {
        color: #ff0000;
        font-weight: bold;
}








































































































/* type 3.1 */
.ycbMain[data-v-7adb2177] {
    position: relative;
    /*     background: #00ff00; */
    width: 100%;
    height: auto;
    font-size: 14px;
}
.ycbBoard[data-v-7adb2177] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.ycbItem[data-v-7adb2177] {
    display: inline-flex;
    /*     background: #ff0000; */
    justify-content: center;
    align-items: center;
    /*     width: 110px; */
    /*     height: 40px; */
    margin: 5px 10px 5px 0px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #C0BFBF;
    color: #C0BFBF;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none
}
.ycbItem.selected[data-v-7adb2177] {
        border: 2px solid #3FA8F9;
        color: #3FA8F9;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBGt08ENgCAMBVDw4Fq6hSvqFq6lF80n+QYRSsFyoFjbZznonOGa1uPyVh4wWCYgMRMwxn6DKfYLzGHdYAnrAiWsGaxhTaAGU4MSti8jHDdvZ4hD2IVNg8Xt4p+ixTgd4CJILL0SmpjDOcbwnL0yMRRwEWFEPsWQ+0woYWjgymF49wJzGIHaZKx7QAljMdDSZKwJoAZjQy16SwwfuwEE8VO8nknmHwAAAABJRU5ErkJggg==) no-repeat right bottom;
}























































/* type 1 */
.gfwMain {
    /* position: absolute;
       top: 0%;
       width: 100%;
       height: 50px;
       background: #00ff00; */
    /*     background: #00ff00; */
    outline: none;
}



.siuMain[data-v-bf2a2de2] {
}


















































































































/* type 1 */
.tlMain[data-v-38266cc0] {
    position: relative;
    width: 100%;
    /*     background: #00FF00; */
    height: auto;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    font-size: 14px;
}
.tokenBoard[data-v-38266cc0] {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    /*     justify-content: center; */
}
.tokenBoard>span[data-v-38266cc0] {
    width: 110px;
    /*background-color: #00FF00;*/
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 10px 5px 0;
    border: 1px solid rgb(192, 192, 192);
    color: rgb(192, 192, 192);
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
}
.tokenBoard>.selected[data-v-38266cc0] {
    background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBGt08ENgCAMBVDw4Fq6hSvqFq6lF80n+QYRSsFyoFjbZznonOGa1uPyVh4wWCYgMRMwxn6DKfYLzGHdYAnrAiWsGaxhTaAGU4MSti8jHDdvZ4hD2IVNg8Xt4p+ixTgd4CJILL0SmpjDOcbwnL0yMRRwEWFEPsWQ+0woYWjgymF49wJzGIHaZKx7QAljMdDSZKwJoAZjQy16SwwfuwEE8VO8nknmHwAAAABJRU5ErkJggg==) right bottom;
    border: 2px solid rgb(63, 168, 249);
    color: rgb(63, 168, 249);
}
.tokenTotal[data-v-38266cc0] {
    margin-top: 20px
}
.tokenTotal>.tokenText[data-v-38266cc0] {
        color: #ff0000;
        font-weight: bold;
}



.yrMain[data-v-049540af] {
    position: relative;
}
.restText>span[data-v-049540af] {
    padding-right: 5px;
}
.restValue[data-v-049540af] {
    /*     color: #ff0000; */
    font-weight: bold;
}
.virtualBt[data-v-049540af] {
    position: absolute;
    right: 0%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: pointer;
    color: #939393

    /* &:hover {
       color: #338AEC;
       } */
}
.virtualBt.active[data-v-049540af] {
        color: #338AEC;
}
.virtualBt>img[data-v-049540af] {
        display: inline-block;
        /*         backgro-und: #00ff00; */
        height: 1.5em;
        vertical-align: middle;
}





































































































































/*  type 1 */
.gtpMain[data-v-3537de34] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
    font-size: 14px;
}

/* .gtpMain>div { */
/*     padding-bottom: 10px; */
/* } */
.amountArea[data-v-3537de34] {
    position: relative;
    width: 100%;
}
.amountArea span[data-v-3537de34] {
    margin-right: 20px;
}
.pointBar[data-v-3537de34] {
    margin-bottom: 10px;
}
.imgDiv[data-v-3537de34] {
    margin-top: 50px;
    max-width: 96%;
}
.imgDiv > img[data-v-3537de34] {
        max-width: 100%;
}









































































































/*  type 1 */
.ytpMain[data-v-3f0babac] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
}
.imgDiv[data-v-3f0babac] {
    margin-top: 50px;
    max-width: 100%;
}
.imgDiv > img[data-v-3f0babac] {
        max-width: 100%;
}









































































































/*  type 3.1 */
.gmpMain[data-v-199283bc] {
    position: relative;
    /*background: #00ffff; */
    width: 100%;
    height: auto;
    font-size: 14px;
}
.pointBar[data-v-199283bc] {
    margin-bottom: 10px;
}
.inputArea>input[data-v-199283bc] {
        display: block;
        padding:10px 5px;
        width: 50%;
        font-size: 12px
}
.inputArea>input[data-v-199283bc]:first-child {
            margin-bottom: 10px;
}
.inputArea[data-v-199283bc] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.inputArea[data-v-199283bc] input:focus {
        border-color: #5B9CEE;
}
.inputArea[data-v-199283bc] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-199283bc] input:-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-199283bc] input::-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-199283bc] input:-ms-input-placeholder {
    color: #C2C2C2;
}
















































































































































































/*  type 3.1 */
.ympMain[data-v-05874abe] {
    position: relative;
    /*background: #00ffff; */
    width: 100%;
    height: auto;
}
.amountArea[data-v-05874abe] {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
}
.useRemainder[data-v-05874abe] {
    float: right;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    color: #939393
}
.useRemainder.remainderActive[data-v-05874abe] {
        color: #4796EE;
}
.useRemainder>img[data-v-05874abe] {
        display: inline-block;
        /*         backgro-und: #00ff00; */
        height: 1.5em;
        vertical-align: middle;
}
.pointBar[data-v-05874abe] {
    margin-bottom: 10px;
}
.inputArea>input[data-v-05874abe] {
        display: block;
        padding:10px 5px;
        width: 50%;
        margin-bottom: 10px;
        font-size: 13px;
}
.inputArea[data-v-05874abe] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.inputArea[data-v-05874abe] input:focus {
        border-color: #5B9CEE;
}
.inputArea[data-v-05874abe] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-05874abe] input:-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-05874abe] input::-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-05874abe] input:-ms-input-placeholder {
    color: #C2C2C2;
}
table[data-v-05874abe] {
    border-collapse: collapse;

    margin-top: 15px;
    margin-bottom: 10px;
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(210, 210, 210);
    color: #8C8C8C;
    font-size: 14px;
}
table[data-v-05874abe], th[data-v-05874abe], td[data-v-05874abe] {
    padding: 17px 30px 17px 20px;
}
td[data-v-05874abe]:first-child {
    padding: 17px 30px 17px 30px;
}




































































































/*  type 3.1 */
.grcMain[data-v-91f1643a] {
    position: relative;
    /*background: #00ffff; */
    width: 100%;
    height: auto;
    font-size: 14px;
}
.pointBar[data-v-91f1643a] {
    margin-bottom: 10px;
}
.inputArea>input[data-v-91f1643a] {
        display: block;
        padding:10px 5px;
        width: 50%;
        font-size: 12px;
}
.inputArea[data-v-91f1643a] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.inputArea[data-v-91f1643a] input:focus {
        border-color: #5B9CEE;
}
.inputArea[data-v-91f1643a] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-91f1643a] input:-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-91f1643a] input::-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-91f1643a] input:-ms-input-placeholder {
    color: #C2C2C2;
}

































































































































































/*  type 3.1 */
.yrcMain[data-v-32731c77] {
    position: relative;
    /*background: #00ffff; */
    width: 100%;
    height: auto;
}
.amountArea[data-v-32731c77] {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
}
.pointBar[data-v-32731c77] {
    margin-bottom: 10px;
}
.inputArea>input[data-v-32731c77] {
        display: block;
        padding:10px 5px;
        width: 50%;
        margin-bottom: 10px;
        font-size: 13px;
}
.inputArea[data-v-32731c77] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.inputArea[data-v-32731c77] input:focus {
        border-color: #5B9CEE;
}
.inputArea[data-v-32731c77] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-32731c77] input:-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-32731c77] input::-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-32731c77] input:-ms-input-placeholder {
    color: #C2C2C2;
}
.rcgButton[data-v-32731c77] {
    padding-bottom: 20px;
}
table[data-v-32731c77] {
    border-collapse: collapse;

    margin-top: 15px;
    margin-bottom: 10px;
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(210, 210, 210);
    color: #8C8C8C;
    font-size: 15px;
}
table[data-v-32731c77], th[data-v-32731c77], td[data-v-32731c77] {
    padding: 17px 30px 17px 20px;
}
td[data-v-32731c77]:first-child {
    padding: 17px 30px 17px 30px;
}
.useRemainder[data-v-32731c77] {
    float: right;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    color: #939393
}
.useRemainder.remainderActive[data-v-32731c77] {
        color: #4796EE;
}
.useRemainder>img[data-v-32731c77] {
        display: inline-block;
        /*         backgro-und: #00ff00; */
        height: 1.5em;
        vertical-align: middle;
}











































































/* type 3.1 */
.pabMain[data-v-0c16a3e3] {
    position: relative;
    /*     background: #00ff00; */
    width: 100%;
    height: auto;
    padding-top: 20px;
}
.pabTitle[data-v-0c16a3e3] {
}
.pabBoard[data-v-0c16a3e3] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.pabItem[data-v-0c16a3e3] {
    display: inline-flex;
    /*     background: #ff0000; */
    justify-content: center;
    align-items: center;
    /*     width: 110px; */
    /*     height: 40px; */
    margin: 5px 10px 5px 0px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #C0BFBF;
    color: #C0BFBF;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none
}
.pabItem.selected[data-v-0c16a3e3] {
        border: 2px solid #3FA8F9;
        color: #3FA8F9;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBGt08ENgCAMBVDw4Fq6hSvqFq6lF80n+QYRSsFyoFjbZznonOGa1uPyVh4wWCYgMRMwxn6DKfYLzGHdYAnrAiWsGaxhTaAGU4MSti8jHDdvZ4hD2IVNg8Xt4p+ixTgd4CJILL0SmpjDOcbwnL0yMRRwEWFEPsWQ+0woYWjgymF49wJzGIHaZKx7QAljMdDSZKwJoAZjQy16SwwfuwEE8VO8nknmHwAAAABJRU5ErkJggg==) no-repeat right bottom;
}



.gpcMain[data-v-0c529caf] {
    position: relative;
    /*     background: #00ff00; */
    width: 100%;
    height: auto;
    font-size: 14px;
}
.pointBar[data-v-0c529caf] {
    margin-bottom: 10px;
}



.ypcMain[data-v-66ba16a8] {
    position: relative;
    /*     background: #00ff00; */
    width: 100%;
    height: auto;
}
.restBar[data-v-66ba16a8] {
    position: relative;
    /*     background: #00ff00; */
    margin-top: 20px;
}
.restText>span[data-v-66ba16a8] {
    padding-right: 5px;
}
.restValue[data-v-66ba16a8] {
    /*     color: #ff0000; */
    font-weight: bold;
}
.virtualBt[data-v-66ba16a8] {
    position: absolute;
    right: 0%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: pointer;
    color: #939393

    /* &:hover {
       color: #338AEC;
       } */
}
.virtualBt.active[data-v-66ba16a8] {
        color: #338AEC;
}
.virtualBt>img[data-v-66ba16a8] {
        display: inline-block;
        /*         backgro-und: #00ff00; */
        height: 1.5em;
        vertical-align: middle;
}
.plDiv[data-v-66ba16a8] {
    margin-top: 20px;
}
.inputArea[data-v-66ba16a8] {
    margin: 20px 0px}
.inputArea>input[data-v-66ba16a8] {
        display: block;
        padding:10px 5px;
        width: 50%;
        font-size: 13px;
}
.inputArea[data-v-66ba16a8] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.inputArea[data-v-66ba16a8] input:focus {
        border-color: #5B9CEE;
}
.inputArea[data-v-66ba16a8] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-66ba16a8] input:-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-66ba16a8] input::-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-66ba16a8] input:-ms-input-placeholder {
    color: #C2C2C2;
}













































































































































/* type 4 */
.rppMain[data-v-41074ba9] {
    position: absolute;
    height: auto;
    transform-origin: 0% 0%;
    box-sizing: border-box;
    z-index: 1;
}
.smallClass[data-v-41074ba9] {
    width: 460px;
    padding: 15px 15px 30px 15px;
    margin-bottom: 40px;
}
.largeClass[data-v-41074ba9] {
    width: 530px;
    padding: 15px 25px 30px 25px;
}
.rppTitle[data-v-41074ba9] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    width: 100%
}
.rppTitle .closeBtn[data-v-41074ba9] {
        width: 1em;
        height: 1em;
        line-height: 1em;
        font-size: 20px;
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        border-radius: 2px;

        background: #D2D2D2
}
.rppTitle .closeBtn[data-v-41074ba9]:hover {
            background: #ADADAD;
}
.rppBody[data-v-41074ba9] {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    font-size: 14px;
    /*     background: #00ff00; */
}
.bodyTitle[data-v-41074ba9] {
    margin-left: 5px;
}
.bodyList[data-v-41074ba9] {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.bodyItem[data-v-41074ba9] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /*     width: 110px; */
    /*     height: 40px; */
    border-radius: 2px;
    border: 1px solid #C0BFBF;
    padding: 1px 3px;
    margin: 5px 5px;
    color: #C0BFBF;
    box-sizing: border-box;
    font-size: 14px;
    cursor: pointer
}
.bodyItem.isSelected[data-v-41074ba9] {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBGt08ENgCAMBVDw4Fq6hSvqFq6lF80n+QYRSsFyoFjbZznonOGa1uPyVh4wWCYgMRMwxn6DKfYLzGHdYAnrAiWsGaxhTaAGU4MSti8jHDdvZ4hD2IVNg8Xt4p+ixTgd4CJILL0SmpjDOcbwnL0yMRRwEWFEPsWQ+0woYWjgymF49wJzGIHaZKx7QAljMdDSZKwJoAZjQy16SwwfuwEE8VO8nknmHwAAAABJRU5ErkJggg==) no-repeat 100% 100%;
        border: 2px solid #3FA8F9;
        padding: 0px 2px;
        color: #3FA8F9;
}
.biInput[data-v-41074ba9] {
    width: 55%;
    height: 32px;
    line-height: 32px;
    flex-grow: 1;
    box-sizing: border-box;
    padding: 0px;
    margin-right: 3px;
    border: none;
    outline: none;
    color: inherit;
    font-size: inherit;
    text-align: center;
    /*     background: transparent; */
}
.rcgTips[data-v-41074ba9] {
    margin: 0px 5px;
}



.gpscMain[data-v-6688d24d] {
    position: relative;
    font-size: 14px;
}
.rcgSpan[data-v-6688d24d] {
    display: inline-block;
}
.rcgBtn[data-v-6688d24d] {
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
    color: #3398F4;
    cursor: pointer;
    font-size: 14px;
    vertical-align: bottom;
}
.rppDiv[data-v-6688d24d] {
    position: relative;
    top: 10px;
}
.pointBar[data-v-6688d24d] {
    margin-bottom: 10px;
}



















































































































































/*  type 3.1 */
.gbtMain[data-v-35ce6b20] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
    font-size: 14px;
}
.slDiv[data-v-35ce6b20] {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.gbtBody[data-v-35ce6b20] {
    position: relative;
    display: inline-block;
    width: 90%;
}
.chargeAccount[data-v-35ce6b20] {
    position: relative;
    line-height: 1.6em;
    padding-bottom: 12px;
    font-size: 14px;
}
.chargeAccount .nameDiv[data-v-35ce6b20], .chargeAccount .valueDiv[data-v-35ce6b20] {
        display: inline-block;
        margin-left: 10px;
}
.chargeAccount .nameDiv[data-v-35ce6b20] {
        color: #8C8C8C;
}
.chargeAccount .valueDiv[data-v-35ce6b20] {
        color: #F77B39;
}
.confirmArea[data-v-35ce6b20] {
    position: relative;
}
.confirmInfo[data-v-35ce6b20] {
    position:relative;
    width: 60%;
}
.confirmInfo[data-v-35ce6b20] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.confirmInfo[data-v-35ce6b20] input:focus {
        border-color: #5B9CEE;
}
.confirmInfo[data-v-35ce6b20] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.confirmInfo[data-v-35ce6b20] input:-moz-placeholder {
    color: #C2C2C2;
}
.confirmInfo[data-v-35ce6b20] input::-moz-placeholder {
    color: #C2C2C2;
}
.confirmInfo[data-v-35ce6b20] input:-ms-input-placeholder {
    color: #C2C2C2;
}
.confirmInfo > input[data-v-35ce6b20] {
        display: block;
        width: 100%;
        margin: 5px 0px;
        padding:10px 5px;
        font-size: 13px;
}
.introArea[data-v-35ce6b20] {
    position: relative;
    /*     background: #00ff00; */
    margin-top: 30px;
    color: #8C8C8C;
    font-size: 14px;
    line-height: 1.5em
}
.introArea>div[data-v-35ce6b20]:first-child {
        padding-bottom: 5px;
}
.title[data-v-35ce6b20] {
    color: #000000;
    font-size: 14px;
    padding-bottom: 5px;
}
.pointBar[data-v-35ce6b20] {
    margin-bottom: 10px;
}






















































































































































/*  type 3.1 */
.ybtMain[data-v-6dc29bb1] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
}
.slDiv[data-v-6dc29bb1] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -10px;
    width: 20px;
}
.ybtBody[data-v-6dc29bb1] {
    position: relative;
    display: inline-block;
    width: calc(100% - 15px);
}
.chargeAccount[data-v-6dc29bb1] {
    position: relative;
    line-height: 1.6em;
    padding-bottom: 12px;
    font-size: 14px;
}
.chargeAccount .nameDiv[data-v-6dc29bb1], .chargeAccount .valueDiv[data-v-6dc29bb1] {
        display: inline-block;
        /*         margin-left: 10px; */
}
.chargeAccount .nameDiv[data-v-6dc29bb1] {
        color: #8C8C8C;
}
.chargeAccount .valueDiv[data-v-6dc29bb1] {
        color: #F77B39;
}
.seleArea[data-v-6dc29bb1] {
    position: relative;
    margin-bottom: 10px;
    /*     height: 170px; */
    height: auto;
}
.confirmArea[data-v-6dc29bb1] {
    position: relative;
}
.confirmInfo[data-v-6dc29bb1] {
    position:relative;
    width: 60%;
}
.confirmInfo[data-v-6dc29bb1] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.confirmInfo[data-v-6dc29bb1] input:focus {
        border-color: #5B9CEE;
}
.confirmInfo[data-v-6dc29bb1] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.confirmInfo[data-v-6dc29bb1] input:-moz-placeholder {
    color: #C2C2C2;
}
.confirmInfo[data-v-6dc29bb1] input::-moz-placeholder {
    color: #C2C2C2;
}
.confirmInfo[data-v-6dc29bb1] input:-ms-input-placeholder {
    color: #C2C2C2;
}
.confirmInfo > input[data-v-6dc29bb1] {
        display: block;
        width: 100%;
        margin: 5px 0px;
        padding:10px 5px;
        font-size: 13px;
}
.totArea[data-v-6dc29bb1]{
    margin-top: 10px
}
.totArea>span[data-v-6dc29bb1]:nth-child(2) {
        color: #ff0000;
}
.introArea[data-v-6dc29bb1] {
    position: relative;
    /*     background: #00ff00; */
    margin-top: 30px;
    color: #8C8C8C;
    font-size: 14px;
    line-height: 1.5em
}
.introArea>div[data-v-6dc29bb1]:first-child {
        padding-bottom: 5px;
}
.title[data-v-6dc29bb1] {
    color: #000000;
    font-size: 14px;
    padding-bottom: 5px;
}






















































































































































/*  type 3.1 */
.gvtMain[data-v-11baeacf] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
    font-size: 14px;
}
.slDiv[data-v-11baeacf] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /*     background: #00ff00; */
    width: 3.5%;
}
.gbvBody[data-v-11baeacf] {
    display: inline-block;
    position: relative;
    width: 95%;
}
.title[data-v-11baeacf] {
    font-size: 14px;
    padding-bottom: 10px;
    height: 30px;
    box-sizing: border-box;
}
.chargeAccount[data-v-11baeacf] {
    position: relative;
}
.infoDiv[data-v-11baeacf] {
    width: 100%;
    /*     background: #00ff00; */
    font-size: 14px;
    line-height: 1.8em;
    color: #808080;
}
.nameDiv[data-v-11baeacf], .valueDiv[data-v-11baeacf] {
    display: inline-block;
    vertical-align: middle;
    /*     background: #00ffff; */
}
.nameMin[data-v-11baeacf] {
    max-width: 90px;
    overflow: hidden;
    white-space: nowrap;
}
.valueDiv[data-v-11baeacf] {
    margin-left: 10px
}
.valueDiv>.value[data-v-11baeacf] {
        color: #F77B39;
}
.virtualCardSpan[data-v-11baeacf] {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    height: 24px;
    width: 160px;
    background: rgb(235, 235, 230);
    color: rgb(67, 67, 67);
    border:  1px solid rgb(210, 210, 210);
    padding: 0 5px;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
}
.virtualCardBtn[data-v-11baeacf] {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    color: white;
    background: rgb(247, 123, 57);
    border: 1px solid rgb(214, 102, 40);
    border-radius: 3px;
    padding: 0px 5px;
    margin-left: 10px;
    box-sizing: border-box;
}
.accountInfoTip[data-v-11baeacf] {
    font-size: 14px;
    /*     padding-bottom: 10px; */
    height: 45px;
    box-sizing: border-box;
    color: #808080;
}
.introArea[data-v-11baeacf] {
    position: relative;
    font-size: 14px;
}
.introArea p[data-v-11baeacf] {
    color:grey;
    font-size: 14px;
}
table[data-v-11baeacf] {
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
}
table[data-v-11baeacf], th[data-v-11baeacf], td[data-v-11baeacf] {
    border: 1px solid rgb(210, 210, 210);
    padding: 6px 47px 6px 47px;
}
.pointBar[data-v-11baeacf] {
    margin-bottom: 10px;
}










































































































































/*  type 3.1 */
.yvtMain[data-v-0771b725] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
}
.slDiv[data-v-0771b725] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /*     background: #00ff00; */
    width: 20px;
    margin-left: -10px;
}
.ybvBody[data-v-0771b725] {
    position: relative;
    display: inline-block;
    width: calc(100% - 15px);
    margin-top: -10px;
}
.seleArea[data-v-0771b725] {
    position: relative;
    margin-bottom: 10px;
    height: auto;
}
.title[data-v-0771b725] {
    font-size: 14px;
    padding-bottom: 10px;
    height: 30px;
    box-sizing: border-box;
}
.chargeAccount[data-v-0771b725] {
    position: relative;
    margin-top: 20px;
}
.infoDiv[data-v-0771b725] {
    width: 100%;
    /*     background: #00ff00; */
    font-size: 14px;
    line-height: 1.8em;
    color: #808080;
}
.nameDiv[data-v-0771b725], .valueDiv[data-v-0771b725] {
    display: inline-block;
    vertical-align: middle;
    /*     background: #00ffff; */
}
.nameMin[data-v-0771b725] {
    max-width: 90px;
    overflow: hidden;
    white-space: nowrap;
}
.valueDiv[data-v-0771b725] {
    margin-left: 10px;
    color: rgb(247, 123, 57);
}
.virtualCardSpan[data-v-0771b725] {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    height: 24px;
    width: 160px;
    background: rgb(235, 235, 230);
    color: rgb(67, 67, 67);
    border:  1px solid rgb(210, 210, 210);
    padding: 0 5px;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
}
.virtualCardBtn[data-v-0771b725] {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    color: white;
    background: rgb(247, 123, 57);
    border: 1px solid rgb(214, 102, 40);
    border-radius: 3px;
    padding: 0px 5px;
    margin-left: 10px;
    box-sizing: border-box;
}
.accountInfoTip[data-v-0771b725] {
    font-size: 14px;
    /*     padding-bottom: 10px; */
    height: 45px;
    box-sizing: border-box;
    color: #808080;
}
.introArea[data-v-0771b725] {
    position: relative;
    font-size: 14px;
}
.introArea p[data-v-0771b725] {
    color:grey;
    font-size: 14px;
}
table[data-v-0771b725] {
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
}
table[data-v-0771b725], th[data-v-0771b725], td[data-v-0771b725] {
    border: 1px solid rgb(210, 210, 210);
    padding: 6px 47px 6px 47px;
}




























































































































































































/*  type 1 */
.gccMain[data-v-13f489a6] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
    font-size: 14px;
}
.amountArea[data-v-13f489a6] {
    position: relative;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.cardBoard[data-v-13f489a6] {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    /*      justify-content: center; */
}
.cardItem[data-v-13f489a6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 10px 5px 0;
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;

    padding: 3px;
    background: transparent;
    border: 1px solid rgb(192, 192, 192)
}
.cardItem.selected[data-v-13f489a6] {
        padding: 0px;
        background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBGt08ENgCAMBVDw4Fq6hSvqFq6lF80n+QYRSsFyoFjbZznonOGa1uPyVh4wWCYgMRMwxn6DKfYLzGHdYAnrAiWsGaxhTaAGU4MSti8jHDdvZ4hD2IVNg8Xt4p+ixTgd4CJILL0SmpjDOcbwnL0yMRRwEWFEPsWQ+0woYWjgymF49wJzGIHaZKx7QAljMdDSZKwJoAZjQy16SwwfuwEE8VO8nknmHwAAAABJRU5ErkJggg==) right bottom;
        border: 2px solid rgb(63, 168, 249);
}
.cardItem > img[data-v-13f489a6] {
        height: 80%;
        width: auto;
        display: inline-block;
}
.outerContainer[data-v-13f489a6] {
    /* width: 700px; */
    width: 500px;
    height: 320px;
    overflow: hidden;
}
.gccFrame[data-v-13f489a6] {
    position: relative;
    width: 520px;
    height: 320px;
    /*      background: #00ff00; */
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 100%;
}
.loadDiv[data-v-13f489a6] {
    background: #F0F0F0;
}
.loadDiv .loadImg[data-v-13f489a6] {
        position: absolute;
        top: 40%;
        left: 50%;
        width: 20px;
        height: 20px;
        margin: -10px;
        animation: circleRoll-data-v-13f489a6 600ms linear 200ms infinite;
}
.loadDiv .loadText[data-v-13f489a6] {
        position: absolute;
        top: 55%;
        left: 50%;
        font-size: 12px;
        color: #858585;
        margin: -25px;
}
.pointBar[data-v-13f489a6] {
    margin-bottom: 10px;
}
@keyframes circleRoll-data-v-13f489a6 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}













































































































































































/*  type 1 */
.yccMain[data-v-0c871f60] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
    font-size: 14px;
}
.amountArea[data-v-0c871f60] {
    position: relative;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.cardBoard[data-v-0c871f60] {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    /*      justify-content: center; */
}
.cardItem[data-v-0c871f60] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 10px 5px 0;
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;

    padding: 3px;
    background: transparent;
    border: 1px solid rgb(192, 192, 192)
}
.cardItem.selected[data-v-0c871f60] {
        padding: 0px;
        background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAKJJREFUOBGt08ENgCAMBVDw4Fq6hSvqFq6lF80n+QYRSsFyoFjbZznonOGa1uPyVh4wWCYgMRMwxn6DKfYLzGHdYAnrAiWsGaxhTaAGU4MSti8jHDdvZ4hD2IVNg8Xt4p+ixTgd4CJILL0SmpjDOcbwnL0yMRRwEWFEPsWQ+0woYWjgymF49wJzGIHaZKx7QAljMdDSZKwJoAZjQy16SwwfuwEE8VO8nknmHwAAAABJRU5ErkJggg==) right bottom;
        border: 2px solid rgb(63, 168, 249);
}
.cardItem > img[data-v-0c871f60] {
        height: 80%;
        width: auto;
        display: inline-block;
}
.outerContainer[data-v-0c871f60] {
    /* width: 700px; */
    width: 500px;
    height: 320px;
    overflow: hidden;
}
.gccFrame[data-v-0c871f60] {
    position: relative;
    width: 520px;
    height: 320px;
    /*      background: #00ff00; */
    overflow-x: hidden;
    overflow-y: auto;
}
.loadDiv[data-v-0c871f60] {
    background: #F0F0F0;
}
.loadDiv .loadImg[data-v-0c871f60] {
        position: absolute;
        top: 40%;
        left: 50%;
        width: 20px;
        height: 20px;
        margin: -10px;
        animation: circleRoll-data-v-0c871f60 600ms linear 200ms infinite;
}
.loadDiv .loadText[data-v-0c871f60] {
        position: absolute;
        top: 55%;
        left: 50%;
        font-size: 12px;
        color: #858585;
        margin: -25px;
}
@keyframes circleRoll-data-v-0c871f60 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}








































































































































































































































































/*  type 1 */
.ggpMain[data-v-9516520a] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
    font-size: 14px;
}

/* .gtpMain>div { */
/*     padding-bottom: 10px; */
/* } */
.amountArea[data-v-9516520a] {
    position: relative;
    width: 100%;
}
.amountArea span[data-v-9516520a] {
    margin-right: 20px;
}
.pointBar[data-v-9516520a] {
    margin-bottom: 10px;
}
#googlePayButton[data-v-9516520a]{
    margin-top: 20px;
}
#googlePayButton[data-v-9516520a] .gpay-button {
    width: 180px;
    height: 45px;
}















































































































































































































































/*  type 1 */
.ygpMain[data-v-55c6130e] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
}
#googlePayButton[data-v-55c6130e]{
    margin-top: 20px;
}
#googlePayButton[data-v-55c6130e] .gpay-button {
    width: 180px;
    height: 45px;
}





















































































































































/*  type 1 */
.gbpMain[data-v-c9e29c30] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
    font-size: 14px;
}
.amountArea[data-v-c9e29c30] {
    position: relative;
    width: 100%;
}
.amountArea span[data-v-c9e29c30] {
    margin-right: 20px;
}
.pointBar[data-v-c9e29c30] {
    margin-bottom: 10px;
}
.inputArea[data-v-c9e29c30] {
    margin: 20px 0px;
}
.inputArea>input[data-v-c9e29c30] {
        display: block;
        padding:10px 5px;
        width: 50%;
        font-size: 13px;
}
.inputArea[data-v-c9e29c30] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.inputArea[data-v-c9e29c30] input:focus {
        border-color: #5B9CEE;
}
.inputArea[data-v-c9e29c30] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-c9e29c30] input:-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-c9e29c30] input::-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-c9e29c30] input:-ms-input-placeholder {
    color: #C2C2C2;
}
.emailTip[data-v-c9e29c30] {
    font-size: 14px;
    margin-bottom: 20px;
}


.ybpMain[data-v-58b94e64] {
    position: relative;
    /*      background: #00ffff; */
    width: 100%;
    height: auto;
}
.inputArea[data-v-58b94e64] {
    margin: 20px 0px;
}
.inputArea > input[data-v-58b94e64] {
        display: block;
        padding: 10px 5px;
        width: 50%;
        font-size: 13px;
}
.inputArea[data-v-58b94e64] input {
    outline:none;
    border: 1px solid #E5E5E5;
    border-radius: 3px
}
.inputArea[data-v-58b94e64] input:focus {
        border-color: #5B9CEE;
}
.inputArea[data-v-58b94e64] input::-webkit-input-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-58b94e64] input:-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-58b94e64] input::-moz-placeholder {
    color: #C2C2C2;
}
.inputArea[data-v-58b94e64] input:-ms-input-placeholder {
    color: #C2C2C2;
}
.emailTip[data-v-58b94e64] {
    font-size: 14px;
}




















































































































/* type 1 */
.vmaMain[data-v-9f8538b4] {
    position: relative;
    /*      background: #00ff00; */
    width: 100%;
    height: 100%;
    padding: 0px 40px;
    overflow: auto;
    box-sizing: border-box
}
.vmaMain>div[data-v-9f8538b4] {
        padding: 30px 0px 50px 0px;
}
.vmaMain[data-v-9f8538b4] {

    /* &:hover {
       overflow-y: auto;
       } */
}
.mobileStyle[data-v-9f8538b4] {
    overflow-y: auto;
}



.lmMain[data-v-21bd3aeb] {
    transition: width 0.2s;
    background-color: #1e1e1e;
    width: 90px;
    height: 100%;
    text-align: center;
    position: relative;
}
.lmMainHide[data-v-21bd3aeb] {
    width: 0;
}
.lmMain #logo[data-v-21bd3aeb] {
    display: inline-block;
    width: 90%;
    margin-top: 5vh;
}
.lmMain #logo img[data-v-21bd3aeb]{
    width: 100%;
}
.lmMain #playerAvatar[data-v-21bd3aeb] {
    width: 65%;
    margin-top: 3vh;
}
.lmMain #playerName[data-v-21bd3aeb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lmMain #serverInfo[data-v-21bd3aeb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lmMain ul[data-v-21bd3aeb] {
    margin-top: 4vh;
    text-align: left;
    overflow: hidden;
}
.lmMain li[data-v-21bd3aeb] {
    display: flex;
    align-items: center;
    height: 20px;
    margin: 0 0 10px 0;
    padding-left: 5px;
}
.lmMain li[data-v-21bd3aeb]:hover {
    background: #2e2e2e;
}
.lmMain li>img[data-v-21bd3aeb] {
    width: 20px;
    margin-right: 5px;
}
.lmMain a[data-v-21bd3aeb],
.lmMain a[data-v-21bd3aeb]:visited,
.lmMain a[data-v-21bd3aeb]:hover {
    color: white;
    text-decoration: none;
}
.lmMain #lmHideBtn[data-v-21bd3aeb] {
    cursor: pointer;
    width: 18px;
    position: absolute;
    bottom: 1vh;
    left: 35px;
    float: bottom;
}
#lmShowBtn[data-v-21bd3aeb] {
    z-index: 9;
    position: absolute;
    height: 50px;
    width: 18px;
    border-radius: 0 5px 5px 0;
    top: 46%;
    left: 0;
    background: #171717;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
#lmShowBtn img[data-v-21bd3aeb] {
    width: 10px
}
.downloadImg img[data-v-21bd3aeb]{
    width: 80px;
    margin:0 auto 20px;
}

.bindGuide[data-v-7891f574] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6rem;
  padding: 0.2rem 0 0.35rem 0;
  background: #fff;
  border-radius: 0.1rem;
  text-align: center;
  transform: translate(-50%, -50%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.title[data-v-7891f574] {
  position: relative;
  margin: 0 0.45rem 0 0.45rem;
  font-size: 0.25rem;
  font-weight: bold;
  text-align: left;
}
.logo[data-v-7891f574] {
  position: relative;
  margin-top: 0.4rem;
}
.logo > img[data-v-7891f574] {
  width: 1.5rem;
  height: auto;
}
.name[data-v-7891f574] {
  position: relative;
  font-size: 0.25rem;
  font-weight: bold;
}
.text[data-v-7891f574] {
  position: relative;
  color: #808080;
  font-size: 0.18rem;
}
.loginTitle[data-v-7891f574] {
  position: relative;
  /*     background: #00ff00; */
  margin: 0.35rem 0.45rem 0 0.45rem;
}
.bgLine[data-v-7891f574] {
  position: absolute;
  top: 50%;
  width: 100%;
  /*     background: #ff0000; */
  height: 1px;
  background: #e5e5e5;
}
.loginTip[data-v-7891f574] {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  background: #fff;
  color: #000;
  font-size: 0.25rem;
  white-space: nowrap;
}
.fbLoginBtn[data-v-7891f574],
.ggLoginBtn[data-v-7891f574] {
  position: relative;
  /*     width: 5.19rem; */
  height: 0.74rem;
  /*     top: 1rem; */
  margin: 0.18rem 0.45rem 0 0.45rem;
  border-radius: 0.05rem;
  color: #fff;
  font-size: 0.23rem;
  text-align: left;
}
.fbLoginBtn > img[data-v-7891f574],
.ggLoginBtn > img[data-v-7891f574] {
  position: relative;
  top: 30%;
  width: auto;
  height: 40%;
  margin-left: 31.5%;
  vertical-align: top;
}
.fbLoginBtn > span[data-v-7891f574],
.ggLoginBtn > span[data-v-7891f574] {
  position: relative;
  height: 0.74rem;
  padding-left: 0.5rem;
  line-height: 0.74rem;
}
.guestLoginBtn[data-v-7891f574] {
  background: #808080;
}
.fbLoginBtn[data-v-7891f574] {
  background: #338aec;
}
.ggLoginBtn[data-v-7891f574] {
  background: #dd4b39;
}
.fbLoginBtn[data-v-7891f574]:hover {
  background: #529aec;
  transition: background 0.2s;
}
.ggLoginBtn[data-v-7891f574]:hover {
  background: #e86d5c;
  transition: background 0.2s;
}


.helpArticle[data-v-410277a7] {
    height: calc(100% - 115px);
    overflow: auto;
    padding: 30px 20px;
}
.articleTitle[data-v-410277a7] {
    border-bottom: 1px solid #eeeeee;
    color: #707070;
    font-size: 18px;
    font-weight: 600;
}
.helpArticle > pre[data-v-410277a7] {
    color: #535353;
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.articleTime[data-v-410277a7] {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 15px;
}


.helpArticleList[data-v-59f8b873] {
    display: flex;
    font-size: 15px;
    height: calc(100% - 56px);
}
.topicList[data-v-59f8b873] {
    border-right: 1px solid #eeeeee;
    width: 154px;
    overflow: hidden;
}
.topicList li[data-v-59f8b873] {
    align-items: center;
    color: #626262;
    cursor: pointer;
    display: flex;
    height: 58px;
    padding-left: 20px;
    padding-right: 5px;
    position: relative;
}
.topicList li > span[data-v-59f8b873],
.titleList li > span[data-v-59f8b873] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.topicList li > span[data-v-59f8b873] {
    font-weight: 600;
    margin-left: 15px;
}
.topicList li[data-v-59f8b873]:not(:first-child) {
    border-top: 1px solid #eeeeee;
}
.topicList img[data-v-59f8b873] {
    width: 15px;
}
.topicList svg[data-v-59f8b873] {
    fill: currentColor;
    width: 15px;
}
.topicList svg path[data-v-59f8b873],
svg circle[data-v-59f8b873] {
    fill: inherit;
}
.titleList[data-v-59f8b873] {
    flex-basis: 74%;
    height: calc(100% - 32px);
    overflow: hidden;
    padding-top: 16px;
    padding-left: 26px;
}
.titleList li[data-v-59f8b873] {
    align-items: center;
    border-bottom: 1px dashed #a0a0a0;
    color: #535353;
    cursor: pointer;
    display: flex;
    height: 42px;
    width: 470px;
}
.titleList li[data-v-59f8b873]:before {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 3px;
    margin-right: 4px;
    width: 3px;
}
.titleList[data-v-59f8b873]:hover,
.topicList[data-v-59f8b873]:hover {
    overflow-y: auto;
}
.topicActive[data-v-59f8b873] {
    background-color: #f9f9f9;
    border-left: 5px solid #ffd56d;
    color: #338aec !important;
}
.topicActive[data-v-59f8b873]:after {
    background: white;
    content: "";
    display: inline-block;
    height: 58px;
    position: fixed;
    transform: translateX(127px);
    width: 5px;
}
.titleList li[data-v-59f8b873]:hover,
.topicList li[data-v-59f8b873]:hover {
    color: #338aec;
}
#listMore > div[data-v-59f8b873] {
    align-items: center;
    background-color: rgb(210, 210, 210);
    color: white;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
}
#listMore[data-v-59f8b873] {
    border-bottom: 0;
    cursor: default;
}
#listMore[data-v-59f8b873]:before {
    display: none;
}


.helpArticleViewPc[data-v-00352940] {
    background-color: white;
    height: 500px;
    width: 690px;
    overflow: auto;
}
.title[data-v-00352940] {
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    color: #313131;
    display: flex;
    font-size: 16px;
    height: 24px;
    justify-content: space-between;
    padding: 15px 20px;
    position: relative;
}
.title[data-v-00352940]:after {
    background-image: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0),
        rgba(243, 243, 243, 1)
    );
    content: "";
    display: inline-block;
    height: 8px;
    left: 0%;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
}
.back[data-v-00352940] {
    color: #bfbfbf;
    cursor: pointer;
    font-size: 14px;
}
.close[data-v-00352940] {
    color: rgb(86, 86, 86);
    cursor: pointer;
    font-size: 28px;
    margin-top: -5px;
}


.goodsInfo1[data-v-672af68d] {
    margin-left: 20px;
}
.goodsName[data-v-672af68d] {
    font-size: 16px;
    font-weight: 600;
}
.userName[data-v-672af68d]{
    font-size: 12px;
    color: rgb(191, 191, 191);
}
.goodsInfo1 .goodsAccount[data-v-672af68d] {
    color: rgb(191, 191, 191);
}
.goodsInfo2[data-v-672af68d] {
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.goodsInfo2 .goodsPrice[data-v-672af68d] {
    font-size: 30px;
    color: rgb(27, 27, 27);
}
.goodsInfo2 .currency[data-v-672af68d] {
    color: rgb(149, 149, 149);
    margin-right: 20px;
    position: relative;
}
.goodsInfo2 .currency select[data-v-672af68d] {
    height: 100%;
    left: 0rem;
    opacity: 0;
    position: absolute;
    top: 0rem;
    width: 120%;
    z-index: 1;
}
.goodsInfo2 .giftCurrency[data-v-672af68d]:after {
    border: 5px solid transparent;
    border-top: 7px solid rgb(149, 149, 149);
    content: "";
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 7px;
    cursor: pointer;
}
.rebateRatio[data-v-672af68d]{
    background-color:#ff0000;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    padding: 1px 3px;
    font-weight: normal;
    vertical-align: 1px;
}




















































































































































































































/* type4 */
.tmaMain[data-v-0f136449] {
    position: relative;
    display: none;
}



.ppMain[data-v-6685b65e] {
    position: absolute;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 720px;
    height: 580px;
    font-size: 14px;
    color: rgb(67, 67, 67);
    overflow: visible;
}
.titleRow[data-v-6685b65e] {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 5px 10px -4px #f0f0f0;
    border-bottom: 1px solid rgb(229, 229, 229);
    box-sizing: border-box;
}
.titleRow .closeBtn[data-v-6685b65e] {
    position: absolute;
    display: inline-block;
    color: #808080;
    width: 1em;
    height: 1em;
    line-height: 1em;
    top: 0px;
    bottom: 0px;
    right: 10px;
    margin: auto;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;

    background: #f4f4f4
}
.titleRow .closeBtn[data-v-6685b65e]:hover {
        background: #e8e8e8;
}
.ppbDiv[data-v-6685b65e] {
    position: relative;
    width: 100%;
    height: 90px;
}
.payPriceBoard[data-v-6685b65e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    background: rgb(249, 249, 249);
    border-top: solid 1px #E9E9E9;
    border-bottom: solid 1px #E9E9E9;
    box-sizing: border-box;
}
.pmaDiv[data-v-6685b65e] {
    position: relative;
    width: 100%;
    /* 高度通过程序控制 */
    height: 450px;
    flex-grow: 1;
}
.lfDiv[data-v-6685b65e] {
    position: relative;
    /*     background: #00ff00; */
    width: 210px;
    height: 100%;
}
.rsbDiv[data-v-6685b65e] {
    position: relative;
    height: 40px;
    border-right: solid 1px #E9E9E9;
}
.lmaDiv[data-v-6685b65e] {
    position: absolute;
    top: 40px;
    bottom: 0px;
    width: 100%;
}
.vmaDiv[data-v-6685b65e] {
    position: absolute;
    /*     background: #00ff00; */
    top: 0px;
    left: 210px;
    right: 0px;
    height: 100%;
}
.tmaDiv[data-v-6685b65e] {
    display: none;
}
.payResult[data-v-6685b65e] {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(204, 204, 204, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.fbToken[data-v-6685b65e] {
    width: 465px;
    height: 400px;
}
.fbTokenConfirm[data-v-6685b65e]{
    height: calc(100% - 60px);
    margin-top: 0;
    width: 430px;
}



.chromeTipsMask[data-v-772c3a98] {
    width: 100%;
    height: 100%;
}

/* pc样式 */
.chromeTips[data-v-772c3a98] {
    background: #000000;
    position: fixed;
    top: 1.4rem;
    /* 2020-01-15 优化：改为px值避免遮挡chrome菜单*/
    right: 320px;
    color: #f6e88f;
    z-index: 999;
    box-shadow: 0 0 0 2px #ca9b59, 0 0 0 4px #f6e88f, 0 0 0 5px #000000;
    display: flex;
    align-items: center;
    padding: 0.1rem;
}
.chromeTipsArc[data-v-772c3a98] {
    position: absolute;
    top: -1.2rem;
    right: -280px;
    height: 1rem;
    width: 300px;
}
.chromeTips > .tipLogo[data-v-772c3a98] {
    margin: 0 0.1rem;
    width: 1.4rem;
    height: 1.4rem;
}
.chromeTips > div[data-v-772c3a98] {
    width: 4.5rem;
    font-size: 0.24rem;
    display: inline-block;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}


.safari-screen-tip[data-v-05e27d05] {
    position: fixed;
    background: #cecece;
    bottom: 0.2rem;
    color: black;
    z-index: 999;
    border-radius: 0.05rem;
}
.safari-screen-tip[data-v-05e27d05]:after {
    content: "";
    border-top: 0.15rem solid #cecece;
    border-left: 0.15rem solid transparent;
    border-right: 0.15rem solid transparent;
    position: fixed;
    bottom: 0.08rem;
    left: 50%;
    margin-left: -0.15rem;
}
.safari-screen-tip>img[data-v-05e27d05] {
    margin: 0.1rem 0 0 0.15rem;
    width: 0.7rem;
}
.safari-screen-tip>div[data-v-05e27d05] {
    font-size: 0.25rem;
    display: inline-block;
}
.safari-screen-tip>div>img[data-v-05e27d05] {
    position: relative;
    top: 0;
    left: 0.2rem;
    width: 0.22rem;
}
.safari-screen-tip>b[data-v-05e27d05] {
    position: absolute;
    top: 0;
    right: 0.1rem;
    font-size: 0.4rem;
    height: 0.4rem;
    line-height: 1;
}


/* type 1 */
.maMain[data-v-ded3c38c] {
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
#game-iframe[data-v-ded3c38c] {
  position: absolute;
  width: 100%;
  height: 100%;
}
#sdkPage[data-v-ded3c38c] {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.container[data-v-ded3c38c] {
  display: flex;
  height: 100%;
  color: white;
}
.container .right[data-v-ded3c38c] {
  position: relative;
  width: 10%;
  height: 100%;
  flex-grow: 1;
}

.mainApp {
    height: 100%;
}
#game-iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.container {
    display: flex;
    height: 100%;
    color: white
}

.center {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.spaceBetween {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
}

.font1 {
    color: rgb(0, 0, 0);
    font-size: 0.26rem;
}

.font2 {
    color: rgb(149, 149, 149);
    font-size: 0.24rem;
}

.font3 {
    color: rgb(0, 0, 0);
    font-size: 0.45rem;
    font-weight: bolder;
}

.visibilityHidden {
    visibility: hidden;
}

.hidden {
    display: none;
}

.rotate1-enter {
    transform: scaleY(0);
}

.rotate1-enter-active {
    transition: transform 0.3s;
}

.opacity1-leave-to {
    opacity: 0;
}

.opacity1-leave-active {
    transition: opacity 0.5s;
}

.translate1-enter-active .translate1-leave-active {
    transition: transform 0.5s;
}

.translate1-enter .translate1-leave-to {
    transform: translateX(100%);
}

.translate2-enter-active .translate2-leave-active {
    transition: max-height 0.4s, opacity 0.4s;
}

.translate2-enter .translate2-leave-to {
    max-height: 0 !important;
    opacity: 0;
}
.yellow{
    color: rgb(255, 114, 0)
}
.blue{
    color: rgb(51, 138, 236);
}


input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgb(192, 196, 204);
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgb(192, 196, 204);
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgb(192, 196, 204);
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgb(192, 196, 204);
}

input::-ms-input-placeholder {
    /* Edge */
    color: rgb(192, 196, 204);
}
* {
    box-sizing: content-box;
    margin: 0;
    padding: 0
}

html, body {
    font-family: "Roboto", "sans-serif", "Microsoft YaHei", "PingFang SC ExtraLight";
    height: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}