.content-box__content .enterRole {
    margin-top: 5px;
    color: #008c0b;
    word-break: break-word
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 0 10px 10px;
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 30px;
}

.mobile .pmt-method-group .pmt-group__content-mobile[data-v-a22ed5e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__img {
    background-image: url(https://pay.zing.vn/primo/static/img/payment-group.png?ts=161321_20210401);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 120px;
    width: 40px;
    height: 40px;
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__img.free-icon-small {
    background-position: -40px -120px;
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__img.zalopay-icon-small, [data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__img.zalopay_54-icon-small {
    background-position: 0 -120px;
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__img.card-icon-small {
    background-position: -40px -80px;
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__img.bank-icon-small {
    background-position: -80px -80px;
}

.content-box.disabled .mask[data-v-8a6e3ea8] {
    height: 100%;
    z-index: 1;
}

.content-box[data-v-8a6e3ea8] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    width: 770px;
    min-height: 130px;
    padding: 30px 80px 30px 80px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d3dce6;
    -webkit-box-shadow: 0 0 5px rgb(211 220 230 / 90%);
    box-shadow: 0 0 5px rgb(211 220 230 / 90%);
    margin-bottom: 30px;
    position: relative;
}

.content-box__header[data-v-8a6e3ea8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 14px;
}

.content-box .mask[data-v-8a6e3ea8] {
    background: rgba(211,220,230,.5);
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: 0;
    cursor: not-allowed;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.content-box__header-number[data-v-8a6e3ea8] {
    color: #e26900;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.content-box__header>span[data-v-8a6e3ea8] {
    font-weight: 700;
    line-height: 22px;
}

.content-box__header-content[data-v-8a6e3ea8] {
    margin-left: 8px;
}

.list-info[data-v-4a4cc170] {
    padding: 16px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.list-info .package-item[data-v-4a4cc170] {
    border: none;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
}

.confirm .info-detail {
    padding-left: 30px;
}

.list-info .info-detail p[data-v-4a4cc170] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    font-weight: 400;
}

.list-info p {
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
}

.list-info .info-detail p[data-v-4a4cc170] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    font-weight: 400;
}

.mobile .content-box[data-v-8a6e3ea8] {
    padding: 20px;
}

.container.mobile .content-box {
    max-width: 350px;
    margin: 0 auto 20px auto;
    width: unset;
}

.mobile .content-box {
    padding: 20px 10px;
}

.list-info p {
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
}

.content-box[data-v-08262c24] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    width: 770px;
    min-height: 130px;
    padding: 30px 80px 30px 80px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d3dce6;
    -webkit-box-shadow: 0 0 5px rgba(211,220,230,.9);
    box-shadow: 0 0 5px rgba(211,220,230,.9);
    margin-bottom: 30px;
    position: relative
}

.content-box .mask[data-v-08262c24] {
    background: rgba(211,220,230,.5);
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: 0;
    cursor: not-allowed;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.content-box.disabled .mask[data-v-08262c24] {
    height: 100%;
    z-index: 1
}

.content-box.error[data-v-08262c24] {
    border-color: #ff4949;
    -webkit-box-shadow: 0 0 5px rgba(255,73,73,.9);
    box-shadow: 0 0 5px rgba(255,73,73,.9)
}

.content-box__header[data-v-08262c24] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 14px
}

.content-box__header .IdentificationCustomInfo[data-v-08262c24] {
    margin-left: auto
}

.content-box__header>span[data-v-08262c24] {
    font-weight: 700;
    line-height: 22px
}

.content-box__header-number[data-v-08262c24] {
    color: #e26900;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.content-box__header-number[data-v-08262c24]:after {
    content: "."
}

.content-box__header-content[data-v-08262c24] {
    margin-left: 8px
}

.mobile .content-box[data-v-08262c24] {
    padding: 20px
}

.package-item {
    max-width: var(--product-image-width);
    height: var(--product-image-height);
    display: block;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.package-item .promotion-item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 10px
}

.package-item .promotion-item img {
    max-width: 40px;
    margin-left: 5px;
    height: auto
}

.package-item .promotion-item .badge {
    height: 30px;
    width: 38px
}

.package-item .promotion-item .badge:nth-of-type(2) {
    margin: 0 10px
}

.package-item .promotion-item .badge-gift,.package-item .promotion-item .badge-hot,.package-item .promotion-item .badge-new {
    height: 100%;
    position: relative;
    -webkit-filter: drop-shadow(0 2px 4px rgba(69,69,69,.5))
}

.package-item .promotion-item .badge-gift:after,.package-item .promotion-item .badge-hot:after,.package-item .promotion-item .badge-new:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-left: 19px solid;
    border-right: 19px solid
}

.package-item .promotion-item .badge-gift:before,.package-item .promotion-item .badge-hot:before,.package-item .promotion-item .badge-new:before {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 10px
}

.package-item .promotion-item .badge-gift {
    background-color: rgba(236,145,0,.9)
}

.package-item .promotion-item .badge-gift:after {
    border-left-color: rgba(236,145,0,.9);
    border-right-color: rgba(236,145,0,.9)
}

.package-item .promotion-item .badge-gift:before {
    content: "\e74c";
    font-family: element-icons
}

.package-item .promotion-item .badge-new {
    background-color: rgba(88,123,200,.9)
}

.package-item .promotion-item .badge-new:after {
    border-left-color: rgba(88,123,200,.9);
    border-right-color: rgba(88,123,200,.9)
}

.package-item .promotion-item .badge-new:before {
    content: "NEW"
}

.package-item .promotion-item .badge-hot {
    background-color: rgba(211,33,33,.9)
}

.package-item .promotion-item .badge-hot:after {
    border-left-color: rgba(211,33,33,.9);
    border-right-color: rgba(211,33,33,.9)
}

.package-item .promotion-item .badge-hot:before {
    content: "HOT"
}

.package-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.3);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.package-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.package-item:hover {
    border-color: #22a0ea;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: rgba(4,118,184,.2) 0 2px 5px;
    box-shadow: 0 2px 5px rgba(4,118,184,.2)
}

.package-item:hover .itemSelected {
    opacity: 1;
    bottom: 10px;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.package-item:hover .itemSelected.isCustomSize {
    top: 50%;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    opacity: .9
}

.package-item:hover:before {
    opacity: 1
}

.package-item .itemSelected {
    position: absolute;
    right: 12px;
    bottom: -40px;
    background: #22a0ea;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
    padding-top: 3px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 5px;
    cursor: pointer
}

.package-item .itemSelected i {
    display: block;
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 30px;
    color: #fff
}

.package-item .itemSelected .isSelect,.package-item .itemSelected .receive {
    display: none
}

.package-item.promotion .itemSelected .receive {
    display: block
}

.package-item.promotion .itemSelected .notSelect {
    display: none
}

.package-item.selected .itemSelected {
    opacity: 1;
    bottom: 10px;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #38be84
}

.package-item.selected .itemSelected.isCustomSize {
    top: 50%;
    -webkit-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    opacity: .9
}

.package-item.selected .itemSelected .isSelect {
    display: block
}

.package-item.selected .itemSelected .notSelect,.package-item.selected .itemSelected .receive {
    display: none
}

.package-item.el-loading div {
    width: 100%;
    background: #919191;
    -webkit-animation: card-loading 1.5s ease infinite;
    animation: card-loading 1.5s ease infinite;
    height: var(--product-image-height)
}

.button[data-v-1d800634] {
    padding: 10px;
    min-width: 120px;
    background: #e26900;
    border: 1px solid #e26900;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px
}

.button[data-v-1d800634]:hover {
    background: rgba(226,105,0,.8)
}

.button[data-v-1d800634] span {
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.button[data-v-1d800634] i {
    font-size: 16px;
    font-weight: 300;
    color: rgba(219,31,31,.9)
}

.button[data-v-1d800634] i,.button[data-v-1d800634] img {
    margin-right: 4px;
    display: inline-block;
    vertical-align: bottom
}

.button[data-v-1d800634] img {
    height: 18px
}

.button.around[data-v-1d800634],.button.default[data-v-1d800634] {
    padding: 0;
    height: 30px;
    border-radius: 16px
}

.button.around[data-v-1d800634] span,.button.default[data-v-1d800634] span {
    font-size: 12px
}

.button.default[data-v-1d800634] {
    border: 1px solid #c8c8c8;
    background-color: #fff
}

.button.default[data-v-1d800634] span {
    color: #454545
}

.button.default[data-v-1d800634]:hover {
    border-color: #e26900;
    background: rgba(226,105,0,.8)
}

.button.default[data-v-1d800634]:hover span {
    color: #fff
}

.button.star[data-v-1d800634] {
    text-align: left
}

.button.star i[data-v-1d800634] {
    font-size: 10px;
    color: rgba(219,31,31,.9)
}

.button.star[data-v-1d800634] span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px
}

.button.disabled[data-v-1d800634] {
    border: 1px solid #c8c8c8;
    background: #fff;
    pointer-events: none
}

.button.disabled[data-v-1d800634] span {
    color: #989898
}

.button.selected[data-v-1d800634] {
    background-color: #e26900;
    border-color: #e26900
}

.button.selected[data-v-1d800634] span {
    color: #fff
}

.button.no-icon[data-v-1d800634] span i,.button.no-icon[data-v-1d800634] span img {
    display: none
}

.mobile .content-box[data-v-303d65a0] {
    padding: 20px 10px
}

@media (max-width: 320px) {
    .el-col-12[data-v-303d65a0] {
        width:80%;
        display: block;
        margin: auto;
        float: none
    }

    .pmt-group[data-v-303d65a0] {
        padding-left: 0!important
    }

    .pmt-group__name[data-v-303d65a0] {
        margin-left: 10px!important
    }
}

@media (min-width: 321px) and (max-width:414px) {
    .pmt-group[data-v-303d65a0] {
        padding-left:10px!important
    }

    .pmt-group__name[data-v-303d65a0] {
        margin-left: 10px!important
    }
}

.packageGroup[data-v-303d65a0] {
    margin-bottom: 30px
}

.packageGroup .el-button+.el-button[data-v-303d65a0] {
    margin-left: unset
}

.packageGroup .el-button[data-v-303d65a0] {
    margin: 10px 10px 0 0;
    min-width: unset
}

.packageGroup .el-button.around[data-v-303d65a0] {
    height: unset;
    padding: 5px 10px
}

.slideDot[data-v-303d65a0] {
    position: relative;
    top: 10px;
    height: 10px;
    padding-bottom: 40px;
    text-align: center;
    margin-top: 10px
}

.slideDot .dot[data-v-303d65a0] {
    -webkit-transition: all 1s;
    transition: all 1s;
    cursor: pointer;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 10px;
    background-color: rgba(226,105,0,.3);
    display: inline-block
}

.slideDot .dot.current[data-v-303d65a0] {
    background-color: #e26900
}

.fadeLeft[data-v-303d65a0] {
    -webkit-animation-name: fadeLeft;
    animation-name: fadeLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.fadeRight[data-v-303d65a0] {
    -webkit-animation-name: fadeRight;
    animation-name: fadeRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.pmt-method[data-v-25ac3c6e] {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.pmt-method [data-v-25ac3c6e] {
    -webkit-transition: all .3s,background-position 0s;
    transition: all .3s,background-position 0s
}

.pmt-method:hover .pmt-method__name[data-v-25ac3c6e] {
    background-color: #fff6e1
}

.pmt-method.selected[data-v-25ac3c6e] {
    border-color: #e26900
}

.pmt-method.selected .pmt-method__name[data-v-25ac3c6e] {
    border-color: #e26900;
    background-color: #e26900
}

.pmt-method.selected .pmt-method__name [data-v-25ac3c6e] {
    color: #fff
}

.pmt-method.disabled[data-v-25ac3c6e],.pmt-method.maintain[data-v-25ac3c6e] {
    pointer-events: none;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.pmt-method__name[data-v-25ac3c6e] {
    border-top: 1px solid #c8c8c8;
    background-color: #ebebeb;
    border-radius: 0 0 4px 4px;
    text-align: left;
    padding: 4px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap
}

.pmt-method__name [data-v-25ac3c6e] {
    word-break: break-word;
    font-size: 12px
}

.pmt-method__info[data-v-25ac3c6e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 2px 8px
}

.pmt-method__info .pmt__img.payzing[data-v-25ac3c6e] {
    background-image: url(../../../pay.zing.vn/primo/static/img/icon-pack-vn4937.png?ts=102614_20201207);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 590px;
    max-width: 40px;
    height: 40px;
    display: inline-block;
    width: 100%;
    border-radius: 4px
}

.pmt-method__info .pmt__img.payzing.zalopay.icon-38[data-v-25ac3c6e] {
    background-position: 0 0
}

.pmt-method__info .pmt__img.payzing.sms.icon-53[data-v-25ac3c6e] {
    background-position: -50px -250px
}

.pmt-method__info .pmt__img.payzing.sms.icon-59[data-v-25ac3c6e],.pmt-method__info .pmt__img.payzing.sms.icon-60[data-v-25ac3c6e] {
    background-position: -150px -250px
}

.pmt-method__info .pmt__img.payzing.sms.icon-64[data-v-25ac3c6e],.pmt-method__info .pmt__img.payzing.sms.icon-65[data-v-25ac3c6e] {
    background-position: -100px -250px
}

.pmt-method__info .pmt__img.payzing.smsvt.icon-53[data-v-25ac3c6e],.pmt-method__info .pmt__img.payzing.smsvt.icon-62[data-v-25ac3c6e] {
    background-position: -50px -250px
}

.pmt-method__info .pmt__img.payzing.smsvnpt.icon-59[data-v-25ac3c6e],.pmt-method__info .pmt__img.payzing.smsvnpt.icon-60[data-v-25ac3c6e],.pmt-method__info .pmt__img.payzing.smsvnpt.icon-63[data-v-25ac3c6e] {
    background-position: -150px -250px
}

.pmt-method__info .pmt__img.payzing.smsmobi.icon-64[data-v-25ac3c6e],.pmt-method__info .pmt__img.payzing.smsmobi.icon-65[data-v-25ac3c6e] {
    background-position: -100px -250px
}

.pmt-method__info .pmt__img.payzing.card.icon-1[data-v-25ac3c6e] {
    background-position: -50px -50px
}

.pmt-method__info .pmt__img.payzing.bank.icon-DAB[data-v-25ac3c6e] {
    background-position: -100px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-NASB[data-v-25ac3c6e] {
    background-position: -100px -200px
}

.pmt-method__info .pmt__img.payzing.bank.icon-MSB[data-v-25ac3c6e] {
    background-position: -500px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-ACB[data-v-25ac3c6e] {
    background-position: -400px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-EIB[data-v-25ac3c6e] {
    background-position: -350px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-VCB[data-v-25ac3c6e] {
    background-position: -50px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-TCB[data-v-25ac3c6e] {
    background-position: -200px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-SCB[data-v-25ac3c6e] {
    background-position: -450px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-GPB[data-v-25ac3c6e] {
    background-position: -350px -150px
}

.pmt-method__info .pmt__img.payzing.bank.icon-VAB[data-v-25ac3c6e] {
    background-position: -200px -150px
}

.pmt-method__info .pmt__img.payzing.bank.icon-PGB[data-v-25ac3c6e] {
    background-position: -550px -150px
}

.pmt-method__info .pmt__img.payzing.bank.icon-NAB[data-v-25ac3c6e] {
    background-position: -400px -150px
}

.pmt-method__info .pmt__img.payzing.bank.icon-VIB[data-v-25ac3c6e] {
    background-position: -550px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-OCB[data-v-25ac3c6e] {
    background-position: 0 -200px
}

.pmt-method__info .pmt__img.payzing.bank.icon-VTB[data-v-25ac3c6e] {
    background-position: -150px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-VPB[data-v-25ac3c6e] {
    background-position: -50px -150px
}

.pmt-method__info .pmt__img.payzing.bank.icon-OJB[data-v-25ac3c6e] {
    background-position: -100px -150px
}

.pmt-method__info .pmt__img.payzing.bank.icon-TPB[data-v-25ac3c6e] {
    background-position: -50px -200px
}

.pmt-method__info .pmt__img.payzing.bank.icon-HDB[data-v-25ac3c6e] {
    background-position: -150px -150px
}

.pmt-method__info .pmt__img.payzing.bank.icon-BIDV[data-v-25ac3c6e] {
    background-position: -300px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-VARB[data-v-25ac3c6e] {
    background-position: -250px -100px
}

.pmt-method__info .pmt__img.payzing.bank.icon-NVB[data-v-25ac3c6e] {
    background-position: -250px -150px
}

.pmt-method__info .pmt__img.payzing.bank.icon-ABB[data-v-25ac3c6e] {
    background-position: -300px -150px
}

.pmt-method__info .pmt__img.payzing.bank.icon-MB[data-v-25ac3c6e] {
    background-position: 0 -150px
}

.pmt-method__info .pmt__img.payzing.credit.icon-52[data-v-25ac3c6e] {
    background-position: 0 -300px
}

.pmt-method__info .pmt__img.payzing.promotion.icon-free[data-v-25ac3c6e] {
    background-position: -550px -500px
}

.pmt-method__info .pmt__img.payzing.userwallet.icon-userbalance[data-v-25ac3c6e] {
    background-position: 0 -350px
}

.pmt-method__info .pmt__img.payzing.free.icon-free[data-v-25ac3c6e] {
    background-position: -550px -500px
}

.pmt-method__info .pmt__img.shopvnggames[data-v-25ac3c6e] {
    background-image: url(https://pay.zing.vn/primo/static/img/icon-pack.png?ts=102614_20201207);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 590px;
    max-width: 40px;
    height: 40px;
    display: inline-block;
    width: 100%;
    border-radius: 4px
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-unipinwallet[data-v-25ac3c6e] {
    background-position: 0 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-unipingiftcardwallet[data-v-25ac3c6e] {
    background-position: -50px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-gopay[data-v-25ac3c6e] {
    background-position: -100px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-truewallet[data-v-25ac3c6e] {
    background-position: -150px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-doku[data-v-25ac3c6e] {
    background-position: -200px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-zgoldmolpoints[data-v-25ac3c6e] {
    background-position: -250px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-paypal[data-v-25ac3c6e] {
    background-position: -300px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-wavemoney[data-v-25ac3c6e] {
    background-position: -350px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-gcash[data-v-25ac3c6e] {
    background-position: -400px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-mpay[data-v-25ac3c6e] {
    background-position: -500px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-gudang[data-v-25ac3c6e] {
    background-position: -550px 0
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-ovo[data-v-25ac3c6e],.pmt-method__info .pmt__img.shopvnggames.wallet.icon-ovo_wallet[data-v-25ac3c6e] {
    background-position: 0 -50px
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-linkaja[data-v-25ac3c6e] {
    background-position: -50px -50px
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-dana[data-v-25ac3c6e] {
    background-position: -150px -50px
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-linepay[data-v-25ac3c6e] {
    background-position: -200px -50px
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-grabpay[data-v-25ac3c6e] {
    background-position: -300px -50px
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-tng[data-v-25ac3c6e] {
    background-position: -350px -50px
}

.pmt-method__info .pmt__img.shopvnggames.wallet.icon-boost[data-v-25ac3c6e] {
    background-position: -400px -50px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-xl[data-v-25ac3c6e] {
    background-position: 0 -100px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-telkomsel[data-v-25ac3c6e] {
    background-position: -50px -100px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-smsweb[data-v-25ac3c6e] {
    background-position: -100px -100px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-tri[data-v-25ac3c6e] {
    background-position: -150px -100px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-indosat[data-v-25ac3c6e] {
    background-position: -200px -100px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-mpt[data-v-25ac3c6e] {
    background-position: -400px -100px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-telenor[data-v-25ac3c6e] {
    background-position: -450px -100px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-ooredoo[data-v-25ac3c6e] {
    background-position: -500px -100px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-smart[data-v-25ac3c6e] {
    background-position: -550px -100px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-globe[data-v-25ac3c6e] {
    background-position: 0 -150px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-smartfren[data-v-25ac3c6e] {
    background-position: -50px -150px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-mytel[data-v-25ac3c6e] {
    background-position: -100px -150px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-singtel[data-v-25ac3c6e] {
    background-position: -150px -150px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-starhub[data-v-25ac3c6e] {
    background-position: -200px -150px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-maxis[data-v-25ac3c6e] {
    background-position: -250px -150px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-umobile[data-v-25ac3c6e] {
    background-position: -300px -150px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-celcom[data-v-25ac3c6e] {
    background-position: -350px -150px
}

.pmt-method__info .pmt__img.shopvnggames.sms.icon-digi[data-v-25ac3c6e] {
    background-position: -400px -150px
}

.pmt-method__info .pmt__img.shopvnggames.otc.icon-alfamart[data-v-25ac3c6e] {
    background-position: 0 -200px
}

.pmt-method__info .pmt__img.shopvnggames.otc.icon-indomaret[data-v-25ac3c6e] {
    background-position: -50px -200px
}

.pmt-method__info .pmt__img.shopvnggames.otc.icon-7-eleven-ph[data-v-25ac3c6e],.pmt-method__info .pmt__img.shopvnggames.otc.icon-7-eleven[data-v-25ac3c6e],.pmt-method__info .pmt__img.shopvnggames.otc.icon-7eleven[data-v-25ac3c6e] {
    background-position: -100px -200px
}

.pmt-method__info .pmt__img.shopvnggames.otc.icon-robinson[data-v-25ac3c6e] {
    background-position: -150px -200px
}

.pmt-method__info .pmt__img.shopvnggames.otc.icon-bayad[data-v-25ac3c6e] {
    background-position: -200px -200px
}

.pmt-method__info .pmt__img.shopvnggames.otc.icon-convenience_store[data-v-25ac3c6e] {
    background-position: -300px -400px
}

.pmt-method__info .pmt__img.shopvnggames.card.icon-up[data-v-25ac3c6e] {
    background-position: 0 -300px
}

.pmt-method__info .pmt__img.shopvnggames.card.icon-uc[data-v-25ac3c6e] {
    background-position: -50px -300px
}

.pmt-method__info .pmt__img.shopvnggames.card.icon-truemoney[data-v-25ac3c6e] {
    background-position: -100px -300px
}

.pmt-method__info .pmt__img.shopvnggames.card.icon-molpoints[data-v-25ac3c6e],.pmt-method__info .pmt__img.shopvnggames.card.icon-zgoldmolpoints[data-v-25ac3c6e] {
    background-position: -150px -300px
}

.pmt-method__info .pmt__img.shopvnggames.card.icon-12call[data-v-25ac3c6e] {
    background-position: -200px -300px
}

.pmt-method__info .pmt__img.shopvnggames.card.icon-easypoints[data-v-25ac3c6e] {
    background-position: -350px -300px
}

.pmt-method__info .pmt__img.shopvnggames.card.icon-indomog[data-v-25ac3c6e] {
    background-position: -400px -300px
}

.pmt-method__info .pmt__img.shopvnggames.card.icon-digi_card[data-v-25ac3c6e] {
    background-position: -450px -300px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-bca[data-v-25ac3c6e] {
    background-position: 0 -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-bii[data-v-25ac3c6e] {
    background-position: -50px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-bni[data-v-25ac3c6e] {
    background-position: -100px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-bri[data-v-25ac3c6e] {
    background-position: -150px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-cimb[data-v-25ac3c6e] {
    background-position: -200px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-mandiri[data-v-25ac3c6e] {
    background-position: -250px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-bank_transfer_indo[data-v-25ac3c6e],.pmt-method__info .pmt__img.shopvnggames.bank.icon-banktransfer[data-v-25ac3c6e] {
    background-position: -300px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-bay[data-v-25ac3c6e] {
    background-position: -350px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-kbank[data-v-25ac3c6e] {
    background-position: -400px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-scb[data-v-25ac3c6e] {
    background-position: -450px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-bbl[data-v-25ac3c6e] {
    background-position: -500px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-ktb[data-v-25ac3c6e] {
    background-position: -550px -400px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-enets[data-v-25ac3c6e] {
    background-position: -50px -450px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-fpx[data-v-25ac3c6e] {
    background-position: -100px -450px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-rhb[data-v-25ac3c6e] {
    background-position: -150px -450px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-public_bank[data-v-25ac3c6e] {
    background-position: -200px -450px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-hong_leong[data-v-25ac3c6e] {
    background-position: -250px -450px
}

.pmt-method__info .pmt__img.shopvnggames.bank.icon-maybank2u[data-v-25ac3c6e] {
    background-position: -300px -450px
}

.pmt-method__info .pmt__img.shopvnggames.mobilebanking.icon-biimb[data-v-25ac3c6e] {
    background-position: 0 -500px
}

.pmt-method__info .pmt__img.shopvnggames.mobilebanking.icon-bnimb[data-v-25ac3c6e] {
    background-position: -50px -500px
}

.pmt-method__info .pmt__img.shopvnggames.mobilebanking.icon-brimb[data-v-25ac3c6e] {
    background-position: -100px -500px
}

.pmt-method__info .pmt__img.shopvnggames.mobilebanking.icon-cimbmb[data-v-25ac3c6e] {
    background-position: -150px -500px
}

.pmt-method__info .pmt__img.shopvnggames.mobilebanking.icon-mandirimb[data-v-25ac3c6e] {
    background-position: -200px -500px
}

.pmt-method__info .pmt__img.shopvnggames.mobilebanking.icon-bcamb[data-v-25ac3c6e] {
    background-position: -250px -500px
}

.pmt-method__info .pmt__img.shopvnggames.mobilebankingcounter.icon-bank_transfer[data-v-25ac3c6e] {
    background-position: -300px -400px
}

.pmt-method__info .pmt__img.shopvnggames.free.icon-free[data-v-25ac3c6e] {
    background-position: 0 -600px
}

.pmt-method__info .pmt__img.shopvnggames.userwallet.icon-userbalance[data-v-25ac3c6e] {
    background-image: url(https://pay.zing.vn/primo/static/img/payment-group.png?ts=102614_20201207);
    background-repeat: no-repeat;
    background-size: 120px;
    width: 40px;
    height: 40px;
    background-position: 0 -80px
}

.pmt-method__info .pmt__cost[data-v-25ac3c6e] {
    margin-left: 5px
}

.pmt-method__info .pmt__cost [data-v-25ac3c6e] {
    font-weight: 600;
    color: #e26900
}

@media (max-width: 360px) {
    .pmt-method__name[data-v-25ac3c6e] {
        padding:4px
    }
}

.pmtMethodInput.el-form .el-form-item__label {
    padding: 0 0 5px;
    line-height: 18px
}

[data-v-38eed2b6] .pmt-method-group {
    border: none
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__arrow {
    font-weight: 700
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__arrow.is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #e26900
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header {
    border: none;
    border-top: 1px solid #c8c8c8;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    font-weight: 400
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 12px;
    width: 100%
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img {
    background-image: url(https://pay.zing.vn/primo/static/img/payment-group.png?ts=102614_20201207);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 120px;
    width: 40px;
    height: 40px
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.atm-icon-small {
    background-position: 0 0
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.wallet-icon-small {
    background-position: -40px 0
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.mobilebanking-icon-small,[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.mobilebankingcounter-icon-small {
    background-position: -80px 0
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.sms-icon-small,[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.smsmobi-icon-small,[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.smsvnpt-icon-small,[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.smsvt-icon-small {
    background-position: 0 -40px
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.otc-icon-small {
    background-position: -40px -40px
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.visa-icon-small {
    background-position: -80px -40px
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.userwallet-icon-small {
    background-position: 0 -80px
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.card-icon-small {
    background-position: -40px -80px
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.bank-icon-small {
    background-position: -80px -80px
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.zalopay-icon-small,[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.zalopay_54-icon-small {
    background-position: 0 -120px
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__img.free-icon-small {
    background-position: -40px -120px
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__name {
    margin-left: 30px;
    width: 90%
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__name .displayName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__name .displayName .minAmount {
    color: #989898;
    padding-top: 5px;
    font-weight: 600;
    font-size: 13px;
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__name p {
    line-height: 14px;
    font-weight: 700;
}

[data-v-a22ed5e8] .pmt-method-group .el-collapse-item__header .pmt-group__name .displayName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__name .displayName .minAmount {
    color: #989898;
    padding-top: 5px;
    font-weight: 600;
    font-size: 13px;
}

.banner .banner-content__center:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(82%,rgba(0,0,0,.75)));
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.75) 82%);
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .pmt-group__name p {
    line-height: 14px;
    font-weight: 700
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__header .el-icon-arrow-right:before {
    content: "\e6df"
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__wrap {
    border: none
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item__content {
    margin: 0;
    padding: 0;
    font-family: Muli,Sarabun;
    font-size: 14px;
    color: #454545;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    padding: 20px 0
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item.disable {
    cursor: not-allowed
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item.disable .el-collapse-item__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ebebeb;
    pointer-events: none
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item.disable .el-collapse-item__header .pmt-group__name p {
    color: #989898;
    line-height: normal
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item.disable .el-collapse-item__header .pmt-group__name p:last-child {
    font-weight: 300
}

[data-v-38eed2b6] .pmt-method-group .el-collapse-item.disable .el-collapse-item__header .el-collapse-item__arrow {
    display: none
}

[data-v-38eed2b6] .pmt-input {
    opacity: 0;
    max-height: 0;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

[data-v-38eed2b6] .pmt-input.show {
    height: auto;
    max-height: 500px;
    opacity: 1;
    overflow: hidden
}

.mobile .content-box[data-v-38eed2b6] {
    padding: 20px 10px
}

@media (max-width: 320px) {
    .el-col-12[data-v-38eed2b6] {
        width:80%;
        display: block;
        margin: auto;
        float: none
    }

    .pmt-group[data-v-38eed2b6] {
        padding-left: 0!important
    }

    .pmt-group__name[data-v-38eed2b6] {
        margin-left: 10px!important
    }
}

@media (min-width: 321px) and (max-width:414px) {
    .pmt-group[data-v-38eed2b6] {
        padding-left:10px!important
    }

    .pmt-group__name[data-v-38eed2b6] {
        margin-left: 10px!important
    }
}

.forSelectSearching.el-select.isEmpty .el-input__inner {
    opacity: 1;
    padding-left: 15px
}

.forSelectSearching.el-select .el-input__prefix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.forSelectSearchingPooper .el-select-dropdown__list {
    padding-top: 50px!important
}

.forSelectSearchingPooper .el-select-dropdown__list .el-input {
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    border-bottom: 1px solid #c8c8c8;
    background: #fff
}

.forSelectSearchingPooper .el-select-dropdown__list .el-input .el-input__prefix {
    left: 20px;
    font-size: 20px
}

.forSelectSearchingPooper .el-select-dropdown__list .el-input>input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    padding-left: 50px
}

.forSelectSearchingPooper .el-input__inner {
    border: none
}

.el-form-item.is-success .forSelectSearching .el-input__inner,.el-form-item.is-success .forSelectSearching .el-input__inner:focus {
    border-color: #c8c8c8
}

.authentication button,.authentication button:hover,.authentication input:focus,.authentication input:hover {
    border-color: #e26900
}

.authentication button:disabled {
    border: none
}

.authentication .el-select {
    width: 100%
}

.authentication .el-button {
    width: 100%;
    background-color: #e26900
}

.authentication .el-button.disabled {
    background-color: #ebebeb;
    border-color: #c8c8c8
}

p[data-v-1dcaf019] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

p span[data-v-1dcaf019] {
    font-weight: 700
}

p span[data-v-1dcaf019]:after {
    content: "\00a0"
}

p code[data-v-1dcaf019] {
    word-break: break-all
}

.custom-userInfo {
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    border: 1px dashed #e26900;
    background-color: #fff6e1;
    padding: 14px 18px;
    padding-left: 60px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.custom-userInfo p:last-child {
    margin-bottom: 0
}

.custom-userInfo p span {
    color: #e26900
}

.content-box__content .errorWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.content-box__content .errorWrapper button {
    margin-left: 10px
}

.content-box__content .enterRole .el-icon-circle-check {
    font-size: 20px;
    color: #2eba7d
}

.content-box__content .btnLogout {
    text-decoration: underline;
    color: #0476b8;
    font-weight: 400;
    display: block;
    float: right
}

.content-box__content .btnLogout:active,.content-box__content .btnLogout:focus,.content-box__content .btnLogout:hover {
    color: #0476b8
}

.content-box__content .error-mess {
    margin-top: 5px;
    color: #ff4949;
    word-break: break-word
}

.content-box__content .findRoleId {
    color: #0476b8;
    margin-left: 30px
}

@media (max-width: 360px) {
    .findRoleId {
        display:block
    }
}

.list-info[data-v-7257fdb2] {
    padding: 16px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list-info .package-item[data-v-7257fdb2] {
    border: none;
    width: 100%;
    margin: 0;
    margin-bottom: 15px
}

.list-info .package-item[data-v-7257fdb2]:before {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    cursor: default
}

.list-info .info-detail[data-v-7257fdb2] {
    padding-left: 30px
}

.list-info .info-detail p[data-v-7257fdb2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    font-weight: 400
}

.list-info .info-detail p span[data-v-7257fdb2] {
    display: inline-block;
    font-weight: 700;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px
}

.list-info .info-detail p code[data-v-7257fdb2] {
    display: inline-block;
    word-break: break-word
}

.list-info .info-detail p code.promotionMess[data-v-7257fdb2] {
    width: 100%
}

.mobile .list-info .info-detail[data-v-7257fdb2] {
    padding: 0
}

.confirm .button {
    width: 100%
}

.prdDescription {
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 20px
}

.quick-login {
    display: block
}

.quick-login .action-ql {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 80px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.quick-login .action-ql.zalo {
    background: #018fe5 url(https://pay.zing.vn/primo/static/img/zalo-logo.png) no-repeat 15px;
    background-size: 40px
}

.quick-login .action-ql.zalo:hover {
    background-color: #0076ce
}

.quick-login .action-ql.facebook {
    background: #39579a url(https://pay.zing.vn/primo/static/img/facebook-icon.svg) no-repeat 30px
}

.quick-login .action-ql.facebook:hover {
    background-color: #183677
}

.quick-login .action-ql.quick {
    background: #e28d00 url(https://pay.zing.vn/primo/static/img/id.svg) no-repeat 25px
}

.quick-login .action-ql.quick:hover {
    background-color: #c77900
}

.quick-login .action-ql.google {
    background: #ef536c url(https://pay.zing.vn/primo/static/img/login-google-2.svg) no-repeat 20px;
    background-size: 35px
}

.quick-login .action-ql.google:hover {
    background-color: #c22222
}

.login_other {
    text-align: center
}

.login_other .list-action {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.login_other .list-action li {
    margin: 0 30px 10px 30px
}

.login_other .list-action li:hover a {
    opacity: .7
}

.login_other .list-action li a {
    font-size: 12px;
    color: #fff;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    display: block;
    text-decoration: none!important
}

.login_other .list-action li a img {
    width: 24px;
    height: 24px;
    border: 0;
    display: block;
    margin: auto;
    margin-bottom: 7px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.login_other .list-action li a img.apple {
    background: #000;
    border-radius: 100%
}

.login_other p {
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    display: inline-block;
    font-size: 14px
}

.IdentificationCustomInfo.QUICK.BOTTOM {
    font-size: 12px;
    color: #919191;
    margin-top: 30px
}

.IdentificationCustomInfo.QUICK.INLINE {
    cursor: pointer
}

.IdentificationCustomInfo.QUICK.INLINE a {
    text-decoration: underline;
    color: #0476b8
}

.alertCustomInfo {
    min-width: 50%;
    max-width: 100%
}

.alertCustomInfo,.alertCustomInfo * {
    margin: 0!important;
    padding: 0!important
}

.alertCustomInfo * {
    line-height: 0!important
}

.alertCustomInfo .el-message-box__content,.alertCustomInfo img {
    width: 100%
}

.alertCustomInfo .el-message-box__btns,.alertCustomInfo .el-message-box__header {
    display: none
}

.loginForm .el-input__inner {
    height: 45px
}

.loginForm li {
    list-style-type: none
}

.loginForm .button {
    height: 50px;
    width: 100%
}

.loginForm .loginOther {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loginForm .loginOther .dashLeft,.loginForm .loginOther .dashRight {
    height: 1px;
    width: 100%;
    background-color: hsla(0,0%,77.6%,.5)
}

.loginForm .loginOther p {
    width: 40%
}

.loginForm .extraInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.loginForm .extraInfo .error-mess {
    word-break: break-word;
    color: #ff4949;
    height: 0;
    margin: 0;
    -webkit-transition: height .2s ease-out;
    transition: height .2s ease-out
}

.loginForm .extraInfo .error-mess.show {
    height: 20px
}

.loginForm .extraInfo .forgetPass {
    color: #0476b8
}

.loginForm .is-error .el-form-item__error {
    color: #ff4949
}

.loginForm .error-mess.point {
    text-align: center;
    margin-top: 10px;
    color: #454545
}

.loginForm .error-mess.point b {
    font-weight: 700;
    color: #ff4949
}

.loginForm .el-form-item .el-input__suffix {
    display: block
}

.loginForm .el-form-item .el-input__suffix .el-icon-circle-close {
    color: rgba(219,31,31,.9)!important;
    font-size: 20px!important;
    position: absolute;
    right: 0;
    top: 3px;
    font-weight: 700;
    z-index: 1
}

.loginForm .el-form-item .el-input__suffix .not-use-point {
    width: 190px;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 hsla(0,0%,56.9%,.5);
    box-shadow: 0 2px 4px 0 hsla(0,0%,56.9%,.5);
    border: 1px solid #d3dce6;
    border-radius: 4px;
    display: block;
    position: absolute;
    bottom: 55px;
    right: -5px;
    padding: 5px 10px;
    pointer-events: none;
    -webkit-animation: fadedin 1s 1;
    animation: fadedin 1s 1;
    z-index: 2
}

.loginForm .el-form-item .el-input__suffix .not-use-point p {
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #454545;
    font-size: 12px
}

.loginForm .el-form-item .el-input__suffix .not-use-point b {
    color: #ff4949;
    font-weight: 700
}

.loginForm .el-form-item .el-input__suffix .not-use-point:after,.loginForm .el-form-item .el-input__suffix .not-use-point:before {
    content: "";
    bottom: -20px;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute
}

.loginForm .el-form-item .el-input__suffix .not-use-point:after {
    border-color: transparent;
    border-top-color: #fff;
    border-width: 8px;
    margin-left: 8px;
    bottom: -16px
}

.loginForm .el-form-item .el-input__suffix .not-use-point:before {
    border-color: transparent;
    border-top-color: #d3dce6;
    border-width: 10px;
    margin-left: 6px
}

.mobile .dashLeft,.mobile .dashRight {
    width: 40%!important
}

.banner {
    width: 100%;
    position: absolute;
    height: 400px;
    background-color: hsla(0,0%,100%,.027)
}

.banner-img {
    height: 100%
}

.banner-title {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    bottom: 70px;
    left: 50%;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px)
}

.banner .banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.banner .banner-content__center {
    width: 100%
}

.banner .banner-content img {
    -webkit-filter: brightness(.8);
    filter: brightness(.8);
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%;
    max-height: 400px;
    height: 100%
}

.el-loading {
    position: relative;
    width: 100%;
    height: 100%
}

.el-loading div {
    width: 100%;
    height: 100%;
    background: #919191;
    -webkit-animation: card-loading 1.5s ease infinite;
    animation: card-loading 1.5s ease infinite
}

@-webkit-keyframes card-loading {
    0% {
        -webkit-box-shadow: inset #454545 0 0 100px 10px;
        box-shadow: inset 0 0 100px 10px #454545
    }

    to {
        -webkit-box-shadow: inset #454545 0 0 0 0;
        box-shadow: inset 0 0 0 0 #454545
    }
}

@keyframes card-loading {
    0% {
        -webkit-box-shadow: inset #454545 0 0 100px 10px;
        box-shadow: inset 0 0 100px 10px #454545
    }

    to {
        -webkit-box-shadow: inset #454545 0 0 0 0;
        box-shadow: inset 0 0 0 0 #454545
    }
}