@charset "UTF-8";
@keyframes txtAni {
    0% {
        color: #F8D14C;
    }
    100% {
        color: red;
    }
}
.code {
    background-color: #ccc;
    min-width: 150px;
    display: inline-block;
    padding: 5px;
}

body, body * {
    font-family: "microsoft jhenghei", Verdana, Arial, sans-serif;
}

body {
    overflow: auto;
    color: #5a5a5a;
}
body * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    text-decoration: none;
}
a.link-1 {
    color: #ff6800;
    transition: 0.3s linear;
}
a.link-1:hover {
    color: #dd5b00;
    transition: 0.3s linear;
}
a.link-2 {
    color: #5a5a5a;
    transition: 0.3s linear;
}
a.link-2:hover {
    color: #000;
    transition: 0.3s linear;
}
a.link-3 {
    color: #007aff;
    transition: 0.3s linear;
}
a.link-3:hover {
    color: #007aff;
    text-decoration: underline;
    transition: 0.3s linear;
}

.btn {
    text-decoration: none;
}
.btn.btn-1 {
    color: #000;
    background-color: #ffeca2;
    transition: 0.3s linear;
}
.btn.btn-1:hover, .btn.btn-1.current {
    color: #fb6700;
    background-color: #fff;
    transition: 0.3s linear;
}
.btn.btn-1.disabled {
    color: #D5D5D5;
    background-color: #F6F6F6;
    transition: 0.3s linear;
}
.btn.btn-2 {
    color: #1e1e1e;
    background-color: #ffde00;
    transition: 0.3s linear;
}
.btn.btn-2:hover, .btn.btn-2.current {
    color: #1e1e1e;
    background-color: #D2B806;
    transition: 0.3s linear;
}
.btn.btn-2.disabled {
    color: #D5D5D5;
    background-color: #F6F6F6;
    transition: 0.3s linear;
}
.btn.btn-3 {
    color: #1e1e1e;
    background-color: #a1ff69;
    transition: 0.3s linear;
}
.btn.btn-3:hover, .btn.btn-3.current {
    color: #1e1e1e;
    background-color: #87D25A;
    transition: 0.3s linear;
}
.btn.btn-3.disabled {
    color: #D5D5D5;
    background-color: #F6F6F6;
    transition: 0.3s linear;
}
.btn.btn-4 {
    color: #1e1e1e;
    background-color: #62eeff;
    transition: 0.3s linear;
}
.btn.btn-4:hover, .btn.btn-4.current {
    color: #1e1e1e;
    background-color: #54C4D2;
    transition: 0.3s linear;
}
.btn.btn-4.disabled {
    color: #D5D5D5;
    background-color: #F6F6F6;
    transition: 0.3s linear;
}
.btn.btn-5 {
    color: #FC944C;
    box-shadow: inset 0 0 0 1px #FC944C;
    transition: 0.3s linear;
}
.btn.btn-5:hover, .btn.btn-5.current {
    color: #FB6700;
    box-shadow: inset 0 0 0 1px #FB6700;
    transition: 0.3s linear;
}
.btn.btn-5.disabled {
    color: #EAEAEA;
    box-shadow: inset 0 0 0 1px #EAEAEA;
    transition: 0.3s linear;
}
.btn.btn-6 {
    color: #fff;
    background-color: #FC944C;
    transition: 0.3s linear;
}
.btn.btn-6:hover, .btn.btn-6.current {
    color: #fff;
    background-color: #FB6700;
    transition: 0.3s linear;
}
.btn.btn-6.disabled {
    color: #D5D5D5;
    background-color: #F6F6F6;
    transition: 0.3s linear;
}
.btn.btn-7 {
    color: #5a5a5a;
    background-color: #D6D6D6;
    transition: 0.3s linear;
}
.btn.btn-7:hover, .btn.btn-7.current {
    color: #5a5a5a;
    background-color: #BEBEBE;
    transition: 0.3s linear;
}
.btn.btn-7.disabled {
    color: #D5D5D5;
    background-color: #F6F6F6;
    transition: 0.3s linear;
}
.btn.btn-8 {
    color: #1e1e1e;
    background-color: #ffde00;
    transition: 0.3s linear;
}
.btn.btn-8:hover, .btn.btn-8.current {
    color: #1e1e1e;
    background-color: #ffe46d;
    transition: 0.3s linear;
}
.btn.btn-8.disabled {
    color: #D5D5D5;
    background-color: #F6F6F6;
    transition: 0.3s linear;
}
.btn.btn-9 {
    color: #fff;
    background-color: #2a93d4;
    transition: 0.3s linear;
}
.btn.btn-9:hover, .btn.btn-9.current {
    color: #fff;
    background-color: #51a3d6;
    transition: 0.3s linear;
}
.btn.btn-9.disabled {
    color: #D5D5D5;
    background-color: #F6F6F6;
    transition: 0.3s linear;
}
.btn.btn-10 {
    color: #fff;
    background-color: #808080;
    transition: 0.3s linear;
}
.btn.btn-10:hover, .btn.btn-10.current {
    filter: brightness(1.2);
    transition: 0.3s linear;
}
.btn.btn-10.disabled {
    color: #D5D5D5;
    background-color: #F6F6F6;
    transition: 0.3s linear;
}

.btn-box {
    width: 100%;
    text-align: center;
    display: flex;
}
.btn-box .btn {
    display: inline-block;
    text-align: center;
}

.select-box {
    position: relative;
    width: 100%;
}
.select-box .select-action {
    border: 1px solid #969696;
    border-radius: 3px;
    padding: 10px 20px;
    position: relative;
    background-color: #fff;
}
.select-box .select-action:after {
    content: "";
    background: url(/Content/images/inside/ic-dropdown-triangle.svg) no-repeat center center;
    position: absolute;
    right: 20px;
    width: 13px;
    height: 11px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.select-box .select-action.error {
    border-color: #ff4545;
}
.select-box .select-action.dropdown-open {
    border-color: #f9be00;
}
.select-box .select-action img {
    position: absolute;
    width: 13px;
    height: 11px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 20px;
}
.select-box:not(.sp-select) .dropdown-menu {
    max-height: 200px;
}
.select-box .dropdown-menu {
    overflow: auto;
    border: 1px solid #969696;
    width: calc(100% - 2px);
}
.select-box .dropdown-menu .dropdown-anchor {
    display: none;
}
.select-box .dropdown-menu ul {
    border-radius: 2px;
}
.select-box .dropdown-menu li {
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1;
    transition: 0.3s linear;
}
.select-box .dropdown-menu li a {
    padding: 11px 20px;
    position: relative;
}
.select-box .dropdown-menu li a:hover {
    background-color: #fff0b2;
    color: #1e1e1e;
    transition: 0.3s linear;
}
.select-box .dropdown-menu li a span {
    position: absolute;
    right: 20px;
    font-size: 14px;
}

.notice {
    color: #5a5a5a;
}
.notice .notice-title {
    color: #5a5a5a;
    margin-bottom: 10px;
    font-size: 15px;
}
.notice ol {
    list-style-type: decimal;
    margin-left: 20px;
}
.notice ul.ul-disc {
    list-style: disc;
    margin-left: 25px;
}
.notice ul.ul-cjk-i {
    list-style: cjk-ideographic;
    margin-left: 35px;
}
.notice ul.ul-la {
    list-style: lower-alpha;
    margin-left: 25px;
}
.notice li {
    line-height: 25px;
    font-size: 15px;
}

p {
    line-height: 22px;
}
p.mark {
    padding-left: 17px;
    position: relative;
    word-break: keep-all;
}
p.mark:after {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}

.page {
    width: 100%;
    text-align: center;
}
.page a {
    text-decoration: none;
    color: #444;
    height: 25px;
    min-width: 25px;
    border-radius: 2px;
    margin: 0 5px;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    padding: 0 8px;
    box-sizing: border-box;
    transition: 0.3s linear;
}
.page a .fa {
    font-size: 20px;
    vertical-align: text-bottom;
    color: #8f8f87;
    transition: 0.3s linear;
}
.page a.current {
    background-color: #f99149;
    color: #fff;
    transition: 0.3s linear;
}
.page a:hover {
    background-color: #e4e4e4;
    transition: 0.3s linear;
}
.page a:hover .fa {
    color: #343434;
    transition: 0.3s linear;
}

.input-check {
    padding-left: 26px;
    position: relative;
    min-height: 18px;
    line-height: 22px;
}
.input-check label {
    vertical-align: middle;
}
.input-check .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
}
.input-check input[type=checkbox] + .box {
    display: block;
    cursor: pointer;
}
.input-check input[type=checkbox] {
    display: none;
}
.input-check input[type=checkbox] + .box:before {
    content: "";
    border: 0.1em solid #FB6700;
    border-radius: 0.2em;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding-left: 2px;
    padding-bottom: 2px;
    vertical-align: bottom;
    color: transparent;
    transition: 0.2s;
    background: url(/Content/images/inside/ic-check.svg) no-repeat center center;
}
.input-check label:active input[type=checkbox]:not(:disabled) + .box:before {
    transform: scale(0);
}
.input-check input[type=checkbox]:checked + .box:before {
    background-color: #FB6700;
    border-color: #FB6700;
    color: #fff;
}
.input-check input[type=checkbox]:not(:checked):disabled + .box:before {
    transform: scale(1);
    border-color: #D6D6D6;
    background: #F6F6F6;
}
.input-check input[type=checkbox]:checked:disabled + .box:before {
    transform: scale(1);
    background-color: #FB6700;
    border-color: #FB6700;
}

.input-radio {
    padding-left: 26px;
    position: relative;
}
.input-radio label {
    vertical-align: middle;
}
.input-radio .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
}
.input-radio input[type=radio] + .box {
    display: block;
    cursor: pointer;
}
.input-radio input[type=radio] {
    display: none;
}
.input-radio input[type=radio] + .box:before {
    content: "";
    border: 2px solid #7C7C7C;
    border-radius: 50%;
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: bottom;
    color: transparent;
    transition: 0.2s;
}
.input-radio label:active input[type=radio]:not(:disabled) + .box:before {
    transform: scale(0);
}
.input-radio input[type=radio]:checked + .box:before {
    background-color: #FB6700;
    border: 0;
    color: #fff;
    background: url(/Content/images/inside/ic-radio-button-on.svg) no-repeat center center;
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: relative;
    left: -2px;
}
.input-radio input[type=radio]:not(:checked):disabled + .box:before {
    transform: scale(1);
    border-color: #D6D6D6;
    background: #F6F6F6;
}
.input-radio input[type=radio]:checked:disabled + .box:before {
    transform: scale(1);
    width: 18px;
    height: 18px;
    border-color: transparent;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.text-c {
    text-align: center;
}

.text-l {
    text-align: left;
}

.text-r {
    text-align: right;
}

.table {
    width: 100%;
    display: table;
    color: #5a5a5a;
    line-height: 20px;
}
.table.table-nb .thead .td {
    padding: 12px 0;
}
.table.table-nb .tbody .td {
    height: 66px;
    padding: 0;
}
.table.table-bd {
    border-collapse: collapse;
}
.table.table-bd .td {
    border: 1px solid #e9c58b;
    padding: 12px 0;
}
.table.table-bdg {
    border-collapse: collapse;
}
.table.table-bdg .td {
    border: 1px solid #ccc;
    padding: 12px 0;
}
.table .thead {
    display: table-row-group;
}
.table .thead *:not(.tiny-tip) {
    font-size: 16px;
}
.table .tbody {
    display: table-row-group;
}
.table .tbody *:not(.tiny-tip) {
    font-size: 15px;
}
.table .tiny-tip {
    font-size: 13px;
}
.table .tr {
    display: table-row;
}
.table .td {
    display: table-cell;
    vertical-align: middle;
}
.table .td .btn {
    text-align: center;
    display: inline-block;
    min-width: 90px;
    padding: 9px 0;
    border-radius: 20px;
}
.table .bgc-1 {
    background-color: #fdf1c1;
}
.table .bgc-2 {
    background-color: #fafafa;
}
.table .bgc-3 {
    background-color: #f1f1f1;
}
.table .bgc-4 {
    background-color: #fff4a5;
}
.table .bgc-5 {
    background-color: #fcbd83;
}
.table .bgc-6 {
    background-color: #fcf4e2;
}
.table .bgc-7 {
    background-color: #f8e8a5;
}
.table .bgc-8 {
    background-color: #fff9d0;
}

.blank-1 {
    width: 100%;
    height: 5px;
}

.blank-2 {
    width: 100%;
    height: 10px;
}

.blank-3 {
    width: 100%;
    height: 15px;
}

.tip-fc-1 {
    color: #ff4b4b;
}

.tip-fc-2 {
    color: #ff6800;
}

.tip-fc-3 {
    color: #47b354;
}

.tip-fc-4 {
    color: #000;
}

.tip-fc-5 {
    color: #00bde0;
}

.tip-fc-6 {
    color: #D71718;
}

.tip-fc-7 {
    color: #004DA1;
}

.fz-s {
    font-size: 0.8em !important;
}

.fz-sm {
    font-size: 0.9em !important;
}

.fz-l {
    font-size: 1.3em !important;
}

.input, .textarea {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.input .fa, .textarea .fa {
    position: absolute;
    right: 10px;
    width: 18px;
    height: 18px;
    top: 10px;
    font-size: 20px;
    color: #B7B7B7;
    z-index: 1;
}
.input .fa.fa-times-circle, .textarea .fa.fa-times-circle {
    cursor: pointer;
    display: none;
}
.input input::-webkit-input-placeholder, .textarea input::-webkit-input-placeholder {
    color: #5a5a5a;
}
.input input::-moz-input-placeholder, .textarea input::-moz-input-placeholder {
    color: #5a5a5a;
}
.input input::-ms-input-placeholder, .textarea input::-ms-input-placeholder {
    color: #5a5a5a;
}
.input input[type=text],
.input input[type=password],
.input input[type=number],
.input input[type=tel],
.input input[type=email],
.input textarea, .textarea input[type=text],
.textarea input[type=password],
.textarea input[type=number],
.textarea input[type=tel],
.textarea input[type=email],
.textarea textarea {
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
    padding: 8.5px 10px;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    border: 1px solid #969696;
    outline: 0;
}
.input input[type=text]:focus,
.input input[type=password]:focus,
.input input[type=number]:focus,
.input input[type=tel]:focus,
.input input[type=email]:focus,
.input textarea:focus, .textarea input[type=text]:focus,
.textarea input[type=password]:focus,
.textarea input[type=number]:focus,
.textarea input[type=tel]:focus,
.textarea input[type=email]:focus,
.textarea textarea:focus {
    background-color: #fff;
    border: 1px solid #f9be00;
}
.input input[type=text][readonly],
.input input[type=password][readonly],
.input input[type=number][readonly],
.input input[type=tel][readonly],
.input input[type=email][readonly],
.input textarea[readonly], .textarea input[type=text][readonly],
.textarea input[type=password][readonly],
.textarea input[type=number][readonly],
.textarea input[type=tel][readonly],
.textarea input[type=email][readonly],
.textarea textarea[readonly] {
    background-color: #fff;
    border: 1px solid #fff;
    padding-left: 0;
}
.input input[type=text].hv,
.input input[type=password].hv,
.input input[type=number].hv,
.input input[type=tel].hv,
.input input[type=email].hv,
.input textarea.hv, .textarea input[type=text].hv,
.textarea input[type=password].hv,
.textarea input[type=number].hv,
.textarea input[type=tel].hv,
.textarea input[type=email].hv,
.textarea textarea.hv {
    background-color: #fff;
}
.input .txt, .textarea .txt {
    font-size: 13px;
    line-height: 1;
    padding-top: 3px;
}
.input.error input[type=text],
.input.error input[type=password],
.input.error input[type=number],
.input.error input[type=tel],
.input.error input[type=email],
.input.error textarea, .textarea.error input[type=text],
.textarea.error input[type=password],
.textarea.error input[type=number],
.textarea.error input[type=tel],
.textarea.error input[type=email],
.textarea.error textarea {
    border: 1px solid #ff4545;
    background-color: #ffe8f8;
}
.input textarea, .textarea textarea {
    resize: none;
    height: 85px;
    line-height: 1.38;
}
.input.msg-captcha, .textarea.msg-captcha {
    display: flex;
}
.input.msg-captcha input, .textarea.msg-captcha input {
    width: calc(100% - 149px);
    border-radius: 3px 0 0 3px;
}
.input.msg-captcha .btn, .textarea.msg-captcha .btn {
    border-radius: 0 3px 3px 0;
    line-height: 40px;
    width: 149px;
    text-align: center;
}
.input.msg-captcha .btn.re, .textarea.msg-captcha .btn.re {
    background-color: #d6d6d6;
    color: #fff;
}
.input.captcha, .textarea.captcha {
    display: flex;
}
.input.captcha input, .textarea.captcha input {
    width: calc(100% - 40px - 100px);
    border-radius: 3px 0 0 3px;
}
.input.captcha .change, .textarea.captcha .change {
    background-color: #fc944c;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 3px 3px 0;
}

#slide option {
    position: relative;
}
#slide option span {
    position: absolute;
    right: 0;
}

.caption-list dl {
    letter-spacing: 1px;
}
.caption-list dl dt {
    color: #000;
    margin-bottom: 8px;
    padding-bottom: 8px;
    position: relative;
    border-bottom: 1px solid #e7e6e6;
    position: relative;
    padding-left: 26px;
    line-height: 1.5;
}
.caption-list dl dt img {
    position: absolute;
    top: 0;
    left: 0;
}
.caption-list dl dd {
    line-height: 1.6;
    font-size: 15px;
}
.caption-list dl dd ol {
    list-style-type: decimal;
    margin-left: 25px;
}
.caption-list dl dd img {
    max-width: 100%;
}

body > .content {
    width: 100%;
}
body > .content .main {
    position: relative;
}

.news-tag {
    color: #fff;
    font-size: 14px;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    background-color: #747474;
}

@media screen and (min-width: 769px) {
    .pd-default {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media screen and (max-width: 768px) {
    .pd-default {
        padding-left: 10px;
        padding-right: 10px;
    }
    .input .small-tip::-webkit-input-placeholder,
    .textarea .small-tip::-webkit-input-placeholder {
        font-size: 13px;
    }
    .input .small-tip::-moz-input-placeholder,
    .textarea .small-tip::-moz-input-placeholder {
        font-size: 13px;
    }
    .input .small-tip::-ms-input-placeholder,
    .textarea .small-tip::-ms-input-placeholder {
        font-size: 13px;
    }
}
body .fixed-bg,
body .fixed-btn,
body .fixed-aside-mb {
    display: none;
}
body .step-scope-row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    margin-bottom: 40px;
}
body .step-scope-row .box {
    text-align: center;
    position: relative;
    z-index: 1;
}
body .step-scope-row .box .txt {
    color: #5A5A5A;
    margin-top: 10px;
    line-height: 1.4;
}
body .step-scope-row .box .step {
    color: #fb6700;
    font-size: 13px;
}
body .step-scope-row .box .num {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background-color: #b1b1b1;
    color: #fff;
    line-height: 45px;
    margin: 0 auto 10px;
}
body .step-scope-row .box .num.active {
    background-color: #fb6700;
}
body .step-scope-row .box .num.active ~ .txt {
    color: #fb6700;
}
body .step-scope-row .box .img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 0 auto 10px;
}
body .step-scope-row .box .checked {
    background: url(/Content/images/checked.svg) no-repeat center center/100%;
}
body .step-scope-row .box .checked ~ .txt {
    color: #fb6700;
}
body .step-scope-row .box .failure {
    background: url(/Content/images/delete.svg) no-repeat center center/100%;
}
body .step-scope-row .box .failure ~ .txt {
    color: #fb6700;
}
body .step-scope-row .box .waiting {
    background: url(/Content/images/wating.svg) no-repeat center center/100%;
}
body .step-scope-row:before {
    content: "";
    height: 2px;
    background: #B1B1B1;
    position: absolute;
    top: 22px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 0;
    width: 70%;
}
body .container .subpage.functioninfo .btn-row a {
    width: 200px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-radius: 25px;
}
body .container .subpage.fee .table-box table td {
    color: #5A5A5A;
    box-sizing: border-box;
}
body .container .subpage.fee .table-box table .tip-fc-5 {
    font-size: 13px;
    display: inline-block;
    vertical-align: bottom;
}
body .container .subpage.fee .table-box table .fw-b {
    font-weight: bold;
}
body .container .subpage.newsList .news-tag {
    width: 55px;
    height: 25px;
    line-height: 25px;
}
body .container .subpage.ContractDiscuss .row-title {
    font-size: 20px;
    color: #FB6700;
    letter-spacing: 1px;
}
body .container .subpage.ContractDiscuss .caption-row dl {
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 1px;
    line-height: 20px;
    font-size: 15px;
}
body .container .subpage.ContractDiscuss .caption-row dl dt {
    width: 80px;
    flex-shrink: 0;
}
body .container .subpage.ContractDiscuss .caption-row dl dd {
    width: calc(100% - 80px);
}
body .container .subpage.ContractDiscuss .caption-row .notice .notice-title {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 13px;
}
body .container .subpage.ContractDiscuss .caption-row .notice .notice-title .notice-toggle-btn {
    width: 56px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #5a5a5a;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}
body .container .subpage.ContractDiscuss .caption-row .notice .notice-title .notice-toggle-btn img {
    transition: 0.3s linear;
}
body .container .subpage.ContractDiscuss .caption-row .notice .notice-title .notice-toggle-btn.close img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: 0.3s linear;
}
body .container .subpage.ContractDiscuss .caption-row .notice ol li {
    font-size: 13px;
    line-height: 18px;
}
body .container .subpage.ContractDiscuss .step-row {
    position: relative;
}
body .container .subpage.ContractDiscuss .step-row:before {
    content: "";
    height: 2px;
    background: #B1B1B1;
    position: absolute;
    top: 22px;
    right: 0;
    left: 0;
    margin: auto;
}
body .container .subpage.ContractDiscuss .step-row .number-row {
    margin-bottom: 7px;
}
body .container .subpage.ContractDiscuss .step-row .number-row a {
    display: inline-block;
    position: relative;
}
body .container .subpage.ContractDiscuss .step-row .number-row a span {
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: relative;
    z-index: 1;
}
body .container .subpage.ContractDiscuss .step-row .number-row a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #B1B1B1;
    z-index: 0;
}
body .container .subpage.ContractDiscuss .step-row .txt-row dl {
    text-align: center;
}
body .container .subpage.ContractDiscuss .step-row .txt-row dl dt {
    margin-bottom: 10px;
    font-size: 13px;
    color: #FB6700;
}
body .container .subpage.ContractDiscuss .step-row .txt-row dl .done {
    display: none;
    color: #FB6700;
}
body .container .subpage.ContractDiscuss .step-row.step-1:before {
    background: linear-gradient(to right, #fb6700 0%, #fb6700 32%, #fb6700 30%, #b1b1b1 30%, #b1b1b1 30%, #b1b1b1 100%);
}
body .container .subpage.ContractDiscuss .step-row.step-1 .number-row .step-1:after {
    background: url(/Content/images/ok-green.svg);
}
body .container .subpage.ContractDiscuss .step-row.step-1 .number-row .step-1 span {
    opacity: 0;
}
body .container .subpage.ContractDiscuss .step-row.step-1 .txt-row .step-1 .default {
    display: none;
}
body .container .subpage.ContractDiscuss .step-row.step-1 .txt-row .step-1 .done {
    display: block;
}
body .container .subpage.ContractDiscuss .step-row.step-2:before {
    background: linear-gradient(to right, #fb6700 0%, #fb6700 65%, #fb6700 65%, #b1b1b1 65%, #b1b1b1 65%, #b1b1b1 100%);
}
body .container .subpage.ContractDiscuss .step-row.step-2 .number-row .step-1:after,
body .container .subpage.ContractDiscuss .step-row.step-2 .number-row .step-2:after {
    background: url(/Content/images/ok-green.svg);
}
body .container .subpage.ContractDiscuss .step-row.step-2 .number-row .step-1 span,
body .container .subpage.ContractDiscuss .step-row.step-2 .number-row .step-2 span {
    opacity: 0;
}
body .container .subpage.ContractDiscuss .step-row.step-2 .txt-row .step-1 .default,
body .container .subpage.ContractDiscuss .step-row.step-2 .txt-row .step-2 .default {
    display: none;
}
body .container .subpage.ContractDiscuss .step-row.step-2 .txt-row .step-1 .done,
body .container .subpage.ContractDiscuss .step-row.step-2 .txt-row .step-2 .done {
    display: block;
}
body .container .subpage.ContractDiscuss .step-row.step-3:before {
    background: #fb6700;
}
body .container .subpage.ContractDiscuss .step-row.step-3 .number-row a:not(.step-4):after {
    background: url(/Content/images/ok-green.svg);
}
body .container .subpage.ContractDiscuss .step-row.step-3 .number-row a:not(.step-4) span {
    opacity: 0;
}
body .container .subpage.ContractDiscuss .step-row.step-3 .txt-row dl:not(.step-4) .default {
    display: none;
}
body .container .subpage.ContractDiscuss .step-row.step-3 .txt-row dl:not(.step-4) .done {
    display: block;
}
body .container .subpage.ContractDiscuss .step-row.step-4:before {
    background: #fb6700;
}
body .container .subpage.ContractDiscuss .step-row.step-4 .number-row a:after {
    background: url(/Content/images/ok-green.svg);
}
body .container .subpage.ContractDiscuss .step-row.step-4 .number-row a span {
    opacity: 0;
}
body .container .subpage.ContractDiscuss .step-row.step-4 .txt-row dl .default {
    display: none;
}
body .container .subpage.ContractDiscuss .step-row.step-4 .txt-row dl .done {
    display: block;
}
body .container .subpage.ContractDiscuss .upload-box .row {
    display: flex;
    border-bottom: 1px solid #EDEDED;
    background-color: #F8F8F8;
}
body .container .subpage.ContractDiscuss .upload-box .row .txt-col dt {
    font-size: 17px;
    color: #000;
}
body .container .subpage.ContractDiscuss .upload-box .row .txt-col dd {
    font-size: 16px;
    margin-top: 8px;
}
body .container .subpage.ContractDiscuss .upload-box .row .grid-col {
    display: flex;
    gap: 20px;
    flex-shrink: 0;
    flex-wrap: wrap;
}
body .container .subpage.ContractDiscuss .upload-box .row .grid-col .file-box {
    width: 78px;
    height: 78px;
    border-radius: 6px;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
body .container .subpage.ContractDiscuss .upload-box .row .grid-col .file-box:after {
    content: "";
    background: url(/Content/images/inside/ap-icon-w-20-gray-cancel.svg) no-repeat center center;
    background-size: 20px 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
body .container .subpage.ContractDiscuss .upload-box .row .grid-col .file-box > label {
    background-color: transparent;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 1;
}
body .container .subpage.ContractDiscuss .upload-box .row .grid-col .file-box input[type=file] {
    display: none;
}
body .container .subpage.ContractDiscuss .upload-box .row .grid-col .file-box img {
    width: 100%;
    vertical-align: top;
    position: relative;
    z-index: 1;
}
body .container .subpage.ContractDiscuss .upload-box .row .grid-col .file-box .btn-del {
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 5px;
}
body .container .subpage.ContractDiscuss .upload-box .row .btn-col {
    flex-grow: 1;
    text-align: right;
}
body .container .subpage.ContractDiscuss .upload-box .row .btn-col .btn {
    width: 105px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    border-radius: 18px;
}
body .container .subpage.ContractDiscuss .btn-row {
    display: flex;
    justify-content: center;
}
body .container .subpage.ContractDiscuss .btn-row a {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    border-radius: 18px;
    text-align: center;
}
body .container .subpage.ContractDiscuss .data-input-box {
    background-color: #F8F8F8;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row {
    min-height: 62px;
    box-sizing: border-box;
    gap: 7px;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row:not(.no-bd) {
    border-bottom: 1px solid #EDEDED;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .txt {
    color: #000;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .txt.tip-fc-1 {
    color: #ff4b4b;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .txt-1 {
    margin-bottom: 36px;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .outter {
    display: flex;
    flex-wrap: wrap;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .outter .notice {
    margin-top: 6px;
    color: #ff4b4b;
    font-size: 14px;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .outter .col.flex {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .outter .col.select-fixed .select-box {
    width: 100px;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .outter .col .input-check input[type=checkbox] + .box:before {
    background-color: #fff;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .outter .col .input-check input[type=checkbox]:checked + .box:before {
    background-color: #FB6700;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .outter .col #dropdown-with-icon-q {
    width: 200px;
    line-height: 1.8;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .outter .col #dropdown-with-icon-q ul {
    padding: 8px;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .outter .col #dropdown-with-icon-q ul li {
    font-size: 14px;
    margin: 0px 8px;
}
body .container .subpage.ContractDiscuss .data-input-box .input-row .file-box img {
    width: 100%;
    position: relative;
    z-index: 1;
}
body .container .subpage.about .row-title {
    font-size: 20px;
    color: #FB6700;
    letter-spacing: 1px;
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body .container .subpage.about .row-title .verson-link {
    width: 96px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    font-size: 13px;
    background-color: #FFF4CA;
    text-align: center;
    color: #7F5400;
    display: inline-block;
}
body .container .subpage.about .scroll-box {
    background-color: #F8F8F8;
    padding: 20px 40px 20px 20px;
    height: 440px;
    overflow-y: auto;
}
body .container .subpage.about .table td {
    padding: 10px;
}
body .container .subpage.about .table td .tip-fc-5 {
    font-size: 13px;
    margin-left: 5px;
}
body .container .subpage.blog-list .flex-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 50px 10px;
    padding: 50px;
}
body .container .subpage.blog-list .flex-row .box {
    width: calc(33.3333333333% - 20px);
}
body .container .subpage.blog-list .flex-row .box .img {
    margin-bottom: 10px;
}
body .container .subpage.blog-list .flex-row .box .img .rwd-mb {
    display: none;
}
body .container .subpage.blog-list .flex-row .box .img img {
    width: 100%;
}
body .container .subpage.blog-list .flex-row .box .txt {
    font-size: 15px;
    color: #5a5a5a;
    margin-bottom: 20px;
    line-height: 1.2;
}
body .container .subpage.blog-list .flex-row .box .btn-row {
    text-align: right;
}
body .container .subpage.blog-list .flex-row .box .btn-row .btn {
    display: inline-block;
    color: #FC944C;
    border: 1px solid #FC944C;
    border-radius: 20px;
    width: 108px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    transition: 0.3s linear;
}
body .container .subpage.blog-list .flex-row .box .btn-row .btn:hover {
    background-color: #FC944C;
    color: #fff;
    transition: 0.3s linear;
}
body .container .subpage.memberinfo .page-title {
    font-size: 20px;
    color: #fb6700;
    text-align: center;
    margin: 10px auto 20px;
}
body .container .subpage.memberinfo .sub-title {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
}
body .container .subpage.memberinfo a.icon-q {
    width: 18px;
    flex-shrink: 0;
}
body .container .subpage.memberinfo a.icon-q img {
    width: 100%;
    vertical-align: top;
}
body .container .subpage.memberinfo div[id^=dropdown-with-icon-q] {
    width: 300px;
    color: #555;
    font-size: 15px;
    padding: 8px;
    margin: 10px;
}
body .container .subpage.memberinfo .top-btn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    height: 73px;
}
body .container .subpage.memberinfo .top-btn .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    gap: 5px;
    text-decoration: none;
    color: #fc944c;
    border: 1px solid currentcolor;
    transition: 0.3s linear;
}
body .container .subpage.memberinfo .top-btn .btn:hover {
    border: 1px solid #fc944c;
    background-color: #fc944c;
    color: #fff;
    transition: 0.3s linear;
}
body .container .subpage.memberinfo .top-btn .btn:nth-child(2) {
    flex-direction: column;
}
body .container .subpage.memberinfo .top-btn .btn span {
    font-size: 14px;
}
body .container .subpage.memberinfo .application-result {
    background-color: #f8f8f8;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    color: #1e1e1e;
    padding: 50px 0;
}
body .container .subpage.memberinfo .application-result img {
    width: 45px;
}
body .container .subpage.memberinfo .payment-table .td {
    padding: 12px 20px;
    font-size: 15px;
    color: #5a5a5a;
}
body .container .subpage.memberinfo .payment-table .td span {
    display: inline-block;
    width: 210px;
}
body .container .subpage.memberinfo .payment-table .td.total {
    text-align: right;
    font-size: 18px;
}
body .container .subpage.memberinfo .payment-table .td.total span {
    color: #000;
}
body .container .subpage.memberinfo .payment-table .td.total b {
    color: #ff0000;
}
body .container .subpage.memberinfo .payinfo-table .td {
    padding: 12px 20px;
    font-size: 15px;
    color: #5a5a5a;
}
body .container .subpage.memberinfo .payinfo-table .td span {
    display: inline-block;
    vertical-align: middle;
}
body .container .subpage.memberinfo .payinfo-table .td span:first-child {
    width: 120px;
}
body .container .subpage.memberinfo .import-row {
    display: block;
    text-align: right;
    margin: 0 auto 10px;
}
body .container .subpage.memberinfo .import-btn,
body .container .subpage.memberinfo .add-btn {
    display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 36px;
    border-radius: 20px;
    text-align: center;
}
body .container .subpage.memberinfo .mb-btn {
    display: none;
}
body .container .subpage.memberinfo .add-product-scope {
    background-color: #f8f8f8;
    padding: 40px 50px;
    position: relative;
    border-radius: 6px;
    margin-bottom: 20px;
}
body .container .subpage.memberinfo .add-product-scope .btn-del {
    position: absolute;
    top: 10px;
    right: 10px;
}
body .container .subpage.memberinfo .caption-scope {
    background-color: #F0FAFF;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 196px auto;
    overflow: hidden;
}
body .container .subpage.memberinfo .caption-scope .title {
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-direction: column;
    background-color: #DBF2FF;
    color: #1e1e1e;
    text-align: center;
    line-height: 24px;
}
body .container .subpage.memberinfo .caption-scope .title span {
    font-size: 16px;
    color: #ff0000;
}
body .container .subpage.memberinfo .caption-scope .notice {
    padding: 37px 20px;
    box-sizing: border-box;
}
body .container .subpage.memberinfo .caption-scope .notice ul li {
    color: #5a5a5a;
    line-height: 25px;
    font-size: 16px;
}
body .container .subpage.memberinfo .flex-row {
    display: flex;
    gap: 20px;
}
body .container .subpage.memberinfo .flex-row.pc-jc-end, body .container .subpage.memberinfo .flex-row.jc-end {
    justify-content: end;
}
body .container .subpage.memberinfo .flex-row .default-select {
    width: 50%;
}
body .container .subpage.memberinfo .border-b {
    border-bottom: 1px solid #ededed;
}
body .container .subpage.memberinfo .grid-row {
    display: grid;
    grid-template-columns: repeat(3, calc((100% - 20px) / 3));
    gap: 10px;
}
body .container .subpage.memberinfo .grid-row dl {
    background-color: #fffcdc;
    border-radius: 6px;
    padding: 20px;
}
body .container .subpage.memberinfo .grid-row dl dt {
    font-size: 20px;
    margin-bottom: 15px;
    color: #1e1e1e;
    text-align: center;
}
body .container .subpage.memberinfo .grid-row dl dd li {
    line-height: 1.6;
    font-size: 14px;
}
body .container .subpage.memberinfo .file-box {
    width: 107px;
    height: 80px;
    border-radius: 6px;
    border: 1px solid #969696;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}
body .container .subpage.memberinfo .file-box:after {
    content: "";
    background: url(/Content/images/inside/ap-icon-w-20-gray-cancel.svg) no-repeat center center;
    background-size: 20px 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
body .container .subpage.memberinfo .file-box > img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    object-fit: cover;
}
body .container .subpage.memberinfo .file-box .btn-del {
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 5px;
    width: 20px;
}
body .container .subpage.memberinfo .file-box .btn-del img {
    width: 100%;
    vertical-align: top;
    position: relative;
    z-index: 1;
}
body .container .subpage.memberinfo .file-box > label {
    background-color: transparent;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: inline-block;
    z-index: 1;
}
body .container .subpage.memberinfo .file-box input[type=file] {
    display: none;
}
body .container .subpage.memberinfo .upload-scope {
    flex-grow: 1;
}
body .container .subpage.memberinfo .upload-scope .upload-row {
    background-color: #f4f4f4;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    justify-content: space-between;
    box-sizing: border-box;
}
body .container .subpage.memberinfo .upload-scope .upload-row .file-name {
    font-size: 14px;
    color: #666;
}
body .container .subpage.memberinfo .upload-scope .upload-row .btn-del {
    display: inline-block;
    width: 24px;
    height: 24px;
}
body .container .subpage.memberinfo .upload-scope .upload-row .btn-del img {
    vertical-align: top;
    width: 100%;
}
body .container .subpage.memberinfo .upload-scope .btn-row {
    text-align: center;
    margin: 20px auto;
}
body .container .subpage.memberinfo .upload-scope .btn {
    display: inline-block;
    width: 98px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border-radius: 30px;
}
body .container .subpage.memberinfo .input-row {
    display: flex;
    align-items: center;
    gap: 20px;
}
body .container .subpage.memberinfo .input-row .txt {
    width: 150px;
    flex-shrink: 0;
    color: #000;
    font-size: 17px;
    display: flex;
    line-height: 1.2;
}
body .container .subpage.memberinfo .input-row .txt .flex-row {
    gap: 5px;
    align-items: center;
}
body .container .subpage.memberinfo .input-row .txt.ai-c {
    align-items: center;
}
body .container .subpage.memberinfo .input-row .txt.flex-wrap {
    flex-wrap: wrap;
}
body .container .subpage.memberinfo .input-row .txt.flex-wrap span:not(.tip-fc-1) {
    display: block;
    width: 100%;
}
body .container .subpage.memberinfo .input-row .input, body .container .subpage.memberinfo .input-row .row {
    flex-grow: 1;
}
body .container .subpage.memberinfo > .btn-row {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 0 50px;
}
body .container .subpage.memberinfo > .btn-row a {
    width: 200px;
    height: 36px;
    line-height: 36px;
    border-radius: 30px;
    text-align: center;
}
body .container .nid-page {
    display: flex;
    gap: 30px;
    position: relative;
    margin-top: 20px;
}
body .container .nid-page .content-wrap {
    width: 895px;
    background-color: #fff;
    padding: 50px 40px;
    box-sizing: border-box;
}
body .container .nid-page .content-wrap .nid-caption .nc-title {
    font-size: 25px;
    color: #1F1B16;
    margin-bottom: 50px;
    text-align: center;
}
body .container .nid-page .content-wrap .nid-caption .nc-banner {
    margin-bottom: 20px;
    text-align: center;
}
body .container .nid-page .content-wrap .nid-caption .nc-banner .rwd-mb {
    display: none;
}
body .container .nid-page .content-wrap .nid-caption .nc-banner img {
    max-width: 800px;
    width: 100%;
    vertical-align: top;
}
body .container .nid-page .content-wrap .nid-caption dl dd {
    font-size: 15px;
    color: #1F1B16;
    margin-bottom: 20px;
    line-height: 1.6;
}
body .container .nid-page .content-wrap .nid-caption .btn-row {
    display: flex;
    justify-content: space-around;
    margin: 50px 0 70px;
}
body .container .nid-page .content-wrap .nid-caption .btn-row a {
    width: 270px;
    height: 50px;
    line-height: 50px;
    background-color: #FC944C;
    color: #fff;
    text-align: center;
    border-radius: 30px;
}
body .container .nid-page .content-wrap .nid-step {
    font-size: 15px;
    color: #5a5a5a;
    line-height: 1.6;
}
body .container .nid-page .content-wrap .nid-step .step-title {
    color: #FB6700;
    font-size: 19px;
    font-weight: 400;
    padding-bottom: 30px;
    border-bottom: 1px solid #E7E6E6;
    margin-bottom: 30px;
}
body .container .nid-page .content-wrap .nid-step .sub-title {
    font-size: 18px;
    color: #004da1;
}
body .container .nid-page .content-wrap .nid-step .left-indent {
    padding-left: 13px;
}
body .container .nid-page .content-wrap .nid-step ol {
    list-style-type: decimal;
    margin-left: 20px;
}
body .container .nid-page .content-wrap .nid-step ol li {
    margin-bottom: 20px;
}
body .container .nid-page .content-wrap .nid-step .img {
    margin: auto;
}
body .container .nid-page .content-wrap .nid-step .img.type-2 {
    max-width: 500px;
}
body .container .nid-page .content-wrap .nid-step .img img {
    max-width: 100%;
    vertical-align: top;
}
body .container .nid-page .content-wrap .nid-step .link {
    color: #004DA1;
    text-decoration: underline;
}
body .container .nid-page .content-wrap .nid-step .red {
    color: #FF0000;
}
body .container .nid-page .content-wrap .nid-step .num-mark {
    position: relative;
    padding-left: 17px;
}
body .container .nid-page .content-wrap .nid-step .num-mark .num {
    position: absolute;
    left: 0;
    top: 0;
}
body .container .nid-page .content-wrap .nid-step .tip-box {
    background-color: #F8F8F8;
    border-radius: 6px;
    padding: 20px;
    color: #5A5A5A;
}
body .container .nid-page .content-wrap .nid-step .tip-box .tip-title {
    display: flex;
    gap: 5px;
    align-items: center;
    color: #FF4B4B;
    margin-bottom: 10px;
}
body .container .nid-page .content-wrap .nid-step .tip-box p {
    margin-bottom: 10px;
}
body .container .nid-page .content-wrap .nid-step .tip-box ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 0;
}
body .container .nid-page .content-wrap .nid-step .tip-box ul li:before {
    content: "◆";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    line-height: 25px;
}
body .container .nid-page .content-wrap .nid-step .list-style-lower-alpha {
    list-style: lower-alpha;
    margin-left: 25px;
}
body .container .nid-page .content-wrap .nid-step .list-style-lower-alpha li {
    margin-bottom: 3px;
}
body .container .nid-page .content-wrap .nid-step .photo-demo {
    width: 100%;
}
body .container .nid-page .content-wrap .nid-step .photo-demo .title {
    background-color: #F8F8F8;
    border-bottom: 1px solid #fff;
    color: #FB6700;
    font-size: 20px;
    text-align: center;
    height: 68px;
    line-height: 68px;
}
body .container .nid-page .content-wrap .nid-step .photo-demo .demo-box {
    background-color: #F8F8F8;
    display: flex;
    gap: 30px 15px;
    flex-wrap: wrap;
    padding: 30px;
    box-sizing: border-box;
    justify-content: space-between;
}
body .container .nid-page .content-wrap .nid-step .photo-demo .demo-box .box {
    width: calc(33.3333333333% - 15px);
}
body .container .nid-page .content-wrap .nid-step .photo-demo .demo-box .box .txt {
    color: #000;
    margin-bottom: 10px;
}
body .container .nid-page .content-wrap .nid-step .btn-row {
    text-align: center;
}
body .container .nid-page .content-wrap .nid-step .btn-row a {
    width: 270px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 30px;
    display: inline-block;
}
body .container .nid-page .fixed-aside-pc {
    position: sticky;
    top: 150px;
    height: 100%;
    width: 270px;
}
body .container .nid-page .fixed-aside-pc ol > li a {
    color: #000;
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 40px;
}
body .container .nid-page .fixed-aside-pc ol > li a img {
    width: 24px;
}
body .container .nid-page .fixed-aside-pc ul {
    padding-left: 20px;
}
body .container .nid-page .fixed-aside-pc ul li a {
    color: #5a5a5a;
    font-size: 15px;
    display: block;
    line-height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
    transition: 0.3s linear;
}
body .container .nid-page .fixed-aside-pc ul li a:hover, body .container .nid-page .fixed-aside-pc ul li a.current {
    background-color: #F9BE00;
    color: #000;
    transition: 0.3s linear;
}

@media screen and (min-width: 769px) {
    .rwd-web__hide {
        display: none !important;
    }
    body {
        background-color: #1f1b16;
        min-width: 1200px;
    }
    body .container {
        min-height: 600px;
        margin-top: 141px;
        padding-top: 20px;
        background-color: #F3F3F3;
    }
    body .container.DoAutoSubmitForm {
        margin-top: 0;
        padding-top: 190px;
    }
    body .container.DoAutoSubmitForm .img {
        width: 350px;
        margin: auto;
        text-align: center;
    }
    body .container.DoAutoSubmitForm .img img:first-child {
        width: 100%;
        margin-bottom: 25px;
    }
    body .container.DoAutoSubmitForm .img img:last-child {
        width: 172px;
        margin: auto;
    }
    body .container.DoAutoSubmitForm .txt {
        text-align: center;
        line-height: 30px;
        margin-top: 45px;
    }
    body .container.DoAutoSubmitForm .txt dt {
        font-size: 24px;
        color: #1e1e1e;
        letter-spacing: 1px;
        margin-bottom: 20px;
        font-weight: bold;
    }
    body .container.DoAutoSubmitForm .txt dd {
        color: #333;
        font-size: 16px;
        letter-spacing: 1px;
    }
    body .container .wrapper {
        width: 1200px;
        min-width: 1200px;
        margin: 0 auto;
        /*-- 帳務中心 左側選單 PC 不顯示 --*/
        /*-- 帳務中心 END --*/
    }
    body .container .wrapper .acc-sidebar-m {
        display: none;
    }
    body .container .wrapper .main {
        width: 100%;
        position: relative;
    }
    body .container .wrapper.flex {
        display: flex;
        justify-content: space-between;
    }
    body .container .wrapper.flex .main {
        width: 895px;
        margin-bottom: 20px;
    }
    body .container .wrapper.flex.jcc {
        justify-content: center;
    }
    body .container .wrapper .sidebar {
        width: 270px;
    }
    body .container .wrapper .sidebar a {
        font-size: 16px;
        margin-bottom: 8px;
        color: #5a5a5a;
        line-height: 44px;
        padding: 0 20px;
        text-decoration: none;
        display: block;
    }
    body .container .wrapper .sidebar a .ic {
        width: 22px;
        height: 36px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
        position: relative;
    }
    body .container .wrapper .sidebar a .ic img.default {
        opacity: 1;
        position: relative;
    }
    body .container .wrapper .sidebar a .ic img.hover {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
    body .container .wrapper .sidebar a.current, body .container .wrapper .sidebar a:hover {
        background-color: #f9be00;
        cursor: pointer;
        color: #000;
        font-weight: bold;
        box-shadow: 2px 2px 5px 0 #C3C3C3;
    }
    body .container .wrapper .sidebar a.current img.hover, body .container .wrapper .sidebar a:hover img.hover {
        opacity: 1;
        position: relative;
    }
    body .container .wrapper .sidebar a.current img.default, body .container .wrapper .sidebar a:hover img.default {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
    body .container .wrapper .main .from-info {
        position: absolute;
        top: 0;
        right: 0;
    }
    body .container .wrapper .main .breadcrumb {
        padding-bottom: 20px;
    }
    body .container .wrapper .main .breadcrumb > img {
        vertical-align: text-top;
        width: 22px;
    }
    body .container .wrapper .main .breadcrumb a {
        color: #757575;
        font-size-adjust: 15px;
        padding-right: 5px;
    }
    body .container .wrapper .main .breadcrumb span {
        color: #757575;
        font-size: 15px;
    }
    body .container .wrapper .main .breadcrumb .fa {
        color: #757575;
        padding-right: 5px;
    }
    body .container .wrapper .main .select-box.select-flex-sec {
        display: flex;
        justify-content: space-between;
    }
    body .container .wrapper .main .select-box.sp-select {
        width: 400px;
    }
    body .container .wrapper .main .select-box.sp-select .dropdown-menu {
        width: 100%;
        background-color: #fff;
        border: 1px solid #969696;
        border-radius: 2px;
        box-sizing: border-box;
        overflow: hidden;
    }
    body .container .wrapper .main .select-box.sp-select .dropdown-menu .input {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .select-box.sp-select .dropdown-menu .box-group {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        overflow-y: auto;
        height: 400px;
        padding: 10px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .select-box.sp-select .dropdown-menu .box-group .box {
        height: 120px;
        width: 33.3333333333%;
        text-align: center;
        font-size: 14px;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .select-box.sp-select .dropdown-menu .box-group .box .txt {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #5a5a5a;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .select-box.sp-select .dropdown-menu .box-group .box img {
        margin: 10px 20px 15px;
        vertical-align: top;
        border-radius: 6px;
    }
    body .container .wrapper .main .select-box.sp-select .dropdown-menu .box-group .box:hover {
        background-color: #fff7d9;
    }
    body .container .wrapper .main .select-box.sp-select .dropdown-menu .box-group .box:hover .txt {
        color: #ff6800;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .select-box.sp-select .dropdown-menu .blank {
        padding: 10px 20px;
        background-color: #f1f1f1;
        margin: 20px 0;
        font-size: 14px;
    }
    body .container .wrapper .main .subpage {
        background-color: #fff;
        box-shadow: 2px 2px 5px 0 #C3C3C3;
        min-height: 500px;
        border-radius: 6px;
        overflow: hidden;
        /*-- 帳務中心 --*/
        /*-- 帳務中心 END --*/
    }
    body .container .wrapper .main .subpage.accounting-wrap * {
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.accounting-wrap .account-sidebar {
        width: 100%;
        background: #ffeca2;
        border-radius: 6px 6px 0 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .account-sidebar:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .wrapper .main .subpage.accounting-wrap .account-sidebar a {
        width: 11.1111111111%;
        height: 48px;
        display: block;
        float: left;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 48px;
        transition: 0.2s linear;
    }
    body .container .wrapper .main .subpage.accounting-wrap .account-sidebar a.current, body .container .wrapper .main .subpage.accounting-wrap .account-sidebar a:hover {
        background: #fff;
        color: #fb6700;
    }
    body .container .wrapper .main .subpage.accounting-wrap .account-sidebar a:first-child {
        border-radius: 6px 0 0 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .account-sidebar a:last-child {
        border-radius: 0 6px 0 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-box {
        width: 100%;
        padding: 30px 50px;
        background: #fff;
        position: relative;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-box + .sp-box {
        padding-top: 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-box.spb-border {
        border-bottom: 10px solid #f4f4f4;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-box.spb-border + .sp-box {
        padding-top: 30px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-box.spb-nopd {
        padding: 30px 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-tip {
        width: 100%;
        text-align: center;
        font-size: 16px;
        color: #fb6700;
        line-height: 1.5;
        margin-bottom: 25px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 {
        text-align: left;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl, body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dt, body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dd {
        display: inline-block;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl {
        width: calc(50% - 50px);
        margin: 0 90px 25px 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl:nth-child(2n) {
        margin-right: 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.just-txt {
        font-size: 14px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line {
        width: 100%;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line .default-select, body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line .sbf-date-box, body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line .input {
        display: inline-block;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line .default-select {
        width: calc(50% - 123px);
        margin-right: 10px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line .sbf-date-box {
        width: auto;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line .input {
        width: auto;
        min-width: 290px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line .txt {
        font-size: 13px;
        line-height: 1;
        padding-top: 3px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line2 {
        width: 100%;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line2 dd {
        width: calc(50% - 195px);
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dt {
        width: 140px;
        padding: 14px 20px 0 0;
        font-size: 14px;
        color: #696f70;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dt.no-inp {
        padding: 0px 20px 0 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 dd {
        width: calc(100% - 145px);
        text-align: left;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-item, body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-txt {
        display: inline-block;
        vertical-align: middle;
        margin: 0 4px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-item {
        position: relative;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-item:first-child {
        margin-left: 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-item:last-of-type {
        margin-right: 0;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-item2.sdb-date input {
        width: 100%;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date input {
        width: 157px;
        padding-left: 40px;
        color: #514f4e;
        text-align: right;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date input[readonly] {
        border: 1px solid #ecebeb;
        background-color: #ECEBEB;
        padding-left: 40px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date input:focus {
        background-color: #fff;
        border: 1px solid #f9be00;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date input.hv {
        background-color: #fff;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date:before {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        top: 8px;
        left: 10px;
        background: url("/Content/images/inside/ic-today.svg") center center/contain no-repeat;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-inp-box2 .inp-required {
        color: #ff4b4b;
        font-size: 14px;
        margin-left: 3px;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-question {
        width: 24px;
        display: inline-block;
        margin-left: 5px;
        margin-top: -8px;
        vertical-align: -5px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-question img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-btn-box {
        margin-top: 30px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-btn-box.sbb-min {
        margin-top: 0px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-btn-box.sbb-min .btn {
        min-width: 100px;
        height: 40px;
        line-height: 40px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-btn-box .btn {
        text-align: center;
        display: inline-block;
        min-width: 200px;
        height: 50px;
        line-height: 50px;
        margin: 0 10px;
        border-radius: 99em;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-btn-box.sbb-function {
        margin-top: -10px;
        padding: 0px 50px 15px;
        text-align: right;
    }
    body .container .wrapper .main .subpage.accounting-wrap .sp-btn-box.sbb-function .btn {
        min-width: 100px;
        height: 40px;
        line-height: 40px;
        margin-right: 0;
        padding: 0 20px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .ac-date {
        font-size: 14px;
        color: #4a4a4a;
        padding: 0 30px 0 52px;
        margin-bottom: 10px;
        position: relative;
    }
    body .container .wrapper .main .subpage.accounting-wrap .ac-date:before {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        top: -6px;
        left: 24px;
        background: url("/Content/images/inside/ic-today.svg") center center/contain no-repeat;
    }
    body .container .wrapper .main .subpage.accounting-wrap .ac-table-box {
        width: 100%;
        margin-bottom: 30px;
        position: relative;
    }
    body .container .wrapper .main .subpage.accounting-wrap .ac-table-box:last-of-type {
        margin-bottom: 0px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .ac-table-box .atb-date-box {
        display: none;
    }
    body .container .wrapper .main .subpage.accounting-wrap .ac-table-box .atb-table .td {
        border-right: 1px solid white;
        font-size: 14px;
    }
    body .container .wrapper .main .subpage.accounting-wrap .ac-table-box .atb-table .td:last-child {
        border-right: none;
    }
    body .container .wrapper .main .subpage.accounting-wrap .notice a {
        color: #007aff;
    }
    body .container .wrapper .main .subpage.accounting-wrap .notice .nt-disc {
        list-style-type: disc;
        padding-left: 17px;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list a {
        color: #007aff;
        text-decoration: underline;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list .td {
        padding: 10px 12px;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list .td:nth-child(1) {
        width: 10%;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list .td:nth-child(2) {
        width: 15%;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list .td:nth-child(3) {
        width: 15%;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list .td:nth-child(4) {
        width: 20%;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list .td:nth-child(5) {
        width: 10%;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list .td:nth-child(6) {
        width: 10%;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list .td:nth-child(7) {
        width: 10%;
    }
    body .container .wrapper .main .subpage.AccountDetail .ac-detail-list .td:nth-child(8) {
        width: 10%;
    }
    body .container .wrapper .main .subpage.SNRecord .ac-detail-list a {
        color: #007aff;
        text-decoration: underline;
    }
    body .container .wrapper .main .subpage.SNRecord .ac-detail-list .td {
        padding: 10px 12px;
    }
    body .container .wrapper .main .subpage.SNRecord .ac-detail-list .td:nth-child(1) {
        width: 15%;
    }
    body .container .wrapper .main .subpage.SNRecord .ac-detail-list .td:nth-child(2) {
        width: 15%;
    }
    body .container .wrapper .main .subpage.SNRecord .ac-detail-list .td:nth-child(3) {
        width: 20%;
    }
    body .container .wrapper .main .subpage.SNRecord .ac-detail-list .td:nth-child(4) {
        width: 10%;
    }
    body .container .wrapper .main .subpage.SNRecord .ac-detail-list .td:nth-child(5) {
        width: 10%;
    }
    body .container .wrapper .main .subpage.SNRecord .ac-detail-list .td:nth-child(6) {
        width: 10%;
    }
    body .container .wrapper .main .subpage.SNRecord .ac-detail-list .td:nth-child(7) {
        width: 15%;
    }
    body .container .wrapper .main .subpage.DailyReport .ds-pc, body .container .wrapper .main .subpage.MonthlyReport .ds-pc {
        width: 80%;
        margin: 0 auto;
    }
    body .container .wrapper .main .subpage.DailyReport .ds-pc .td, body .container .wrapper .main .subpage.MonthlyReport .ds-pc .td {
        padding: 10px 12px;
    }
    body .container .wrapper .main .subpage.DailyReport .ds-pc .td:nth-child(1), body .container .wrapper .main .subpage.MonthlyReport .ds-pc .td:nth-child(1) {
        width: 15%;
        vertical-align: top;
        background: #FFF9AA;
    }
    body .container .wrapper .main .subpage.DailyReport .ds-pc .td:nth-child(2), body .container .wrapper .main .subpage.MonthlyReport .ds-pc .td:nth-child(2) {
        width: 21%;
    }
    body .container .wrapper .main .subpage.DailyReport .ds-pc .td:nth-child(3), body .container .wrapper .main .subpage.MonthlyReport .ds-pc .td:nth-child(3) {
        width: 21%;
    }
    body .container .wrapper .main .subpage.DailyReport .ds-pc .td:nth-child(4), body .container .wrapper .main .subpage.MonthlyReport .ds-pc .td:nth-child(4) {
        width: 21%;
    }
    body .container .wrapper .main .subpage.DailyReport .ds-pc .td:nth-child(5), body .container .wrapper .main .subpage.MonthlyReport .ds-pc .td:nth-child(5) {
        width: 22%;
    }
    body .container .wrapper .main .subpage.DailyReport .ds-m, body .container .wrapper .main .subpage.MonthlyReport .ds-m {
        display: none;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report a, body .container .wrapper .main .subpage.MonthlyReport .dr-report a {
        color: #007aff;
        text-decoration: underline;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td, body .container .wrapper .main .subpage.MonthlyReport .dr-report .td {
        padding: 10px 7px;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(1), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(1) {
        width: 12%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(2), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(2) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(3), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(3) {
        width: 11%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(4), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(4) {
        width: 9%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(5), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(5) {
        width: 12%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(6), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(6) {
        width: 11%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(7), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(7) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(8), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(8) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(9), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(9) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(10), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(10) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.DailyReport .dr-report .td:nth-child(11), body .container .wrapper .main .subpage.MonthlyReport .dr-report .td:nth-child(11) {
        width: 12%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report a, body .container .wrapper .main .subpage.QueryTrade .tr-report a {
        color: #007aff;
        text-decoration: underline;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td, body .container .wrapper .main .subpage.QueryTrade .tr-report .td {
        padding: 10px 7px;
        word-wrap: break-word;
        word-break: break-all;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(1), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(1) {
        width: 6%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(2), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(2) {
        width: 8%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(3), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(3) {
        width: 6%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(4), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(4) {
        width: 6%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(5), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(5) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(6), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(6) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(7), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(7) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(8), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(8) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(9), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(9) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(10), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(10) {
        width: 7%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(11), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(11) {
        width: 8%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(12), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(12) {
        width: 8%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(13), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(13) {
        width: 8%;
    }
    body .container .wrapper .main .subpage.TransactionReport .tr-report .td:nth-child(14), body .container .wrapper .main .subpage.QueryTrade .tr-report .td:nth-child(14) {
        width: 6%;
    }
    body .container .wrapper .main .subpage.Query .sp-inp-box2 .sip-card .input {
        display: inline-block;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.Query .sp-inp-box2 .sip-card .input:nth-child(1) {
        width: 190px;
        margin-right: 5px;
    }
    body .container .wrapper .main .subpage.Query .sp-inp-box2 .sip-card .input:nth-child(2) {
        width: calc(100% - 200px);
    }
    body .container .wrapper .main .subpage.Query .qr-detail {
        width: 795px;
        margin: 0 auto;
    }
    body .container .wrapper .main .subpage.Query .qr-detail .td {
        padding: 12px 15px;
    }
    body .container .wrapper .main .subpage.Query .qr-detail .td:nth-child(1) {
        width: 30%;
        min-width: 100px;
    }
    body .container .wrapper .main .subpage.Query .qr-detail .td:nth-child(2) {
        width: 70%;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail a {
        color: #007aff;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td {
        padding: 10px 12px;
        word-wrap: break-word;
        word-break: break-all;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td:nth-child(1) {
        width: 9%;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td:nth-child(2) {
        width: 20%;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td:nth-child(3) {
        width: 14%;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td:nth-child(4) {
        width: 11%;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td:nth-child(5) {
        width: 11%;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td:nth-child(6) {
        width: 8%;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td:nth-child(7) {
        width: 9%;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td:nth-child(8) {
        width: 9%;
    }
    body .container .wrapper .main .subpage.refer .rf-invoice-detail .td:nth-child(9) {
        width: 9%;
    }
    body .container .wrapper .main .subpage.trans-wrap * {
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-title {
        width: 100%;
        font-size: 24px;
        color: #fb6700;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-title2 {
        width: 100%;
        font-size: 19px;
        color: #5a5a5a;
        line-height: 1.4;
        text-align: left;
        margin-bottom: 25px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-box {
        width: 100%;
        padding: 30px 50px;
        background: #fff;
        position: relative;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-box + .sp-box {
        padding-top: 0;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-box + .spb-gray {
        padding-top: 30px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-box.spb-gray {
        background: #f8f8f8;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-box.spb-gray + .spb-gray {
        padding-top: 0;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-box.spb-gray + .sp-box {
        padding-top: 30px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-box.spb-btline {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-item, body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-txt {
        display: inline-block;
        vertical-align: middle;
        margin: 0 4px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-item {
        position: relative;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-item:first-child {
        margin-left: 0;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-item:last-of-type {
        margin-right: 0;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-item2.sdb-date input {
        width: 100%;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-date {
        width: 100%;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-date input {
        width: 100%;
        padding-left: 40px;
        color: #514f4e;
        text-align: right;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-date input[readonly] {
        border: 1px solid #ecebeb;
        background-color: #ECEBEB;
        padding-left: 40px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-date input:focus {
        background-color: #fff;
        border: 1px solid #f9be00;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-date input.hv {
        background-color: #fff;
    }
    body .container .wrapper .main .subpage.trans-wrap .sbf-date-box .sdb-date:before {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        top: 8px;
        left: 10px;
        background: url("/Content/images/inside/ic-today.svg") center center/contain no-repeat;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-btn-box {
        margin-top: 30px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-btn-box .btn {
        text-align: center;
        display: inline-block;
        min-width: 200px;
        height: 50px;
        line-height: 50px;
        margin: 0 10px;
        border-radius: 99em;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box {
        width: 580px;
        margin: 0 auto;
        position: relative;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dl {
        width: 100%;
        margin-bottom: 25px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dl:last-child {
        margin-bottom: 0;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dt, body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dd {
        display: inline-block;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dt {
        width: 180px;
        padding: 11px 15px 0 0;
        font-size: 17px;
        line-height: 1.5;
        color: #5a5a5a;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dt.sip-nomg {
        padding-top: 0;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dd {
        width: calc(100% - 185px);
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dd p {
        width: 100%;
        margin-bottom: 5px;
        line-height: 22px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dd p .file-name {
        width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dd p span {
        color: #fb6700;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 1px;
        font-size: 16px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box dd p img {
        width: 18px;
        vertical-align: text-bottom;
        margin-left: 15px;
        cursor: pointer;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-tip {
        line-height: 1.4;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-radio-box {
        margin-bottom: -15px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-radio-box .input-radio {
        width: calc(33.3333333333% - 15px);
        margin: 0 5px 15px 0;
        display: inline-block;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-subbox {
        margin-top: 15px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-subbox li {
        margin-bottom: 15px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-subbox li:last-child {
        margin-bottom: 0;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-subbox .sp-btn-box {
        margin-top: 0;
        text-align: right;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sps-mbtel .sm-select {
        display: inline-block;
        width: 120px;
        margin-right: 5px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sps-mbtel .input {
        display: inline-block;
        width: calc(100% - 130px);
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-pw-box .input {
        width: 215px;
        display: inline-block;
        vertical-align: middle;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-pw-box .forget-pw-link {
        font-size: 14px;
        text-decoration: underline;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-file {
        height: 40px;
        position: relative;
        text-align: left;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-file input.sf-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 40px;
        cursor: pointer;
        z-index: 11;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-file input.sf-input:hover + .sf-btn .btn {
        color: #FFF;
        background-color: #FB6700;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-file .sf-btn {
        margin: 0 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-inp-box .sip-file .sf-btn .btn {
        min-width: 100px;
        height: 40px;
        line-height: 40px;
        margin: 0;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount {
        width: 100%;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total {
        width: 100%;
        margin-top: 30px;
        background: #fffde3;
        font-size: 16px;
        color: #5a5a5a;
        text-align: left;
        border-radius: 5px;
        overflow: hidden;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total dl {
        padding: 15px 40px 13px;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total dl:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total dt {
        float: left;
        text-align: left;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total dd {
        float: right;
        text-align: right;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total .sat-box {
        width: 100%;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total .sat-box.sb2 {
        background: #fffcd6;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total .sat-box.sb3 {
        background: #fff9aa;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total .sat-sum {
        width: 100%;
        height: 56px;
        line-height: 58px;
        color: #000000;
        padding: 0 40px;
        background: #fff9aa;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-amount .sa-total .sat-sum dd {
        font-size: 22px;
        font-weight: bold;
        color: #ff4b4b;
    }
    body .container .wrapper .main .subpage.trans-wrap .sp-tip {
        font-size: 16px;
        color: #ff6800;
        margin-top: 10px;
        line-height: 1.5;
    }
    body .container .wrapper .main .subpage.trans-wrap .trans-way {
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
        position: relative;
    }
    body .container .wrapper .main .subpage.trans-wrap .trans-way .rdi-test-link {
        position: absolute;
        right: 116px;
        bottom: 0;
        font-size: 15px;
        color: #007aff;
        text-decoration: underline;
    }
    body .container .wrapper .main .subpage.trans-wrap .trans-way .tw-link {
        width: 130px;
        font-size: 20px;
        color: #9e9e9e;
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 2px solid transparent;
        display: inline-block;
        vertical-align: middle;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.trans-wrap .trans-way .tw-link:hover, body .container .wrapper .main .subpage.trans-wrap .trans-way .tw-link.tw-act {
        color: #ff6800;
        border-color: #ff6800;
    }
    body .container .wrapper .main .subpage.trans-wrap .trans-question {
        width: 18px;
        display: inline-block;
        margin-left: 3px;
        vertical-align: -4px;
    }
    body .container .wrapper .main .subpage.trans-wrap .trans-question img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.gamecoinexchange .combo-select {
        margin-bottom: 0;
    }
    body .container .wrapper .main .subpage.paymentdirect .combo-select {
        margin-bottom: 0;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list-box {
        padding: 30px 35px;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list {
        width: 100%;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list * {
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li {
        float: left;
        width: 245px;
        height: 312px;
        margin: 15px;
        background: white;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
        border: 3px solid transparent;
        border-radius: 6px;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li:hover, body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-act {
        border-color: #fb6700;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-1, body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-1 {
        background-image: url("/Content/images/inside/credit-card-og.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-2, body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-2 {
        background-image: url("/Content/images/inside/atm-og.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-3, body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-3 {
        background-image: url("/Content/images/inside/card-reader-og.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-4, body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-4 {
        background-image: url("/Content/images/inside/game-logo.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-5, body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-5 {
        background-image: url("/Content/images/inside/wechat-pay-og.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li:hover .rwl-type, body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-type {
        color: #fb6700;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled {
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled .rwl-icon.ri-1 {
        background-image: url("/Content/images/inside/credit-card-g.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled .rwl-icon.ri-2 {
        background-image: url("/Content/images/inside/atm-g.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled .rwl-icon.ri-3 {
        background-image: url("/Content/images/inside/card-reader-g.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled .rwl-icon.ri-4 {
        background-image: url("/Content/images/inside/game-logo-g.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled .rwl-icon.ri-5 {
        background-image: url("/Content/images/inside/wechat-pay-g.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled .rwl-type, body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled .rwl-intro {
        color: #9e9e9e;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled:hover, body .container .wrapper .main .subpage.paymentdirect .rw-list li.rwl-disabled.rwl-act {
        border-color: transparent;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .input-radio {
        width: 100%;
        height: 100%;
        padding-left: 0px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .input-radio label {
        display: block;
        width: 100%;
        height: 100%;
        padding: 15px 15px;
        cursor: pointer;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .input-radio .box {
        position: static;
        display: inline-block;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .rwl-icon {
        width: 100%;
        height: 60px;
        margin-top: 15px;
        background: transparent center center/contain no-repeat;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .rwl-icon.ri-1 {
        background-image: url("/Content/images/inside/credit-card-1.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .rwl-icon.ri-2 {
        background-image: url("/Content/images/inside/atm.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .rwl-icon.ri-3 {
        background-image: url("/Content/images/inside/card-reader.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .rwl-icon.ri-4 {
        background-image: url("/Content/images/inside/game-logo.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .rwl-icon.ri-5 {
        background-image: url("/Content/images/inside/wechat-pay.svg");
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .rwl-type {
        display: inline-block;
        font-size: 24px;
        color: #1e1e1e;
        margin-top: 15px;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .rwl-intro {
        width: 100%;
        font-size: 14px;
        color: #5a5a5a;
        line-height: 1.5;
        margin-top: 12px;
        text-align: left;
        padding-left: 17px;
        position: relative;
    }
    body .container .wrapper .main .subpage.paymentdirect .rw-list .rwl-intro:after {
        content: "※";
        position: absolute;
        left: 0;
        top: 0;
    }
    body .container .wrapper .main .subpage.paymentdirect .notice {
        display: none;
    }
    body .container .wrapper .main .subpage.paymentdirect .nt-normal {
        display: block;
    }
    body .container .wrapper .main .subpage.transfer-personal .btn-box {
        justify-content: flex-end;
    }
    body .container .wrapper .main .subpage.transfer-personal .btn-box a {
        height: 38px;
        line-height: 38px;
        text-align: center;
        border-radius: 20px;
        padding: 0 20px;
    }
    body .container .wrapper .main .subpage.transfer-personal .btn-box a:not(:last-child) {
        margin-right: 10px;
    }
    body .container .wrapper .main .subpage.transfer-personal .tp-valid-time {
        padding-left: 26px;
    }
    body .container .wrapper .main .subpage.transfer-personal .tp-valid-time .tvt-txt, body .container .wrapper .main .subpage.transfer-personal .tp-valid-time .tvt-select {
        display: inline-block;
        vertical-align: middle;
    }
    body .container .wrapper .main .subpage.transfer-personal .tp-valid-time .tvt-txt {
        font-size: 17px;
        color: #5a5a5a;
        margin-right: 20px;
    }
    body .container .wrapper .main .subpage.transfer-personal .tp-valid-time .tvt-select {
        width: 214px;
    }
    body .container .wrapper .main .subpage.transfer-personal .tp-valid-time .trans-question {
        vertical-align: -2px;
    }
    body .container .wrapper .main .subpage.transfer-personal .sps-mbtel {
        position: relative;
    }
    body .container .wrapper .main .subpage.transfer-personal .sps-mbtel .area-code .select-box {
        position: static;
    }
    body .container .wrapper .main .subpage.transfer-personal .sps-mbtel .area-code .select-box .dropdown-menu {
        height: 256px;
    }
    body .container .wrapper .main .subpage.batch-transfer .sip-file {
        margin-bottom: 3px;
        display: inline-block;
        vertical-align: middle;
        width: 100px;
    }
    body .container .wrapper .main .subpage.batch-transfer .bt-btn {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 20px;
    }
    body .container .wrapper .main .subpage.batch-transfer .bt-btn .btn {
        min-width: 100px;
        height: 40px;
        line-height: 40px;
        margin: 0;
    }
    body .container .wrapper .main .subpage.transferout_check .toc-detail .td {
        padding: 12px 15px;
    }
    body .container .wrapper .main .subpage.transferout_check .toc-detail .td:nth-child(1) {
        width: 30%;
    }
    body .container .wrapper .main .subpage.transferout_check .toc-detail .td:nth-child(2) {
        width: 70%;
    }
    body .container .wrapper .main .subpage.transferout_check .sp-inp-box {
        margin-top: 30px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.transferout_check .sp-inp-box .tc-inp {
        display: inline-block;
        text-align: left;
    }
    body .container .wrapper .main .subpage.transferout_check .tp-valid-time {
        padding-left: 20px;
    }
    body .container .wrapper .main .subpage.transferout_check .tp-valid-time .tvt-txt, body .container .wrapper .main .subpage.transferout_check .tp-valid-time .tvt-select {
        display: inline-block;
        vertical-align: middle;
    }
    body .container .wrapper .main .subpage.transferout_check .tp-valid-time .tvt-txt {
        font-size: 17px;
        color: #5a5a5a;
        margin-right: 20px;
    }
    body .container .wrapper .main .subpage.transferout_check .tp-valid-time .tvt-select {
        width: 214px;
    }
    body .container .wrapper .main .subpage.transferout_check .tp-valid-time .trans-question {
        vertical-align: -2px;
    }
    body .container .wrapper .main .subpage.transferout_pending .transearch-condition, body .container .wrapper .main .subpage.transferin_pending .transearch-condition {
        text-align: center;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.transferout_pending .transearch-condition dl, body .container .wrapper .main .subpage.transferout_pending .transearch-condition dt, body .container .wrapper .main .subpage.transferout_pending .transearch-condition dd, body .container .wrapper .main .subpage.transferin_pending .transearch-condition dl, body .container .wrapper .main .subpage.transferin_pending .transearch-condition dt, body .container .wrapper .main .subpage.transferin_pending .transearch-condition dd {
        display: inline-block;
        vertical-align: middle;
    }
    body .container .wrapper .main .subpage.transferout_pending .transearch-condition dl, body .container .wrapper .main .subpage.transferin_pending .transearch-condition dl {
        margin-right: 50px;
    }
    body .container .wrapper .main .subpage.transferout_pending .transearch-condition dl:last-child, body .container .wrapper .main .subpage.transferin_pending .transearch-condition dl:last-child {
        margin-right: 0;
    }
    body .container .wrapper .main .subpage.transferout_pending .transearch-condition dt, body .container .wrapper .main .subpage.transferin_pending .transearch-condition dt {
        width: 90px;
        padding-right: 10px;
        font-size: 17px;
        color: #5a5a5a;
    }
    body .container .wrapper .main .subpage.transferout_pending .transearch-condition dd, body .container .wrapper .main .subpage.transferin_pending .transearch-condition dd {
        width: 180px;
        text-align: left;
    }
    body .container .wrapper .main .subpage.transferout_pending .ts-rec-pc .td, body .container .wrapper .main .subpage.transferin_pending .ts-rec-pc .td {
        padding: 10px 12px;
    }
    body .container .wrapper .main .subpage.transferout_pending .ts-rec-pc .td:nth-child(1), body .container .wrapper .main .subpage.transferin_pending .ts-rec-pc .td:nth-child(1) {
        width: 17%;
    }
    body .container .wrapper .main .subpage.transferout_pending .ts-rec-pc .td:nth-child(2), body .container .wrapper .main .subpage.transferin_pending .ts-rec-pc .td:nth-child(2) {
        width: 22%;
    }
    body .container .wrapper .main .subpage.transferout_pending .ts-rec-pc .td:nth-child(3), body .container .wrapper .main .subpage.transferin_pending .ts-rec-pc .td:nth-child(3) {
        width: 18%;
    }
    body .container .wrapper .main .subpage.transferout_pending .ts-rec-pc .td:nth-child(4), body .container .wrapper .main .subpage.transferin_pending .ts-rec-pc .td:nth-child(4) {
        width: 18%;
    }
    body .container .wrapper .main .subpage.transferout_pending .ts-rec-pc .td:nth-child(5), body .container .wrapper .main .subpage.transferin_pending .ts-rec-pc .td:nth-child(5) {
        width: 25%;
    }
    body .container .wrapper .main .subpage.transferout_pending .ts-rec-m, body .container .wrapper .main .subpage.transferin_pending .ts-rec-m {
        display: none;
    }
    body .container .wrapper .main .subpage.transferout_finalcheck .tof-detail .td, body .container .wrapper .main .subpage.transaction_check .tof-detail .td, body .container .wrapper .main .subpage.transaction-info .tof-detail .td, body .container .wrapper .main .subpage.batch-transaction-info .tof-detail .td, body .container .wrapper .main .subpage.withdrawSuccess .tof-detail .td {
        padding: 12px 15px;
    }
    body .container .wrapper .main .subpage.transferout_finalcheck .tof-detail .td:nth-child(1), body .container .wrapper .main .subpage.transaction_check .tof-detail .td:nth-child(1), body .container .wrapper .main .subpage.transaction-info .tof-detail .td:nth-child(1), body .container .wrapper .main .subpage.batch-transaction-info .tof-detail .td:nth-child(1), body .container .wrapper .main .subpage.withdrawSuccess .tof-detail .td:nth-child(1) {
        width: 30%;
    }
    body .container .wrapper .main .subpage.transferout_finalcheck .tof-detail .td:nth-child(2), body .container .wrapper .main .subpage.transaction_check .tof-detail .td:nth-child(2), body .container .wrapper .main .subpage.transaction-info .tof-detail .td:nth-child(2), body .container .wrapper .main .subpage.batch-transaction-info .tof-detail .td:nth-child(2), body .container .wrapper .main .subpage.withdrawSuccess .tof-detail .td:nth-child(2) {
        width: 70%;
    }
    body .container .wrapper .main .subpage.transferout_finalcheck .sp-inp-box, body .container .wrapper .main .subpage.transaction_check .sp-inp-box, body .container .wrapper .main .subpage.transaction-info .sp-inp-box, body .container .wrapper .main .subpage.batch-transaction-info .sp-inp-box, body .container .wrapper .main .subpage.withdrawSuccess .sp-inp-box {
        width: 100%;
    }
    body .container .wrapper .main .subpage.transaction-info .ti-msg-box {
        width: 100%;
        background: #f8f8f8;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-title {
        width: 100%;
        height: 42px;
        line-height: 40px;
        font-size: 16px;
        color: #000;
        text-align: center;
        background: #fff9d0;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content:after, body .container .wrapper .main .subpage.transaction-info .tmb-content dl:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content {
        width: 100%;
        padding: 20px 25px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content dl {
        width: 60%;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content dt {
        width: 42px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content dd {
        width: calc(100% - 52px);
        max-width: 220px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content .tmc-acpic {
        width: 100%;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content .tmc-acpic img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content .tmc-ac {
        font-size: 16px;
        color: #000;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content .tmc-nb {
        font-size: 13px;
        color: #5a5a5a;
        margin-bottom: 3px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content .tmc-date {
        font-size: 12px;
        color: #777;
        margin-top: 5px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmb-content .tmc-txt {
        width: 100%;
        padding: 15px;
        font-size: 16px;
        color: #4a4a4a;
        line-height: 1.5;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-left {
        float: left;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-left + .tmc-left {
        margin-top: 20px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-left + .tmc-right {
        margin-top: -15px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-left dt, body .container .wrapper .main .subpage.transaction-info .tmc-left dd {
        float: left;
        text-align: left;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-left dt {
        margin-right: 10px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-left .tmc-txt {
        padding-right: 25px;
        border-radius: 4px 30px 30px 30px;
        background: #fff4a5;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-right {
        float: right;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-right + .tmc-right {
        margin-top: 20px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-right + .tmc-left {
        margin-top: -15px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-right dt, body .container .wrapper .main .subpage.transaction-info .tmc-right dd {
        float: right;
        text-align: right;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-right dt {
        margin-left: 10px;
    }
    body .container .wrapper .main .subpage.transaction-info .tmc-right .tmc-txt {
        padding-left: 30px;
        border-radius: 30px 4px 30px 30px;
        background: #dfefe5;
    }
    body .container .wrapper .main .subpage.WithdrawSchedule .td .btn {
        width: 54px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        min-width: inherit;
        font-size: 14px;
        margin: 0 5px;
    }
    body .container .wrapper .main .subpage.WithdrawManual .default-select .txt {
        font-size: 13px;
        line-height: 1;
        padding-top: 3px;
    }
    body .container .wrapper .main .subpage.WithdrawManual .wd-singal-check dd {
        width: 100%;
    }
    body .container .wrapper .main .subpage.withdrawSuccess .ws-status-box {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.withdrawSuccess .ws-status-box .wsb-icon {
        width: 68px;
        display: inline-block;
        margin-bottom: 8px;
    }
    body .container .wrapper .main .subpage.withdrawSuccess .ws-status-box .wsb-icon img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.withdrawSuccess .ws-status-box .wsb-txt {
        width: 100%;
        font-size: 17px;
        margin-bottom: 12px;
    }
    body .container .wrapper .main .subpage.withdrawSuccess .ws-status-box .wsb-txt.wt-success {
        color: #00bde0;
    }
    body .container .wrapper .main .subpage.withdrawSuccess .ws-status-box .wsb-price {
        width: 100%;
        font-size: 16px;
        color: #3e3e3e;
    }
    body .container .wrapper .main .subpage.withdrawSuccess .ws-status-box .wsb-price .wpb-txt {
        font-size: 35px;
        font-weight: bold;
        margin-left: 5px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-txt {
        width: 100%;
        font-size: 16px;
        line-height: 1.5;
        color: #5a5a5a;
        text-align: center;
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-tip-box {
        width: 100%;
        margin-bottom: 25px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.transfertip .tft-tip-box .tft-tip {
        display: inline-block;
        padding: 10px 25px;
        background: #fff4ca;
        font-size: 16px;
        line-height: 1.5;
        color: #7f5400;
        border-radius: 13px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box {
        width: 100%;
        max-width: 526px;
        margin: 0 auto;
        border-left: 10px solid #fc944c;
        transform: translateX(40px);
        -ms-transform: translateX(40px);
        -webkit-transform: translateX(40px);
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step {
        width: 100%;
        margin-left: -40px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step dt, body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step dd {
        display: inline-block;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step dt {
        width: 70px;
        height: 70px;
        border-radius: 99em;
        border: 7px solid #fc944c;
        background: #FFF;
        font-size: 30px;
        font-weight: bold;
        color: #fb6700;
        text-align: center;
        line-height: 61px;
        font-family: Arial, sans-serif;
        position: relative;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step dd {
        width: calc(100% - 100px);
        min-height: 220px;
        margin-left: 23px;
        font-size: 16px;
        color: #1e1e1e;
        line-height: 1.5;
        position: relative;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step:last-child {
        margin-left: -25px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step:last-child dt {
        width: 40px;
        height: 40px;
        top: 10px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step:last-child dd {
        height: 0;
        min-height: 0px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step.ts-mini dd {
        min-height: 130px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step.ts4 dd {
        min-height: 330px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-content {
        width: 100%;
        border: 5px solid #fc944c;
        background: #fff;
        padding: 15px 20px;
        position: relative;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-content a {
        color: #0091ff;
        text-decoration: underline;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-content:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 10px 6px 0;
        border-color: transparent #fc944c transparent transparent;
        display: block;
        position: absolute;
        left: -14px;
        top: calc(50% - 6px);
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-content:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent {
        width: 100%;
        margin: 10px 0;
        position: relative;
        text-align: right;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box {
        width: 330px;
        display: inline-block;
        text-align: left;
        padding: 20px;
        border-radius: 8px;
        position: relative;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 6px 10px 6px;
        border-color: transparent transparent #ffe transparent;
        display: block;
        position: absolute;
        left: calc(50% - 5px);
        top: -9px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box + .tss-box {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: -8px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box + .tss-box:before {
        display: none;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box + .tss-box:after {
        content: "";
        width: calc(100% - 40px);
        border-top: 1px solid #FFF;
        position: absolute;
        top: 4px;
        left: 20px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-red {
        background: #ffe0e0;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-red .tsc-side, body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-red .tss-intro {
        color: #ff4b4b;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-red:before {
        border-bottom-color: #ffe0e0;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-blue {
        background: #e0fcff;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-blue .tsc-side, body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-blue .tss-intro {
        color: #036eb8;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-blue:before {
        border-bottom-color: #e0fcff;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box .tss-ic, body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box .tss-txt {
        display: inline-block;
        vertical-align: middle;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box .tss-ic {
        width: 24px;
        height: 24px;
        margin-right: 6px;
        background: url("/images/inside/ic-exclamation-circle.svg") center center/contain no-repeat;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tsc-side {
        float: left;
        margin-right: 20px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tsc-side + .tsc-intro {
        float: left;
        width: calc(100% - 70px);
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tsc-result {
        clear: both;
        width: 100%;
        margin-top: 10px;
        color: #3e3e3e;
    }
    body .container .wrapper .main .subpage.transfertip .tft-process-box .tpb-step .tps-tip {
        max-width: 100%;
        padding: 4px 13px;
        background: #fc944c;
        border-radius: 99em;
        color: white;
        font-size: 16px;
        line-height: 1.5;
        position: absolute;
        left: -108px;
        top: calc(50% + 35px);
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    body .container .wrapper .main .subpage.transfertip .tft-nt {
        margin-top: 30px;
        padding-left: 50px;
    }
    body .container .wrapper .main .subpage.transfertip .tft-nt li {
        text-indent: -50px;
    }
    body .container .wrapper .main .subpage.account-member .top {
        padding: 35px 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    body .container .wrapper .main .subpage.account-member .top .game-logo {
        margin-right: 15px;
        align-self: flex-start;
    }
    body .container .wrapper .main .subpage.account-member .top .data-list .num {
        color: #000;
        font-size: 50px;
        line-height: 50px;
        padding: 8px 0;
    }
    body .container .wrapper .main .subpage.account-member .top .data-list .txt {
        font-size: 13px;
        color: #9e9e9e;
        line-height: 18px;
    }
    body .container .wrapper .main .subpage.account-member .top .btn-box {
        justify-content: flex-end;
    }
    body .container .wrapper .main .subpage.account-member .top .btn-box .btn {
        width: 100px;
        height: 38px;
        border-radius: 18px;
        margin: 0 8px;
        line-height: 38px;
    }
    body .container .wrapper .main .subpage.account-member .middle {
        background-color: #f8f8f8;
    }
    body .container .wrapper .main .subpage.account-member .middle .bd {
        height: 1px;
        width: calc(100% - 50px);
        margin-left: 50px;
        background-color: #ededed;
    }
    body .container .wrapper .main .subpage.account-member .middle .account-change,
    body .container .wrapper .main .subpage.account-member .middle .loginpwd-edit,
    body .container .wrapper .main .subpage.account-member .middle .transpwd-edit,
    body .container .wrapper .main .subpage.account-member .middle .invioce-edit {
        display: none;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col {
        display: flex;
        align-items: center;
        position: relative;
        margin-left: 50px;
        min-height: 62px;
        padding: 22px 0;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .btn-box {
        height: 38px;
        justify-content: center;
        padding: 10px 0;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .btn-box .btn {
        position: relative;
        width: 180px;
        right: initial;
        margin: 0 10px;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .btn-box-sec {
        height: 38px;
        position: absolute;
        right: 50px;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .btn-box-sec .btn {
        position: relative;
        right: initial;
        display: inline-block;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .btn-box-sec .btn:first-child {
        width: 130px;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .input-nickname,
    body .container .wrapper .main .subpage.account-member .middle .flex-col .input-email {
        display: none;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .default-select,
    body .container .wrapper .main .subpage.account-member .middle .flex-col .input {
        width: 500px;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .select-flex-sec .default-select {
        width: 245px;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .member-num {
        position: absolute;
        right: 50px;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .info {
        width: 165px;
        color: #000;
        font-size: 17px;
        align-self: flex-start;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .info .icon {
        width: 18px;
        display: inline-block;
        vertical-align: middle;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .info .icon img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .detail {
        font-size: 17px;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .btn {
        position: absolute;
        right: 50px;
        width: 100px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        border-radius: 20px;
        z-index: 1;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .account-list {
        width: 500px;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .account-list .input-radio {
        padding: 15px 0;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .account-list .input-radio .box {
        left: inherit;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .account-list dl {
        line-height: 20px;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .account-list dl dt {
        color: #000;
    }
    body .container .wrapper .main .subpage.account-member .middle .flex-col .account-list dl dd {
        font-size: 13px;
    }
    body .container .wrapper .main .subpage.account-member .bottom {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.account-member .bottom .tip-fc-4 {
        padding-bottom: 15px;
    }
    body .container .wrapper .main .subpage.account-member .bottom table td {
        width: 150px;
        padding: 7px 0;
        line-height: 20px;
    }
    body .container .wrapper .main .subpage.account-member .bottom table td:nth-child(2) {
        width: 250px;
    }
    body .container .wrapper .main .subpage.account-member .bottom table td img {
        width: 18px;
    }
    body .container .wrapper .main .subpage.refill-wrap * {
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.refill-wrap .refill-title {
        width: 100%;
        font-size: 24px;
        color: #fb6700;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-box {
        width: 100%;
        padding: 30px 50px;
        background: #fff;
        position: relative;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-box + .sp-box {
        padding-top: 0;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-box + .spb-gray {
        padding-top: 30px;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-box.spb-gray {
        background: #f8f8f8;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-box.spb-gray + .spb-gray {
        padding-top: 0;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-box.spb-gray + .sp-box {
        padding-top: 30px;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-btn-box {
        margin-top: 30px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-btn-box .btn {
        text-align: center;
        display: inline-block;
        min-width: 200px;
        height: 50px;
        line-height: 50px;
        border-radius: 99em;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .stb-list {
        display: flex;
        justify-content: center;
        padding: 0px 50px;
        position: relative;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step-intro-m {
        display: none;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step {
        position: relative;
        width: 225px;
        height: 96px;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step:last-of-type {
        width: 45px;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step:last-of-type:after {
        display: none;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content {
        position: relative;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        border: 1px solid #b1b1b1;
        background: #b1b1b1;
        text-align: center;
        z-index: 10;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content .sc-box {
        width: 43px;
        height: 43px;
        border-radius: 50%;
        border: 2px solid #FFF;
        background: transparent;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content .sc-box:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content .step-icon {
        font-size: 30px;
        font-weight: bold;
        color: white;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content .step-icon img {
        height: 100%;
        display: inline-block;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content .step-icon.si-normal {
        margin-top: -1px;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content .step-icon.si-done {
        display: none;
        width: 20px;
        height: 11px;
        vertical-align: 2px;
        border: 2px solid #fb6700;
        border-top: none;
        border-right: none;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content .step-intro {
        width: 160px;
        box-sizing: border-box;
        line-height: 1.4;
        text-align: center;
        position: absolute;
        top: 50px;
        left: calc(50% - 80px);
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content .step-intro dt {
        font-size: 13px;
        color: #b1b1b1;
        margin-bottom: 2px;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step .step-content .step-intro dd {
        font-size: 16px;
        color: #555;
        letter-spacing: 0;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step:after {
        content: "";
        height: 2px;
        width: 100%;
        position: absolute;
        top: 22px;
        left: 0;
        z-index: 8;
        background-color: #b1b1b1;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step.current .step-content {
        border-color: #fb6700;
        background: #fb6700;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step.current .step-content .step-intro dt, body .container .wrapper .main .subpage.refill-wrap .step-box .step.current .step-content .step-intro dd {
        color: #fb6700;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step.current:after {
        background-color: #fb6700;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step.done .step-content {
        border: 2px solid #fb6700;
        background: #FFF;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step.done .step-content .sc-box {
        width: 41px;
        height: 41px;
        border: none;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step.done .step-content .step-icon.si-done {
        display: inline-block;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step.done .step-content .step-icon.si-normal {
        display: none;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step.done .step-content .step-intro dt, body .container .wrapper .main .subpage.refill-wrap .step-box .step.done .step-content .step-intro dd {
        color: #fb6700;
    }
    body .container .wrapper .main .subpage.refill-wrap .step-box .step.done:after {
        background-color: #fb6700;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-inp-box {
        width: 580px;
        margin: 0 auto;
        position: relative;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-inp-box dl {
        width: 100%;
        margin-bottom: 25px;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-inp-box dl:last-child {
        margin-bottom: 0;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-inp-box dt, body .container .wrapper .main .subpage.refill-wrap .sp-inp-box dd {
        display: inline-block;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-inp-box dt {
        width: 180px;
        padding: 12px 15px 0 0;
        font-size: 17px;
        line-height: 1.5;
        color: #5a5a5a;
    }
    body .container .wrapper .main .subpage.refill-wrap .sp-inp-box dd {
        width: calc(100% - 185px);
    }
    body .container .wrapper .main .subpage.PurchaseSelect .invoice-info-box > div, body .container .wrapper .main .subpage.SNPurchaseSelect .invoice-info-box > div {
        display: none;
        transition: none;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list-box, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list-box {
        padding: 30px 35px;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list *, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list * {
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list li, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li {
        width: 48%;
        min-height: 110px;
        margin-bottom: 15px;
        background: white;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
        border: 3px solid transparent;
        border-radius: 6px;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list li:hover, body .container .wrapper .main .subpage.PurchaseSelect .rw-list li.rwl-act, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li:hover, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li.rwl-act {
        border-color: #fb6700;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-1, body .container .wrapper .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-1, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-1, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-1 {
        background-image: url("/Content/images/inside/credit-card-og.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-2, body .container .wrapper .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-2, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-2, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-2 {
        background-image: url("/Content/images/inside/atm-og.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-3, body .container .wrapper .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-3, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-3, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-3 {
        background-image: url("/Content/images/inside/card-reader-og.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-4, body .container .wrapper .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-4, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-4, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-4 {
        background-image: url("/Content/images/inside/game-logo.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-5, body .container .wrapper .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-5, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-5, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-5 {
        background-image: url("/Content/images/inside/wechat-pay-og.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-6, body .container .wrapper .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-6, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-6, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-6 {
        background-image: url("/Content/images/inside/deposit-on.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list li:hover .rwl-type, body .container .wrapper .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-type, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-type, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-type {
        color: #fb6700;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .input-radio, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .input-radio {
        width: 100%;
        height: 100%;
        padding-left: 0px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .input-radio label, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .input-radio label {
        display: block;
        width: 100%;
        height: 100%;
        padding: 15px 15px 15px 70px;
        cursor: pointer;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .input-radio .box, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .input-radio .box {
        top: 22px;
        left: 30px;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .rwl-icon, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .rwl-icon {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 45px;
        left: 15px;
        z-index: 5;
        background: transparent center center/contain no-repeat;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .rwl-icon.ri-1, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .rwl-icon.ri-1 {
        background-image: url("/Content/images/inside/credit-card-1.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .rwl-icon.ri-2, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .rwl-icon.ri-2 {
        background-image: url("/Content/images/inside/atm.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .rwl-icon.ri-3, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .rwl-icon.ri-3 {
        background-image: url("/Content/images/inside/card-reader.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .rwl-icon.ri-6, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .rwl-icon.ri-6 {
        background-image: url("/Content/images/inside/deposit-defult.svg");
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .rwl-type, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .rwl-type {
        font-size: 24px;
        text-align: left;
        color: #1e1e1e;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .rwl-intro, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .rwl-intro {
        width: 100%;
        font-size: 14px;
        color: #5a5a5a;
        line-height: 1.5;
        margin-top: 10px;
        text-align: left;
        padding-left: 0px;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-list .rwl-intro:after, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-list .rwl-intro:after {
        display: none;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount {
        width: 100%;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-inp, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-inp {
        width: 430px;
        margin: 0 auto;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total {
        width: 100%;
        margin-top: 30px;
        background: #fffde3;
        overflow: hidden;
        border-radius: 5px;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points {
        width: 100%;
        font-size: 16px;
        color: #5a5a5a;
        text-align: left;
        padding: 16px 40px 14px;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list {
        width: 100%;
        font-size: 16px;
        color: #5a5a5a;
        background: #fffcd6;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list dl, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list dl {
        padding: 15px 40px 13px;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list dl:after, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list dl:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list dt, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list dt {
        float: left;
        text-align: left;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list dd, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list dd {
        float: right;
        text-align: right;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-price, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-price {
        width: 100%;
        height: 56px;
        line-height: 58px;
        font-size: 16px;
        color: #000000;
        padding: 0 40px;
        background: #fff9aa;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-price dt, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-price dt {
        float: left;
        text-align: left;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-price dd, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-price dd {
        float: right;
        font-size: 22px;
        font-weight: bold;
        text-align: right;
        color: #ff4b4b;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-price:after, body .container .wrapper .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-price:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .wrapper .main .subpage.PurchaseSelect .notice, body .container .wrapper .main .subpage.SNPurchaseSelect .notice {
        display: none;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .nt-normal, body .container .wrapper .main .subpage.SNPurchaseSelect .nt-normal {
        display: block;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount-box {
        width: 100%;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .refill-title {
        color: #9e9e9e;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-inp .ri-tip {
        color: #9e9e9e;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total {
        background: #ebeaea;
        border-radius: 5px;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total .rat-points, body .container .wrapper .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total .rp-txt {
        color: #9e9e9e;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total .rat-price {
        background: #e5e5e5;
        color: #9e9e9e;
    }
    body .container .wrapper .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total .rat-price dd {
        color: #9e9e9e;
    }
    body .container .wrapper .main .subpage.payresult .rrs-detail-box, body .container .wrapper .main .subpage.SNpayresult .rrs-detail-box {
        width: 100%;
    }
    body .container .wrapper .main .subpage.payresult .rdb-tip, body .container .wrapper .main .subpage.SNpayresult .rdb-tip {
        width: 100%;
        text-align: center;
        font-size: 20px;
        line-height: 1.5;
        color: #ff4b4b;
        margin-bottom: 20px;
        animation: txtAni 1s linear infinite;
    }
    body .container .wrapper .main .subpage.payresult .rrs-detail .td, body .container .wrapper .main .subpage.SNpayresult .rrs-detail .td {
        padding: 12px 15px;
    }
    body .container .wrapper .main .subpage.payresult .rrs-detail .td:nth-child(1), body .container .wrapper .main .subpage.SNpayresult .rrs-detail .td:nth-child(1) {
        width: 30%;
    }
    body .container .wrapper .main .subpage.payresult .rrs-detail .td:nth-child(2), body .container .wrapper .main .subpage.SNpayresult .rrs-detail .td:nth-child(2) {
        width: 70%;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsb-sn-num .rw-amount {
        margin-bottom: 0;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket {
        width: 100%;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket ul:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket li {
        float: left;
        height: 200px;
        margin: 15px 12px;
        background-color: #FFF;
        border-radius: 6px;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
        width: 180px;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket li:nth-child(4n) {
        margin-right: 0;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket li:nth-child(4n+1) {
        margin-left: 0;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpt-pic {
        width: 100%;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpt-pic img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpt-info {
        padding: 10px 10px 15px;
        position: relative;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpi-price {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 12px;
        color: #ff4b4b;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpi-confirm {
        width: 20px;
        position: absolute;
        right: 10px;
        top: 13px;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpi-confirm img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input {
        width: 100%;
        text-align: center;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .quantity-inp {
        width: 50px;
        height: 27px;
        padding: 6px;
        margin-right: -4px;
        border: solid #ddd;
        border-width: 1px 0;
        font-size: 15px;
        font-weight: bold;
        color: #5a5a5a;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        background: #FFF;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .ni-btn {
        background-color: #eeecec;
        border: none;
        align-items: center;
        justify-content: center;
        width: 27px;
        height: 27px;
        cursor: pointer;
        margin: 0;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
        border: 1px solid #dbdbdb;
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .ni-btn:before, body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .ni-btn:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 2px;
        background-color: #5a5a5a;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .nib-plus:after {
        transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
    }
    body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .nim-disabled:before, body .container .wrapper .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .nim-disabled:after {
        background-color: #ddd6d6;
    }
    body .container .wrapper .main .subpage.Serialnumberuse .rdi-test-link {
        font-size: 15px;
        position: absolute;
        top: 47px;
        right: 156px;
        color: #007aff;
        text-decoration: underline;
        z-index: 5;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-condition {
        text-align: center;
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-condition dl, body .container .wrapper .main .subpage.Serialnumber .rrb-condition dt, body .container .wrapper .main .subpage.Serialnumber .rrb-condition dd, body .container .wrapper .main .subpage.Serialnumber .rrb-condition .block {
        display: inline-block;
        vertical-align: middle;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-condition dl, body .container .wrapper .main .subpage.Serialnumber .rrb-condition .block {
        margin-right: 50px;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-condition dl:last-child, body .container .wrapper .main .subpage.Serialnumber .rrb-condition .block:last-child {
        margin-right: 0;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-condition .block {
        width: 270px;
        margin-bottom: 30px;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-condition dt {
        width: 90px;
        padding-right: 10px;
        font-size: 17px;
        color: #5a5a5a;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-condition dd {
        width: 180px;
        text-align: left;
    }
    body .container .wrapper .main .subpage.Serialnumber .btn-box {
        margin: 20px 0;
        justify-content: center;
    }
    body .container .wrapper .main .subpage.Serialnumber .btn-box .btn {
        display: inline-block;
        width: 100px;
        height: 38px;
        border-radius: 20px;
        text-align: center;
        line-height: 38px;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .td {
        padding: 10px 12px;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .td:nth-child(1) {
        width: 18%;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .td:nth-child(2) {
        width: 28%;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .td:nth-child(3) {
        width: 28%;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .td:nth-child(4) {
        width: 13%;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .td:nth-child(5) {
        width: 13%;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .rbr-box {
        width: 100%;
        position: relative;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .rbr-box .rbr-txt, body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .rbr-box .rbr-btn {
        display: inline-block;
        vertical-align: middle;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .rbr-box .rbr-txt {
        width: calc(100% - 60px);
        word-break: break-all;
        word-wrap: break-word;
        padding-right: 7px;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-pc .rbr-box .rbr-btn {
        min-width: 54px;
        padding: 5px 0;
        background: white;
    }
    body .container .wrapper .main .subpage.Serialnumber .rrb-rec-m {
        display: none;
    }
    body .container .wrapper .main .subpage.auth-wrap {
        padding: 30px 50px;
    }
    body .container .wrapper .main .subpage.auth-wrap .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.auth-wrap .btn-box {
        justify-content: center;
    }
    body .container .wrapper .main .subpage.auth-wrap .btn-box .btn {
        width: 200px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 30px;
        display: block;
    }
    body .container .wrapper .main .subpage.GoogleAuth .download-box {
        display: flex;
        padding: 60px 75px 36px;
        justify-content: space-between;
    }
    body .container .wrapper .main .subpage.GoogleAuth .download-box .block {
        width: 50%;
        position: relative;
        padding-left: 165px;
        height: 150px;
        padding-top: 50px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.GoogleAuth .download-box .block .qr {
        position: absolute;
        left: 0;
        top: 0;
    }
    body .container .wrapper .main .subpage.GoogleAuth .download-box .block .gp {
        padding-bottom: 15px;
    }
    body .container .wrapper .main .subpage.GoogleAuth .download-box .block .btn {
        width: 140px;
        height: 38px;
        display: block;
        border-radius: 20px;
        text-align: center;
        line-height: 38px;
    }
    body .container .wrapper .main .subpage.activate_01 .key-box {
        width: 660px;
        height: 220px;
        position: relative;
        padding-left: 375px;
        box-sizing: border-box;
        background-color: #fff9d0;
        margin: 30px auto;
        padding-top: 75px;
    }
    body .container .wrapper .main .subpage.activate_01 .key-box .qr {
        position: absolute;
        height: 150px;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 86px;
    }
    body .container .wrapper .main .subpage.activate_01 .key-box:after {
        content: "or";
        height: 24px;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        font-size: 20px;
        color: #333;
        font-weight: bold;
        left: 296px;
    }
    body .container .wrapper .main .subpage.activate_01 .key-box .auth-key {
        background-color: #fff;
        box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.1);
        line-height: 44px;
        width: 200px;
        color: #000;
        letter-spacing: 1px;
        padding: 0 10px;
        box-sizing: border-box;
        margin-top: 5px;
    }
    body .container .wrapper .main .subpage.activate_01 .flex {
        width: 660px;
        margin: 0 auto 35px;
        display: flex;
        justify-content: space-between;
    }
    body .container .wrapper .main .subpage.activate_01 .flex .qr {
        margin-bottom: 8px;
    }
    body .container .wrapper .main .subpage.activate_01 .flex .block {
        width: 300px;
    }
    body .container .wrapper .main .subpage.activate_02 .input {
        width: 490px;
    }
    body .container .wrapper .main .subpage.activate_03 .ic-ok {
        width: 68px;
        margin-bottom: 10px;
    }
    body .container .wrapper .main .subpage.activate_03 .tip-fc-5 {
        font-size: 17px;
        font-weight: bold;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .block-title {
        font-size: 24px;
        line-height: 24px;
        color: #fb6700;
        letter-spacing: 1px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .top {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex {
        display: flex;
        justify-content: space-around;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex .member-type {
        width: 245px;
        height: 129px;
        border-radius: 6px;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        border: 3px solid transparent;
        cursor: pointer;
        box-sizing: border-box;
        padding: 0;
        text-align: center;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex .member-type .CTF-icon {
        padding: 15px 0;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex .member-type .CTF-type {
        font-size: 24px;
        letter-spacing: 1px;
        color: #000;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex .member-type.disabled {
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
        cursor: default;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex .member-type.disabled .CTF-type {
        color: #9e9e9e;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex .member-type:not(.disabled).current, body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex .member-type:not(.disabled):hover {
        box-shadow: 0 6px 10px 1px rgba(0, 0, 0, 0.3);
        border: solid 3px #fb6700;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex .member-type:not(.disabled).current .CTF-type, body .container .wrapper .main .subpage.BusinessMemberCTF .top .flex .member-type:not(.disabled):hover .CTF-type {
        color: #fb6700;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle {
        background-color: #f8f8f8;
        padding: 35px 0 10px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .bd {
        height: 1px;
        width: calc(100% - 50px);
        margin-left: 50px;
        background-color: #ededed;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .btn-box {
        width: 100%;
        margin-top: 12px;
        justify-content: center;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .btn-box .btn {
        width: 200px;
        text-align: center;
        border-radius: 20px;
        display: block;
        padding: 11px 0;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col {
        display: flex;
        align-items: center;
        margin-left: 50px;
        min-height: 62px;
        padding: 11px 0;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .input {
        width: 500px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .info {
        width: 165px;
        color: #000;
        font-size: 17px;
        align-self: flex-start;
        line-height: 40px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .select-box.size-default {
        width: 500px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .select-box.size-tiny {
        width: 110px;
        margin-right: 10px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .select-box.size-tiny .dropdown-menu ul {
        min-width: inherit;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .select-flex-sec {
        flex-wrap: wrap;
        display: flex;
        width: 500px;
        justify-content: space-between;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .select-flex-sec .default-select {
        width: 245px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .select-flex-sec .input {
        margin-top: 20px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .detail .notice {
        width: 500px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .detail .notice li {
        font-size: 13px;
        line-height: 1.54;
        margin-bottom: 0;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .detail .btn {
        text-align: center;
        border-radius: 20px;
        display: block;
        padding: 11px 0;
        margin: 15px 0 5px;
        width: 100px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .detail p {
        width: 500px;
        margin-bottom: 5px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .detail p img {
        width: 18px;
        vertical-align: text-bottom;
        margin-left: 15px;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .detail p span {
        color: #fb6700;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .middle .flex-col .detail p .file-name {
        width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body .container .wrapper .main .subpage.BusinessMemberCTF .bottom {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.MemberOverview {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.MemberOverview .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.MemberOverview .flex {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.MemberOverview .flex .member-type {
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
        padding: 15px;
        border-radius: 6px;
        height: 230px;
        width: 245px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.MemberOverview .flex .member-type .CTF-icon {
        text-align: center;
    }
    body .container .wrapper .main .subpage.MemberOverview .flex .member-type .CTF-type {
        text-align: center;
        font-size: 24px;
        color: #9e9e9e;
        margin: 15px 0;
    }
    body .container .wrapper .main .subpage.MemberOverview .flex .member-type dl {
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: 1px;
        height: 84px;
        position: relative;
    }
    body .container .wrapper .main .subpage.MemberOverview .flex .member-type dl dt {
        color: #5a5a5a;
    }
    body .container .wrapper .main .subpage.MemberOverview .flex .member-type dl dd {
        color: #9e9e9e;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    body .container .wrapper .main .subpage.MemberOverview .block {
        width: 100%;
        background-color: #f8f8f8;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.MemberOverview .block .flex-col {
        display: flex;
        align-items: center;
        margin-left: 50px;
        min-height: 62px;
        padding: 11px 0;
        box-sizing: border-box;
        position: relative;
    }
    body .container .wrapper .main .subpage.MemberOverview .block .flex-col:not(:last-child):after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #ededed;
        position: absolute;
        bottom: 0;
    }
    body .container .wrapper .main .subpage.MemberOverview .block .flex-col .info {
        width: 165px;
        color: #000;
        font-size: 17px;
        align-self: flex-start;
        line-height: 40px;
    }
    body .container .wrapper .main .subpage.MemberOverview .block .flex-col .btn-box-sec {
        height: 38px;
        position: absolute;
        right: 50px;
    }
    body .container .wrapper .main .subpage.MemberOverview .block .flex-col .btn-box-sec .btn {
        position: relative;
        right: initial;
        display: inline-block;
        width: 100px;
        line-height: 38px;
        border-radius: 20px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.MemberOverview .block .flex-col .btn-box-sec .btn:first-child {
        width: 130px;
    }
    body .container .wrapper .main .subpage.MemberOverview table thead {
        background-color: #fff4a5;
    }
    body .container .wrapper .main .subpage.MemberOverview table thead td {
        color: #000;
    }
    body .container .wrapper .main .subpage.MemberOverview table td {
        border: 1px solid #e9c58b;
        padding: 12px 0;
        text-align: center;
        vertical-align: middle;
        line-height: 1.2;
    }
    body .container .wrapper .main .subpage.MemberOverview table td.tal {
        text-align: left;
        padding-left: 15px;
    }
    body .container .wrapper .main .subpage.MemberOverview table td .fzs, body .container .wrapper .main .subpage.MemberOverview table td.fzs {
        font-size: 13px;
        line-height: 1.5;
    }
    body .container .wrapper .main .subpage.MemberOverview table tbody td:nth-child(1), body .container .wrapper .main .subpage.MemberOverview table tbody td:nth-child(2) {
        width: 140px;
    }
    body .container .wrapper .main .subpage.MemberOverview table tbody td:nth-child(3), body .container .wrapper .main .subpage.MemberOverview table tbody td:nth-child(4), body .container .wrapper .main .subpage.MemberOverview table tbody td:nth-child(5) {
        width: 178px;
    }
    body .container .wrapper .main .subpage.MemberOverview .table-box {
        width: 305px;
    }
    body .container .wrapper .main .subpage.MemberOverview .table-box .thead .td {
        padding: 11px 0;
    }
    body .container .wrapper .main .subpage.MemberOverview .table-box .tbody .td {
        padding: 25px 0;
    }
    body .container .wrapper .main .subpage.CreditCardList {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.CreditCardList .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.CreditCardList .block {
        width: 100%;
        background-color: #f8f8f8;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.CreditCardList .block .flex-col {
        display: flex;
        align-items: center;
        margin-left: 50px;
        min-height: 62px;
        padding: 11px 0;
        box-sizing: border-box;
        position: relative;
    }
    body .container .wrapper .main .subpage.CreditCardList .block .flex-col:not(:last-child):after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #ededed;
        position: absolute;
        bottom: 0;
    }
    body .container .wrapper .main .subpage.CreditCardList .block .flex-col .info {
        width: 165px;
        color: #000;
        font-size: 17px;
        align-self: flex-start;
        line-height: 40px;
    }
    body .container .wrapper .main .subpage.WithdrawAuto {
        padding: 0 50px;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .page-tab {
        text-align: center;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .page-tab a {
        font-size: 20px;
        letter-spacing: 1px;
        color: #9e9e9e;
        display: inline-block;
        padding: 10px 20px;
        border-bottom: 2px solid transparent;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .page-tab a.current {
        color: #ff6800;
        border-bottom: 2px solid #ff6800;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block {
        width: 580px;
        margin: auto;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        margin-bottom: 30px;
        justify-content: space-between;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col .info {
        width: 180px;
        font-size: 17px;
        line-height: 40px;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col .detail {
        width: 400px;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col .detail.radio {
        display: flex;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col .detail.radio .input-radio {
        margin-right: 15px;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col .detail.radio .input-radio label {
        line-height: 19px;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col .detail.radio .input-radio .icon {
        width: 18px;
        display: inline-block;
        position: relative;
        top: 3px;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col .detail.radio .input-radio .icon img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col .detail .select-flex-sec {
        display: flex;
        justify-content: space-between;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .block .flex-col .detail .select-flex-sec .default-select {
        width: 190px;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .btn-box {
        height: 50px;
        justify-content: center;
    }
    body .container .wrapper .main .subpage.WithdrawAuto .btn-box .btn {
        width: 200px;
        line-height: 50px;
        border-radius: 30px;
    }
    body .container .wrapper .main .subpage.BankCardList .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.BankCardList .add-account {
        color: #fc944c;
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 25px;
        cursor: pointer;
    }
    body .container .wrapper .main .subpage.BankCardList .add-account img {
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.BankCardList .block {
        width: 100%;
        background-color: #f8f8f8;
    }
    body .container .wrapper .main .subpage.BankCardList .block .flex-col {
        display: flex;
        align-items: center;
        position: relative;
        margin-left: 50px;
        padding: 11px 0;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.BankCardList .block .flex-col.ju-sb {
        justify-content: space-between;
    }
    body .container .wrapper .main .subpage.BankCardList .block .flex-col .info {
        width: 165px;
        color: #000;
        font-size: 17px;
        line-height: 30px;
    }
    body .container .wrapper .main .subpage.BankCardList .block .flex-col .detail .select-box,
    body .container .wrapper .main .subpage.BankCardList .block .flex-col .detail input {
        width: 415px;
    }
    body .container .wrapper .main .subpage.BankCardList .block.add .flex-col {
        min-height: 62px;
    }
    body .container .wrapper .main .subpage.BankCardList .block.add .flex-col .info {
        align-self: flex-start;
    }
    body .container .wrapper .main .subpage.BankCardList .block.add .flex-col:after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #ededed;
        position: absolute;
        bottom: 0;
    }
    body .container .wrapper .main .subpage.BankCardList .block.add .btn-box {
        height: 38px;
        justify-content: center;
        margin: 12px 0;
    }
    body .container .wrapper .main .subpage.BankCardList .block.add .btn-box .btn {
        width: 100px;
        height: 38px;
        line-height: 38px;
        border-radius: 30px;
        margin: 0 10px;
    }
    body .container .wrapper .main .subpage.BankCardList .block.added {
        position: relative;
    }
    body .container .wrapper .main .subpage.BankCardList .block.added:after {
        content: "";
        height: 1px;
        width: calc(100% - 50px);
        background-color: #ededed;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    body .container .wrapper .main .subpage.BankCardList .block.added .status {
        position: absolute;
        right: 50px;
        height: 38px;
        line-height: 38px;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        width: 100px;
    }
    body .container .wrapper .main .subpage.BankCardList .block.added .status .btn {
        width: 100%;
        line-height: 38px;
        border-radius: 30px;
        text-align: center;
        display: inline-block;
    }
    body .container .wrapper .main .subpage.BankCardList .block.added .btn-box {
        width: 130px;
        height: 30px;
        justify-content: flex-end;
        margin-right: 30px;
    }
    body .container .wrapper .main .subpage.BankCardList .block.added .btn-box .btn {
        width: 54px;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
    }
    body .container .wrapper .main .subpage.BankCardList .block.added .btn-box .btn:not(:last-child) {
        margin-right: 15px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .add-account {
        color: #fc944c;
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 25px;
        cursor: pointer;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .add-account img {
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .table.table-bd .td {
        padding: 12px 20px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .table.table-bd .td:nth-child(1) {
        width: 30%;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .block {
        width: 100%;
        background-color: #f8f8f8;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .block .flex-col {
        display: flex;
        align-items: center;
        position: relative;
        margin-left: 50px;
        padding: 11px 0;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .block .flex-col .info {
        width: 165px;
        color: #000;
        font-size: 17px;
        line-height: 30px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .block .flex-col .detail {
        width: 415px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .block .flex-col .detail.area-code {
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .block .flex-col .detail.area-code .select-box {
        width: 120px;
        margin-right: 10px;
        position: static;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .block .flex-col .detail.area-code .input {
        width: 283px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .btn-box {
        height: 38px;
        justify-content: center;
        padding: 12px 0;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .btn-box .btn {
        width: 100px;
        line-height: 38px;
        border-radius: 30px;
        margin: 0 10px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .table.table-nb .thead .td:nth-child(4) {
        width: 274px;
        padding: 0 35px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .table.table-nb .func {
        padding: 0 35px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .table.table-nb .func a, body .container .wrapper .main .subpage.Sub-AccountList .table.table-nb .func .status {
        padding: 5px 0;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .table.table-nb .func a:nth-child(2) {
        min-width: 54px;
    }
    body .container .wrapper .main .subpage.Sub-AccountList .table.table-nb .func .status {
        width: 90px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .table-flex {
        display: flex;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .table-flex .table-scroll {
        position: relative;
        left: -1px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .table.table-bd .td {
        padding: 12px 20px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table {
        width: auto;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table thead {
        background-color: #fff4a5;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table thead td {
        color: #000;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table td {
        border: 1px solid #e9c58b;
        padding: 10px 0;
        text-align: center;
        vertical-align: middle;
        line-height: 24px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table td.tal {
        text-align: left;
        padding-left: 15px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table td .input-check {
        width: 20px;
        margin: auto;
        padding: 0;
        min-height: 24px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table tbody td:nth-child(1) {
        width: 120px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table tbody td:nth-child(2) {
        width: 136px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table tbody td:nth-child(3), body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table tbody td:nth-child(4), body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table tbody td:nth-child(5), body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table tbody td:nth-child(6) {
        width: 133px;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .sp-table .sp-td td {
        padding: 22px 0;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .btn-box {
        height: 50px;
        justify-content: center;
        padding: 12px 0;
    }
    body .container .wrapper .main .subpage.Sub-AccountEdit .btn-box .btn {
        width: 200px;
        line-height: 50px;
        border-radius: 30px;
        margin: 0 10px;
    }
    body .container .wrapper .main .subpage.ContactList {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.ContactList .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.ContactList .add-account {
        color: #fc944c;
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 25px;
        cursor: pointer;
    }
    body .container .wrapper .main .subpage.ContactList .add-account img {
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.ContactList .table.table-bd .td {
        padding: 12px 20px;
    }
    body .container .wrapper .main .subpage.ContactList .table.table-bd .td:nth-child(1) {
        width: 30%;
    }
    body .container .wrapper .main .subpage.ContactList .block {
        width: 100%;
        background-color: #f8f8f8;
        position: relative;
    }
    body .container .wrapper .main .subpage.ContactList .block .flex-col {
        display: flex;
        align-items: center;
        position: relative;
        margin-left: 50px;
        padding: 11px 0;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.ContactList .block .flex-col.radio {
        padding: 22px 0;
    }
    body .container .wrapper .main .subpage.ContactList .block .flex-col.radio .input-radio {
        margin-right: 15px;
    }
    body .container .wrapper .main .subpage.ContactList .block .flex-col .info {
        width: 165px;
        color: #000;
        font-size: 17px;
        line-height: 30px;
    }
    body .container .wrapper .main .subpage.ContactList .block .flex-col .detail {
        width: 415px;
    }
    body .container .wrapper .main .subpage.ContactList .block .flex-col .detail.area-code {
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    body .container .wrapper .main .subpage.ContactList .block .flex-col .detail.area-code .select-box {
        width: 120px;
        margin-right: 10px;
        position: static;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.ContactList .block .flex-col .detail.area-code .input {
        width: 283px;
    }
    body .container .wrapper .main .subpage.ContactList .block.add .flex-col:not(:last-child):after, body .container .wrapper .main .subpage.ContactList .block.added:not(:last-child):after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #ededed;
        position: absolute;
        bottom: 0;
    }
    body .container .wrapper .main .subpage.ContactList .block.added .status {
        position: absolute;
        right: 50px;
        height: 38px;
        line-height: 38px;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        width: 210px;
        display: flex;
        justify-content: space-between;
    }
    body .container .wrapper .main .subpage.ContactList .block.added .status .btn {
        width: 100px;
        line-height: 38px;
        border-radius: 30px;
        text-align: center;
        display: inline-block;
    }
    body .container .wrapper .main .subpage.ContactList .btn-box {
        height: 38px;
        justify-content: center;
        padding: 12px 0;
    }
    body .container .wrapper .main .subpage.ContactList .btn-box .btn {
        width: 100px;
        line-height: 38px;
        border-radius: 30px;
        margin: 0 10px;
    }
    body .container .wrapper .main .subpage.ContactList .table.table-nb .thead .td:nth-child(4) {
        width: 274px;
        padding: 0 35px;
    }
    body .container .wrapper .main .subpage.ContactList .table.table-nb .func {
        padding: 0 35px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    body .container .wrapper .main .subpage.ContactList .table.table-nb .func a, body .container .wrapper .main .subpage.ContactList .table.table-nb .func .status {
        padding: 5px 0;
    }
    body .container .wrapper .main .subpage.ContactList .table.table-nb .func a:nth-child(2) {
        min-width: 54px;
    }
    body .container .wrapper .main .subpage.ContactList .table.table-nb .func .status {
        width: 90px;
    }
    body .container .wrapper .main .subpage.e-invoice {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.e-invoice .page-tab {
        text-align: center;
    }
    body .container .wrapper .main .subpage.e-invoice .page-tab a {
        font-size: 20px;
        letter-spacing: 1px;
        color: #9e9e9e;
        display: inline-block;
        padding: 10px 20px;
        border-bottom: 2px solid transparent;
    }
    body .container .wrapper .main .subpage.e-invoice .page-tab a.current {
        color: #ff6800;
        border-bottom: 2px solid #ff6800;
    }
    body .container .wrapper .main .subpage.e-invoice .page-title {
        font-size: 19px;
        letter-spacing: 1px;
        color: #fb6700;
    }
    body .container .wrapper .main .subpage.e-invoice .tip-fc-4 img {
        width: 16px;
    }
    body .container .wrapper .main .subpage.e-invoice .flex-step {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    body .container .wrapper .main .subpage.e-invoice .flex-step .step {
        width: 140px;
        height: 116px;
        padding: 10px;
        box-sizing: border-box;
        background-color: #fff9d0;
        border: 1px solid #e9c58b;
        color: #000;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 1.33;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    body .container .wrapper .main .subpage.e-invoice .flex-step .arrow {
        width: 26px;
    }
    body .container .wrapper .main .subpage.e-invoice .flex-step .arrow img {
        vertical-align: middle;
        width: 100%;
    }
    body .container .wrapper .main .subpage.newsList {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.newsList .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.newsList .news-title {
        color: #000;
        margin-bottom: 10px;
        position: relative;
    }
    body .container .wrapper .main .subpage.newsList .news-title > .date {
        position: absolute;
        right: 0;
        top: 0;
    }
    body .container .wrapper .main .subpage.newsList .news-title .tag {
        position: relative;
        padding-right: 16px;
        font-weight: bold;
        margin-right: 8px;
    }
    body .container .wrapper .main .subpage.newsList .news-title .tag.event {
        color: #00bde0;
    }
    body .container .wrapper .main .subpage.newsList .news-title .tag.system {
        color: #47b354;
    }
    body .container .wrapper .main .subpage.newsList .news-title .tag:after {
        content: "";
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 2px;
        width: 8px;
        position: absolute;
        line-height: 30px;
        background-color: #000;
    }
    body .container .wrapper .main .subpage.newsList > .news-title {
        border-bottom: 1px solid #e7e6e6;
        padding-bottom: 8px;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.newsList .editor {
        margin-bottom: 30px;
        overflow: hidden;
    }
    body .container .wrapper .main .subpage.newsList .editor img {
        max-width: 100%;
    }
    body .container .wrapper .main .subpage.newsList .btn-box {
        justify-content: center;
    }
    body .container .wrapper .main .subpage.newsList .btn-box .btn {
        display: inline-block;
        line-height: 50px;
        width: 200px;
        height: 50px;
        text-align: center;
        border-radius: 30px;
        letter-spacing: 2px;
        margin: 0 10px;
    }
    body .container .wrapper .main .subpage.newsList .news-col {
        position: relative;
        padding: 15px 115px 15px 15px;
        height: 120px;
        overflow: hidden;
    }
    body .container .wrapper .main .subpage.newsList .news-col dl dd {
        line-height: 1.47;
        letter-spacing: 1px;
        font-size: 15px;
        height: 62px;
        overflow: hidden;
    }
    body .container .wrapper .main .subpage.newsList .news-col .date {
        font-size: 14px;
        color: #9e9e9e;
        position: absolute;
        left: 15px;
        bottom: 15px;
    }
    body .container .wrapper .main .subpage.newsList .news-col .btn {
        position: absolute;
        right: 0;
        height: 38px;
        top: 0;
        bottom: 0;
        margin: auto;
        line-height: 38px;
        border-radius: 20px;
        width: 100px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.newsList .news-col > img {
        position: absolute;
        left: 0;
        top: 15px;
    }
    body .container .wrapper .main .subpage.newsList .news-col:not(:last-child) {
        border-bottom: 1px solid #e7e6e6;
    }
    body .container .wrapper .main .subpage.service-faq {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.service-faq .page-title {
        font-size: 19px;
        letter-spacing: 1px;
        color: #fb6700;
    }
    body .container .wrapper .main .subpage.service-faq .default-select {
        width: 362px;
        margin: auto;
    }
    body .container .wrapper .main .subpage.service-faq .faq-list > div:not(.current) {
        display: none;
    }
    body .container .wrapper .main .subpage.service-faq .faq-list > div.current {
        display: block;
    }
    body .container .wrapper .main .subpage.service-report {
        padding: 35px 157px;
    }
    body .container .wrapper .main .subpage.service-report .flex-col {
        display: flex;
        align-items: center;
        position: relative;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.service-report .flex-col .info {
        width: 180px;
        color: #000;
        font-size: 17px;
        line-height: 30px;
        align-self: flex-start;
        line-height: 40px;
    }
    body .container .wrapper .main .subpage.service-report .flex-col .detail {
        width: 400px;
    }
    body .container .wrapper .main .subpage.service-report .flex-col .detail p {
        width: 100%;
        margin-bottom: 5px;
        line-height: 22px;
    }
    body .container .wrapper .main .subpage.service-report .flex-col .detail p .file-name {
        width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body .container .wrapper .main .subpage.service-report .flex-col .detail p span {
        color: #fb6700;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 1px;
        font-size: 16px;
    }
    body .container .wrapper .main .subpage.service-report .flex-col .detail p img {
        width: 18px;
        vertical-align: text-bottom;
        margin-left: 15px;
        cursor: pointer;
    }
    body .container .wrapper .main .subpage.service-report .flex-col .detail .btn {
        width: 100px;
        line-height: 38px;
        border-radius: 30px;
        text-align: center;
        display: inline-block;
    }
    body .container .wrapper .main .subpage.service-report .flex-col .detail ol {
        list-style-type: decimal;
        margin-left: 20px;
        margin-top: 5px;
    }
    body .container .wrapper .main .subpage.service-report .flex-col .detail ol li {
        font-size: 13px;
        padding-bottom: 5px;
        line-height: 18px;
    }
    body .container .wrapper .main .subpage.service-report .btn-box {
        height: 50px;
        justify-content: center;
    }
    body .container .wrapper .main .subpage.service-report .btn-box .btn {
        width: 200px;
        line-height: 50px;
        border-radius: 30px;
    }
    body .container .wrapper .main .subpage.service-reply {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.service-reply .reply {
        color: #ff4b4b;
        font-weight: bold;
        margin-right: 5px;
    }
    body .container .wrapper .main .subpage.service-reply .replyed {
        color: #00bde0;
        font-weight: bold;
        margin-right: 5px;
    }
    body .container .wrapper .main .subpage.service-reply .reply, body .container .wrapper .main .subpage.service-reply .replyed {
        position: relative;
        padding-right: 15px;
    }
    body .container .wrapper .main .subpage.service-reply .reply:before, body .container .wrapper .main .subpage.service-reply .replyed:before {
        content: "";
        height: 1px;
        width: 8px;
        background-color: #000;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    body .container .wrapper .main .subpage.service-reply .date {
        color: #000;
        font-weight: bold;
        position: relative;
    }
    body .container .wrapper .main .subpage.service-reply .editor > img {
        max-width: 100%;
    }
    body .container .wrapper .main .subpage.service-reply .reply-title {
        position: relative;
        border-bottom: 1px solid #e7e6e6;
        padding-bottom: 8px;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.service-reply .reply-title .date {
        position: absolute;
        right: 0;
    }
    body .container .wrapper .main .subpage.service-reply .reply-col {
        width: 100%;
        color: #5a5a5a;
        display: block;
    }
    body .container .wrapper .main .subpage.service-reply .reply-col dl dt {
        position: relative;
        padding-bottom: 8px;
        border-bottom: 1px solid #e7e6e6;
    }
    body .container .wrapper .main .subpage.service-reply .reply-col dl dt .tag {
        font-size: 13px;
        background-color: #ff4b4b;
        text-align: center;
        border-radius: 3px;
        color: #fff;
        width: 44px;
        display: inline-block;
        line-height: 16px;
        margin-right: 10px;
    }
    body .container .wrapper .main .subpage.service-reply .reply-col dl dt img {
        position: absolute;
        right: 0;
        width: 18px;
    }
    body .container .wrapper .main .subpage.service-reply .reply-col dl dd {
        padding-top: 8px;
        font-size: 15px;
    }
    body .container .wrapper .main .subpage.service-reply .reply-content {
        position: relative;
        padding-top: 20px;
    }
    body .container .wrapper .main .subpage.service-reply .reply-content:before {
        content: "";
        height: 1px;
        width: 100%;
        background: linear-gradient(to right, #969696 0%, #969696 50%, #ffffff 50%, #ffffff 100%);
        background-size: 10px auto;
        position: absolute;
        left: 0;
        top: 0;
    }
    body .container .wrapper .main .subpage.service-reply .reply-content .box {
        border: 1px solid #969696;
        padding: 10px;
        border-radius: 3px;
        line-height: 1.38;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.service-reply .reply-content p {
        margin-bottom: 5px;
    }
    body .container .wrapper .main .subpage.contract {
        padding: 35px 50px;
    }
    body .container .wrapper .main .subpage.contract .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.contract dl {
        letter-spacing: 1px;
        line-height: 1.5;
    }
    body .container .wrapper .main .subpage.contract dl dt {
        color: #000;
        margin-bottom: 8px;
        font-size: 15px;
    }
    body .container .wrapper .main .subpage.contract dl dd {
        font-size: 15px;
    }
    body .container .wrapper .main .subpage.contract dl dd ol {
        list-style-type: decimal;
        margin-left: 20px;
    }
    body .container .wrapper .main .subpage.pageDetail .page-title {
        color: #fb6700;
        font-size: 26px;
        padding-top: 41px;
        margin-bottom: 38px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.pageDetail .top {
        position: relative;
        margin: 41px 62px;
    }
    body .container .wrapper .main .subpage.pageDetail .top .flex-col {
        display: flex;
        justify-content: space-between;
    }
    body .container .wrapper .main .subpage.pageDetail .top .flex-col.platform {
        align-items: start;
    }
    body .container .wrapper .main .subpage.pageDetail .top .flex-col.platform .btn-list a {
        margin: 5px;
    }
    body .container .wrapper .main .subpage.pageDetail .top .flex-col.game .btn-list {
        justify-content: space-between;
        align-items: center;
    }
    body .container .wrapper .main .subpage.pageDetail .top .flex-col .game-img {
        width: 256px;
    }
    body .container .wrapper .main .subpage.pageDetail .top .flex-col .game-img img {
        width: 100%;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.pageDetail .top .flex-col .btn-list {
        width: 164px;
        display: flex;
        flex-wrap: wrap;
        padding: 13px 0;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.pageDetail .top .flex-col .btn-list a {
        display: block;
        height: 38px;
        border-radius: 20px;
        line-height: 38px;
        text-align: center;
        width: 100%;
    }
    body .container .wrapper .main .subpage.pageDetail .top .game-txt {
        position: absolute;
        top: 13px;
        left: 297px;
    }
    body .container .wrapper .main .subpage.pageDetail .top .game-txt dl {
        display: flex;
    }
    body .container .wrapper .main .subpage.pageDetail .top .game-txt dl:not(:last-child) {
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.pageDetail .top .game-txt dl dt {
        color: #fff;
        background-color: #b3b3b3;
        font-size: 14px;
        line-height: 20px;
        width: 80px;
        height: 20px;
        margin-right: 15px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.pageDetail .top .game-txt dl dd {
        font-size: 20px;
        color: #5a5a5a;
        width: 460px;
        line-height: 1.5;
    }
    body .container .wrapper .main .subpage.pageDetail .top .game-txt dl dd a {
        color: #5a5a5a;
    }
    body .container .wrapper .main .subpage.pageDetail .middle {
        position: relative;
        background-color: #6b6b6b;
        height: 431px;
        padding: 15px 100px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.pageDetail .middle .arrow {
        position: absolute;
        height: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
        width: 92%;
        z-index: 1;
    }
    body .container .wrapper .main .subpage.pageDetail .middle .arrow .swiper-button-next, body .container .wrapper .main .subpage.pageDetail .middle .arrow .swiper-button-prev {
        background: none;
        height: 30px;
        top: 0;
        margin-top: 0;
    }
    body .container .wrapper .main .subpage.pageDetail .middle .arrow .swiper-button-next img, body .container .wrapper .main .subpage.pageDetail .middle .arrow .swiper-button-prev img {
        height: 100%;
        vertical-align: top;
    }
    body .container .wrapper .main .subpage.pageDetail .middle .swiper-container, body .container .wrapper .main .subpage.pageDetail .middle .swiper-wrapper, body .container .wrapper .main .subpage.pageDetail .middle .swiper-slide {
        height: 100%;
    }
    body .container .wrapper .main .subpage.pageDetail .middle .swiper-slide {
        width: auto;
    }
    body .container .wrapper .main .subpage.pageDetail .middle .swiper-slide img {
        vertical-align: top;
        height: 100%;
    }
    body .container .wrapper .main .subpage.pageDetail .middle .swiper-slide iframe {
        height: 100%;
    }
    body .container .wrapper .main .subpage.pageDetail .bottom {
        margin: 41px 62px;
    }
    body .container .wrapper .main .subpage.pageDetail .bottom .editor * {
        font-size: 17px !important;
        color: #626262 !important;
        line-height: 30px !important;
        letter-spacing: 1px !important;
    }
    body .container .wrapper .main .subpage.allGame {
        padding: 40px 60px;
    }
    body .container .wrapper .main .subpage.allGame .page-title {
        font-size: 26px;
        color: #fb6700;
        margin-bottom: 38px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.allGame .flex-col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .tab {
        width: 506px;
        height: 38px;
        border-radius: 18.5px;
        background-color: #676767;
        display: flex;
        padding: 0 25px;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .tab li {
        color: #fff;
        font-size: 17px;
        letter-spacing: 1.7px;
        width: 25%;
        text-align: center;
        height: 42px;
        line-height: 42px;
        position: relative;
        top: -2px;
        cursor: pointer;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .tab li.current {
        background-color: #fc944c;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select {
        width: 400px;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select .dropdown-menu {
        width: 100%;
        background-color: #fff;
        border: 1px solid #969696;
        border-radius: 2px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select .dropdown-menu .input {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select .dropdown-menu .box-group {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        overflow-y: auto;
        height: 400px;
        padding: 10px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select .dropdown-menu .box-group .box {
        height: 120px;
        width: 33.3333333333%;
        text-align: center;
        font-size: 14px;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select .dropdown-menu .box-group .box .txt {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #5a5a5a;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select .dropdown-menu .box-group .box img {
        margin: 10px 20px 15px;
        vertical-align: top;
        border-radius: 6px;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select .dropdown-menu .box-group .box:hover {
        background-color: #fff7d9;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select .dropdown-menu .box-group .box:hover .txt {
        color: #ff6800;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.allGame .flex-col .select-box.sp-select .dropdown-menu .blank {
        padding: 10px 20px;
        background-color: #f1f1f1;
        margin: 20px 0;
        font-size: 14px;
    }
    body .container .wrapper .main .subpage.allGame .game-list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    body .container .wrapper .main .subpage.allGame .game-list a {
        width: 160px;
        margin: 0 28px 56px;
    }
    body .container .wrapper .main .subpage.allGame .game-list a:hover .img {
        -webkit-filter: brightness(1.1);
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.allGame .game-list a .img {
        width: 100%;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage.allGame .game-list a .img img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.allGame .game-list a .name {
        padding: 16px 8px 8px;
        color: #242424;
        font-size: 18px;
    }
    body .container .wrapper .main .subpage.allGame .game-list a .tag {
        padding: 0 8px;
    }
    body .container .wrapper .main .subpage.allGame .game-list a .tag span {
        display: inline-block;
        font-size: 13px;
        margin-right: 4px;
        color: #f7f7f7;
        background-color: #b3b3b3;
        padding: 3px 9px;
    }
    body .container .wrapper .main .subpage.allItems {
        padding: 30px;
    }
    body .container .wrapper .main .subpage.allItems .page-title {
        font-size: 26px;
        color: #fb6700;
        margin-bottom: 38px;
        text-align: center;
    }
    body .container .wrapper .main .subpage.allItems .items-list {
        display: flex;
        flex-wrap: wrap;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl {
        width: 245px;
        margin: 0 20px 60px;
        background-color: #fff;
        box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.1);
        border-radius: 6px;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .taghole {
        text-align: center;
        height: 52px;
        margin-top: 0;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .taghole img {
        vertical-align: top;
        height: 100%;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .hot-img,
    body .container .wrapper .main .subpage.allItems .items-list dl .free-img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .hot-img img,
    body .container .wrapper .main .subpage.allItems .items-list dl .free-img img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .hot-title,
    body .container .wrapper .main .subpage.allItems .items-list dl .free-title {
        margin-top: 15px;
        color: #000;
        padding: 0 15px;
        font-size: 18px;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .hot-caption,
    body .container .wrapper .main .subpage.allItems .items-list dl .free-caption {
        margin-top: 6px;
        line-height: 20px;
        font-size: 17px;
        padding: 0 15px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .hot-caption.amount,
    body .container .wrapper .main .subpage.allItems .items-list dl .free-caption.amount {
        color: #ca0056;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .free-caption {
        height: 60px;
        overflow: hidden;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .hot-btn,
    body .container .wrapper .main .subpage.allItems .items-list dl .free-btn {
        text-align: center;
        margin: 15px 0;
    }
    body .container .wrapper .main .subpage.allItems .items-list dl .hot-btn a,
    body .container .wrapper .main .subpage.allItems .items-list dl .free-btn a {
        width: 100px;
        height: 38px;
        line-height: 38px;
        border-radius: 20px;
        text-align: center;
        display: inline-block;
    }
    body .container .wrapper .main .subpage.error {
        padding: 30px;
    }
    body .container .wrapper .main .subpage.error .btn {
        width: 200px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 30px;
        display: inline-block;
    }
    body .container .wrapper .main .subpage .platform-tab {
        width: 100%;
        background-color: #ffeca2;
        border-radius: 6px 6px 0 0;
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        justify-content: start;
    }
    body .container .wrapper .main .subpage .platform-tab a {
        width: 150px;
        height: 48px;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 48px;
        display: inline-block;
        transition: 0.3s linear;
    }
    body .container .wrapper .main .subpage .platform-tab a.current, body .container .wrapper .main .subpage .platform-tab a:hover {
        background-color: #fff;
        color: #fb6700;
    }
    body .container .wrapper .main .subpage.intro .intro-top {
        position: relative;
        padding: 50px 50px 140px;
    }
    body .container .wrapper .main .subpage.intro .intro-top dl {
        width: 760px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.intro .intro-top dl dt {
        font-size: 26px;
        color: #FC6C0E;
        text-align: center;
        line-height: 40px;
    }
    body .container .wrapper .main .subpage.intro .intro-top dl dd {
        line-height: 30px;
        margin-top: 10px;
        letter-spacing: 1px;
        font-size: 18px;
    }
    body .container .wrapper .main .subpage.intro .intro-top dl dd.sp {
        color: #FC6C0E;
    }
    body .container .wrapper .main .subpage.intro .intro-top dl dd.img {
        position: absolute;
        right: 50px;
        top: 50px;
        height: 290px;
        margin: auto;
    }
    body .container .wrapper .main .subpage.intro .intro-top dl dd.img img {
        height: 100%;
    }
    body .container .wrapper .main .subpage.intro .intro-compare {
        padding: 50px;
        position: relative;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.intro .intro-compare .title {
        font-size: 26px;
        color: #FC6C0E;
        text-align: center;
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.intro .intro-compare .vs {
        position: absolute;
        width: 55px;
        height: 55px;
        right: 0;
        left: 0;
        top: 92px;
        margin: auto;
    }
    body .container .wrapper .main .subpage.intro .intro-compare .vs img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table {
        width: 100%;
        text-align: center;
        table-layout: fixed;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table td {
        border: 1px solid #fff;
        min-width: 50%;
        color: #000;
        height: 46px;
        vertical-align: middle;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table thead tr {
        background-color: #FC944D;
        position: relative;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table thead tr td {
        color: #fff;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table tbody td span {
        display: inline-block;
        padding: 5px 10px;
        text-align: center;
        margin-left: 15px;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table tbody td:first-child {
        background-color: #F1F1F1;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table tbody td:first-child span {
        border: 1px solid #B0B0B0;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table tbody td:last-child {
        background-color: #FFC000;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table tbody td:last-child span {
        background-color: #E33572;
        color: #fff;
        border: 1px solid #E33572;
    }
    body .container .wrapper .main .subpage.intro .intro-compare table tbody td.sin {
        background-color: #FDF1C1;
    }
    body .container .wrapper .main .subpage.intro .intro-middle {
        background: url(/Content/images/index/intro-midbg.jpg) repeat center center;
    }
    body .container .wrapper .main .subpage.intro .intro-middle .title {
        color: #ffe277;
    }
    body .container .wrapper .main .subpage.intro .intro-middle dl {
        color: #e5e5e5;
    }
    body .container .wrapper .main .subpage.intro .intro-bottom .title {
        color: #FC6C0E;
    }
    body .container .wrapper .main .subpage.intro .intro-bottom dl dt {
        color: #fff;
    }
    body .container .wrapper .main .subpage.intro .intro-middle,
    body .container .wrapper .main .subpage.intro .intro-bottom {
        padding: 50px 50px 50px 260px;
        position: relative;
    }
    body .container .wrapper .main .subpage.intro .intro-middle > .img,
    body .container .wrapper .main .subpage.intro .intro-bottom > .img {
        position: absolute;
        left: 50px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 200px;
        height: 240px;
    }
    body .container .wrapper .main .subpage.intro .intro-middle > .img img,
    body .container .wrapper .main .subpage.intro .intro-bottom > .img img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.intro .intro-middle .title,
    body .container .wrapper .main .subpage.intro .intro-bottom .title {
        font-size: 26px;
        letter-spacing: 1px;
        text-align: center;
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.intro .intro-middle .col,
    body .container .wrapper .main .subpage.intro .intro-bottom .col {
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.intro .intro-middle .flex-box,
    body .container .wrapper .main .subpage.intro .intro-bottom .flex-box {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    body .container .wrapper .main .subpage.intro .intro-middle .flex-box dl,
    body .container .wrapper .main .subpage.intro .intro-bottom .flex-box dl {
        width: 48%;
    }
    body .container .wrapper .main .subpage.intro .intro-middle dl,
    body .container .wrapper .main .subpage.intro .intro-bottom dl {
        font-size: 17px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.intro .intro-middle dl dt,
    body .container .wrapper .main .subpage.intro .intro-bottom dl dt {
        background-color: #2D2D2D;
        padding: 0 10px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.intro .intro-middle dl dt span,
    body .container .wrapper .main .subpage.intro .intro-bottom dl dt span {
        color: #85EEFF;
        font-size: 22px;
    }
    body .container .wrapper .main .subpage.intro .intro-middle dl dd,
    body .container .wrapper .main .subpage.intro .intro-bottom dl dd {
        padding: 0 10px;
        line-height: 26px;
    }
    body .container .wrapper .main .subpage.functioninfo .page-title {
        color: #FF832D;
        text-align: center;
        font-size: 26px;
        padding: 50px;
    }
    body .container .wrapper .main .subpage.functioninfo .page-title p {
        line-height: 35px;
    }
    body .container .wrapper .main .subpage.functioninfo .col-title {
        position: relative;
        color: #000;
        font-size: 24px;
        text-align: center;
        margin: 0 50px 20px;
    }
    body .container .wrapper .main .subpage.functioninfo .col-title span {
        display: inline-block;
        background-color: #fff;
        position: relative;
        z-index: 1;
        padding: 0 20px;
    }
    body .container .wrapper .main .subpage.functioninfo .col-title:after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #aaa;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        z-index: 0;
    }
    body .container .wrapper .main .subpage.functioninfo .col-title.nl:after {
        display: none;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box {
        padding: 50px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box .col {
        background-color: #F5F5F5;
        position: relative;
        margin-bottom: 50px;
        padding: 45px 15px 20px 15px;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box .col .btn-box a {
        padding: 10px 20px;
        border-radius: 20px;
        text-align: center;
        min-width: 80px;
        margin-right: 10px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box .col .img {
        width: 80px;
        position: absolute;
        left: 15px;
        top: -10px;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box .col .img img {
        width: 100%;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box .col dl {
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box .col dl dt {
        font-size: 22px;
        color: #000;
        font-weight: bold;
        margin-bottom: 20px;
        padding-left: 95px;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box .col dl dd {
        color: #1e1e1e;
        line-height: 28px;
        letter-spacing: 1px;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box .col dl dd span {
        color: #FF832D;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box.w-1 .col {
        width: 48%;
    }
    body .container .wrapper .main .subpage.functioninfo .flex-box.w-2 .col {
        width: 31%;
    }
    body .container .wrapper .main .subpage.fee .table-box {
        width: 100%;
        box-sizing: border-box;
    }
    body .container .wrapper .main .subpage.fee .table-box table {
        width: 100%;
        table-layout: fixed;
        font-size: 15px;
    }
    body .container .wrapper .main .subpage.fee .table-box table td {
        padding: 10px 15px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .step-row:before {
        width: 600px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .number-row,
    body .container .wrapper .main .subpage.ContractDiscuss .txt-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-items: center;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .upload-box .row {
        padding: 10px 40px;
        align-items: center;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .upload-box .row .txt-col {
        width: 256px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .upload-box .row .grid-col {
        width: 280px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .btn-row {
        gap: 70px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .btn-row a {
        width: 200px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .little-question {
        width: 18px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss div[id^=dropdown-with-icon-q] {
        width: 50%;
    }
    body .container .wrapper .main .subpage.ContractDiscuss div[id^=dropdown-with-icon-q] ul li {
        margin: 0 8px;
        font-size: 15px;
        color: #555;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box {
        margin-top: 30px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .input-row {
        padding: 10px 50px;
        display: flex;
        align-items: center;
        gap: 7px;
        width: 780px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .input-row.w-unset {
        width: 100%;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .input-row .txt {
        width: 160px;
        flex-shrink: 0;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .input-row .col.flex {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 10px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .input-row .col.flex .payment-dropdown {
        width: 420px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .c-bill-input-row {
        width: 806px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box #payment {
        width: 50%;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box #payment ul li {
        margin: 0 8px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box #apply {
        width: 50%;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box #apply ul li {
        margin: 0 8px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row {
        padding: 26px 50px;
        gap: 7px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .payment-new {
        margin-bottom: 22px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .payment-new .rwd-note {
        display: none;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .member-code {
        line-height: 21px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .outter {
        display: block;
        width: 100%;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .outter .inner-outter {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .outter .inner-outter input {
        width: 49%;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .outter .inner-outter .payment-row {
        display: flex;
        gap: 5px;
        width: 32%;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .outter .inner-outter .payment-row .rwd-notice {
        display: none;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .outter .notice {
        color: #ff0000;
        font-size: 13px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .outter .notice-gray {
        color: #5A5A5A;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .add-input-row .input {
        display: flex;
        gap: 5px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .btn-5 {
        padding: 8px 16px;
        border-radius: 18px;
        writing-mode: horizontal-tb;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .receipt {
        display: block;
        color: #5A5A5A;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .receipt .receipt-content {
        font-size: 17px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .receipt .receipt-content span {
        font-size: 13px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .little-question-apply {
        margin-bottom: 12px;
        margin-right: 6px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .little-star {
        margin-bottom: 20px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .alert {
        background-color: #fff;
        padding: 10px 48px;
        font-size: 13px;
        color: #FF0000;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .agree-part {
        color: #1d1d1d;
        background-color: #fff;
        display: flex;
        padding: 16px 140px 16px 80px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .new {
        display: flex;
        align-items: center;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .new a {
        margin-left: 8px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .proof-txt {
        align-self: flex-start;
        margin-top: 16px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .grid-col {
        display: flex;
        gap: 20px;
        flex-shrink: 0;
        flex-wrap: wrap;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .grid-col .file-box {
        width: 78px;
        height: 78px;
        border-radius: 6px;
        border: 1px solid #d8d8d8;
        overflow: hidden;
        position: relative;
        background-color: #fff;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .grid-col .file-box:after {
        content: "";
        background: url(/Content/images/inside/ap-icon-w-20-gray-cancel.svg) no-repeat center center;
        background-size: 20px 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .grid-col .file-box > label {
        background-color: transparent;
        position: relative;
        cursor: pointer;
        width: 100%;
        height: 100%;
        display: inline-block;
        z-index: 1;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .grid-col .file-box input[type=file] {
        display: none;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .grid-col .btn-del {
        z-index: 1;
        position: absolute;
        right: 5px;
        top: 5px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .proof-btn {
        margin-right: 31px;
    }
    body .container .wrapper .main .subpage.ContractDiscuss .data-input-box .agree-part {
        color: #1d1d1d;
    }
}
@media screen and (max-width: 768px) {
    .rwd-mobile__hide {
        display: none !important;
    }
    body {
        background-color: #F3F3F3;
    }
    body .sidebar-link-list {
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #f7cb3b;
        z-index: 600;
    }
    body .sidebar-link-list .list-title {
        background-color: #000;
        color: #f9be00;
        text-align: center;
        position: relative;
    }
    body .sidebar-link-list .list-title .title {
        line-height: 60px;
        font-size: 17px;
        letter-spacing: 2px;
    }
    body .sidebar-link-list .list-title .list-close {
        position: absolute;
        right: 5px;
        height: 44px;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    body .sidebar-link-list .list {
        padding: 20px 15px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    body .sidebar-link-list .list a {
        display: inline-block;
        text-align: center;
        font-size: 16px;
        line-height: 1.06;
        letter-spacing: 1px;
        padding: 15px 0;
        border-radius: 3px;
    }
    body .fixed-bg {
        background-color: rgba(0, 0, 0, 0.18);
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
    }
    body .fixed-bg.open {
        display: block;
    }
    body .fixed-btn {
        position: fixed;
        z-index: 1001;
        top: 20%;
        right: 0;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        display: block;
        background: #FB6700 url(/Content/images/base/ic-more.svg) no-repeat center center;
    }
    body .fixed-btn.open {
        background: #FB6700 url(/Content/images/base/ic-delete-whife.svg) no-repeat center center;
    }
    body .fixed-aside-mb {
        position: fixed;
        top: 20%;
        height: 100%;
        width: 77%;
        right: 44px;
        height: auto;
        background-color: #fff;
        z-index: 1000;
        box-sizing: border-box;
        display: none;
        padding: 10px 0;
    }
    body .fixed-aside-mb.open {
        display: block;
    }
    body .fixed-aside-mb ol > li a {
        color: #000;
        display: flex;
        align-items: center;
        gap: 5px;
        line-height: 40px;
        padding-left: 15px;
    }
    body .fixed-aside-mb ol > li a img {
        width: 24px;
    }
    body .fixed-aside-mb ul li a {
        color: #5a5a5a;
        font-size: 15px;
        display: block;
        line-height: 40px;
        padding: 0 10px;
        box-sizing: border-box;
        padding-left: 30px;
        transition: 0.3s linear;
    }
    body .fixed-aside-mb ul li a:hover, body .fixed-aside-mb ul li a.current {
        background-color: #F9BE00;
        color: #000;
        transition: 0.3s linear;
    }
    body .step-scope-row {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    body .step-scope-row .step, body .step-scope-row .txt {
        display: none;
    }
    body .step-scope-row .num, body .step-scope-row .img {
        margin-bottom: 0;
    }
    body .container {
        margin-top: 60px;
        overflow-x: hidden;
    }
    body .container.DoAutoSubmitForm {
        margin-top: 0;
        padding-top: 40px;
    }
    body .container.DoAutoSubmitForm .img {
        width: 80%;
        margin: auto;
        text-align: center;
    }
    body .container.DoAutoSubmitForm .img img:first-child {
        width: 100%;
        margin-bottom: 25px;
    }
    body .container.DoAutoSubmitForm .img img:last-child {
        width: 150px;
        margin: auto;
    }
    body .container.DoAutoSubmitForm .txt {
        text-align: center;
        line-height: 25px;
        margin-top: 45px;
    }
    body .container.DoAutoSubmitForm .txt dt {
        font-size: 24px;
        color: #1e1e1e;
        letter-spacing: 1px;
        margin-bottom: 20px;
        font-weight: bold;
    }
    body .container.DoAutoSubmitForm .txt dd {
        color: #333;
        font-size: 16px;
        letter-spacing: 1px;
    }
    body .container .wrapper {
        width: 100%;
    }
    body .container .sidebar {
        position: relative;
        margin-bottom: 15px;
        overflow: hidden;
    }
    body .container .sidebar .link {
        white-space: nowrap;
        width: 100%;
        overflow: auto;
        padding-right: 50px;
        background-color: #ffeca2;
        box-sizing: border-box;
    }
    body .container .sidebar a {
        font-size: 15px;
        line-height: 1;
        display: inline-block;
        color: #000;
        text-align: center;
        padding: 15px;
    }
    body .container .sidebar a.current {
        background-color: #f9be00;
        color: #000;
        font-weight: bold;
    }
    body .container .sidebar a .ic {
        display: none;
    }
    body .container .sidebar .more {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        background-color: #FB6700;
        box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.5);
    }
    body .container .main .from-info {
        text-align: right;
        margin: 0 15px 15px;
        display: block;
    }
    body .container .main .subpage {
        background-color: #fff;
        box-shadow: 0px 4px 6px 0px #C3C3C3;
        border-radius: 6px;
        margin: 0 10px 20px;
        overflow: hidden;
        /*-- 帳務中心 --*/
        /*-- 帳務中心 END --*/
    }
    body .container .main .subpage.accounting-wrap * {
        box-sizing: border-box;
    }
    body .container .main .subpage.accounting-wrap .account-sidebar {
        display: none;
    }
    body .container .main .subpage.accounting-wrap .sp-box {
        width: 100%;
        padding: 30px 15px;
        background: #fff;
        position: relative;
    }
    body .container .main .subpage.accounting-wrap .sp-box + .sp-box {
        padding-top: 0;
    }
    body .container .main .subpage.accounting-wrap .sp-box.spb-border {
        border-bottom: 10px solid #f4f4f4;
    }
    body .container .main .subpage.accounting-wrap .sp-box.spb-border + .sp-box {
        padding-top: 30px;
    }
    body .container .main .subpage.accounting-wrap .sp-box.spb-nopd {
        padding: 30px 0;
    }
    body .container .main .subpage.accounting-wrap .sp-tip {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #fb6700;
        line-height: 1.5;
        margin-bottom: 25px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 {
        text-align: left;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl, body .container .main .subpage.accounting-wrap .sp-inp-box2 dt, body .container .main .subpage.accounting-wrap .sp-inp-box2 dd {
        display: inline-block;
        vertical-align: top;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl {
        width: 100%;
        margin-bottom: 25px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl.just-txt {
        font-size: 14px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl.just-txt dt, body .container .main .subpage.accounting-wrap .sp-inp-box2 dl.just-txt dd {
        width: auto;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-nocontent {
        display: none;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line {
        width: 100%;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line .default-select {
        margin-bottom: 10px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line .txt {
        font-size: 13px;
        line-height: 1;
        padding-top: 3px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line2 {
        width: 100%;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dl.sib-one-line2 dd {
        width: 100%;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dt {
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
        color: #696f70;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dt.no-inp {
        padding: 0px 20px 0 0;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 dd {
        width: 100%;
        text-align: left;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-txt {
        display: none;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-item {
        width: 100%;
        display: block;
        position: relative;
        margin-bottom: 10px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-item:last-of-type {
        margin-bottom: 0px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-item2 {
        width: 100%;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date:before {
        content: "起始日期";
        width: 80px;
        display: block;
        position: absolute;
        top: 14px;
        left: 15px;
        font-size: 15px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        top: 8px;
        right: 15px;
        background: url("/Content/images/inside/ic-today.svg") center center/contain no-repeat;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date:last-of-type:before {
        content: "結束日期";
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date input {
        width: 100%;
        padding: 8.5px 40px 8.5px 80px;
        color: #514f4e;
        text-align: right;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date input.flatpickr-mobile {
        font-size: 16px;
        letter-spacing: 1px;
        padding: 8.5px 40px 8.5px 80px;
        border-radius: 3px;
        outline: 0;
        border: 1px solid #ecebeb;
        -webkit-appearance: none;
        height: 43px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date input[readonly] {
        border: 1px solid #ecebeb;
        background-color: #ECEBEB;
        padding-left: 40px;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date input:focus {
        background-color: #fff;
        border: 1px solid #f9be00;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .sbf-date-box .sdb-date input.hv {
        background-color: #fff;
    }
    body .container .main .subpage.accounting-wrap .sp-inp-box2 .inp-required {
        color: #ff4b4b;
        font-size: 14px;
        margin-left: 2px;
        vertical-align: top;
    }
    body .container .main .subpage.accounting-wrap .sp-question {
        width: 24px;
        display: inline-block;
        margin-left: 5px;
        margin-top: -8px;
        vertical-align: -5px;
    }
    body .container .main .subpage.accounting-wrap .sp-question img {
        width: 100%;
    }
    body .container .main .subpage.accounting-wrap .sp-btn-box {
        margin-top: 30px;
        text-align: center;
    }
    body .container .main .subpage.accounting-wrap .sp-btn-box.sbb-min {
        margin-top: 0px;
    }
    body .container .main .subpage.accounting-wrap .sp-btn-box.sbb-min .btn {
        min-width: 100px;
        height: 40px;
        line-height: 40px;
    }
    body .container .main .subpage.accounting-wrap .sp-btn-box .btn {
        text-align: center;
        display: inline-block;
        min-width: 200px;
        height: 50px;
        line-height: 50px;
        margin: 0 10px;
        border-radius: 99em;
    }
    body .container .main .subpage.accounting-wrap .sp-btn-box.sbb-function {
        margin-top: -10px;
        margin-bottom: 10px;
    }
    body .container .main .subpage.accounting-wrap .sp-btn-box.sbb-function .btn {
        min-width: 100px;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0 10pxLL;
    }
    body .container .main .subpage.accounting-wrap .ac-date {
        font-size: 14px;
        color: #4a4a4a;
        padding: 0 15px 0 40px;
        margin-bottom: 10px;
        position: relative;
    }
    body .container .main .subpage.accounting-wrap .ac-date:before {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        top: -6px;
        left: 12px;
        background: url("/Content/images/inside/ic-today.svg") center center/contain no-repeat;
    }
    body .container .main .subpage.accounting-wrap .ac-table-box {
        width: 100%;
        margin-bottom: 30px;
        padding-top: 25px;
        position: relative;
    }
    body .container .main .subpage.accounting-wrap .ac-table-box:last-of-type {
        margin-bottom: 0px;
    }
    body .container .main .subpage.accounting-wrap .ac-table-box .ac-date {
        position: absolute;
        top: 0;
        left: 0px;
    }
    body .container .main .subpage.accounting-wrap .ac-table-box .atb-date-box {
        position: absolute;
        top: 25px;
        left: 0px;
        z-index: 9;
        box-shadow: 3px 0 2px 0px rgba(100, 100, 100, 0.2);
    }
    body .container .main .subpage.accounting-wrap .ac-table-box .atb-date-box .atb-date .td {
        padding: 10px 12px;
        width: 115px;
        font-size: 14px;
    }
    body .container .main .subpage.accounting-wrap .ac-table-box .atb-table {
        overflow-x: auto;
    }
    body .container .main .subpage.accounting-wrap .ac-table-box .atb-table .table {
        white-space: nowrap;
    }
    body .container .main .subpage.accounting-wrap .ac-table-box .atb-table .td {
        border-right: 1px solid white;
        font-size: 14px;
    }
    body .container .main .subpage.accounting-wrap .notice a {
        color: #007aff;
    }
    body .container .main .subpage.accounting-wrap .notice .nt-disc {
        list-style-type: disc;
        padding-left: 17px;
    }
    body .container .main .subpage.AccountDetail .ac-detail-list a {
        color: #007aff;
        text-decoration: underline;
    }
    body .container .main .subpage.AccountDetail .ac-detail-list .td {
        padding: 10px 12px;
    }
    body .container .main .subpage.AccountDetail .ac-detail-list .td:nth-child(1) {
        min-width: 118px;
    }
    body .container .main .subpage.AccountDetail .ac-detail-list .td:nth-child(2) {
        width: 15%;
    }
    body .container .main .subpage.AccountDetail .ac-detail-list .td:nth-child(3) {
        width: 15%;
    }
    body .container .main .subpage.AccountDetail .ac-detail-list .td:nth-child(4) {
        width: 20%;
    }
    body .container .main .subpage.AccountDetail .ac-detail-list .td:nth-child(5) {
        width: 10%;
    }
    body .container .main .subpage.AccountDetail .ac-detail-list .td:nth-child(6) {
        width: 15%;
    }
    body .container .main .subpage.AccountDetail .ac-detail-list .td:nth-child(7) {
        width: 10%;
    }
    body .container .main .subpage.SNRecord .ac-detail-list a {
        color: #007aff;
        text-decoration: underline;
    }
    body .container .main .subpage.SNRecord .ac-detail-list .td {
        padding: 10px 12px;
    }
    body .container .main .subpage.SNRecord .ac-detail-list .td:nth-child(1) {
        min-width: 118px;
    }
    body .container .main .subpage.SNRecord .ac-detail-list .td:nth-child(2) {
        width: 15%;
    }
    body .container .main .subpage.SNRecord .ac-detail-list .td:nth-child(3) {
        width: 15%;
    }
    body .container .main .subpage.SNRecord .ac-detail-list .td:nth-child(4) {
        width: 20%;
    }
    body .container .main .subpage.SNRecord .ac-detail-list .td:nth-child(5) {
        width: 10%;
    }
    body .container .main .subpage.SNRecord .ac-detail-list .td:nth-child(6) {
        width: 15%;
    }
    body .container .main .subpage.SNRecord .ac-detail-list .td:nth-child(7) {
        width: 10%;
    }
    body .container .main .subpage.DailyReport .dr-sum, body .container .main .subpage.MonthlyReport .dr-sum {
        padding: 0 15px;
    }
    body .container .main .subpage.DailyReport .ds-m .table, body .container .main .subpage.MonthlyReport .ds-m .table {
        margin-bottom: 20px;
    }
    body .container .main .subpage.DailyReport .ds-m .table:last-child, body .container .main .subpage.MonthlyReport .ds-m .table:last-child {
        margin-bottom: 0;
    }
    body .container .main .subpage.DailyReport .ds-m .tr:first-child .td, body .container .main .subpage.MonthlyReport .ds-m .tr:first-child .td {
        background: #FFF9AA;
    }
    body .container .main .subpage.DailyReport .ds-m .td, body .container .main .subpage.MonthlyReport .ds-m .td {
        height: auto;
        padding: 10px 12px;
    }
    body .container .main .subpage.DailyReport .ds-m .td:nth-child(1), body .container .main .subpage.MonthlyReport .ds-m .td:nth-child(1) {
        width: 30%;
        min-width: 100px;
    }
    body .container .main .subpage.DailyReport .ds-m .td:nth-child(2), body .container .main .subpage.MonthlyReport .ds-m .td:nth-child(2) {
        width: 70%;
    }
    body .container .main .subpage.DailyReport .ds-pc, body .container .main .subpage.MonthlyReport .ds-pc {
        display: none;
    }
    body .container .main .subpage.DailyReport .dr-report a, body .container .main .subpage.MonthlyReport .dr-report a {
        color: #007aff;
        text-decoration: underline;
    }
    body .container .main .subpage.DailyReport .dr-report .td, body .container .main .subpage.MonthlyReport .dr-report .td {
        padding: 10px 7px;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(1), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(1) {
        width: 12%;
        min-width: 118px;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(2), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(2) {
        width: 7%;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(3), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(3) {
        width: 11%;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(4), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(4) {
        width: 9%;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(5), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(5) {
        width: 12%;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(6), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(6) {
        width: 11%;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(7), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(7) {
        width: 7%;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(8), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(8) {
        width: 7%;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(9), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(9) {
        width: 7%;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(10), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(10) {
        width: 7%;
    }
    body .container .main .subpage.DailyReport .dr-report .td:nth-child(11), body .container .main .subpage.MonthlyReport .dr-report .td:nth-child(11) {
        width: 12%;
    }
    body .container .main .subpage.TransactionReport .ac-table-box .atb-date-box .atb-date .td, body .container .main .subpage.QueryTrade .ac-table-box .atb-date-box .atb-date .td {
        padding: 10px 7px;
        width: 75px;
    }
    body .container .main .subpage.TransactionReport .tr-report a, body .container .main .subpage.QueryTrade .tr-report a {
        color: #007aff;
        text-decoration: underline;
    }
    body .container .main .subpage.TransactionReport .tr-report .td, body .container .main .subpage.QueryTrade .tr-report .td {
        padding: 10px 10px;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(1), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(1) {
        width: 6%;
        min-width: 78px;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(2), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(2) {
        width: 8%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(3), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(3) {
        width: 6%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(4), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(4) {
        width: 6%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(5), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(5) {
        width: 7%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(6), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(6) {
        width: 7%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(7), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(7) {
        width: 7%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(8), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(8) {
        width: 7%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(9), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(9) {
        width: 7%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(10), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(10) {
        width: 7%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(11), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(11) {
        width: 8%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(12), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(12) {
        width: 8%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(13), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(13) {
        width: 8%;
    }
    body .container .main .subpage.TransactionReport .tr-report .td:nth-child(14), body .container .main .subpage.QueryTrade .tr-report .td:nth-child(14) {
        width: 6%;
    }
    body .container .main .subpage.Query .sp-inp-box2 .sip-card .input:nth-child(2) {
        margin-top: 10px;
    }
    body .container .main .subpage.Query .qr-detail .td {
        padding: 12px 15px;
        word-break: break-all;
        word-wrap: break-word;
    }
    body .container .main .subpage.Query .qr-detail .td:nth-child(1) {
        width: 30%;
        min-width: 100px;
    }
    body .container .main .subpage.Query .qr-detail .td:nth-child(2) {
        width: 70%;
    }
    body .container .main .subpage.refer .rf-invoice-detail a {
        color: #007aff;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td {
        padding: 10px 12px;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td:nth-child(1) {
        width: 9%;
        min-width: 118px;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td:nth-child(2) {
        width: 20%;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td:nth-child(3) {
        width: 14%;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td:nth-child(4) {
        width: 11%;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td:nth-child(5) {
        width: 11%;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td:nth-child(6) {
        width: 8%;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td:nth-child(7) {
        width: 9%;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td:nth-child(8) {
        width: 9%;
    }
    body .container .main .subpage.refer .rf-invoice-detail .td:nth-child(9) {
        width: 9%;
    }
    body .container .main .subpage.account-member .top {
        padding: 35px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    body .container .main .subpage.account-member .top .game-logo {
        margin-right: 15px;
        width: 80px;
        align-self: flex-start;
    }
    body .container .main .subpage.account-member .top .game-logo img {
        width: 100%;
    }
    body .container .main .subpage.account-member .top .data-list {
        width: calc(100% - 80px - 15px);
    }
    body .container .main .subpage.account-member .top .data-list .num {
        color: #000;
        font-size: 10vw;
        line-height: 45px;
        padding: 8px 0;
    }
    body .container .main .subpage.account-member .top .data-list .txt {
        font-size: 13px;
        color: #9e9e9e;
        line-height: 18px;
    }
    body .container .main .subpage.account-member .top .btn-box {
        justify-content: space-between;
        margin-top: 15px;
    }
    body .container .main .subpage.account-member .top .btn-box .btn {
        width: 100px;
        height: 38px;
        border-radius: 18px;
        line-height: 38px;
    }
    body .container .main .subpage.account-member .middle {
        background-color: #f8f8f8;
    }
    body .container .main .subpage.account-member .middle .bd {
        height: 1px;
        width: calc(100% - 15px);
        margin-left: 15px;
        background-color: #ededed;
    }
    body .container .main .subpage.account-member .middle .account-change,
    body .container .main .subpage.account-member .middle .loginpwd-edit,
    body .container .main .subpage.account-member .middle .transpwd-edit,
    body .container .main .subpage.account-member .middle .invioce-edit {
        display: none;
    }
    body .container .main .subpage.account-member .middle .flex-col {
        position: relative;
        margin-left: 15px;
        min-height: 62px;
        padding: 15px 15px 15px 0;
        box-sizing: border-box;
    }
    body .container .main .subpage.account-member .middle .flex-col .btn-box {
        height: 38px;
        justify-content: center;
        padding: 10px 0;
    }
    body .container .main .subpage.account-member .middle .flex-col .btn-box .btn {
        position: relative;
        width: 200px;
        right: initial;
        bottom: 0;
    }
    body .container .main .subpage.account-member .middle .flex-col .btn-box-sec {
        height: 38px;
        position: relative;
        text-align: center;
    }
    body .container .main .subpage.account-member .middle .flex-col .btn-box-sec .btn {
        position: relative;
        right: initial;
        bottom: initial;
        display: inline-block;
    }
    body .container .main .subpage.account-member .middle .flex-col .btn-box-sec .btn:first-child {
        width: 130px;
    }
    body .container .main .subpage.account-member .middle .flex-col .input-nickname,
    body .container .main .subpage.account-member .middle .flex-col .input-email {
        display: none;
    }
    body .container .main .subpage.account-member .middle .flex-col .input-nickname {
        width: calc(100% - 110px);
        margin-top: 8px;
    }
    body .container .main .subpage.account-member .middle .flex-col .select-flex-sec .default-select:first-child {
        margin-bottom: 22px;
    }
    body .container .main .subpage.account-member .middle .flex-col .select-box {
        line-height: 1;
    }
    body .container .main .subpage.account-member .middle .flex-col .select-box .dropdown-menu li a {
        line-height: 1;
    }
    body .container .main .subpage.account-member .middle .flex-col .member-num {
        font-size: 14px;
        box-sizing: border-box;
    }
    body .container .main .subpage.account-member .middle .flex-col .info {
        color: #000;
        font-size: 17px;
        margin-bottom: 8px;
    }
    body .container .main .subpage.account-member .middle .flex-col .info .icon {
        width: 18px;
        display: inline-block;
        vertical-align: middle;
    }
    body .container .main .subpage.account-member .middle .flex-col .info .icon img {
        width: 100%;
    }
    body .container .main .subpage.account-member .middle .flex-col .detail {
        font-size: 17px;
        line-height: 40px;
    }
    body .container .main .subpage.account-member .middle .flex-col .btn {
        position: absolute;
        right: 15px;
        bottom: 15px;
        width: 100px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        border-radius: 20px;
        z-index: 1;
    }
    body .container .main .subpage.account-member .middle .flex-col .btn.btn-nickname-change {
        bottom: inherit;
        top: 43px;
    }
    body .container .main .subpage.account-member .middle .flex-col .btn.btn-email-change {
        position: relative;
        display: block;
        width: 200px;
        right: initial;
        bottom: 0;
        margin-top: 10px;
        margin: 10px auto;
    }
    body .container .main .subpage.account-member .middle .flex-col .account-list {
        width: 100%;
    }
    body .container .main .subpage.account-member .middle .flex-col .account-list .input-radio {
        padding: 15px 0;
    }
    body .container .main .subpage.account-member .middle .flex-col .account-list .input-radio .box {
        left: inherit;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    body .container .main .subpage.account-member .middle .flex-col .account-list dl {
        line-height: 20px;
        width: calc(100% - 50px);
    }
    body .container .main .subpage.account-member .middle .flex-col .account-list dl dt {
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body .container .main .subpage.account-member .middle .flex-col .account-list dl dd {
        font-size: 13px;
    }
    body .container .main .subpage.account-member .bottom {
        padding: 35px 15px;
    }
    body .container .main .subpage.account-member .bottom .tip-fc-4 {
        padding-bottom: 15px;
    }
    body .container .main .subpage.account-member .bottom table {
        width: 100%;
    }
    body .container .main .subpage.account-member .bottom table td {
        width: 150px;
        padding: 7px 0;
        line-height: 20px;
    }
    body .container .main .subpage.account-member .bottom table td:nth-child(1), body .container .main .subpage.account-member .bottom table td:nth-child(2) {
        width: 45%;
    }
    body .container .main .subpage.account-member .bottom table td:nth-child(3) {
        text-align: right;
    }
    body .container .main .subpage.account-member .bottom table td img {
        width: 18px;
    }
    body .container .main .subpage.trans-wrap * {
        box-sizing: border-box;
    }
    body .container .main .subpage.trans-wrap .sp-title {
        width: 100%;
        font-size: 22px;
        color: #fb6700;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 25px;
    }
    body .container .main .subpage.trans-wrap .sp-title2 {
        width: 100%;
        font-size: 19px;
        color: #5a5a5a;
        line-height: 1.4;
        text-align: left;
        margin-bottom: 25px;
    }
    body .container .main .subpage.trans-wrap .sp-box {
        width: 100%;
        padding: 30px 15px;
        background: #fff;
        position: relative;
    }
    body .container .main .subpage.trans-wrap .sp-box + .sp-box {
        padding-top: 0;
    }
    body .container .main .subpage.trans-wrap .sp-box + .spb-gray {
        padding-top: 30px;
    }
    body .container .main .subpage.trans-wrap .sp-box.spb-gray {
        background: #f8f8f8;
    }
    body .container .main .subpage.trans-wrap .sp-box.spb-gray + .spb-gray {
        padding-top: 0;
    }
    body .container .main .subpage.trans-wrap .sp-box.spb-gray + .sp-box {
        padding-top: 30px;
    }
    body .container .main .subpage.trans-wrap .sp-box.spb-btline {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-txt {
        display: none;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-item {
        width: 100%;
        display: block;
        position: relative;
        margin-bottom: 10px;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-item:last-of-type {
        margin-bottom: 0px;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-item2 {
        width: 100%;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-date:before {
        content: "起始日期";
        width: 80px;
        display: block;
        position: absolute;
        top: 14px;
        left: 15px;
        font-size: 15px;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-date:after {
        content: "";
        width: 24px;
        height: 24px;
        display: block;
        position: absolute;
        top: 8px;
        right: 15px;
        background: url("/Content/images/inside/ic-today.svg") center center/contain no-repeat;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-date:last-of-type:before {
        content: "";
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-date input {
        width: 100%;
        padding: 8.5px 40px 8.5px 80px;
        color: #514f4e;
        text-align: right;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-date input.flatpickr-mobile {
        font-size: 16px;
        letter-spacing: 1px;
        padding: 8.5px 40px 8.5px 80px;
        border-radius: 3px;
        outline: 0;
        border: 1px solid #ecebeb;
        -webkit-appearance: none;
        height: 43px;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-date input[readonly] {
        border: 1px solid #ecebeb;
        background-color: #ECEBEB;
        padding-left: 40px;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-date input:focus {
        background-color: #fff;
        border: 1px solid #f9be00;
    }
    body .container .main .subpage.trans-wrap .sbf-date-box .sdb-date input.hv {
        background-color: #fff;
    }
    body .container .main .subpage.trans-wrap .sp-btn-box {
        margin-top: 30px;
        text-align: center;
    }
    body .container .main .subpage.trans-wrap .sp-btn-box .btn {
        text-align: center;
        display: inline-block;
        min-width: 140px;
        height: 50px;
        line-height: 50px;
        border-radius: 99em;
        margin: 10px 8px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box {
        width: 100%;
        max-width: 580px;
        margin: 0 auto;
        position: relative;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box dl {
        width: 100%;
        margin-bottom: 30px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box dl:last-child {
        margin-bottom: 0;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box dt, body .container .main .subpage.trans-wrap .sp-inp-box dd {
        display: block;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box dt {
        width: 100%;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 1;
        color: #5a5a5a;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box dd {
        width: 100%;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box dd p {
        width: 100%;
        margin-bottom: 5px;
        line-height: 22px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box dd p .file-name {
        width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box dd p span {
        color: #fb6700;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 1px;
        font-size: 16px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box dd p img {
        width: 18px;
        vertical-align: text-bottom;
        margin-left: 15px;
        cursor: pointer;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-tip {
        line-height: 1.4;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-radio-box {
        margin-bottom: -15px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-radio-box .input-radio {
        width: 100px;
        margin: 0 5px 10px 0;
        display: inline-block;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-subbox {
        margin-top: 15px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-subbox li {
        margin-bottom: 15px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-subbox li:last-child {
        margin-bottom: 0;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-subbox .sp-btn-box {
        margin-top: 0;
        text-align: left;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-subbox .sp-btn-box .btn {
        height: 40px;
        line-height: 40px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sps-mbtel .sm-select {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sps-mbtel .input {
        display: block;
        width: 100%;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-pw-box .input {
        width: calc(100% - 110px);
        display: inline-block;
        vertical-align: middle;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-pw-box .forget-pw-link {
        font-size: 14px;
        text-decoration: underline;
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-file {
        height: 40px;
        position: relative;
        text-align: left;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-file input.sf-input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 40px;
        cursor: pointer;
        z-index: 11;
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-file input.sf-input:hover + .sf-btn .btn {
        color: #FFF;
        background-color: #FB6700;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-file .sf-btn {
        margin: 0 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
    body .container .main .subpage.trans-wrap .sp-inp-box .sip-file .sf-btn .btn {
        min-width: 100px;
        height: 40px;
        line-height: 40px;
        margin: 0;
    }
    body .container .main .subpage.trans-wrap .sp-amount {
        width: 100%;
        margin-bottom: 30px;
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total {
        width: 100%;
        margin-top: 30px;
        background: #fffde3;
        font-size: 16px;
        color: #5a5a5a;
        text-align: left;
        border-radius: 5px;
        overflow: hidden;
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total dl {
        padding: 12px 15px 10px;
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total dl:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total dt {
        float: left;
        text-align: left;
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total dd {
        float: right;
        text-align: right;
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total .sat-box {
        width: 100%;
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total .sat-box.sb2 {
        background: #fffcd6;
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total .sat-box.sb3 {
        background: #fff9aa;
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total .sat-sum {
        width: 100%;
        height: 56px;
        line-height: 58px;
        color: #000000;
        padding: 0 15px;
        background: #fff9aa;
    }
    body .container .main .subpage.trans-wrap .sp-amount .sa-total .sat-sum dd {
        font-size: 22px;
        font-weight: bold;
        color: #ff4b4b;
    }
    body .container .main .subpage.trans-wrap .sp-tip {
        font-size: 16px;
        color: #ff6800;
        margin-top: 10px;
        line-height: 1.5;
    }
    body .container .main .subpage.trans-wrap .trans-way {
        width: 100%;
        margin-bottom: 25px;
        text-align: center;
        display: flex;
        justify-content: center;
        position: relative;
    }
    body .container .main .subpage.trans-wrap .trans-way .rdi-test-link {
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 13px;
        color: #007aff;
        text-decoration: underline;
    }
    body .container .main .subpage.trans-wrap .trans-way .tw-link {
        width: 30%;
        color: #9e9e9e;
        text-align: center;
        padding-bottom: 8px;
        border-bottom: 2px solid transparent;
        display: inline-block;
        vertical-align: middle;
        transition: 0.3s linear;
    }
    body .container .main .subpage.trans-wrap .trans-way .tw-link:hover, body .container .main .subpage.trans-wrap .trans-way .tw-link.tw-act {
        color: #ff6800;
        border-color: #ff6800;
    }
    body .container .main .subpage.trans-wrap .trans-question {
        width: 18px;
        display: inline-block;
        margin-left: 3px;
        vertical-align: -4px;
    }
    body .container .main .subpage.trans-wrap .trans-question img {
        width: 100%;
    }
    body .container .main .subpage.gamecoinexchange .combo-select {
        margin-bottom: 0;
    }
    body .container .main .subpage.paymentdirect .combo-select {
        margin-bottom: 0;
    }
    body .container .main .subpage.paymentdirect .rw-list {
        width: 100%;
    }
    body .container .main .subpage.paymentdirect .rw-list * {
        transition: 0.3s linear;
    }
    body .container .main .subpage.paymentdirect .rw-list li {
        width: 100%;
        margin-bottom: 20px;
        background: white;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
        border: 3px solid transparent;
        border-radius: 6px;
    }
    body .container .main .subpage.paymentdirect .rw-list li:last-child {
        margin-bottom: 0px;
    }
    body .container .main .subpage.paymentdirect .rw-list li:hover, body .container .main .subpage.paymentdirect .rw-list li.rwl-act {
        border-color: #fb6700;
    }
    body .container .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-1, body .container .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-1 {
        background-image: url("/Content/images/inside/credit-card-og.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-2, body .container .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-2 {
        background-image: url("/Content/images/inside/atm-og.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-3, body .container .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-3 {
        background-image: url("/Content/images/inside/card-reader-og.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-4, body .container .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-4 {
        background-image: url("/Content/images/inside/game-logo.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list li:hover .rwl-icon.ri-5, body .container .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-icon.ri-5 {
        background-image: url("/Content/images/inside/wechat-pay-og.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list li:hover .rwl-type, body .container .main .subpage.paymentdirect .rw-list li.rwl-act .rwl-type {
        color: #fb6700;
    }
    body .container .main .subpage.paymentdirect .rw-list li.rwl-disabled:hover, body .container .main .subpage.paymentdirect .rw-list li.rwl-disabled.rwl-act {
        border-color: transparent;
    }
    body .container .main .subpage.paymentdirect .rw-list li.rwl-disabled:hover .rwl-type, body .container .main .subpage.paymentdirect .rw-list li.rwl-disabled.rwl-act .rwl-type {
        color: #1e1e1e;
    }
    body .container .main .subpage.paymentdirect .rw-list .input-radio {
        padding-left: 0px;
    }
    body .container .main .subpage.paymentdirect .rw-list .input-radio label {
        display: block;
        width: 100%;
        min-height: 160px;
        padding: 20px 25px 20px 105px;
        cursor: pointer;
    }
    body .container .main .subpage.paymentdirect .rw-list .input-radio .box {
        top: 25px;
        left: 48px;
    }
    body .container .main .subpage.paymentdirect .rw-list .rwl-icon {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 60px;
        left: 25px;
        z-index: 5;
        background: transparent center center/contain no-repeat;
    }
    body .container .main .subpage.paymentdirect .rw-list .rwl-icon.ri-1 {
        background-image: url("/Content/images/inside/credit-card-1.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list .rwl-icon.ri-2 {
        background-image: url("/Content/images/inside/atm.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list .rwl-icon.ri-3 {
        background-image: url("/Content/images/inside/card-reader.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list .rwl-icon.ri-4 {
        background-image: url("/Content/images/inside/game-logo.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list .rwl-icon.ri-5 {
        background-image: url("/Content/images/inside/wechat-pay.svg");
    }
    body .container .main .subpage.paymentdirect .rw-list .rwl-type {
        width: 100%;
        font-size: 24px;
        color: #1e1e1e;
        text-align: left;
    }
    body .container .main .subpage.paymentdirect .rw-list .rwl-intro {
        width: 100%;
        font-size: 14px;
        color: #5a5a5a;
        line-height: 1.5;
        margin-top: 10px;
        text-align: left;
        padding-left: 0px;
    }
    body .container .main .subpage.paymentdirect .rw-list .rwl-intro:after {
        display: none;
    }
    body .container .main .subpage.paymentdirect .notice {
        display: none;
    }
    body .container .main .subpage.paymentdirect .nt-normal {
        display: block;
    }
    body .container .main .subpage.transfer-personal .btn-box {
        justify-content: center;
    }
    body .container .main .subpage.transfer-personal .btn-box a {
        height: 38px;
        line-height: 38px;
        text-align: center;
        border-radius: 20px;
        padding: 0 20px;
    }
    body .container .main .subpage.transfer-personal .btn-box a:not(:last-child) {
        margin-right: 10px;
    }
    body .container .main .subpage.transfer-personal .tp-valid-time {
        padding-left: 26px;
    }
    body .container .main .subpage.transfer-personal .tp-valid-time .tvt-txt, body .container .main .subpage.transfer-personal .tp-valid-time .tvt-select {
        display: block;
    }
    body .container .main .subpage.transfer-personal .tp-valid-time .tvt-txt {
        font-size: 14px;
        color: #5a5a5a;
        margin-right: 20px;
    }
    body .container .main .subpage.transfer-personal .tp-valid-time .tvt-select {
        width: 100%;
        margin-top: 15px;
    }
    body .container .main .subpage.transfer-personal .tp-valid-time .trans-question {
        vertical-align: -2px;
    }
    body .container .main .subpage.transfer-personal .sps-mbtel {
        position: relative;
    }
    body .container .main .subpage.transfer-personal .sps-mbtel .area-code .select-box {
        position: static;
    }
    body .container .main .subpage.transfer-personal .sps-mbtel .area-code .select-box .dropdown-menu {
        height: 256px;
        overflow: auto;
        line-height: 1;
    }
    body .container .main .subpage.batch-transfer .sip-file {
        margin-bottom: 3px;
        display: inline-block;
        vertical-align: middle;
        width: 100px;
    }
    body .container .main .subpage.batch-transfer .bt-btn {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 15px;
    }
    body .container .main .subpage.batch-transfer .bt-btn .btn {
        min-width: 100px;
        height: 40px;
        line-height: 40px;
        margin: 0;
    }
    body .container .main .subpage.transferout_check .toc-detail .td {
        padding: 12px 15px;
    }
    body .container .main .subpage.transferout_check .toc-detail .td:nth-child(1) {
        width: 30%;
        min-width: 100px;
    }
    body .container .main .subpage.transferout_check .toc-detail .td:nth-child(2) {
        width: 70%;
    }
    body .container .main .subpage.transferout_check .sp-inp-box {
        margin-top: 30px;
        text-align: center;
    }
    body .container .main .subpage.transferout_check .sp-inp-box .tc-inp {
        display: inline-block;
        text-align: left;
    }
    body .container .main .subpage.transferout_check .tp-valid-time {
        padding-left: 26px;
    }
    body .container .main .subpage.transferout_check .tp-valid-time .tvt-txt, body .container .main .subpage.transferout_check .tp-valid-time .tvt-select {
        display: block;
    }
    body .container .main .subpage.transferout_check .tp-valid-time .tvt-txt {
        font-size: 14px;
        color: #5a5a5a;
        margin-right: 20px;
    }
    body .container .main .subpage.transferout_check .tp-valid-time .tvt-select {
        width: 100%;
        margin-top: 15px;
    }
    body .container .main .subpage.transferout_check .tp-valid-time .trans-question {
        vertical-align: -2px;
    }
    body .container .main .subpage.transferout_pending .transearch-condition, body .container .main .subpage.transferin_pending .transearch-condition {
        text-align: left;
        margin-bottom: 30px;
    }
    body .container .main .subpage.transferout_pending .transearch-condition dl, body .container .main .subpage.transferout_pending .transearch-condition dt, body .container .main .subpage.transferout_pending .transearch-condition dd, body .container .main .subpage.transferin_pending .transearch-condition dl, body .container .main .subpage.transferin_pending .transearch-condition dt, body .container .main .subpage.transferin_pending .transearch-condition dd {
        display: block;
    }
    body .container .main .subpage.transferout_pending .transearch-condition dl, body .container .main .subpage.transferin_pending .transearch-condition dl {
        width: 100%;
        margin-bottom: 30px;
    }
    body .container .main .subpage.transferout_pending .transearch-condition dl:last-child, body .container .main .subpage.transferin_pending .transearch-condition dl:last-child {
        margin-bottom: 0;
    }
    body .container .main .subpage.transferout_pending .transearch-condition dt, body .container .main .subpage.transferin_pending .transearch-condition dt {
        width: 100%;
        margin-bottom: 15px;
        font-size: 16px;
        color: #5a5a5a;
    }
    body .container .main .subpage.transferout_pending .transearch-condition dd, body .container .main .subpage.transferin_pending .transearch-condition dd {
        width: 100%;
        text-align: left;
    }
    body .container .main .subpage.transferout_pending .ts-rec-m .table, body .container .main .subpage.transferin_pending .ts-rec-m .table {
        margin-bottom: 20px;
    }
    body .container .main .subpage.transferout_pending .ts-rec-m .table:last-child, body .container .main .subpage.transferin_pending .ts-rec-m .table:last-child {
        margin-bottom: 0;
    }
    body .container .main .subpage.transferout_pending .ts-rec-m .td, body .container .main .subpage.transferin_pending .ts-rec-m .td {
        padding: 10px 12px;
    }
    body .container .main .subpage.transferout_pending .ts-rec-m .td:nth-child(1), body .container .main .subpage.transferin_pending .ts-rec-m .td:nth-child(1) {
        width: 30%;
        min-width: 100px;
    }
    body .container .main .subpage.transferout_pending .ts-rec-m .td:nth-child(2), body .container .main .subpage.transferin_pending .ts-rec-m .td:nth-child(2) {
        width: 70%;
    }
    body .container .main .subpage.transferout_pending .ts-rec-pc, body .container .main .subpage.transferin_pending .ts-rec-pc {
        display: none;
    }
    body .container .main .subpage.transferout_finalcheck .tof-detail .td, body .container .main .subpage.transaction_check .tof-detail .td, body .container .main .subpage.transaction-info .tof-detail .td, body .container .main .subpage.batch-transaction-info .tof-detail .td, body .container .main .subpage.withdrawSuccess .tof-detail .td {
        padding: 12px 15px;
    }
    body .container .main .subpage.transferout_finalcheck .tof-detail .td:nth-child(1), body .container .main .subpage.transaction_check .tof-detail .td:nth-child(1), body .container .main .subpage.transaction-info .tof-detail .td:nth-child(1), body .container .main .subpage.batch-transaction-info .tof-detail .td:nth-child(1), body .container .main .subpage.withdrawSuccess .tof-detail .td:nth-child(1) {
        width: 30%;
        min-width: 100px;
    }
    body .container .main .subpage.transferout_finalcheck .tof-detail .td:nth-child(2), body .container .main .subpage.transaction_check .tof-detail .td:nth-child(2), body .container .main .subpage.transaction-info .tof-detail .td:nth-child(2), body .container .main .subpage.batch-transaction-info .tof-detail .td:nth-child(2), body .container .main .subpage.withdrawSuccess .tof-detail .td:nth-child(2) {
        width: 70%;
    }
    body .container .main .subpage.transferout_finalcheck .sp-inp-box, body .container .main .subpage.transaction_check .sp-inp-box, body .container .main .subpage.transaction-info .sp-inp-box, body .container .main .subpage.batch-transaction-info .sp-inp-box, body .container .main .subpage.withdrawSuccess .sp-inp-box {
        width: 100%;
    }
    body .container .main .subpage.transaction-info .ti-msg-box {
        width: 100%;
        background: #f8f8f8;
    }
    body .container .main .subpage.transaction-info .tmb-title {
        width: 100%;
        height: 42px;
        line-height: 40px;
        font-size: 16px;
        color: #000;
        text-align: center;
        background: #fff9d0;
    }
    body .container .main .subpage.transaction-info .tmb-content:after, body .container .main .subpage.transaction-info .tmb-content dl:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .main .subpage.transaction-info .tmb-content {
        width: 100%;
        padding: 20px 15px;
    }
    body .container .main .subpage.transaction-info .tmb-content dl {
        width: 95%;
    }
    body .container .main .subpage.transaction-info .tmb-content dl + dl {
        margin-top: 20px;
    }
    body .container .main .subpage.transaction-info .tmb-content dt {
        width: 42px;
    }
    body .container .main .subpage.transaction-info .tmb-content dd {
        width: calc(100% - 52px);
        max-width: 250px;
    }
    body .container .main .subpage.transaction-info .tmb-content .tmc-acpic {
        width: 100%;
    }
    body .container .main .subpage.transaction-info .tmb-content .tmc-acpic img {
        width: 100%;
    }
    body .container .main .subpage.transaction-info .tmb-content .tmc-ac {
        font-size: 16px;
        color: #000;
    }
    body .container .main .subpage.transaction-info .tmb-content .tmc-nb {
        font-size: 13px;
        color: #5a5a5a;
        margin-bottom: 3px;
    }
    body .container .main .subpage.transaction-info .tmb-content .tmc-date {
        font-size: 12px;
        color: #777;
        margin-top: 5px;
    }
    body .container .main .subpage.transaction-info .tmb-content .tmc-txt {
        width: 100%;
        padding: 15px;
        font-size: 16px;
        color: #4a4a4a;
        line-height: 1.5;
        box-shadow: 0 4px 6px 0 #d18000;
    }
    body .container .main .subpage.transaction-info .tmc-left {
        float: left;
    }
    body .container .main .subpage.transaction-info .tmc-left dt, body .container .main .subpage.transaction-info .tmc-left dd {
        float: left;
        text-align: left;
    }
    body .container .main .subpage.transaction-info .tmc-left dt {
        margin-right: 10px;
    }
    body .container .main .subpage.transaction-info .tmc-left .tmc-txt {
        padding-right: 25px;
        border-radius: 4px 30px 30px 30px;
        background: #fff4a5;
    }
    body .container .main .subpage.transaction-info .tmc-right {
        float: right;
    }
    body .container .main .subpage.transaction-info .tmc-right dt, body .container .main .subpage.transaction-info .tmc-right dd {
        float: right;
        text-align: right;
    }
    body .container .main .subpage.transaction-info .tmc-right dt {
        margin-left: 10px;
    }
    body .container .main .subpage.transaction-info .tmc-right .tmc-txt {
        padding-left: 30px;
        border-radius: 30px 4px 30px 30px;
        background: #dfefe5;
    }
    body .container .main .subpage.WithdrawSchedule .td {
        padding: 10px;
        font-size: 14px;
    }
    body .container .main .subpage.WithdrawSchedule .td .btn {
        width: 54px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        min-width: inherit;
        font-size: 14px;
        margin: 0 5px;
    }
    body .container .main .subpage.WithdrawManual .default-select .txt {
        font-size: 13px;
        line-height: 1;
        padding-top: 3px;
    }
    body .container .main .subpage.WithdrawManual .wd-singal-check dd {
        width: 100%;
    }
    body .container .main .subpage.withdrawSuccess .ws-status-box {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    body .container .main .subpage.withdrawSuccess .ws-status-box .wsb-icon {
        width: 68px;
        display: inline-block;
        margin-bottom: 8px;
    }
    body .container .main .subpage.withdrawSuccess .ws-status-box .wsb-icon img {
        width: 100%;
    }
    body .container .main .subpage.withdrawSuccess .ws-status-box .wsb-txt {
        width: 100%;
        font-size: 17px;
        margin-bottom: 12px;
    }
    body .container .main .subpage.withdrawSuccess .ws-status-box .wsb-txt.wt-success {
        color: #00bde0;
    }
    body .container .main .subpage.withdrawSuccess .ws-status-box .wsb-price {
        width: 100%;
        font-size: 16px;
        color: #3e3e3e;
    }
    body .container .main .subpage.withdrawSuccess .ws-status-box .wsb-price .wpb-txt {
        font-size: 35px;
        font-weight: bold;
        margin-left: 5px;
    }
    body .container .main .subpage.transfertip .tft-txt {
        width: 100%;
        font-size: 14px;
        line-height: 1.4;
        color: #5a5a5a;
        text-align: left;
        margin-bottom: 20px;
    }
    body .container .main .subpage.transfertip .tft-tip-box {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    body .container .main .subpage.transfertip .tft-tip-box .tft-tip {
        width: 100%;
        display: block;
        padding: 10px 10px;
        background: #fff4ca;
        font-size: 14px;
        line-height: 1.4;
        color: #7f5400;
        border-radius: 13px;
    }
    body .container .main .subpage.transfertip .tft-process-box {
        width: 100%;
        max-width: 526px;
        margin: 0 auto;
        border-left: 10px solid #fc944c;
        transform: translateX(40px);
        -ms-transform: translateX(40px);
        -webkit-transform: translateX(40px);
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step {
        width: 100%;
        margin-left: -40px;
        padding-bottom: 10px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step dt, body .container .main .subpage.transfertip .tft-process-box .tpb-step dd {
        display: inline-block;
        vertical-align: top;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step dt {
        width: 70px;
        height: 70px;
        border-radius: 99em;
        border: 7px solid #fc944c;
        background: #FFF;
        font-size: 30px;
        font-weight: bold;
        color: #fb6700;
        text-align: center;
        line-height: 61px;
        font-family: Arial, sans-serif;
        position: relative;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step dd {
        width: calc(100% - 90px);
        min-height: 220px;
        margin-left: 15px;
        font-size: 14px;
        color: #1e1e1e;
        line-height: 1.4;
        position: relative;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step:last-child {
        margin-left: -25px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step:last-child dt {
        width: 40px;
        height: 40px;
        top: 10px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step:last-child dd {
        height: 0;
        min-height: 0px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step.ts-mini dd {
        min-height: 130px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step.ts4 dd {
        min-height: 330px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-content {
        width: 100%;
        border: 5px solid #fc944c;
        background: #fff;
        padding: 15px 10px;
        position: relative;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-content a {
        color: #0091ff;
        text-decoration: underline;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-content:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 10px 6px 0;
        border-color: transparent #fc944c transparent transparent;
        display: block;
        position: absolute;
        left: -14px;
        top: calc(50% - 6px);
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-content:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent {
        width: 100%;
        margin-top: 10px;
        position: relative;
        text-align: right;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box {
        width: 90%;
        display: inline-block;
        text-align: left;
        padding: 15px 10px;
        border-radius: 8px;
        position: relative;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 6px 10px 6px;
        border-color: transparent transparent #ffe0e0 transparent;
        display: block;
        position: absolute;
        left: calc(50% - 5px);
        top: -9px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box + .tss-box {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: -8px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box + .tss-box:before {
        display: none;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box + .tss-box:after {
        content: "";
        width: calc(100% - 20px);
        border-top: 1px solid #FFF;
        position: absolute;
        top: 4px;
        left: 10px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-red {
        background: #ffe0e0;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-red .tsc-side, body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-red .tss-intro {
        color: #ff4b4b;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-red:before {
        border-bottom-color: #ffe0e0;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-blue {
        background: #e0fcff;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-blue .tsc-side, body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-blue .tss-intro {
        color: #036eb8;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box.tss-blue:before {
        border-bottom-color: #e0fcff;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box .tss-ic, body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box .tss-txt {
        display: inline-block;
        vertical-align: middle;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-subcontent .tss-box .tss-ic {
        width: 20px;
        height: 20px;
        margin-right: 6px;
        background: url("/images/inside/ic-exclamation-circle.svg") center center/contain no-repeat;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tsc-side {
        float: left;
        margin-right: 10px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tsc-side + .tsc-intro {
        float: left;
        width: calc(100% - 70px);
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tsc-side + .tsi-block {
        float: none;
        width: 100%;
        clear: both;
        padding-top: 5px;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tsc-result {
        clear: both;
        width: 100%;
        margin-top: 10px;
        color: #3e3e3e;
    }
    body .container .main .subpage.transfertip .tft-process-box .tpb-step .tps-tip {
        max-width: 100%;
        padding: 4px 13px;
        background: #fc944c;
        border-radius: 99em;
        color: white;
        font-size: 14px;
        line-height: 1.4;
        position: absolute;
        left: -95px;
        top: calc(50% + 35px);
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    body .container .main .subpage.transfertip .tft-nt {
        margin-top: 30px;
        padding-left: 50px;
    }
    body .container .main .subpage.transfertip .tft-nt li {
        text-indent: -50px;
    }
    body .container .main .subpage.refill-wrap * {
        box-sizing: border-box;
    }
    body .container .main .subpage.refill-wrap .refill-title {
        width: 100%;
        font-size: 22px;
        color: #fb6700;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 25px;
    }
    body .container .main .subpage.refill-wrap .sp-box {
        width: 100%;
        padding: 30px 15px;
        background: #fff;
        position: relative;
    }
    body .container .main .subpage.refill-wrap .sp-box + .sp-box {
        padding-top: 0;
    }
    body .container .main .subpage.refill-wrap .sp-box + .spb-gray {
        padding-top: 30px;
    }
    body .container .main .subpage.refill-wrap .sp-box.spb-gray {
        background: #f8f8f8;
    }
    body .container .main .subpage.refill-wrap .sp-box.spb-gray + .spb-gray {
        padding-top: 0;
    }
    body .container .main .subpage.refill-wrap .sp-box.spb-gray + .sp-box {
        padding-top: 30px;
    }
    body .container .main .subpage.refill-wrap .sp-btn-box {
        margin-top: 30px;
        text-align: center;
    }
    body .container .main .subpage.refill-wrap .sp-btn-box .btn {
        text-align: center;
        display: inline-block;
        min-width: 200px;
        height: 50px;
        line-height: 50px;
        border-radius: 99em;
    }
    body .container .main .subpage.refill-wrap .step-box {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    body .container .main .subpage.refill-wrap .step-box .stb-list {
        display: flex;
        justify-content: center;
        padding: 0px 20px;
        position: relative;
    }
    body .container .main .subpage.refill-wrap .step-box .step-intro-m {
        width: 100%;
        line-height: 1.4;
        text-align: center;
        margin-top: 10px;
    }
    body .container .main .subpage.refill-wrap .step-box .step-intro-m dt {
        font-size: 13px;
        color: #fb6700;
        margin-bottom: 2px;
    }
    body .container .main .subpage.refill-wrap .step-box .step-intro-m dd {
        font-size: 16px;
        color: #fb6700;
        letter-spacing: 0;
    }
    body .container .main .subpage.refill-wrap .step-box .step {
        position: relative;
        width: 225px;
        height: 45px;
    }
    body .container .main .subpage.refill-wrap .step-box .step:last-of-type {
        width: 45px;
    }
    body .container .main .subpage.refill-wrap .step-box .step:last-of-type:after {
        display: none;
    }
    body .container .main .subpage.refill-wrap .step-box .step .step-content {
        position: relative;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        border: 1px solid #b1b1b1;
        background: #b1b1b1;
        text-align: center;
        z-index: 10;
    }
    body .container .main .subpage.refill-wrap .step-box .step .step-content .sc-box {
        width: 43px;
        height: 43px;
        border-radius: 50%;
        border: 2px solid #FFF;
        background: transparent;
    }
    body .container .main .subpage.refill-wrap .step-box .step .step-content .sc-box:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
    }
    body .container .main .subpage.refill-wrap .step-box .step .step-content .step-icon {
        font-size: 30px;
        font-weight: bold;
        color: white;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }
    body .container .main .subpage.refill-wrap .step-box .step .step-content .step-icon img {
        height: 100%;
        display: inline-block;
    }
    body .container .main .subpage.refill-wrap .step-box .step .step-content .step-icon.si-normal {
        margin-top: -1px;
    }
    body .container .main .subpage.refill-wrap .step-box .step .step-content .step-icon.si-done {
        display: none;
        width: 20px;
        height: 11px;
        vertical-align: 2px;
        border: 2px solid #fb6700;
        border-top: none;
        border-right: none;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    body .container .main .subpage.refill-wrap .step-box .step .step-content .step-intro {
        display: none;
    }
    body .container .main .subpage.refill-wrap .step-box .step:after {
        content: "";
        height: 2px;
        width: 100%;
        position: absolute;
        top: 22px;
        left: 0;
        z-index: 8;
        background-color: #b1b1b1;
    }
    body .container .main .subpage.refill-wrap .step-box .step.current .step-content {
        border-color: #fb6700;
        background: #fb6700;
    }
    body .container .main .subpage.refill-wrap .step-box .step.current:after {
        background-color: #fb6700;
    }
    body .container .main .subpage.refill-wrap .step-box .step.done .step-content {
        border: 2px solid #fb6700;
        background: #FFF;
    }
    body .container .main .subpage.refill-wrap .step-box .step.done .step-content .sc-box {
        width: 41px;
        height: 41px;
        border: none;
    }
    body .container .main .subpage.refill-wrap .step-box .step.done .step-content .step-icon.si-done {
        display: inline-block;
    }
    body .container .main .subpage.refill-wrap .step-box .step.done .step-content .step-icon.si-normal {
        display: none;
    }
    body .container .main .subpage.refill-wrap .step-box .step.done:after {
        background-color: #fb6700;
    }
    body .container .main .subpage.refill-wrap .sp-inp-box {
        width: 100%;
        max-width: 580px;
        margin: 0 auto;
        position: relative;
    }
    body .container .main .subpage.refill-wrap .sp-inp-box dl {
        width: 100%;
        margin-bottom: 30px;
    }
    body .container .main .subpage.refill-wrap .sp-inp-box dl:last-child {
        margin-bottom: 0;
    }
    body .container .main .subpage.refill-wrap .sp-inp-box dt, body .container .main .subpage.refill-wrap .sp-inp-box dd {
        display: block;
    }
    body .container .main .subpage.refill-wrap .sp-inp-box dt {
        width: 100%;
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 1;
        color: #5a5a5a;
    }
    body .container .main .subpage.refill-wrap .sp-inp-box dd {
        width: 100%;
    }
    body .container .main .subpage.PurchaseSelect .rw-list, body .container .main .subpage.SNPurchaseSelect .rw-list {
        width: 100%;
    }
    body .container .main .subpage.PurchaseSelect .rw-list *, body .container .main .subpage.SNPurchaseSelect .rw-list * {
        transition: 0.3s linear;
    }
    body .container .main .subpage.PurchaseSelect .rw-list li, body .container .main .subpage.SNPurchaseSelect .rw-list li {
        width: 100%;
        margin-bottom: 20px;
        background: white;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
        border: 3px solid transparent;
        border-radius: 6px;
    }
    body .container .main .subpage.PurchaseSelect .rw-list li:last-child, body .container .main .subpage.SNPurchaseSelect .rw-list li:last-child {
        margin-bottom: 0px;
    }
    body .container .main .subpage.PurchaseSelect .rw-list li:hover, body .container .main .subpage.PurchaseSelect .rw-list li.rwl-act, body .container .main .subpage.SNPurchaseSelect .rw-list li:hover, body .container .main .subpage.SNPurchaseSelect .rw-list li.rwl-act {
        border-color: #fb6700;
    }
    body .container .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-1, body .container .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-1, body .container .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-1, body .container .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-1 {
        background-image: url("/Content/images/inside/credit-card-og.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-2, body .container .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-2, body .container .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-2, body .container .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-2 {
        background-image: url("/Content/images/inside/atm-og.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-3, body .container .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-3, body .container .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-3, body .container .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-3 {
        background-image: url("/Content/images/inside/card-reader-og.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-4, body .container .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-4, body .container .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-4, body .container .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-4 {
        background-image: url("/Content/images/inside/game-logo.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-5, body .container .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-5, body .container .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-5, body .container .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-5 {
        background-image: url("/Content/images/inside/wechat-pay-og.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list li:hover .rwl-icon.ri-6, body .container .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-6, body .container .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-icon.ri-6, body .container .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-icon.ri-6 {
        background-image: url("/Content/images/inside/deposit-on.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list li:hover .rwl-type, body .container .main .subpage.PurchaseSelect .rw-list li.rwl-act .rwl-type, body .container .main .subpage.SNPurchaseSelect .rw-list li:hover .rwl-type, body .container .main .subpage.SNPurchaseSelect .rw-list li.rwl-act .rwl-type {
        color: #fb6700;
    }
    body .container .main .subpage.PurchaseSelect .rw-list .input-radio, body .container .main .subpage.SNPurchaseSelect .rw-list .input-radio {
        padding-left: 0px;
    }
    body .container .main .subpage.PurchaseSelect .rw-list .input-radio label, body .container .main .subpage.SNPurchaseSelect .rw-list .input-radio label {
        display: block;
        width: 100%;
        min-height: 160px;
        padding: 20px 25px 20px 105px;
        cursor: pointer;
    }
    body .container .main .subpage.PurchaseSelect .rw-list .input-radio .box, body .container .main .subpage.SNPurchaseSelect .rw-list .input-radio .box {
        top: 25px;
        left: 48px;
    }
    body .container .main .subpage.PurchaseSelect .rw-list .rwl-icon, body .container .main .subpage.SNPurchaseSelect .rw-list .rwl-icon {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 60px;
        left: 25px;
        z-index: 5;
        background: transparent center center/contain no-repeat;
    }
    body .container .main .subpage.PurchaseSelect .rw-list .rwl-icon.ri-1, body .container .main .subpage.SNPurchaseSelect .rw-list .rwl-icon.ri-1 {
        background-image: url("/Content/images/inside/credit-card-1.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list .rwl-icon.ri-2, body .container .main .subpage.SNPurchaseSelect .rw-list .rwl-icon.ri-2 {
        background-image: url("/Content/images/inside/atm.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list .rwl-icon.ri-3, body .container .main .subpage.SNPurchaseSelect .rw-list .rwl-icon.ri-3 {
        background-image: url("/Content/images/inside/card-reader.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list .rwl-icon.ri-6, body .container .main .subpage.SNPurchaseSelect .rw-list .rwl-icon.ri-6 {
        background-image: url("/Content/images/inside/deposit-defult.svg");
    }
    body .container .main .subpage.PurchaseSelect .rw-list .rwl-type, body .container .main .subpage.SNPurchaseSelect .rw-list .rwl-type {
        width: 100%;
        font-size: 24px;
        color: #1e1e1e;
        text-align: left;
    }
    body .container .main .subpage.PurchaseSelect .rw-list .rwl-intro, body .container .main .subpage.SNPurchaseSelect .rw-list .rwl-intro {
        width: 100%;
        font-size: 14px;
        color: #5a5a5a;
        line-height: 1.5;
        margin-top: 10px;
        text-align: left;
        padding-left: 0px;
    }
    body .container .main .subpage.PurchaseSelect .rw-list .rwl-intro:after, body .container .main .subpage.SNPurchaseSelect .rw-list .rwl-intro:after {
        display: none;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount, body .container .main .subpage.SNPurchaseSelect .rw-amount {
        width: 100%;
        margin-bottom: 30px;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-inp, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-inp {
        width: 100%;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total {
        width: 100%;
        margin-top: 30px;
        background: #fffde3;
        border-radius: 5px;
        overflow: hidden;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points {
        width: 100%;
        font-size: 16px;
        line-height: 1.4;
        color: #5a5a5a;
        text-align: left;
        padding: 14px 15px 12px;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list {
        width: 100%;
        font-size: 16px;
        line-height: 1.4;
        color: #5a5a5a;
        background: #fffcd6;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list dl, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list dl {
        padding: 12px 15px 10px;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list dl:after, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list dl:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list dt, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list dt {
        float: left;
        text-align: left;
        width: calc(100% - 80px);
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-points-list dd, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-points-list dd {
        float: right;
        text-align: right;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-price, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-price {
        width: 100%;
        height: 56px;
        line-height: 58px;
        font-size: 16px;
        color: #000000;
        padding: 0 15px;
        background: #fff9aa;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-price dt, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-price dt {
        float: left;
        text-align: left;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-price dd, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-price dd {
        float: right;
        font-size: 22px;
        font-weight: bold;
        text-align: right;
        color: #ff4b4b;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount .ra-total .rat-price:after, body .container .main .subpage.SNPurchaseSelect .rw-amount .ra-total .rat-price:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .main .subpage.PurchaseSelect .notice, body .container .main .subpage.SNPurchaseSelect .notice {
        display: none;
    }
    body .container .main .subpage.PurchaseSelect .nt-normal, body .container .main .subpage.SNPurchaseSelect .nt-normal {
        display: block;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount-box {
        width: 100%;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .refill-title {
        color: #9e9e9e;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-inp .txt {
        color: #9e9e9e;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total {
        background: #ebeaea;
        border-radius: 10px;
        overflow: hidden;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total .rat-points, body .container .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total .rp-txt {
        color: #9e9e9e;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total .rat-price {
        background: #e5e5e5;
        color: #9e9e9e;
    }
    body .container .main .subpage.PurchaseSelect .rw-amount-box.rab-disabled .ra-total .rat-price dd {
        color: #9e9e9e;
    }
    body .container .main .subpage.payresult .rrs-detail-box, body .container .main .subpage.SNpayresult .rrs-detail-box {
        width: 100%;
        padding: 25px 15px 30px;
    }
    body .container .main .subpage.payresult .rdb-tip, body .container .main .subpage.SNpayresult .rdb-tip {
        width: 100%;
        text-align: center;
        font-size: 18px;
        line-height: 1.5;
        color: #ff4b4b;
        margin-bottom: 20px;
        animation: txtAni 1s linear infinite;
    }
    body .container .main .subpage.payresult .rrs-detail .td, body .container .main .subpage.SNpayresult .rrs-detail .td {
        padding: 12px 10px;
    }
    body .container .main .subpage.payresult .rrs-detail .td:nth-child(1), body .container .main .subpage.SNpayresult .rrs-detail .td:nth-child(1) {
        width: 30%;
    }
    body .container .main .subpage.payresult .rrs-detail .td:nth-child(2), body .container .main .subpage.SNpayresult .rrs-detail .td:nth-child(2) {
        width: 70%;
    }
    body .container .main .subpage.SNPurchaseSelect .rsb-sn-num .rw-amount {
        margin-bottom: 0;
    }
    body .container .main .subpage.SNPurchaseSelect .rsb-sn-num .rw-amount .ra-total {
        margin-top: 20px;
        overflow: hidden;
        border-radius: 5px;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket {
        width: 100%;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket ul:after {
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        content: ".";
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket li {
        float: left;
        margin: 10px 8px;
        background-color: #FFF;
        border-radius: 6px;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
        width: calc(50% - 8px);
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket li:nth-child(2n) {
        margin-right: 0;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket li:nth-child(2n+1) {
        margin-left: 0;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpt-pic {
        width: 100%;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpt-pic img {
        width: 100%;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpt-info {
        padding: 10px 10px 15px;
        position: relative;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpi-price {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 12px;
        color: #ff4b4b;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpi-confirm {
        width: 20px;
        position: absolute;
        right: 10px;
        top: 13px;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .rpi-confirm img {
        width: 100%;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input {
        width: 100%;
        text-align: center;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .quantity-inp {
        width: 50px;
        height: 27px;
        padding: 6px;
        margin-right: -4px;
        border: solid #ddd;
        border-width: 1px 0;
        font-size: 15px;
        font-weight: bold;
        color: #5a5a5a;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        background: #FFF;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .ni-btn {
        background-color: #eeecec;
        border: none;
        align-items: center;
        justify-content: center;
        width: 27px;
        height: 27px;
        cursor: pointer;
        margin: 0;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
        border: 1px solid #dbdbdb;
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .ni-btn:before, body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .ni-btn:after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 2px;
        background-color: #5a5a5a;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .nib-plus:after {
        transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
    }
    body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .nim-disabled:before, body .container .main .subpage.SNPurchaseSelect .rsn-points-ticket .number-input .nim-disabled:after {
        background-color: #ddd6d6;
    }
    body .container .main .subpage.Serialnumberuse .rdi-test-link {
        font-size: 15px;
        position: absolute;
        top: 40px;
        right: 15px;
        color: #007aff;
        text-decoration: underline;
        z-index: 5;
    }
    body .container .main .subpage.Serialnumber .rrb-condition {
        text-align: left;
        margin-bottom: 30px;
    }
    body .container .main .subpage.Serialnumber .rrb-condition dl, body .container .main .subpage.Serialnumber .rrb-condition dt, body .container .main .subpage.Serialnumber .rrb-condition dd {
        display: block;
    }
    body .container .main .subpage.Serialnumber .rrb-condition dl {
        width: 100%;
        margin-bottom: 30px;
    }
    body .container .main .subpage.Serialnumber .rrb-condition dl:last-child {
        margin-bottom: 0;
    }
    body .container .main .subpage.Serialnumber .rrb-condition dt {
        width: 100%;
        margin-bottom: 15px;
        font-size: 16px;
        color: #5a5a5a;
    }
    body .container .main .subpage.Serialnumber .rrb-condition dd {
        width: 100%;
        text-align: left;
    }
    body .container .main .subpage.Serialnumber .btn-box {
        margin: 20px 0;
        justify-content: center;
    }
    body .container .main .subpage.Serialnumber .btn-box .btn {
        display: inline-block;
        width: 100px;
        height: 38px;
        border-radius: 20px;
        text-align: center;
        line-height: 38px;
    }
    body .container .main .subpage.Serialnumber .rrb-rec-m .td {
        padding: 10px 12px;
    }
    body .container .main .subpage.Serialnumber .rrb-rec-m .td:nth-child(1) {
        width: 30%;
        min-width: 100px;
    }
    body .container .main .subpage.Serialnumber .rrb-rec-m .td:nth-child(2) {
        width: 70%;
    }
    body .container .main .subpage.Serialnumber .rrb-rec-m .rbr-box {
        width: 100%;
        position: relative;
    }
    body .container .main .subpage.Serialnumber .rrb-rec-m .rbr-box .rbr-txt, body .container .main .subpage.Serialnumber .rrb-rec-m .rbr-box .rbr-btn {
        display: inline-block;
        vertical-align: middle;
    }
    body .container .main .subpage.Serialnumber .rrb-rec-m .rbr-box .rbr-txt {
        width: 100%;
        word-break: break-all;
        word-wrap: break-word;
        padding-bottom: 10px;
    }
    body .container .main .subpage.Serialnumber .rrb-rec-m .rbr-box .rbr-btn {
        min-width: 90px;
        padding: 5px 0;
        margin: 0 auto;
        background: white;
    }
    body .container .main .subpage.Serialnumber .rrb-rec-pc {
        display: none;
    }
    body .container .main .subpage.auth-wrap {
        padding: 35px 15px;
    }
    body .container .main .subpage.auth-wrap .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.auth-wrap .btn-box {
        justify-content: center;
    }
    body .container .main .subpage.auth-wrap .btn-box .btn {
        width: 200px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 30px;
        display: block;
    }
    body .container .main .subpage.GoogleAuth .download-box {
        padding: 30px 0 0;
    }
    body .container .main .subpage.GoogleAuth .download-box .block {
        background-color: #fff9d0;
        text-align: center;
        padding: 15px;
        border-radius: 6px;
    }
    body .container .main .subpage.GoogleAuth .download-box .block:first-child {
        margin-bottom: 30px;
    }
    body .container .main .subpage.GoogleAuth .download-box .block .gp {
        margin-bottom: 15px;
    }
    body .container .main .subpage.GoogleAuth .download-box .block .btn {
        max-width: 227px;
        width: 100%;
        height: 38px;
        display: block;
        border-radius: 20px;
        text-align: center;
        line-height: 38px;
        margin: auto;
    }
    body .container .main .subpage.activate_01 .key-box {
        width: 100%;
        position: relative;
        box-sizing: border-box;
        background-color: #fff9d0;
        padding: 15px;
        margin-top: 20px;
        border-radius: 6px;
    }
    body .container .main .subpage.activate_01 .key-box .key {
        width: 200px;
        margin: auto;
    }
    body .container .main .subpage.activate_01 .key-box .auth-key {
        background-color: #fff;
        box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.1);
        line-height: 44px;
        color: #000;
        letter-spacing: 1px;
        padding: 0 10px;
        box-sizing: border-box;
        margin-top: 5px;
    }
    body .container .main .subpage.activate_01 .flex {
        width: 100%;
        max-width: 300px;
        margin: 30px auto 35px;
    }
    body .container .main .subpage.activate_01 .flex .qr {
        margin-bottom: 8px;
    }
    body .container .main .subpage.activate_01 .flex .qr img {
        width: 100%;
    }
    body .container .main .subpage.activate_01 .flex .block {
        width: 100%;
    }
    body .container .main .subpage.activate_01 .flex .block:first-child {
        margin-bottom: 30px;
    }
    body .container .main .subpage.activate_03 .ic-ok {
        width: 68px;
        margin-bottom: 10px;
    }
    body .container .main .subpage.activate_03 .tip-fc-5 {
        font-size: 17px;
        font-weight: bold;
    }
    body .container .main .subpage.activate_03 .tip-fc-1 {
        margin-top: 8px;
    }
    body .container .main .subpage.BusinessMemberCTF .block-title {
        font-size: 24px;
        color: #fb6700;
        letter-spacing: 1px;
        text-align: center;
    }
    body .container .main .subpage.BusinessMemberCTF .top {
        padding: 35px 15px 15px;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex {
        display: flex;
        justify-content: space-around;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .member-type {
        width: 245px;
        height: 129px;
        border-radius: 6px;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        border: 3px solid transparent;
        cursor: pointer;
        box-sizing: border-box;
        padding: 0;
        text-align: center;
        transition: 0.3s linear;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .member-type .CTF-icon {
        padding: 15px 0;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .member-type .CTF-type {
        font-size: 24px;
        letter-spacing: 1px;
        color: #000;
        transition: 0.3s linear;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .member-type.disabled {
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
        cursor: default;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .member-type.disabled .CTF-type {
        color: #9e9e9e;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .member-type:not(.disabled).current, body .container .main .subpage.BusinessMemberCTF .top .flex .member-type:not(.disabled):hover {
        box-shadow: 0 6px 10px 1px rgba(0, 0, 0, 0.3);
        border: solid 3px #fb6700;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .member-type:not(.disabled).current .CTF-type, body .container .main .subpage.BusinessMemberCTF .top .flex .member-type:not(.disabled):hover .CTF-type {
        color: #fb6700;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio {
        width: 100%;
        border-radius: 6px;
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        border: 3px solid transparent;
        cursor: pointer;
        box-sizing: border-box;
        padding: 0;
        margin-bottom: 20px;
        height: 140px;
        transition: 0.3s linear;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio label {
        display: block;
        width: 100%;
        height: 100%;
        padding: 15px 15px;
        cursor: pointer;
        box-sizing: border-box;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio label .box {
        top: 20px;
        left: 46px;
        overflow: hidden;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio label .CTF-icon {
        position: relative;
        left: 9px;
        top: 40px;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio label .CTF-type {
        font-size: 24px;
        letter-spacing: 1px;
        color: #000;
        display: inline-block;
        position: absolute;
        left: 110px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 24px;
        transition: 0.3s linear;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio.disabled {
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
        cursor: default;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio.disabled .CTF-type {
        color: #9e9e9e;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio:not(.disabled).current, body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio:not(.disabled):hover {
        box-shadow: 0 6px 10px 1px rgba(0, 0, 0, 0.3);
        border: solid 3px #fb6700;
    }
    body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio:not(.disabled).current .CTF-type, body .container .main .subpage.BusinessMemberCTF .top .flex .input-radio:not(.disabled):hover .CTF-type {
        color: #fb6700;
    }
    body .container .main .subpage.BusinessMemberCTF .middle {
        background-color: #f8f8f8;
        padding: 30px 0 15px;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .bd {
        height: 1px;
        width: calc(100% - 15px);
        margin-left: 15px;
        background-color: #ededed;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .btn-box {
        width: 100%;
        margin-top: 12px;
        justify-content: center;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .btn-box .btn {
        width: 200px;
        text-align: center;
        border-radius: 20px;
        display: block;
        padding: 11px 0;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col {
        position: relative;
        margin-left: 15px;
        min-height: 62px;
        padding: 15px 15px 15px 0;
        box-sizing: border-box;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col .info {
        color: #000;
        font-size: 17px;
        margin-bottom: 8px;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col .select-box {
        margin-bottom: 10px;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col .select-box.size-default {
        width: 100%;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col .select-box.size-tiny {
        display: inline-block;
        width: 30%;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col .select-box.size-tiny:not(:last-child) {
        margin-right: 10px;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col .select-box.size-tiny .dropdown-menu ul {
        min-width: inherit;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col .select-box.select-flex-sec .default-select:not(:last-child) {
        margin-bottom: 20px;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col .select-box .dropdown-menu li a {
        line-height: 1;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .flex-col.sp-select .select-box.size-tiny {
        width: 100%;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .detail .notice li {
        font-size: 13px;
        line-height: 1.54;
        margin-bottom: 0;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .detail .btn {
        text-align: center;
        border-radius: 20px;
        display: block;
        padding: 11px 0;
        margin: 15px 0 5px;
        width: 100px;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .detail p {
        margin-bottom: 5px;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .detail p img {
        width: 18px;
        vertical-align: text-bottom;
        margin-left: 15px;
        cursor: pointer;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .detail p span {
        color: #fb6700;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        vertical-align: top;
    }
    body .container .main .subpage.BusinessMemberCTF .middle .detail p .file-name {
        width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body .container .main .subpage.BusinessMemberCTF .bottom {
        padding: 35px 15px;
    }
    body .container .main .subpage.MemberOverview {
        padding: 35px 15px 15px;
    }
    body .container .main .subpage.MemberOverview .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.MemberOverview .flex {
        width: 100%;
        margin-bottom: 20px;
    }
    body .container .main .subpage.MemberOverview .flex .member-type {
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
        padding: 15px 15px 15px 85px;
        border-radius: 6px;
        width: 100%;
        box-sizing: border-box;
        display: none;
        position: relative;
    }
    body .container .main .subpage.MemberOverview .flex .member-type.current {
        display: block;
    }
    body .container .main .subpage.MemberOverview .flex .member-type .CTF-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 60px;
        width: 60px;
        left: 14px;
    }
    body .container .main .subpage.MemberOverview .flex .member-type .CTF-type {
        font-size: 24px;
        color: #9e9e9e;
        margin: 10px 0;
    }
    body .container .main .subpage.MemberOverview .flex .member-type dl {
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: 1px;
        height: 84px;
        position: relative;
    }
    body .container .main .subpage.MemberOverview .flex .member-type dl dt {
        color: #5a5a5a;
    }
    body .container .main .subpage.MemberOverview .flex .member-type dl dd {
        color: #9e9e9e;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    body .container .main .subpage.MemberOverview .block {
        width: 100%;
        background-color: #f8f8f8;
        margin-bottom: 30px;
    }
    body .container .main .subpage.MemberOverview .block .flex-col {
        position: relative;
        margin-left: 15px;
        min-height: 62px;
        padding: 15px 15px 15px 0;
        box-sizing: border-box;
    }
    body .container .main .subpage.MemberOverview .block .flex-col:not(:last-child):after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #ededed;
        position: absolute;
        bottom: 0;
    }
    body .container .main .subpage.MemberOverview .block .flex-col .info {
        color: #000;
        font-size: 17px;
        margin-bottom: 8px;
    }
    body .container .main .subpage.MemberOverview .block .flex-col .btn-box-sec {
        height: 38px;
        position: relative;
    }
    body .container .main .subpage.MemberOverview .block .flex-col .btn-box-sec .btn {
        position: relative;
        right: initial;
        display: inline-block;
        width: 100px;
        line-height: 38px;
        border-radius: 20px;
        text-align: center;
    }
    body .container .main .subpage.MemberOverview .block .flex-col .btn-box-sec .btn:first-child {
        width: 130px;
    }
    body .container .main .subpage.MemberOverview .block .flex-col .detail {
        line-height: 40px;
    }
    body .container .main .subpage.MemberOverview .table-tab {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    body .container .main .subpage.MemberOverview .table-tab a {
        color: #5a5a5a;
        font-size: 18px;
        line-height: 1;
        letter-spacing: 1px;
        text-align: center;
        padding: 10px 0;
        width: 33.3333333333%;
        border-bottom: 2px solid transparent;
    }
    body .container .main .subpage.MemberOverview .table-tab a.current {
        color: #ff6800;
        border-bottom: 2px solid #ff6800;
    }
    body .container .main .subpage.MemberOverview .sp-table {
        display: none;
    }
    body .container .main .subpage.MemberOverview .sp-table.current {
        display: table;
    }
    body .container .main .subpage.MemberOverview .sp-table td {
        border: 1px solid #e9c58b;
        padding: 12px 0;
        text-align: center;
        line-height: 1.2;
        font-size: 14px;
    }
    body .container .main .subpage.MemberOverview .sp-table td.tal {
        text-align: left;
    }
    body .container .main .subpage.MemberOverview .sp-table td .fzs, body .container .main .subpage.MemberOverview .sp-table td.fzs {
        font-size: 13px;
        line-height: 1.5;
    }
    body .container .main .subpage.MemberOverview .sp-table thead {
        background-color: #fff4a5;
    }
    body .container .main .subpage.MemberOverview .sp-table thead td {
        color: #000;
    }
    body .container .main .subpage.MemberOverview .sp-table tbody td {
        box-sizing: border-box;
        padding: 10px;
        line-height: 1.3;
        vertical-align: middle;
    }
    body .container .main .subpage.MemberOverview .sp-table tbody td img {
        vertical-align: middle;
    }
    body .container .main .subpage.MemberOverview .sp-table tbody td:nth-child(1) {
        min-width: 60px;
        width: 25%;
    }
    body .container .main .subpage.MemberOverview .sp-table tbody td:nth-child(2) {
        min-width: 86px;
        width: 25%;
    }
    body .container .main .subpage.MemberOverview .sp-table tbody td:nth-child(3) {
        min-width: 178px;
        width: 50%;
    }
    body .container .main .subpage.MemberOverview .table-box {
        width: 100%;
    }
    body .container .main .subpage.MemberOverview .table-box .thead .td {
        padding: 11px 0;
    }
    body .container .main .subpage.MemberOverview .table-box .tbody .td {
        padding: 25px 0;
    }
    body .container .main .subpage.CreditCardList {
        padding: 35px 15px 15px;
    }
    body .container .main .subpage.CreditCardList .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.CreditCardList .block {
        width: 100%;
        background-color: #f8f8f8;
        margin-bottom: 30px;
    }
    body .container .main .subpage.CreditCardList .block .flex-col {
        position: relative;
        margin-left: 15px;
        min-height: 62px;
        padding: 15px 15px 15px 0;
        box-sizing: border-box;
    }
    body .container .main .subpage.CreditCardList .block .flex-col:not(:last-child):after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #ededed;
        position: absolute;
        bottom: 0;
    }
    body .container .main .subpage.CreditCardList .block .flex-col .info {
        color: #000;
        font-size: 17px;
        margin-bottom: 8px;
    }
    body .container .main .subpage.WithdrawAuto .block {
        width: 100%;
        margin: auto;
    }
    body .container .main .subpage.WithdrawAuto .block .flex-col {
        box-sizing: border-box;
        position: relative;
        margin-bottom: 20px;
    }
    body .container .main .subpage.WithdrawAuto .block .flex-col .info {
        width: 180px;
        font-size: 17px;
        line-height: 40px;
    }
    body .container .main .subpage.WithdrawAuto .block .flex-col .detail.radio {
        display: flex;
    }
    body .container .main .subpage.WithdrawAuto .block .flex-col .detail.radio .input-radio:first-child {
        margin-right: 5px;
    }
    body .container .main .subpage.WithdrawAuto .block .flex-col .detail.radio .input-radio label {
        line-height: 19px;
    }
    body .container .main .subpage.WithdrawAuto .block .flex-col .detail.radio .input-radio .icon {
        width: 18px;
        display: inline-block;
        position: relative;
        top: 3px;
    }
    body .container .main .subpage.WithdrawAuto .block .flex-col .detail.radio .input-radio .icon img {
        width: 100%;
    }
    body .container .main .subpage.WithdrawAuto .block .flex-col .detail .select-flex-sec .default-select:first-child {
        margin-bottom: 15px;
    }
    body .container .main .subpage.WithdrawAuto .btn-box {
        height: 50px;
        justify-content: center;
    }
    body .container .main .subpage.WithdrawAuto .btn-box .btn {
        width: 200px;
        line-height: 50px;
        border-radius: 30px;
    }
    body .container .main .subpage.WithdrawAuto .notice {
        padding: 15px;
    }
    body .container .main .subpage.BankCardList {
        padding: 0;
    }
    body .container .main .subpage.BankCardList .page-title {
        font-size: 17px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.BankCardList .add-account {
        color: #fc944c;
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 25px;
        cursor: pointer;
    }
    body .container .main .subpage.BankCardList .add-account img {
        vertical-align: top;
    }
    body .container .main .subpage.BankCardList .block {
        width: 100%;
        background-color: #f8f8f8;
    }
    body .container .main .subpage.BankCardList .block .flex-col {
        position: relative;
        margin-left: 15px;
        box-sizing: border-box;
    }
    body .container .main .subpage.BankCardList .block .flex-col .info {
        color: #000;
        font-size: 17px;
        line-height: 40px;
    }
    body .container .main .subpage.BankCardList .block .flex-col .detail {
        line-height: 40px;
    }
    body .container .main .subpage.BankCardList .block .flex-col .detail .select-box {
        line-height: 1;
    }
    body .container .main .subpage.BankCardList .block.add .flex-col {
        position: relative;
        padding: 11px 15px 11px 0;
    }
    body .container .main .subpage.BankCardList .block.add .flex-col:after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #ededed;
        position: absolute;
        bottom: 0;
    }
    body .container .main .subpage.BankCardList .block.add .btn-box {
        height: 38px;
        justify-content: center;
        height: 38px;
    }
    body .container .main .subpage.BankCardList .block.add .btn-box .btn {
        width: 100px;
        line-height: 38px;
        height: 38px;
        border-radius: 30px;
        margin: 0 10px;
    }
    body .container .main .subpage.BankCardList .block.added {
        position: relative;
        padding: 11px 0;
    }
    body .container .main .subpage.BankCardList .block.added:after {
        content: "";
        height: 1px;
        width: calc(100% - 15px);
        background-color: #ededed;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    body .container .main .subpage.BankCardList .block.added .status {
        position: absolute;
        right: 15px;
        height: 38px;
        line-height: 38px;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        width: 100px;
    }
    body .container .main .subpage.BankCardList .block.added .status .btn {
        width: 100%;
        line-height: 38px;
        border-radius: 30px;
        text-align: center;
        display: inline-block;
    }
    body .container .main .subpage.BankCardList .block.added .btn-box {
        height: 30px;
        justify-content: center;
        height: 30px;
        margin-top: 10px;
        justify-content: flex-start;
    }
    body .container .main .subpage.BankCardList .block.added .btn-box .btn {
        width: 54px;
        line-height: 30px;
        height: 30px;
        border-radius: 30px;
        margin: 0 10px;
        font-size: 14px;
        margin: 0 10px 0 0;
    }
    body .container .main .subpage.Sub-AccountList {
        padding: 35px 15px;
    }
    body .container .main .subpage.Sub-AccountList .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.Sub-AccountList .add-account {
        color: #fc944c;
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 25px;
        cursor: pointer;
    }
    body .container .main .subpage.Sub-AccountList .add-account img {
        vertical-align: top;
    }
    body .container .main .subpage.Sub-AccountList .table.table-bd .td {
        padding: 12px 15px;
        font-size: 14px;
    }
    body .container .main .subpage.Sub-AccountList .table.table-bd .td:nth-child(1) {
        width: 30%;
    }
    body .container .main .subpage.Sub-AccountList .block {
        width: 100%;
        background-color: #f8f8f8;
    }
    body .container .main .subpage.Sub-AccountList .block .flex-col {
        position: relative;
        margin-left: 15px;
        padding: 11px 0 0;
        box-sizing: border-box;
    }
    body .container .main .subpage.Sub-AccountList .block .flex-col .info {
        color: #000;
        font-size: 17px;
        line-height: 30px;
    }
    body .container .main .subpage.Sub-AccountList .block .flex-col .detail.area-code {
        position: relative;
    }
    body .container .main .subpage.Sub-AccountList .block .flex-col .detail.area-code .select-box {
        box-sizing: border-box;
    }
    body .container .main .subpage.Sub-AccountList .block .flex-col .detail.area-code .select-box .dropdown-menu {
        width: calc(100% - 15px);
    }
    body .container .main .subpage.Sub-AccountList .block .flex-col .detail.area-code .input {
        margin-top: 15px;
    }
    body .container .main .subpage.Sub-AccountList .block .flex-col .detail .select-box,
    body .container .main .subpage.Sub-AccountList .block .flex-col .detail .input {
        padding: 0 15px 15px 0;
    }
    body .container .main .subpage.Sub-AccountList .block .flex-col .detail .select-box:after,
    body .container .main .subpage.Sub-AccountList .block .flex-col .detail .input:after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #ededed;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    body .container .main .subpage.Sub-AccountList .btn-box {
        height: 38px;
        justify-content: center;
        padding: 12px 0;
    }
    body .container .main .subpage.Sub-AccountList .btn-box .btn {
        width: 100px;
        line-height: 38px;
        border-radius: 30px;
        margin: 0 10px;
    }
    body .container .main .subpage.Sub-AccountList .table.table-nb .td {
        font-size: 14px;
    }
    body .container .main .subpage.Sub-AccountList .table.table-nb .td:nth-child(1) {
        min-width: 100px;
        width: 30%;
        padding: 12px 15px;
        box-sizing: border-box;
    }
    body .container .main .subpage.Sub-AccountList .table.table-nb .td:nth-child(2) {
        padding-left: 15px;
    }
    body .container .main .subpage.Sub-AccountList .table.table-nb .func {
        padding: 15px;
    }
    body .container .main .subpage.Sub-AccountList .table.table-nb .func .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 25px;
    }
    body .container .main .subpage.Sub-AccountList .table.table-nb .func .flex .btn {
        min-width: 90px;
        width: 48%;
        padding: 5px 0;
    }
    body .container .main .subpage.Sub-AccountList .table.table-nb .func .btn {
        padding: 5px 0;
        width: 100%;
    }
    body .container .main .subpage.Sub-AccountList .table.table-nb .func .status {
        text-align: center;
    }
    body .container .main .subpage.Sub-AccountEdit {
        padding: 35px 15px;
        overflow: hidden;
    }
    body .container .main .subpage.Sub-AccountEdit .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.Sub-AccountEdit .table.table-bd .td {
        padding: 12px 15px;
        font-size: 14px;
    }
    body .container .main .subpage.Sub-AccountEdit .table.table-bd .td:nth-child(1) {
        width: 30%;
    }
    body .container .main .subpage.Sub-AccountEdit .table-flex {
        display: flex;
    }
    body .container .main .subpage.Sub-AccountEdit .table-flex .table-fixed {
        width: 192px;
        position: relative;
    }
    body .container .main .subpage.Sub-AccountEdit .table-flex .table-fixed tbody td:first-child {
        width: 61px;
    }
    body .container .main .subpage.Sub-AccountEdit .table-flex .table-fixed tbody td:last-child {
        width: 140px;
    }
    body .container .main .subpage.Sub-AccountEdit .table-flex .table-fixed tbody td {
        padding: 10px;
    }
    body .container .main .subpage.Sub-AccountEdit .table-flex .table-scroll {
        position: relative;
        width: calc(100% - 192px);
        overflow: auto;
    }
    body .container .main .subpage.Sub-AccountEdit .table-flex .table-scroll table td:first-child {
        border-left: 1px solid transparent;
    }
    body .container .main .subpage.Sub-AccountEdit .table-flex.table-1 .table-scroll table {
        width: 532px;
    }
    body .container .main .subpage.Sub-AccountEdit .table-flex.table-2 .table-scroll table {
        width: 266px;
    }
    body .container .main .subpage.Sub-AccountEdit .sp-table {
        width: auto;
    }
    body .container .main .subpage.Sub-AccountEdit .sp-table thead {
        background-color: #fff4a5;
    }
    body .container .main .subpage.Sub-AccountEdit .sp-table thead td {
        color: #000;
    }
    body .container .main .subpage.Sub-AccountEdit .sp-table td {
        border: 1px solid #e9c58b;
        padding: 10px 0;
        text-align: center;
        vertical-align: middle;
        line-height: 24px;
        box-sizing: border-box;
        font-size: 14px;
    }
    body .container .main .subpage.Sub-AccountEdit .sp-table td.tal {
        text-align: left;
        padding-left: 15px;
    }
    body .container .main .subpage.Sub-AccountEdit .sp-table td .input-check {
        width: 20px;
        margin: auto;
        padding: 0;
        min-height: 24px;
    }
    body .container .main .subpage.Sub-AccountEdit .sp-table .sp-td td {
        padding: 22px 0;
    }
    body .container .main .subpage.Sub-AccountEdit .btn-box {
        height: 50px;
        justify-content: center;
        padding: 12px 0;
    }
    body .container .main .subpage.Sub-AccountEdit .btn-box .btn {
        width: 200px;
        line-height: 50px;
        border-radius: 30px;
        margin: 0 10px;
    }
    body .container .main .subpage.ContactList {
        padding: 35px 15px;
    }
    body .container .main .subpage.ContactList .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.ContactList .add-account {
        color: #fc944c;
        font-size: 17px;
        letter-spacing: 1px;
        line-height: 25px;
        cursor: pointer;
    }
    body .container .main .subpage.ContactList .add-account img {
        vertical-align: top;
    }
    body .container .main .subpage.ContactList .block {
        width: 100%;
        background-color: #f8f8f8;
    }
    body .container .main .subpage.ContactList .block .flex-col {
        margin-left: 15px;
        box-sizing: border-box;
    }
    body .container .main .subpage.ContactList .block .flex-col.radio {
        display: flex;
        padding: 22px 0;
    }
    body .container .main .subpage.ContactList .block .flex-col.radio .input-radio {
        margin-right: 15px;
    }
    body .container .main .subpage.ContactList .block .flex-col .info {
        color: #000;
        font-size: 17px;
        line-height: 30px;
    }
    body .container .main .subpage.ContactList .block .flex-col .detail.area-code {
        position: relative;
    }
    body .container .main .subpage.ContactList .block .flex-col .detail.area-code .select-box {
        box-sizing: border-box;
    }
    body .container .main .subpage.ContactList .block .flex-col .detail.area-code .select-box .dropdown-menu {
        width: calc(100% - 15px);
    }
    body .container .main .subpage.ContactList .block .flex-col .detail.area-code .input {
        margin-top: 15px;
    }
    body .container .main .subpage.ContactList .block .flex-col .detail .select-box,
    body .container .main .subpage.ContactList .block .flex-col .detail .input {
        padding-bottom: 15px;
    }
    body .container .main .subpage.ContactList .block.add .flex-col.radio:after, body .container .main .subpage.ContactList .block.add .flex-col .select-box:after, body .container .main .subpage.ContactList .block.add .flex-col .input:after, body .container .main .subpage.ContactList .block.added:after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #ededed;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    body .container .main .subpage.ContactList .block.add .flex-col {
        position: relative;
        padding: 11px 15px 11px 0;
    }
    body .container .main .subpage.ContactList .block.added {
        position: relative;
        padding: 11px 0;
    }
    body .container .main .subpage.ContactList .block.added:after {
        content: "";
        height: 1px;
        width: calc(100% - 15px);
        background-color: #ededed;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    body .container .main .subpage.ContactList .block.added .flex-col .detail {
        line-height: 40px;
    }
    body .container .main .subpage.ContactList .block.added .status {
        position: absolute;
        right: 15px;
        height: 85px;
        line-height: 38px;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        width: 100px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    body .container .main .subpage.ContactList .block.added .status .btn {
        width: 100%;
        line-height: 38px;
        border-radius: 30px;
        text-align: center;
        display: inline-block;
    }
    body .container .main .subpage.ContactList .btn-box {
        height: 38px;
        justify-content: center;
        padding: 12px 0;
    }
    body .container .main .subpage.ContactList .btn-box .btn {
        width: 100px;
        line-height: 38px;
        border-radius: 30px;
        margin: 0 10px;
    }
    body .container .main .subpage.e-invoice {
        padding: 35px 15px;
    }
    body .container .main .subpage.e-invoice .page-tab {
        text-align: center;
    }
    body .container .main .subpage.e-invoice .page-tab a {
        font-size: 15px;
        letter-spacing: 1px;
        color: #9e9e9e;
        display: inline-block;
        padding: 10px 5px;
        border-bottom: 2px solid transparent;
    }
    body .container .main .subpage.e-invoice .page-tab a.current {
        color: #ff6800;
        border-bottom: 2px solid #ff6800;
    }
    body .container .main .subpage.e-invoice .page-title {
        font-size: 19px;
        letter-spacing: 1px;
        color: #fb6700;
    }
    body .container .main .subpage.e-invoice .tip-fc-4 img {
        width: 16px;
    }
    body .container .main .subpage.e-invoice p.mark {
        word-break: break-all;
    }
    body .container .main .subpage.e-invoice .flex-step {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    body .container .main .subpage.e-invoice .flex-step .step {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
        background-color: #fff9d0;
        border: 1px solid #e9c58b;
        color: #000;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 1.33;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    body .container .main .subpage.e-invoice .flex-step .arrow {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        width: 26px;
        height: 26px;
    }
    body .container .main .subpage.e-invoice .flex-step .arrow img {
        vertical-align: text-bottom;
    }
    body .container .main .subpage.newsList {
        padding: 35px 15px;
    }
    body .container .main .subpage.newsList .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.newsList .news-title {
        color: #000;
        margin-bottom: 10px;
        position: relative;
    }
    body .container .main .subpage.newsList .news-title > .date {
        position: absolute;
        right: 0;
        top: 0;
    }
    body .container .main .subpage.newsList .news-title .tag {
        position: relative;
        padding-right: 16px;
        font-weight: bold;
        margin-right: 8px;
    }
    body .container .main .subpage.newsList .news-title .tag.event {
        color: #00bde0;
    }
    body .container .main .subpage.newsList .news-title .tag.system {
        color: #47b354;
    }
    body .container .main .subpage.newsList .news-title .tag:after {
        content: "";
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 2px;
        width: 8px;
        position: absolute;
        line-height: 30px;
        background-color: #000;
    }
    body .container .main .subpage.newsList > .news-title {
        border-bottom: 1px solid #e7e6e6;
        padding-bottom: 8px;
        margin-bottom: 30px;
    }
    body .container .main .subpage.newsList > .news-title .date {
        display: block;
        position: static;
        margin-top: 5px;
    }
    body .container .main .subpage.newsList .editor {
        margin-bottom: 30px;
        overflow: hidden;
    }
    body .container .main .subpage.newsList .editor img {
        max-width: 100%;
    }
    body .container .main .subpage.newsList .btn-box {
        justify-content: center;
    }
    body .container .main .subpage.newsList .btn-box .btn {
        display: inline-block;
        line-height: 50px;
        width: 200px;
        height: 50px;
        text-align: center;
        border-radius: 30px;
        letter-spacing: 2px;
        margin: 0 10px;
    }
    body .container .main .subpage.newsList .news-col {
        position: relative;
        padding: 15px;
        height: 90px;
        overflow: hidden;
    }
    body .container .main .subpage.newsList .news-col dl dt {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 5px;
    }
    body .container .main .subpage.newsList .news-col dl dd {
        line-height: 1.47;
        letter-spacing: 1px;
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body .container .main .subpage.newsList .news-col .date {
        font-size: 14px;
        color: #9e9e9e;
        position: absolute;
        left: 15px;
        bottom: 15px;
    }
    body .container .main .subpage.newsList .news-col .btn {
        position: absolute;
        right: 0;
        bottom: 15px;
        height: 30px;
        margin: auto;
        line-height: 30px;
        border-radius: 20px;
        width: 90px;
        font-size: 14px;
        text-align: center;
    }
    body .container .main .subpage.newsList .news-col > img {
        position: absolute;
        left: 0;
        top: 15px;
        width: 80px;
    }
    body .container .main .subpage.newsList .news-col:not(:last-child) {
        border-bottom: 1px solid #e7e6e6;
    }
    body .container .main .subpage.service-faq {
        padding: 35px 15px;
    }
    body .container .main .subpage.service-faq .page-title {
        font-size: 19px;
        letter-spacing: 1px;
        color: #fb6700;
    }
    body .container .main .subpage.service-faq .faq-list > div:not(.current) {
        display: none;
    }
    body .container .main .subpage.service-faq .faq-list > div.current {
        display: block;
    }
    body .container .main .subpage.service-report {
        padding: 35px 15px;
    }
    body .container .main .subpage.service-report .btn-box {
        height: 50px;
        justify-content: center;
    }
    body .container .main .subpage.service-report .btn-box .btn {
        width: 200px;
        line-height: 50px;
        border-radius: 30px;
    }
    body .container .main .subpage.service-report .flex-col {
        position: relative;
        box-sizing: border-box;
    }
    body .container .main .subpage.service-report .flex-col .info {
        color: #000;
        font-size: 17px;
        line-height: 30px;
    }
    body .container .main .subpage.service-report .flex-col .detail p {
        margin-bottom: 5px;
    }
    body .container .main .subpage.service-report .flex-col .detail p img {
        width: 18px;
        vertical-align: text-bottom;
        margin-left: 15px;
        cursor: pointer;
    }
    body .container .main .subpage.service-report .flex-col .detail p span {
        color: #fb6700;
        letter-spacing: 1px;
        display: inline-block;
        vertical-align: top;
    }
    body .container .main .subpage.service-report .flex-col .detail p .file-name {
        width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body .container .main .subpage.service-report .flex-col .detail .btn {
        text-align: center;
        display: inline-block;
        width: 100px;
        border-radius: 30px;
        line-height: 38px;
    }
    body .container .main .subpage.service-report .flex-col .detail ol {
        list-style-type: decimal;
        margin-left: 20px;
        margin-top: 5px;
    }
    body .container .main .subpage.service-report .flex-col .detail ol li {
        font-size: 13px;
        padding-bottom: 5px;
        line-height: 18px;
    }
    body .container .main .subpage.service-reply {
        padding: 35px 15px;
    }
    body .container .main .subpage.service-reply .reply {
        color: #ff4b4b;
        font-weight: bold;
        margin-right: 5px;
    }
    body .container .main .subpage.service-reply .replyed {
        color: #00bde0;
        font-weight: bold;
        margin-right: 5px;
    }
    body .container .main .subpage.service-reply .reply, body .container .main .subpage.service-reply .replyed {
        position: relative;
        padding-right: 15px;
    }
    body .container .main .subpage.service-reply .reply:before, body .container .main .subpage.service-reply .replyed:before {
        content: "";
        height: 1px;
        width: 8px;
        background-color: #000;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    body .container .main .subpage.service-reply .date {
        color: #000;
        font-weight: bold;
        position: relative;
    }
    body .container .main .subpage.service-reply .editor > img {
        max-width: 100%;
    }
    body .container .main .subpage.service-reply .reply-title {
        position: relative;
        border-bottom: 1px solid #e7e6e6;
        padding-bottom: 8px;
        margin-bottom: 15px;
    }
    body .container .main .subpage.service-reply .reply-title .replyed {
        width: 63px;
        display: inline-block;
        box-sizing: border-box;
        vertical-align: text-top;
    }
    body .container .main .subpage.service-reply .reply-title .title {
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 80px);
    }
    body .container .main .subpage.service-reply .reply-title .date {
        margin-top: 8px;
        display: block;
    }
    body .container .main .subpage.service-reply .reply-col {
        width: 100%;
        color: #5a5a5a;
        display: block;
    }
    body .container .main .subpage.service-reply .reply-col dl dt {
        position: relative;
        padding-bottom: 8px;
        border-bottom: 1px solid #e7e6e6;
    }
    body .container .main .subpage.service-reply .reply-col dl dt .tag {
        font-size: 13px;
        background-color: #ff4b4b;
        text-align: center;
        border-radius: 3px;
        color: #fff;
        width: 44px;
        display: inline-block;
        line-height: 16px;
        margin-right: 10px;
    }
    body .container .main .subpage.service-reply .reply-col dl dt img {
        position: absolute;
        right: 0;
        width: 18px;
    }
    body .container .main .subpage.service-reply .reply-col dl dd {
        padding-top: 8px;
        font-size: 15px;
    }
    body .container .main .subpage.service-reply .reply-content {
        position: relative;
        padding-top: 20px;
    }
    body .container .main .subpage.service-reply .reply-content:before {
        content: "";
        height: 1px;
        width: 100%;
        background: linear-gradient(to right, #969696 0%, #969696 50%, #ffffff 50%, #ffffff 100%);
        background-size: 10px auto;
        position: absolute;
        left: 0;
        top: 0;
    }
    body .container .main .subpage.service-reply .reply-content .box {
        border: 1px solid #969696;
        padding: 10px;
        border-radius: 3px;
        line-height: 1.38;
        letter-spacing: 1px;
    }
    body .container .main .subpage.service-reply .reply-content p {
        margin-bottom: 5px;
    }
    body .container .main .subpage.contract {
        padding: 35px 15px;
    }
    body .container .main .subpage.contract .page-title {
        font-size: 19px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.contract dl {
        letter-spacing: 1px;
        line-height: 1.5;
    }
    body .container .main .subpage.contract dl dt {
        color: #000;
        margin-bottom: 8px;
        font-size: 15px;
    }
    body .container .main .subpage.contract dl dd {
        font-size: 15px;
    }
    body .container .main .subpage.contract dl dd ol {
        list-style-type: decimal;
        margin-left: 20px;
    }
    body .container .main .subpage.pageDetail {
        margin-top: 20px;
    }
    body .container .main .subpage.pageDetail .page-title {
        color: #fb6700;
        font-size: 19px;
        padding-top: 20px;
        margin-bottom: 26px;
        text-align: center;
    }
    body .container .main .subpage.pageDetail .top {
        position: relative;
        margin: 0 12px;
    }
    body .container .main .subpage.pageDetail .top .flex-col {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    body .container .main .subpage.pageDetail .top .flex-col.platform {
        align-items: start;
    }
    body .container .main .subpage.pageDetail .top .flex-col.platform .btn-list a {
        margin: 5px;
    }
    body .container .main .subpage.pageDetail .top .flex-col.game .btn-list {
        justify-content: space-between;
        align-items: center;
    }
    body .container .main .subpage.pageDetail .top .flex-col .game-img {
        width: 50%;
    }
    body .container .main .subpage.pageDetail .top .flex-col .game-img img {
        width: 100%;
        vertical-align: top;
    }
    body .container .main .subpage.pageDetail .top .flex-col .btn-list {
        width: calc(50% - 12px);
        display: flex;
        flex-wrap: wrap;
    }
    body .container .main .subpage.pageDetail .top .flex-col .btn-list a {
        display: block;
        height: 35px;
        border-radius: 20px;
        line-height: 35px;
        text-align: center;
        width: 100%;
        margin-bottom: 9px;
    }
    body .container .main .subpage.pageDetail .top .game-txt {
        margin-bottom: 30px;
    }
    body .container .main .subpage.pageDetail .top .game-txt dl {
        display: flex;
    }
    body .container .main .subpage.pageDetail .top .game-txt dl:not(:last-child) {
        margin-bottom: 20px;
    }
    body .container .main .subpage.pageDetail .top .game-txt dl dt {
        color: #fff;
        background-color: #b3b3b3;
        font-size: 12px;
        line-height: 20px;
        width: 70px;
        margin-right: 15px;
        text-align: center;
        height: 20px;
    }
    body .container .main .subpage.pageDetail .top .game-txt dl dd {
        font-size: 16px;
        color: #5a5a5a;
        width: calc(100% - 85px);
    }
    body .container .main .subpage.pageDetail .top .game-txt dl dd a {
        color: #5a5a5a;
    }
    body .container .main .subpage.pageDetail .middle {
        position: relative;
        background-color: #6b6b6b;
        height: 210px;
        padding: 20px;
        box-sizing: border-box;
    }
    body .container .main .subpage.pageDetail .middle .arrow {
        position: absolute;
        height: 25px;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1;
    }
    body .container .main .subpage.pageDetail .middle .arrow .swiper-button-next, body .container .main .subpage.pageDetail .middle .arrow .swiper-button-prev {
        background: none;
        height: 25px;
        width: 18px;
        top: 0;
        margin-top: 0;
    }
    body .container .main .subpage.pageDetail .middle .arrow .swiper-button-next img, body .container .main .subpage.pageDetail .middle .arrow .swiper-button-prev img {
        height: 100%;
        vertical-align: top;
    }
    body .container .main .subpage.pageDetail .middle .arrow .swiper-button-next {
        right: 0;
    }
    body .container .main .subpage.pageDetail .middle .arrow .swiper-button-prev {
        left: 0;
    }
    body .container .main .subpage.pageDetail .middle .swiper-container, body .container .main .subpage.pageDetail .middle .swiper-wrapper, body .container .main .subpage.pageDetail .middle .swiper-slide {
        height: 100%;
    }
    body .container .main .subpage.pageDetail .middle .swiper-slide {
        width: auto;
    }
    body .container .main .subpage.pageDetail .middle .swiper-slide img {
        vertical-align: top;
        height: 100%;
    }
    body .container .main .subpage.pageDetail .middle .swiper-slide iframe {
        height: 100%;
    }
    body .container .main .subpage.pageDetail .bottom {
        margin: 15px 12px;
    }
    body .container .main .subpage.pageDetail .bottom .editor * {
        font-size: 16px !important;
        color: #626262 !important;
        line-height: 30px !important;
        letter-spacing: 1px !important;
    }
    body .container .main .subpage.allGame {
        padding: 15px;
        margin-top: 15px;
    }
    body .container .main .subpage.allGame .page-title {
        text-align: center;
        color: #fb6700;
        font-size: 22px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.allGame .flex-col {
        padding: 10px;
        box-sizing: border-box;
    }
    body .container .main .subpage.allGame .tab {
        width: 100%;
        height: 34px;
        border-radius: 18.5px;
        background-color: #676767;
        display: flex;
        padding: 0 25px;
        box-sizing: border-box;
        margin-bottom: 16px;
    }
    body .container .main .subpage.allGame .tab li {
        color: #fff;
        font-size: 17px;
        letter-spacing: 1.7px;
        width: 25%;
        text-align: center;
        height: 38px;
        line-height: 38px;
        position: relative;
        top: -2px;
        cursor: pointer;
    }
    body .container .main .subpage.allGame .tab li span {
        display: none;
    }
    body .container .main .subpage.allGame .tab li.current {
        background-color: #fc944c;
    }
    body .container .main .subpage.allGame .select-box.sp-select {
        width: 100%;
    }
    body .container .main .subpage.allGame .select-box.sp-select .dropdown-menu {
        width: 100%;
        background-color: #fff;
        border: 1px solid #969696;
        border-radius: 2px;
        box-sizing: border-box;
    }
    body .container .main .subpage.allGame .select-box.sp-select .dropdown-menu .input {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
    body .container .main .subpage.allGame .select-box.sp-select .dropdown-menu .box-group {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        overflow-y: auto;
        height: 300px;
        padding: 10px;
        box-sizing: border-box;
    }
    body .container .main .subpage.allGame .select-box.sp-select .dropdown-menu .box-group .box {
        height: 120px;
        width: 33.3333333333%;
        text-align: center;
        font-size: 14px;
        transition: 0.3s linear;
    }
    body .container .main .subpage.allGame .select-box.sp-select .dropdown-menu .box-group .box .txt {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #5a5a5a;
        transition: 0.3s linear;
    }
    body .container .main .subpage.allGame .select-box.sp-select .dropdown-menu .box-group .box img {
        margin: 10px 0 15px;
        vertical-align: top;
        border-radius: 6px;
    }
    body .container .main .subpage.allGame .select-box.sp-select .dropdown-menu .box-group .box:hover {
        background-color: #fff7d9;
    }
    body .container .main .subpage.allGame .select-box.sp-select .dropdown-menu .box-group .box:hover .txt {
        color: #ff6800;
        transition: 0.3s linear;
    }
    body .container .main .subpage.allGame .select-box.sp-select .dropdown-menu .blank {
        padding: 10px 20px;
        background-color: #f1f1f1;
        margin: 20px 0;
        font-size: 14px;
    }
    body .container .main .subpage.allGame .game-list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 10px;
        box-sizing: border-box;
    }
    body .container .main .subpage.allGame .game-list a {
        width: 30%;
        margin-bottom: 26px;
    }
    body .container .main .subpage.allGame .game-list a .img {
        width: 100%;
        transition: 0.3s linear;
    }
    body .container .main .subpage.allGame .game-list a .img img {
        width: 100%;
    }
    body .container .main .subpage.allGame .game-list a .name {
        margin: 9px 0 5px 5px;
        color: #242424;
        overflow: hidden;
        height: 16px;
    }
    body .container .main .subpage.allGame .game-list a .tag {
        padding: 0 5px;
        white-space: nowrap;
    }
    body .container .main .subpage.allGame .game-list a .tag span {
        display: inline-block;
        font-size: 11px;
        color: #f7f7f7;
        background-color: #b3b3b3;
        padding: 3px;
        transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }
    body .container .main .subpage.allItems {
        padding: 15px;
        margin-top: 15px;
    }
    body .container .main .subpage.allItems .page-title {
        text-align: center;
        color: #fb6700;
        font-size: 22px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.allItems .items-list {
        display: flex;
        flex-wrap: wrap;
    }
    body .container .main .subpage.allItems .items-list dl {
        width: 46%;
        background-color: #fff;
        box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        margin: 0 2% 30px;
    }
    body .container .main .subpage.allItems .items-list dl .taghole {
        text-align: center;
        height: 30px;
    }
    body .container .main .subpage.allItems .items-list dl .taghole img {
        height: 100%;
    }
    body .container .main .subpage.allItems .items-list dl dd img {
        vertical-align: top;
        max-width: 100%;
    }
    body .container .main .subpage.allItems .items-list dl .hot-title,
    body .container .main .subpage.allItems .items-list dl .free-title {
        margin-top: 15px;
        color: #000;
        padding: 0 10px;
    }
    body .container .main .subpage.allItems .items-list dl .hot-caption,
    body .container .main .subpage.allItems .items-list dl .free-caption {
        margin-top: 6px;
        line-height: 18px;
        font-size: 15px;
        padding: 0 10px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    body .container .main .subpage.allItems .items-list dl .hot-caption.amount,
    body .container .main .subpage.allItems .items-list dl .free-caption.amount {
        color: #ca0056;
    }
    body .container .main .subpage.allItems .items-list dl .free-caption {
        height: 54px;
        overflow: hidden;
    }
    body .container .main .subpage.allItems .items-list dl .hot-btn,
    body .container .main .subpage.allItems .items-list dl .free-btn {
        text-align: center;
        margin: 8px 0;
    }
    body .container .main .subpage.allItems .items-list dl .hot-btn .btn,
    body .container .main .subpage.allItems .items-list dl .free-btn .btn {
        width: 100px;
        height: 38px;
        line-height: 38px;
        border-radius: 20px;
        text-align: center;
        display: inline-block;
    }
    body .container .main .subpage.error {
        padding: 15px;
        margin-top: 15px;
    }
    body .container .main .subpage.error .btn {
        width: 200px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 30px;
        display: inline-block;
    }
    body .container .main .subpage .platform-tab {
        width: 100%;
        background-color: #ffeca2;
        border-radius: 6px 6px 0 0;
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        justify-content: start;
    }
    body .container .main .subpage .platform-tab a {
        width: 150px;
        height: 48px;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        line-height: 48px;
        display: inline-block;
        transition: 0.3s linear;
    }
    body .container .main .subpage .platform-tab a.current, body .container .main .subpage .platform-tab a:hover {
        background-color: #fff;
        color: #fb6700;
    }
    body .container .main .subpage.intro {
        margin-top: 20px;
    }
    body .container .main .subpage.intro .intro-top {
        position: relative;
        padding: 30px 15px;
    }
    body .container .main .subpage.intro .intro-top dl {
        width: 100%;
        box-sizing: border-box;
    }
    body .container .main .subpage.intro .intro-top dl dt {
        font-size: 22px;
        color: #FC6C0E;
        text-align: center;
        line-height: 30px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.intro .intro-top dl dd {
        line-height: 26px;
        margin-top: 15px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.intro .intro-top dl dd.sp {
        color: #FC6C0E;
    }
    body .container .main .subpage.intro .intro-top dl dd.img {
        width: 80%;
        margin: 10px auto 0;
    }
    body .container .main .subpage.intro .intro-top dl dd.img img {
        width: 100%;
    }
    body .container .main .subpage.intro .intro-compare {
        padding: 10px;
        position: relative;
        margin-bottom: 30px;
    }
    body .container .main .subpage.intro .intro-compare .title {
        font-size: 26px;
        color: #FC6C0E;
        text-align: center;
        margin-bottom: 20px;
    }
    body .container .main .subpage.intro .intro-compare .vs {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 0;
        left: 0;
        top: 80px;
        margin: auto;
    }
    body .container .main .subpage.intro .intro-compare .vs img {
        width: 100%;
    }
    body .container .main .subpage.intro .intro-compare table {
        width: 100%;
        text-align: center;
        table-layout: fixed;
    }
    body .container .main .subpage.intro .intro-compare table td {
        border: 1px solid #fff;
        min-width: 50%;
        color: #000;
        height: 40px;
        line-height: 25px;
        padding: 5px 10px;
        vertical-align: middle;
    }
    body .container .main .subpage.intro .intro-compare table thead tr {
        background-color: #FC944D;
        position: relative;
    }
    body .container .main .subpage.intro .intro-compare table thead tr td {
        color: #fff;
    }
    body .container .main .subpage.intro .intro-compare table tbody td span {
        display: inline-block;
        padding: 3px 6px;
        text-align: center;
        margin-left: 15px;
        line-height: 15px;
    }
    body .container .main .subpage.intro .intro-compare table tbody td:first-child {
        background-color: #F1F1F1;
    }
    body .container .main .subpage.intro .intro-compare table tbody td:first-child span {
        border: 1px solid #B0B0B0;
    }
    body .container .main .subpage.intro .intro-compare table tbody td:last-child {
        background-color: #FFC000;
    }
    body .container .main .subpage.intro .intro-compare table tbody td:last-child span {
        background-color: #E33572;
        color: #fff;
        border: 1px solid #E33572;
    }
    body .container .main .subpage.intro .intro-compare table tbody td.sin {
        background-color: #FDF1C1;
    }
    body .container .main .subpage.intro .intro-middle {
        background: url(/Content/images/index/intro-midbg.jpg) repeat center center;
    }
    body .container .main .subpage.intro .intro-middle .title {
        color: #ffe277;
    }
    body .container .main .subpage.intro .intro-middle dl {
        color: #e5e5e5;
    }
    body .container .main .subpage.intro .intro-bottom .title {
        color: #FC6C0E;
    }
    body .container .main .subpage.intro .intro-bottom dl dt {
        color: #fff;
    }
    body .container .main .subpage.intro .intro-middle,
    body .container .main .subpage.intro .intro-bottom {
        padding: 20px 15px;
        position: relative;
    }
    body .container .main .subpage.intro .intro-middle > .img,
    body .container .main .subpage.intro .intro-bottom > .img {
        width: 50%;
        margin: auto;
    }
    body .container .main .subpage.intro .intro-middle > .img img,
    body .container .main .subpage.intro .intro-bottom > .img img {
        width: 100%;
    }
    body .container .main .subpage.intro .intro-middle .title,
    body .container .main .subpage.intro .intro-bottom .title {
        font-size: 26px;
        letter-spacing: 1px;
        text-align: center;
        margin-bottom: 20px;
    }
    body .container .main .subpage.intro .intro-middle .col,
    body .container .main .subpage.intro .intro-bottom .col {
        margin-bottom: 20px;
    }
    body .container .main .subpage.intro .intro-middle .flex-box,
    body .container .main .subpage.intro .intro-bottom .flex-box {
        margin-bottom: 20px;
    }
    body .container .main .subpage.intro .intro-middle .flex-box dl,
    body .container .main .subpage.intro .intro-bottom .flex-box dl {
        margin-bottom: 20px;
    }
    body .container .main .subpage.intro .intro-middle dl dt,
    body .container .main .subpage.intro .intro-bottom dl dt {
        background-color: #2D2D2D;
        padding: 10px;
        line-height: 20px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    body .container .main .subpage.intro .intro-middle dl dt span,
    body .container .main .subpage.intro .intro-bottom dl dt span {
        color: #85EEFF;
        font-size: 16px;
    }
    body .container .main .subpage.intro .intro-middle dl dd,
    body .container .main .subpage.intro .intro-bottom dl dd {
        line-height: 26px;
        font-size: 14px;
    }
    body .container .main .subpage.functioninfo {
        margin-top: 20px;
    }
    body .container .main .subpage.functioninfo .page-title {
        color: #FF832D;
        text-align: center;
        font-size: 22px;
        padding: 20px 15px;
    }
    body .container .main .subpage.functioninfo .page-title p {
        line-height: 30px;
    }
    body .container .main .subpage.functioninfo .col-title {
        position: relative;
        color: #000;
        font-size: 22px;
        text-align: center;
        margin: 0 15px 20px;
    }
    body .container .main .subpage.functioninfo .col-title span {
        display: inline-block;
        background-color: #fff;
        position: relative;
        z-index: 1;
        padding: 0 20px;
    }
    body .container .main .subpage.functioninfo .col-title:after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #aaa;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        z-index: 0;
    }
    body .container .main .subpage.functioninfo .col-title.nl:after {
        display: none;
    }
    body .container .main .subpage.functioninfo .flex-box {
        padding: 15px;
    }
    body .container .main .subpage.functioninfo .flex-box .col {
        background-color: #F5F5F5;
        position: relative;
        width: 100%;
        margin-bottom: 30px;
        padding: 30px 15px 20px 15px;
        box-sizing: border-box;
    }
    body .container .main .subpage.functioninfo .flex-box .col .btn-box a {
        padding: 10px 20px;
        border-radius: 20px;
        text-align: center;
        min-width: 70px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.functioninfo .flex-box .col .btn-box a:not(:last-child) {
        margin-right: 10px;
    }
    body .container .main .subpage.functioninfo .flex-box .col .img {
        width: 60px;
        position: absolute;
        left: 15px;
        top: -10px;
    }
    body .container .main .subpage.functioninfo .flex-box .col .img img {
        width: 100%;
    }
    body .container .main .subpage.functioninfo .flex-box .col dl {
        margin-bottom: 20px;
    }
    body .container .main .subpage.functioninfo .flex-box .col dl dt {
        font-size: 22px;
        color: #000;
        font-weight: bold;
        margin-bottom: 10px;
        padding-left: 75px;
    }
    body .container .main .subpage.functioninfo .flex-box .col dl dd {
        color: #1e1e1e;
        line-height: 28px;
        letter-spacing: 1px;
    }
    body .container .main .subpage.functioninfo .flex-box .col dl dd span {
        color: #FF832D;
    }
    body .container .main .subpage.fee .table-box {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        align-items: flex-start;
    }
    body .container .main .subpage.fee .table-box table {
        table-layout: fixed;
        font-size: 13px;
    }
    body .container .main .subpage.fee .table-box table td {
        padding: 5px;
    }
    body .container .main .subpage.fee .table-box table:nth-child(1) {
        width: 160px;
        flex-shrink: 0;
    }
    body .container .main .subpage.fee .table-box .scroll-box {
        width: calc(100% - 160px);
        flex-shrink: 0;
        position: relative;
        left: -1px;
        overflow-x: auto;
    }
    body .container .main .subpage.fee .table-box .scroll-box table {
        width: 400px;
    }
    body .container .main .subpage.ContractDiscuss .step-row:before {
        width: calc(100% - 22px);
    }
    body .container .main .subpage.ContractDiscuss .step-row .number-row {
        display: flex;
        justify-content: space-between;
    }
    body .container .main .subpage.ContractDiscuss .step-row .txt-row dl {
        display: none;
    }
    body .container .main .subpage.ContractDiscuss .step-row.step-1 .txt-row dl.step-2 {
        display: block;
    }
    body .container .main .subpage.ContractDiscuss .step-row.step-2 .txt-row dl.step-3 {
        display: block;
    }
    body .container .main .subpage.ContractDiscuss .step-row.step-3 .txt-row dl.step-4 {
        display: block;
    }
    body .container .main .subpage.ContractDiscuss .step-row.step-4 .txt-row dl.step-4 {
        display: block;
    }
    body .container .main .subpage.ContractDiscuss .upload-box {
        padding: 0;
    }
    body .container .main .subpage.ContractDiscuss .upload-box .row {
        flex-direction: column;
        padding: 20px;
        gap: 10px;
    }
    body .container .main .subpage.ContractDiscuss .btn-row {
        gap: 10px;
    }
    body .container .main .subpage.ContractDiscuss .btn-row a {
        width: 160px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row {
        padding: 10px;
        line-height: 1.2;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .little-question {
        width: 18px;
        padding: 2px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .txt:not(:empty) {
        margin-bottom: 20px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .col.flex {
        flex-wrap: wrap;
        gap: 10px;
        display: flex;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .col.flex .select-box {
        flex-grow: 1;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .col.flex .mb-full {
        width: 100%;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .col.flex-sec .input-check {
        width: 40%;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .col:not(.select-fixed) .select-box:not(.mb-full) {
        width: 40%;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .col .input-check,
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .col .input-radio {
        width: 100%;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row .dropdown-menu {
        width: 250px;
        left: 100px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row #payment {
        width: 10%;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .input-row #apply {
        width: 10%;
        left: 135px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .new-function .text-c {
        margin: 0px 10px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .member-code {
        display: flex;
        align-items: center;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .payment-new {
        display: flex;
        align-items: center;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .payment-new .rwd-note {
        margin-left: 6px;
        color: #ff4b4b;
        font-size: 13px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .inner-outter {
        width: 100%;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .inner-outter input {
        margin-bottom: 20px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .inner-outter .payment-row {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .inner-outter .payment-row .btn-5 {
        padding: 6px 12px;
        border-radius: 18px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .inner-outter .payment-row .rwd-notice {
        font-size: 13px;
        color: #ff4b4b;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .payment-notice {
        display: none;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .proof .grid-col {
        display: flex;
        gap: 20px;
        flex-shrink: 0;
        flex-wrap: wrap;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .proof .grid-col .file-box {
        width: 78px;
        height: 78px;
        border-radius: 6px;
        border: 1px solid #d8d8d8;
        overflow: hidden;
        position: relative;
        background-color: #fff;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .proof .grid-col .file-box:after {
        content: "";
        background: url(/Content/images/inside/ap-icon-w-20-gray-cancel.svg) no-repeat center center;
        background-size: 20px 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .proof .grid-col .file-box > label {
        background-color: transparent;
        position: relative;
        cursor: pointer;
        width: 100%;
        height: 100%;
        display: inline-block;
        z-index: 1;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .proof .grid-col input[type=file] {
        display: none;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .proof .grid-col .btn-del {
        z-index: 1;
        position: absolute;
        right: 5px;
        top: 4px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .proof .btn-col {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .proof .btn-col .btn-5 {
        padding: 8px 16px;
        border-radius: 18px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .outter .notice-gray {
        color: #5a5a5a;
        margin-top: 20px;
        margin-bottom: 5px;
        line-height: 1.4;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .alert {
        display: none;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .agree-part {
        padding-top: 10px;
        background-color: #fff;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .agree-part .flex .input-check {
        padding-left: 30px;
        color: #1d1d1d;
        margin: 0 10px;
    }
    body .container .main .subpage.ContractDiscuss .data-input-box .agree-part .flex .input-check i {
        margin-left: 6px;
    }
    body .container .main .subpage.blog-list .flex-row {
        flex-direction: column;
    }
    body .container .main .subpage.blog-list .flex-row .box {
        width: 100%;
    }
    body .container .main .subpage.blog-list .flex-row .box .img .rwd-pc {
        display: none;
    }
    body .container .main .subpage.blog-list .flex-row .box .img .rwd-mb {
        display: block;
    }
    body .container .main .subpage.memberinfo .page-title {
        margin: 0 auto 10px;
    }
    body .container .main .subpage.memberinfo div[id^=dropdown-with-icon-q] {
        left: unset !important;
        right: 0;
    }
    body .container .main .subpage.memberinfo .caption-scope {
        grid-template-columns: 1fr;
    }
    body .container .main .subpage.memberinfo .caption-scope .title {
        padding: 15px;
    }
    body .container .main .subpage.memberinfo .caption-scope .notice {
        padding: 10px;
    }
    body .container .main .subpage.memberinfo .payment-table .td.total span {
        width: auto;
    }
    body .container .main .subpage.memberinfo .payment-table .td:not(.total) {
        padding: 8px 20px;
    }
    body .container .main .subpage.memberinfo .payment-table .td:not(.total) span {
        display: block;
        width: 100%;
        line-height: 1.6;
    }
    body .container .main .subpage.memberinfo .pc-btn {
        display: none;
    }
    body .container .main .subpage.memberinfo .mb-btn {
        display: inline-block;
        margin: auto 0 auto auto;
    }
    body .container .main .subpage.memberinfo .grid-row {
        grid-template-columns: 1fr;
    }
    body .container .main .subpage.memberinfo .add-product-scope {
        padding: 20px 10px;
        margin-bottom: 10px;
    }
    body .container .main .subpage.memberinfo .flex-row.flex-wrap {
        gap: 10px;
        flex-wrap: wrap;
    }
    body .container .main .subpage.memberinfo .flex-row.flex-wrap .default-select {
        width: 100%;
    }
    body .container .main .subpage.memberinfo .flex-row.pc-jc-end {
        justify-content: flex-start;
    }
    body .container .main .subpage.memberinfo .input-row {
        flex-wrap: wrap;
        gap: 10px;
    }
    body .container .main .subpage.memberinfo .input-row .txt {
        width: 100%;
        font-size: 16px;
    }
    body .container .main .subpage.memberinfo .input-row .txt.flex-wrap {
        flex-flow: nowrap;
        align-items: center;
    }
    body .container .main .subpage.memberinfo .input-row .txt.flex-wrap span:not(.tip-fc-1) {
        width: auto;
    }
    body .container .main .subpage.memberinfo > .btn-row {
        padding: 0 10px;
        box-sizing: border-box;
    }
    body .container .main .subpage.memberinfo > .btn-row a {
        flex-grow: 1;
    }
    body .container .main .subpage.memberinfo > .btn-row.sec-row {
        flex-wrap: wrap;
    }
    body .container .main .nid-page {
        display: block;
    }
    body .container .main .nid-page .fixed-aside-pc {
        display: none;
    }
    body .container .main .nid-page .content-wrap {
        width: 95%;
        margin: auto;
        border-radius: 6px;
        box-shadow: 0 4px 6px #c3c3c3;
        padding: 30px 20px;
    }
    body .container .main .nid-page .content-wrap .nid-caption .nc-title {
        text-align: left;
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    body .container .main .nid-page .content-wrap .nid-caption .nc-banner .rwd-pc {
        display: none;
    }
    body .container .main .nid-page .content-wrap .nid-caption .nc-banner .rwd-mb {
        display: block;
    }
    body .container .main .nid-page .content-wrap .nid-caption .nid-caption dl dd {
        margin-bottom: 10px;
    }
    body .container .main .nid-page .content-wrap .nid-caption .btn-row {
        flex-direction: column;
        gap: 15px;
        align-items: center;
        margin: 30px 0 50px;
    }
    body .container .main .nid-page .content-wrap .nid-caption .btn-row a {
        width: 80%;
        height: 38px;
        line-height: 38px;
    }
    body .container .main .nid-page .nid-step .step-title {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    body .container .main .nid-page .nid-step .photo-demo .title {
        height: 50px;
        line-height: 50px;
    }
    body .container .main .nid-page .nid-step .photo-demo .demo-box {
        padding: 15px;
    }
    body .container .main .nid-page .nid-step .photo-demo .demo-box .box {
        width: calc(50% - 10px);
    }
}