@charset"UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font-family:Arial, 微軟正黑體;
    letter-spacing:1px;
    vertical-align:baseline
}
ol, ul {
    list-style:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, picture, section, summary {
    display:block
}
audio, canvas, video {
    display:inline-block
}
audio:not([controls]) {
    display:none;
    height:0
}
[hidden] {
    display:none
}
a:active, a:focus, a:hover {
    outline:0
}
a:hover {
    -webkit-transition:all .3s;
    transition:all .3s
}
abbr[title] {
    border-bottom:1px dotted
}
b, strong {
    font-weight:700
}
dfn {
    font-style:italic
}
hr {
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
mark {
    background:#ff0;
    color:#000
}
code, kbd, pre, samp {
    font-family:monospace, serif;
    font-size:1em
}
pre {
    white-space:pre-wrap
}
sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
img {
    max-width:100%;
    width:100%;
    height:auto
}
svg:not(:root) {
    overflow:hidden
}
figure {
    margin:0
}
fieldset {
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend {
    border:0;
    padding:0
}
button {
    cursor:pointer
}
button, input, select, textarea {
    font-size:100%;
    font-family:Myriad Pro, 微軟正黑體;
    margin:0;
    border:none;
    background:none
}
button, input {
    line-height:normal
}
button, select {
    text-transform:none
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled], html input[disabled] {
    cursor:default
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border:0;
    padding:0
}
textarea {
    overflow:auto;
    vertical-align:top
}
table {
    border-collapse:collapse;
    border-spacing:0
}
.clearfix {
    zoom:1
}
.clearfix:after, .clearfix:before {
    content:"";
    display:table
}
.clearfix:after {
    clear:both
}
* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
:focus, a {
    outline:none
}
a {
    text-decoration:none;
    color:#000
}
hr {
    border:0
}
h1, h2, h3, h4, h5, h6 {
    font-weight:inherit
}
dl, h1, h2, h3, h4, h5, h6, p {
    width:100%;
    max-width:100%
}
input {
    border-radius:0;
    -webkit-appearance:none
}
button, input, input:focus, select, textarea, textarea:focus {
    outline:none
}
input:focus:placeholder {
    color:transparent
}
input:focus::-webkit-input-placeholder {
    color:transparent
}
input:focus:-moz-placeholder, input:focus::-moz-placeholder {
    color:transparent
}
input:focus:-ms-input-placeholder {
    color:transparent
}
body {
    overflow-x:hidden
}
body.centerMember {
    background:url(/upload/center/center-bg.png);
    background-attachment:fixed
}
body .align-center {
    text-align:center
}
body .table-total2 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    padding:10px 20px;
    background:#fff;
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, .16);
    box-shadow:0 0 8px rgba(0, 0, 0, .16)
}
body .table-total2 .val {
    text-align:right
}
body .table-total {
    padding:10px
}
body .main-wallet img {
    margin:0!important;
    width:35px!important
}
body .tiny-txt {
    margin-bottom:10px;
    padding:10px 20px
}
body .tiny-txt p {
    color:#000
}
body .tiny-txt .tiny-title {
    font-size:1.375rem!important;
    font-weight:700!important;
    color:#126f9b!important;
    text-align:center
}
body .ui-line {
    position:fixed;
    bottom:120px;
    right:45px;
    width:70px;
    height:70px;
    -webkit-filter:drop-shadow(0 0 2px #fff);
    filter:drop-shadow(0 0 2px #ffffff)
}
body .ui-gotop {
    cursor:pointer;
    position:fixed;
    bottom:40px;
    right:30px;
    width:35px;
    height:35px;
    background-color:#fff;
    text-align:center;
    color:#fff;
    display:none;
    border-radius:50%;
    padding:10px;
    -webkit-box-shadow:0 0 4px rgba(0, 0, 0, .3490196078);
    box-shadow:0 0 4px rgba(0, 0, 0, .3490196078)
}
body .gotop_text {
    margin-top:10px;
    color:#02acbf
}
body .step-cover {
    width:100%;
    padding:20px
}
body .step-list, body .step-list li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body .step-list li {
    width:65px;
    height:65px;
    border-radius:50%;
    border:5px solid #ccc;
    font-size:1.5rem;
    font-weight:700;
    color:#ccc
}
body .step-list li.active {
    border-color:#126f9b;
    color:#fff;
    background:#126f9b;
    -webkit-transition:all .3s;
    transition:all .3s
}
body .step-list li:not(:last-child) {
    position:relative;
    margin-right:50px
}
body .step-list li:not(:last-child):after {
    content:"";
    display:block;
    width:100%;
    height:5px;
    background:#ccc;
    position:absolute;
    top:48%;
    left:100%
}
body .step-list li:not(:last-child).active:after {
    background:#126f9b;
    -webkit-transition:all .3s;
    transition:all .3s
}
body .upload-cover {
    margin:10px 0
}
body .upload-cover .upload-tab {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
body .upload-cover .upload-tab li {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:center;
    padding:10px 0;
    background:#ccc;
    color:#fff;
    border-radius:20px 20px 0 0
}
body .upload-cover .upload-tab li.active {
    border:1px solid rgba(0, 0, 0, .16);
    border-bottom:none;
    background:none;
    color:#717171;
    padding:15px 0
}
body .upload-cover .upload-content {
    min-height:100px;
    padding:20px;
    border:1px solid rgba(0, 0, 0, .16);
    border-top:0;
    border-radius:0 0 20px 20px
}
body .upload-cover .upload-content .tab-content-box {
    text-align:center
}
body .upload-cover .upload-content .tab-content-box .t {
    font-size:.875rem;
    font-weight:400;
    color:#126f9b
}
body .upload-cover .upload-content .upload-img {
    width:400px;
    margin:auto
}
body .upload-cover .upload-content .upload-btnBox {
    margin:10px auto
}
body .upload-cover .upload-content .upload-btnBox .btn-upload {
    font-size:.875rem;
    font-weight:700;
    color:#fff;
    background:#848484;
    padding:5px 10px;
    margin:0 5px;
    border-radius:5px;
    word-break:keep-all;
    position:relative
}
body .upload-cover .upload-content .upload-btnBox .btn-upload input {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0
}
body .tab-content-box.open {
    display:block
}
body .tab-content-box {
    display:none
}
body .form_content {
    width:95%;
    margin:10px auto
}
body .form_content.lock {
    display:none
}
body .form_content.none_info img {
    width:auto;
    margin:auto
}
body .form_content.none_info .t {
    font-size:1rem;
    font-weight:400;
    color:#126f9b;
    padding:5px;
    text-align:center
}
body .form_content img {
    width:auto;
    margin:auto
}
body .form_content .drop-down-cover .drop-down-list {
    width:70%
}
body .form_content .txt {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:10px
}
body .form_content .form_title {
    width:auto;
    word-break:keep-all;
    font-size:1rem;
    font-weight:400;
    color:#333;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
body .form_content .txt_input, body .form_content textarea {
    width:70%;
    text-align:right;
    font-size:.9375rem;
    font-weight:400;
    color:#717171;
    border-radius:5px;
    border:1px solid #c2c2c2;
    padding:10px;
    background:#fff
}
body .form_content .txt_input2, body .form_content textarea {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:right;
    font-size:1rem;
    font-weight:400;
    color:#717171
}
body .form_content .form_item {
    padding:20px 0;
    border-bottom:1px solid #f0f0f0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
body .form_content .form_item_textarea {
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
body .form_content .form_item textarea {
    min-height:150px
}
body .form_content .form_item img {
    width:50px;
    margin-right:5px
}
body .form_content .form_note {
    padding:10px 0
}
body .form_content .form_note p, body .form_content .form_note span {
    font-size:.875rem;
    font-weight:400;
    color:#717171;
    line-height:1.5
}
body .form_content .form_note .form_title {
    font-size:1.25rem;
    font-weight:400;
    color:#333
}
body .form_content .form_txt {
    padding:20px 0
}
body .form_content .form_txt .img-box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:10px 0
}
body .form_content .form_txt .img-box .img {
    width:200px
}
body .form_content .form_txt .img-box .t {
    text-align:center;
    padding:5px 0 0
}
body .form_content .oops {
    text-align:right
}
body .form_content .note, body .form_content .oops {
    width:100%;
    display:block;
    font-size:.875rem;
    font-weight:400;
    color:#126f9b
}
body .form_content .note {
    text-align:center
}
body .btn_tab {
    height:45px;
    margin:10px auto 20px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    background:#fff;
    border-radius:20px;
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .16);
    box-shadow:0 0 5px rgba(0, 0, 0, .16)
}
body .btn_tab, body .btn_tab li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
body .btn_tab li {
    cursor:pointer;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    font-size:1rem;
    font-weight:400;
    color:#126f9b
}
body .btn_tab li.active {
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b);
    border-radius:20px;
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .16);
    box-shadow:0 0 5px rgba(0, 0, 0, .16);
    color:#fff
}
body .point_cover {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body .point_cover .count {
    color:#02acbf
}
body .point_cover .point_btn {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    margin-left:20px
}
body .point_cover .point_btn, body .point_cover .point_btn>div {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body .point_cover .point_btn>div {
    cursor:pointer;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:10px 20px;
    margin-right:10px;
    border-radius:20px
}
body .point_cover .point_btn>div .icon {
    display:block;
    width:20px;
    margin-right:5px
}
body .point_cover .point_btn .btn-refresh {
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b);
    color:#fff
}
body .point_cover .point_btn .btn-return {
    background:-webkit-gradient(linear, left top, left bottom, from(#47dbae), to(#02acbf));
    background:linear-gradient(180deg, #47dbae, #02acbf)
}
body .point_list {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
body .point_list .point_item {
    width:calc(20% - 10px);
    text-align:center;
    padding:10px;
    border:1px solid #73da99;
    position:relative;
    margin:10px 5px;
    border-radius:15px
}
body .point_list .point_item .point_img {
    margin:auto;
    width:35%
}
body .point_list .point_item .point_t span {
    display:block
}
body .point_list .point_item .point_t .point {
    margin-top:10px
}
body .point_list .point_item span {
    display:block
}
body .table-cover {
    width:95%;
    margin:10px auto;
    overflow-x:auto
}
body .table-cover .table {
    width:100%;
    border-bottom:1px solid #f3e6dc;
    padding:10px
}
body .table-cover .table:first-child {
    border:1px solid #f3e6dc;
    border-width:1px 0
}
body .table-cover .table:nth-child(odd):not(:first-child) {
    background:#dedede
}
body .table-cover .table td, body .table-cover .table th {
    padding:20px 10px;
    min-width:25%;
    text-align:center;
    word-break:keep-all
}
body .table-cover .table th {
    border:1px solid #f3e6dc;
    border-width:1px 0
}
body .table-cover .table td {
    font-size:.875rem;
    word-break:break-word
}
body .table-cover2 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:auto;
    height:100%
}
body .table-cover2 .card-cover-title {
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b);
    color:#fff;
    padding:10px 0
}
body .table-cover2 .note {
    width:100%;
    font-size:.75rem;
    font-weight:400;
    color:#126f9b;
    text-align:center
}
body .table-cover2 .table {
    table-layout:fixed;
    width:100%;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
body .table-cover2 .table thead tr th {
    position:sticky;
    top:0
}
body .table-cover2 .table tr {
    padding:10px
}
body .table-cover2 .table td, body .table-cover2 .table th {
    padding:10px 5px;
    text-align:center;
    word-break:keep-all
}
body .table-cover2 .table th {
    font-size:.875rem;
    font-weight:400;
    color:#fff;
    background:#717171
}
body .table-cover2 .table td {
    font-size:1rem;
    border-bottom:1px solid #e8e8e8
}
body .table-cover2 .table.table-type2 thead tr th {
    top:auto;
    left:0
}
body .table-cover2 .table.table-type2 tbody tr, body .table-cover2 .table.table-type2 thead tr {
    padding:0
}
body .table-cover2 .table.table-type2 tbody tr th, body .table-cover2 .table.table-type2 thead tr th {
    width:80px;
    border-bottom:1px solid #e8e8e8
}
body .table-cover2 .table.table-type2 tbody tr td, body .table-cover2 .table.table-type2 tbody tr th, body .table-cover2 .table.table-type2 thead tr td, body .table-cover2 .table.table-type2 thead tr th {
    word-break:normal;
    padding:5px 10px
}
body .table-btn {
    width:100%;
    padding:10px 20px;
    position:relative
}
body .table-btn .table-txt, body .table-btn .txt {
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    height:100%;
    text-align:center;
    pointer-events:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body .table-btn .table-txt span, body .table-btn .txt span {
    display:block;
    padding:5px;
    font-size:.75rem;
    font-weight:400;
    color:#848484
}
body .table-btn .btn-box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    width:100%
}
body .table-btn .btn-box button {
    font-size:.75rem;
    font-weight:400;
    color:#fff;
    background:#848484;
    padding:5px 10px;
    border-radius:5px
}
body .table-total {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    padding:10px 20px
}
body .table-total .val {
    text-align:right;
    color:green
}
body .content-txt2 {
    margin-bottom:10px;
    border-radius:20px;
    -webkit-box-shadow:0 0 8px rgba(0, 0, 0, .16);
    box-shadow:0 0 8px rgba(0, 0, 0, .16);
    overflow:hidden
}
body .main {
    min-height:100vh;
    overflow:hidden
}
body .main .content-cover {
    padding:20px 30px
}
body .main.side {
    max-width:1200px;
    width:100%;
    margin:30px auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
body .main.side .main-cover {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    background:#fff;
    -webkit-box-shadow:0 5px 12px 5px rgba(195, 209, 234, .16);
    box-shadow:0 5px 12px 5px rgba(195, 209, 234, .16);
    margin-left:30px
}
body .main.side .main-cover .title-box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:1px solid #e9e9e9;
    padding:20px 30px
}
body .main.side .main-cover .title-box .title {
    font-size:1.5rem;
    font-weight:700;
    color:#126f9b
}
body .main.side .main-cover .title-box .t {
    font-size:1rem;
    font-weight:400;
    color:#000;
    padding:10px
}
body .main.side .main-cover .title-box p {
    width:auto;
    padding-right:10px
}
body .main.side .main-cover .tab-page {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body .main.side .main-cover .tab-page li {
    margin-left:30px;
    cursor:pointer
}
body .main.side .main-cover .tab-page li.active {
    color:#126f9b;
    font-weight:700
}
body .main aside {
    width:200px;
    position:relative
}
body .main aside .list-bar {
    border-radius:10px;
    overflow:hidden;
    margin-bottom:30px;
    background:#fff;
    -webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .15));
    filter:drop-shadow(0 0 3px rgba(0, 0, 0, .15))
}
body .main aside .list-bar .bar-title {
    font-size:1.125rem;
    font-weight:700;
    color:#000;
    text-align:center;
    padding:10px;
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b);
    color:#fff
}
body .main aside .list-bar .list {
    padding:10px
}
body .main aside .list-bar .list li {
    padding:5px 10px;
    cursor:pointer
}
body .main aside .list-bar .list li:not(:last-child) {
    margin-bottom:5px
}
body .main aside .list-bar .list li.active, body .main aside .list-bar .list li:hover {
    color:#126f9b;
    font-weight:700;
    -webkit-transition:all .3s;
    transition:all .3s
}
body .main aside .list-bar .list li a {
    font-size:1rem;
    font-weight:400;
    color:#666;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body .main aside .list-bar .list li a.active, body .main aside .list-bar .list li a:hover {
    color:#126f9b;
    font-weight:700;
    -webkit-transition:all .3s;
    transition:all .3s
}
body .main aside .list-bar .list li a img {
    width:25px;
    margin-right:10px
}
body .main .tab-box {
    padding:20px 0
}
body .main .tab-box .tab-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body .main .tab-box .tab-list li {
    cursor:pointer;
    text-align:center;
    margin-right:40px
}
body .main .tab-box .tab-list li.active .img-box {
    background:#126f9b;
    -webkit-transition:all .3s;
    transition:all .3s
}
body .main .tab-box .tab-list li.active .img-box img {
    -webkit-filter:invert(0);
    filter:invert(0);
    opacity:1
}
body .main .tab-box .tab-list li.active .name {
    color:#126f9b
}
body .main .tab-box .tab-list li .img-box {
    background:#fff;
    width:85px;
    height:85px;
    border-radius:50%;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:all .3s;
    transition:all .3s
}
body .main .tab-box .tab-list li .img-box img {
    max-width:50px;
    max-height:35px;
    -webkit-filter:invert(1);
    filter:invert(1);
    opacity:.3
}
body .main .tab-box .tab-list li .name {
    font-size:.875rem;
    font-weight:400;
    color:#ccc;
    padding:5px
}
body .main .form .form-item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:15px 0
}
body .main .form .form-item .name {
    font-size:1rem;
    font-weight:400;
    color:#666;
    padding-right:10px
}
body .main .form .form-item .input {
    background:#e9e9e9;
    padding:5px 10px;
    min-width:280px
}
body .main .form .btn.btn-01 {
    margin-top:20px
}
body .infor-cover {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
body .infor-cover .txt {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:50%
}
body .addCard-cover {
    width:95%;
    margin:10px auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body .addCard-cover .addCard {
    width:calc(33.33333% - 5px);
    padding:10px;
    border-radius:5px
}
body .addCard-cover .addCard:not(.done) {
    opacity:.7;
    background:#ccc
}
body .addCard-cover .addCard:not(.done) .img-box:after {
    content:"+";
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:3.125rem;
    font-weight:700;
    color:#fff;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
body .addCard-cover .addCard.done {
    pointer-events:none
}
body .addCard-cover .addCard.done .none {
    display:inline
}
body .addCard-cover .addCard .img-box {
    max-width:80%;
    margin:auto;
    position:relative
}
body .addCard-cover .addCard .t {
    font-size:.875rem;
    font-weight:400;
    color:#000;
    text-align:center
}
body .addCard-cover .addCard .none {
    display:none
}
.txt-copy {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    width:100%;
    border:1px solid #b4c2ce;
    border-radius:5px
}
.txt-copy .link {
    font-size:1rem;
    font-weight:400;
    color:#707070;
    padding:10px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    word-break:break-all
}
.txt-copy .btn-copy {
    background:-webkit-gradient(linear, left top, left bottom, from(#292e3a), to(#434b5e));
    background:linear-gradient(180deg, #292e3a, #434b5e);
    color:#fff;
    width:54px;
    margin:0;
    border-radius:0 5px 5px 0;
    word-break:keep-all;
    padding:10px
}
.txt-cover .txt-title {
    font-size:2.625rem;
    font-weight:700;
    color:#126f9b;
    padding:30px 0
}
.txt-cover .t {
    font-size:1.125rem;
    font-weight:400;
    color:#fff;
    padding:0 0 10px
}
.txt-cover .p {
    font-size:1.25rem;
    font-weight:700;
    color:#000;
    padding:20px 0 20px;
    line-height:2
}
.txt-box .title {
    font-size:1.5rem;
    color:#126f9b
}
.txt-box .t, .txt-box .title {
    font-weight:400;
    padding:10px
}
.txt-box .t {
    font-size:1rem;
    color:#000
}
.txt-box2 .title {
    font-size:1.125rem;
    font-weight:700;
    color:#126f9b;
    padding:10px 0;
    margin-top:20px
}
.txt-box2 .t, .txt-box2 ol li {
    font-size:1rem;
    font-weight:400;
    color:#000;
    line-height:2
}
.txt-box2 ol {
    list-style-type:decimal;
    list-style-position:inside;
    margin-left:40px
}
.btn-go {
    font-size:1rem;
    font-weight:700;
    color:#333;
    padding:10px 15px;
    border-radius:5px;
    -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .16);
    box-shadow:0 5px 10px rgba(0, 0, 0, .16)
}
.btn-gogo {
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b)
}
.btn-copy {
    font-size:.75rem;
    font-weight:700;
    color:#fff;
    background:#848484;
    padding:5px 10px;
    margin-left:10px;
    border-radius:5px;
    word-break:keep-all
}
.btn-check {
    width:15px;
    height:15px;
    border-radius:50%;
    border:2px solid #fff;
    background:#fff;
    margin-right:5px;
    -webkit-transform:translateY(2px);
    transform:translateY(2px)
}
.btn-check[type=checkbox]:checked {
    background:#02acbf
}
.btn-org {
    color:#fff;
    background:#126f9b;
    padding:5px 10px;
    border-radius:5px
}
.btn-red {
    text-decoration:underline
}
.btn-cover {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:10px auto
}
.btn-cover .btn-reset {
    opacity:.8
}
.btn-cover a, .btn-cover button {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    max-width:100px;
    height:40px;
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b);
    border-radius:5px;
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.btn-cover a:not(:first-child), .btn-cover button:not(:first-child) {
    margin-left:20px
}
.btn-cover2 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:10px auto
}
.btn-cover2 button {
    width:100%;
    height:72px;
    background:#fff;
    border-radius:5px;
    border:1px solid #b4c2ce;
    font-size:1rem;
    font-weight:400;
    color:#126f9b
}
.btn-cover2 button, .btn-cover3 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.btn-cover3 {
    margin:10px auto
}
.btn-cover3 .btn-reset {
    opacity:.8
}
.btn-cover3 a, .btn-cover3 button {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:40px;
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b);
    border-radius:5px;
    font-size:1rem;
    font-weight:400;
    color:#fff
}
.btn-cover3 a:not(:first-child), .btn-cover3 button:not(:first-child) {
    margin-left:20px
}
.close-btn {
    cursor:pointer;
    top:6%;
    right:7%;
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.close-btn:hover .cross, .close-btn:hover .cross:after {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
.close-btn .cross {
    position:relative;
    z-index:2;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.close-btn .cross, .close-btn .cross:after {
    width:30px;
    height:2px;
    display:inline-block;
    background:#707070;
    -webkit-transition:.5s;
    transition:.5s;
    width:20px
}
.close-btn .cross:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.fixed-box {
    position:fixed;
    top:50%;
    right:-1px;
    border:1px solid #000;
    background:hsla(0, 0%, 100%, .3);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.fixed-box a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:50px;
    height:50px
}
.fixed-box a:not(:first-child) {
    border-top:1px solid #000
}
.fixed-box a img {
    width:30px
}
.fixed-box .gotop {
    display:none
}
.fixed-box .gotop.fixed {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.drop-down-cover {
    position:relative
}
.drop-down-cover.open .drop-select:after {
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    -webkit-transition:all .15s;
    transition:all .15s
}
.drop-down-cover.open .drop-down-list {
    display:block;
    bottom:0;
    -webkit-transition:all .5s;
    transition:all .5s;
    opacity:1
}
.drop-down-cover .drop-select {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-width:150px;
    text-align:right;
    font-size:.875rem;
    font-weight:400;
    color:#717171;
    border-radius:5px;
    border:1px solid #c2c2c2;
    padding:10px;
    background:#fff;
    cursor:pointer
}
.drop-down-cover .drop-select:after {
    content:"";
    width:5px;
    height:5px;
    display:inline-block;
    border:1px solid #717171;
    border-width:0 0 1px 1px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:all .15s;
    transition:all .15s;
    margin:0 5px
}
.drop-down-cover .drop-down-list {
    display:none;
    position:absolute;
    top:80%;
    right:0;
    z-index:3;
    width:100%;
    -webkit-transition:all .5s;
    transition:all .5s;
    opacity:0;
    height:100%;
    min-height:300px;
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden
}
.drop-down-cover .drop-down-list li {
    background:#fff;
    text-align:right;
    padding:10px;
    font-size:.9375rem;
    font-weight:700;
    color:#717171;
    cursor:pointer
}
.drop-down-cover .drop-down-list li.checked {
    color:#126f9b
}
.drop-down-cover .drop-down-list .a, .drop-down-cover .drop-down-list a {
    font-size:.9375rem;
    font-weight:700;
    color:#717171;
    padding:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.drop-down-cover .drop-down-list .a span, .drop-down-cover .drop-down-list a span {
    display:block
}
.sharebox {
    padding:20px;
    border-bottom:1px solid rgba(182, 197, 225, .3);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.sharebox2 {
    padding-top:30px;
    line-height:2
}
.color-o {
    color:#02acbf!important
}
.color-b2 {
    color:#126f9b!important
}
.color-btn {
    margin:0 5px;
    display:inline-block
}
.color-green {
    color:#1ed300
}
.color-red2 {
    color:#fe3e11!important
}
.color-blue {
    color:#3850f9!important
}
.color-black {
    color:#000!important
}
.lightBox {
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999
}
.lightBox:before {
    content:"";
    width:100vw;
    height:100vh;
    display:block;
    position:fixed;
    top:50%;
    left:50%;
    z-index:-1;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    background:rgba(0, 0, 0, .6);
    -webkit-transition:all .3s;
    transition:all .3s
}
.lightBox.open {
    display:block
}
.lightBox .service-cover {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    position:fixed;
    width:100%;
    height:auto;
    bottom:10vh
}
.lightBox .service-cover a {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-filter:drop-shadow(0 3px 5px rgba(0, 0, 0, .5));
    filter:drop-shadow(0 3px 5px rgba(0, 0, 0, .5))
}
.lightBox .service-cover a, .lightBox .service-cover a .icon-box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.lightBox .service-cover a .icon-box {
    width:60px;
    height:60px;
    border-radius:50%;
    padding:10px
}
.lightBox .service-cover a .t {
    font-size:.75rem;
    font-weight:400;
    color:#fff;
    padding:5px
}
.lightBox .service-cover .line-box .icon-box {
    background:#00b900
}
.lightBox .service-cover .call-box .icon-box {
    background:#126f9b
}
.lightBox .lightBox-box {
    min-height:200px;
    max-height:70vh;
    max-width:500px;
    overflow-x:hidden;
    overflow-y:auto;
    border-radius:8px;
    position:fixed;
    top:50%;
    left:50%;
    z-index:1;
    padding:10px 20px;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.lightBox .lightBox-box.lightBox-table {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:visible;
    background:#fff
}
.lightBox .lightBox-box.lightBox-table .content-txt2 {
    border-radius:0;
    width:100%;
    margin:0
}
.lightBox .lightBox-box.lightBox-table .table-cover2 .table {
    width:auto
}
.lightBox .lightBox-box.lightBox-table .btn-cover {
    width:90%;
    margin:20px auto 10px
}
.lightBox .lightBox-box.lightBox-table-type2 {
    max-height:100%
}
.lightBox .lightBox-box .txt {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:150px;
    padding:0;
    text-align:center
}
.lightBox .lightBox-box .txt.left {
    text-align:left
}
.lightBox .vd-cover {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100vw;
    height:100vh;
    background:#000
}
.lightBox .vd-cover .vd-box {
    height:85vh;
    width:100%
}
.lightBox .vd-cover .vd-box video {
    width:100%;
    height:100%
}
.lightBox .vd-cover .btn-cover {
    height:15vh;
    width:90%
}
.lightBox .all-cover {
    min-height:200px;
    max-height:70vh;
    width:90%;
    max-width:450px;
    overflow-x:hidden;
    overflow-y:auto;
    border-radius:8px;
    position:fixed;
    top:50%;
    left:50%;
    z-index:1;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.lightBox .all-cover .title-box {
    background:url(/upload/bg_download.png) no-repeat;
    background-size:100%;
    height:85px;
    padding:10px 20px 20px;
    margin-bottom:-15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.lightBox .all-cover .title-box .close-btn {
    margin-left:auto
}
.lightBox .all-cover .title-box .close-btn .cross, .lightBox .all-cover .title-box .close-btn .cross:after {
    background:#fff
}
.lightBox .all-cover .title-box .title {
    font-size:1.375rem;
    font-weight:700;
    color:#fff
}
.lightBox .all-cover .txt-box {
    background:#fff;
    border-radius:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:150px;
    padding:10px 20px
}
.lightBox .all-cover .check-box {
    margin-top:15px
}
.lightBox .all-cover .check-box .all-check {
    width:15px;
    height:15px;
    border:2px solid #126f9b;
    border-radius:3px;
    margin-right:5px;
    position:relative
}
.lightBox .all-cover .check-box .all-check:checked:after {
    content:"";
    display:block;
    width:80%;
    height:120%;
    border:3px solid #000;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg) translate(-50%, -40%);
    transform:rotate(45deg) translate(-50%, -40%)
}
.lightBox .fail {
    background:#fff;
    border-radius:10px;
    width:20%;
    min-height:auto;
    min-width:350px;
    padding:0
}
.lightBox .fail .txt {
    min-height:70px;
    padding:10px 10px 5px
}
.lightBox .fail .title {
    text-align:center;
    font-size:1.25rem;
    font-weight:700;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b);
    padding:6px
}
.lightBox .fail .t {
    font-size:1.125rem;
    font-weight:400;
    color:#126f9b
}
.lightBox .fail .btn-cover {
    margin:0 auto 20px
}
.lightBox .fail .btn-cover button {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    padding:5px 20px;
    border-radius:5px;
    font-weight:700;
    color:#fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b)
}
.ad-box {
    width:100%;
    padding:2px 10px;
    background:#fff;
    -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .3);
    box-shadow:0 1px 5px rgba(0, 0, 0, .3)
}
.ad-box .close-btn {
    height:30px
}
.ad-box .close-btn .cross, .ad-box .close-btn .cross:after {
    width:20px;
    height:1px
}
.ad-box .top-ad .btn {
    background:-webkit-gradient(linear, right top, left top, from(#ed662c), to(#ef8339));
    background:linear-gradient(270deg, #ed662c, #ef8339)
}
.ad-box .ad-item {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center
}
.ad-box .ad-item, .ad-box .ad-item .txt-ad {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.ad-box .ad-item .txt-ad {
    padding:0 10px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -ms-flex-align:center
}
.ad-box .ad-item .logo-app {
    width:40px;
    -webkit-filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, .3));
    filter:drop-shadow(1px 1px 2px rgba(0, 0, 0, .3))
}
.ad-box .ad-item .txt-box {
    width:auto;
    margin:0 7px
}
.ad-box .ad-item .txt-box span {
    display:block;
    padding:2px 0
}
.ad-box .ad-item .txt-box .t {
    font-size:.75rem;
    font-weight:400;
    color:#505050
}
.ad-box .ad-item .btn {
    padding:5px 20px;
    border-radius:20px;
    font-size:.875rem;
    font-weight:400;
    color:#fff;
    -webkit-filter:drop-shadow(2px 2px 3px rgba(0, 0, 0, .7));
    filter:drop-shadow(2px 2px 3px rgba(0, 0, 0, .7))
}
.ad-box .lightBox-DL .lightBox-box {
    background:none;
    padding:0
}
.ad-box .lightBox-DL .lightBox-box .up-box {
    width:100%
}
.ad-box .lightBox-DL .lightBox-box .up-box .close-btn {
    position:absolute;
    top:0;
    left:50%;
    z-index:1;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
    border:1px solid #fff;
    border-radius:50%
}
.ad-box .lightBox-DL .lightBox-box .up-box .close-btn .cross, .ad-box .lightBox-DL .lightBox-box .up-box .close-btn .cross:after {
    background:#fff
}
.ad-box .lightBox-DL .lightBox-box .down-box {
    min-height:200px;
    background:-webkit-gradient(linear, left top, right top, from(#ecedea), to(#fefefe));
    background:linear-gradient(90deg, #ecedea, #fefefe);
    border-radius:8px;
    padding:10px 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-transform:translateY(-12%);
    transform:translateY(-12%)
}
.ad-box .lightBox-DL .lightBox-box .down-box .ad-item {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.ad-box .lightBox-DL .lightBox-box .down-box .ad-item:not(:last-child) {
    border-bottom:1px solid #fff
}
.ad-box .lightBox-DL .lightBox-box .down-box .ad-item .btn {
    background:#414d5a
}
.ad-box .lightBox-DL .up-box {
    position:relative;
    padding:10px 0
}
.ad-box .lightBox-DL .up-box .close-btn {
    top:15px!important;
    left:auto!important;
    right:0!important;
    border:none!important
}
.ad-box .lightBox-DL .up-box .close-btn .cross, .ad-box .lightBox-DL .up-box .close-btn .cross:after {
    height:4px
}
.ad-box .lightBox-DL .up-box .lightBox-title {
    position:absolute;
    left:15px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:1.375rem;
    font-weight:700;
    color:#fff
}
.ad-box .lightBox-DL .down-box .txt-box {
    line-height:2
}
.ad-box .lightBox-DL .down-box .txt-box .adimg img {
    display:inline-block;
    vertical-align:middle;
    width:15px;
    margin:0 5px
}
.ad-box .lightBox-DL .down-box .check-box {
    text-align:center;
    margin-top:10px
}
.ad-box .lightBox-DL .down-box .check-box input {
    width:15px;
    height:15px;
    border:2px solid #126f9b;
    border-radius:3px;
    margin-right:5px
}
.ad-box .lightBox-DL .btn-cover {
    -webkit-transform:translateY(-70%);
    transform:translateY(-70%)
}
.ad-box .lightBox-AD {
    width:70%;
    overflow-x:hidden;
    overflow-y:auto;
    position:fixed;
    top:50%;
    left:50%;
    z-index:1;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.ad-box .lightBox-AD .up-box {
    width:100%;
    height:200px
}
.ad-box .lightBox-AD .up-box .close-btn {
    position:absolute;
    top:0;
    left:50%;
    z-index:1;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
    border:1px solid #fff;
    border-radius:50%
}
.ad-box .lightBox-AD .down-box {
    min-height:120px;
    background:-webkit-gradient(linear, left top, right top, from(#ecedea), to(#fefefe));
    background:linear-gradient(90deg, #ecedea, #fefefe);
    border-radius:8px;
    padding:25px 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-transform:translateY(-12%);
    transform:translateY(-12%)
}
.ad-box .lightBox-AD .down-box .ad-item {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:15px 0;
    margin:0 auto;
    line-height:2
}
header {
    width:100%;
    height:100px;
    position:relative;
    z-index:3;
    background:#fff;
    -webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, .2);
    box-shadow:0 2px 8px 0 rgba(0, 0, 0, .2)
}
header .header-out {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:1200px;
    margin:0 auto
}
header.fixed {
    position:fixed;
    top:0;
    left:0
}
header .logo {
    width:auto;
    display:block
}
header .logo img {
    max-width:none;
    width:auto;
    max-height:100%
}
header .header-cover {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    margin:0 auto
}
@media only screen and (max-width:1200px) {
    header .header-cover {
        padding:0 20px
    }
}
header .header-cover .logo-cover {
    margin-right:20px
}
header .header-cover .logo-cover .logo-img {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    max-height:100px;
    max-width:100px
}
header .header-cover .logo-cover .logo-img img {
    width:auto;
    height:100%
}
header .header-cover .nav-cover {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:100%
}
header .header-cover .nav-cover .game-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100px
}
header .header-cover .nav-cover .game-list>li {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:100%;
    display:block
}
header .header-cover .nav-cover .game-list>li.active .menu-btn:before, header .header-cover .nav-cover .game-list>li:hover .menu-btn:before {
    bottom:0;
    -webkit-transition:all .3s;
    transition:all .3s;
    display:block
}
header .header-cover .nav-cover .game-list>li.active .menu-btn img, header .header-cover .nav-cover .game-list>li:hover .menu-btn img {
    opacity:1;
    -webkit-filter:brightness(100);
    filter:brightness(100)
}
header .header-cover .nav-cover .game-list>li.active .menu-btn span, header .header-cover .nav-cover .game-list>li:hover .menu-btn span {
    color:#126f9b;
    font-weight:700
}
header .header-cover .nav-cover .game-list>li .menu-btn {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    padding:10px;
    position:relative
}
header .header-cover .nav-cover .game-list>li .menu-btn:before {
    content:"";
    display:none;
    width:100%;
    height:4px;
    background:#fff;
    border-radius:0 2px 2px 0;
    position:absolute;
    bottom:-100%;
    left:0;
    -webkit-transition:all .3s;
    transition:all .3s
}
header .header-cover .nav-cover .game-list>li .menu-btn span {
    font-size:1.125rem;
    font-weight:400;
    color:#000;
    display:block;
    text-align:center
}
header .header-cover .nav-cover .menu-cover {
    position:absolute;
    top:100%;
    left:50%;
    z-index:1;
    display:none;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:100vw;
    background:#dcdcdc;
    border-top:1px solid #126f9b
}
@media only screen and (max-width:1500px) {
    header .header-cover .nav-cover .menu-cover {
        padding:30px 20px
    }
}
header .header-cover .nav-cover .menu-box {
    padding:30px 0;
    overflow-x:auto;
    max-width:1200px;
    margin:auto;
    width:100%
}
header .header-cover .nav-cover .menu-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:auto;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
header .header-cover .nav-cover .menu-list li {
    position:relative;
    width:300px
}
@media only screen and (max-width:1500px) {
    header .header-cover .nav-cover .menu-list li {
        width:calc(20vw - 12px)
    }
}
header .header-cover .nav-cover .menu-list li a {
    display:block
}
header .header-cover .nav-cover .menu-list li a:hover .img-box img {
    -webkit-filter:brightness(1.2) drop-shadow(0 0 30px #f5df83);
    filter:brightness(1.2) drop-shadow(0 0 30px #F5DF83)
}
header .header-cover .nav-cover .menu-list li a:hover .txt {
    -webkit-filter:drop-shadow(0 10px 5px rgba(0, 0, 0, .3));
    filter:drop-shadow(0 10px 5px rgba(0, 0, 0, .3));
    -webkit-transition:all .3s;
    transition:all .3s
}
header .header-cover .nav-cover .menu-list li a .img-box img {
    -webkit-transform:none;
    transform:none
}
header .header-cover .nav-cover .menu-list li a .txt {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-filter:drop-shadow(0 0 5px transparent);
    filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0))
}
header .header-cover .nav-cover .menu-list li a .txt .icon {
    max-width:85px;
    max-height:45px;
    width:auto
}
header .header-cover .nav-cover .menu-list li a .txt .name {
    font-size:1.25rem;
    padding:0 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .header-cover .nav-cover .menu-list li a .txt .name:after {
    content:"";
    display:block;
    width:15px;
    height:10px;
    background:url(/Other/3a.iwin688/upload/icon/arrow-right.svg) no-repeat;
    margin-left:5px;
    -webkit-filter:drop-shadow(0 0 6px #f5df83);
    filter:drop-shadow(0 0 6px #F5DF83)
}
header .header-cover .nav-cover .menu-list li a .tag {
    font-size:1rem;
    font-weight:700;
    color:#888;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
header .header-cover .nav-cover .menu-list li a .tag, header .member-nav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .member-nav {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
header .member-nav .btn {
    position:relative
}
header .member-nav .btn.btn-gomember {
    margin:0 10px 0 0
}
header .member-nav .btn.btn-gomember.mailNew {
    position:relative;
    display:block
}
header .member-nav .btn.btn-gomember.mailNew:after {
    content:"";
    display:block;
    width:15px;
    height:15px;
    border-radius:50%;
    position:absolute;
    top:0;
    right:0;
    -webkit-transform:translate(5px, -50%);
    transform:translate(5px, -50%);
    background:red
}
header .member-nav .btn.btn-gomember img {
    width:30px
}
header .member-nav .btn.btn-gohead {
    width:52px;
    height:52px
}
header .member-nav .vip-cover {
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translate(-50%, 50%) skewX(-5deg);
    transform:translate(-50%, 50%) skewX(-5deg);
    background:-webkit-gradient(linear, left top, left bottom, from(#292e3a), to(#434b5e));
    background:linear-gradient(180deg, #292e3a, #434b5e);
    padding:2px 5px;
    border-radius:5px;
    text-shadow:1px 1px 2px rgba(0, 0, 0, .5);
    border:2px solid hsla(0, 0%, 100%, .5);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .member-nav .vip-cover span {
    font-size:.75rem;
    font-weight:700;
    color:#fff
}
header .member-nav .member-list {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin:0 20px
}
header .member-nav .member-list .cover {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:5px 0
}
header .member-nav .member-list .cover, header .member-nav .member-list .cover a {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .member-nav .member-list .cover a {
    display:block;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
header .member-nav .member-list .cover a:hover {
    color:#126f9b
}
header .member-nav .member-list .cover img {
    width:30px
}
header .member-nav .member-list .cover a, header .member-nav .member-list .cover span {
    font-size:1rem;
    font-weight:400;
    color:#000;
    padding:0 5px
}
header .member-nav .member-list .cover .id {
    color:#333;
    font-weight:700
}
header .member-nav .member-list .cover .wellet {
    padding-left:10px
}
header .member-nav .member-list .cover .total {
    color:#02acbf;
    font-weight:700;
    padding-top:4px
}
header .login-nav {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
header .login-nav, header .login-nav .input {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
header .login-nav .input {
    background:#fff;
    color:#126f9b;
    padding:5px;
    border:1px solid #cdcdd5;
    width:100px;
    height:30px;
    margin-right:5px;
    position:relative
}
header .login-nav .input input {
    width:100%;
    font-size:.875rem;
    font-weight:400;
    color:#dcdd5
}
header .login-nav .input input::-webkit-input-placeholder {
    font-size:.875rem;
    font-weight:400;
    color:#cdcdd5
}
header .login-nav .input input::-moz-placeholder {
    font-size:.875rem;
    font-weight:400;
    color:#cdcdd5
}
header .login-nav .input input:-ms-input-placeholder {
    font-size:.875rem;
    font-weight:400;
    color:#cdcdd5
}
header .login-nav .input input::-ms-input-placeholder {
    font-size:.875rem;
    font-weight:400;
    color:#cdcdd5
}
header .login-nav .input input::placeholder {
    font-size:.875rem;
    font-weight:400;
    color:#cdcdd5
}
header .login-nav .input .forgot {
    position:absolute;
    top:50%;
    right:5px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:.75rem;
    font-weight:700;
    color:#02acbf;
    display:block
}
header .login-nav .btn {
    font-size:.875rem;
    font-weight:700;
    color:#126f9b;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:70px;
    height:36px;
    margin-right:5px
}
header .login-nav .btn.btn-login {
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b);
    color:#fff
}
header .login-nav .btn.btn-registered {
    color:#000;
    background:#47dbae
}
header .login-nav .lang .drop-select {
    height:36px;
    min-width:100px;
    border-radius:0;
    padding:0 5px 0 10px
}
footer {
    background:-webkit-gradient(linear, left top, left bottom, from(#292e3a), to(#434b5e));
    background:linear-gradient(180deg, #292e3a, #434b5e);
    position:relative
}
footer:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    -webkit-transform:translateY(-10%);
    transform:translateY(-10%);
    background:url(/upload/block.png) top no-repeat;
    background-size:contain;
    pointer-events:none
}
footer .partner .list {
    max-width:1200px;
    width:100%;
    margin:0 auto;
    padding:30px 0;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
footer .partner .list, footer .partner .list li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
footer .partner .list li {
    width:12.5%;
    height:100px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-transition:all .3s;
    transition:all .3s;
    align-items:center;
    padding-top:60px
}
footer .partner .list li img {
    max-width:150px
}
footer .footer-nav {
    border-top:1px solid #ddd;
    padding:20px 0 10px
}
footer .footer-nav .list {
    max-width:1200px;
    width:100%;
    margin:0 auto;
    padding:5px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
footer .footer-nav .list li {
    margin:0 10px
}
footer .footer-nav .list li a {
    font-size:.875rem;
    font-weight:700;
    color:#fff;
    display:block
}
footer .footer-nav .list li a:hover {
    color:#fff
}
footer .footer-nav .copyright {
    font-size:.875rem;
    font-weight:400;
    color:#fff;
    text-align:center;
    padding:5px
}
body.home .main .section-cover {
    max-width:1200px;
    width:100%;
    height:100%;
    margin:0 auto
}
body.home .main .banner {
    margin:0;
    position:relative
}
body.home .main .banner:after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    bottom:0;
    left:0;
    -webkit-transform:translateY(10%);
    transform:translateY(10%);
    background:url(/upload/block.png) bottom no-repeat;
    background-size:contain;
    pointer-events:none
}
body.home .main .block-orange img {
    position:absolute;
    margin-top:-33px
}
body.home .main .app {
    position:relative;
    background:url(/upload/app-bg.png) no-repeat
}
body.home .main .app .section-cover {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body.home .main .app .section-cover .txt-cover {
    margin-top:-10%
}
body.home .main .app .section-cover .txt-cover .txt-title {
    color:#fff
}
body.home .main .app .section-cover .txt-cover img {
    margin:30px 0 0;
    width:135px
}
body.home .main .service {
    position:relative
}
body.home .main .service .section-cover {
    text-align:center
}
body.home .main .service .section-cover .item-cover {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
body.home .main .service .section-cover .item-cover .item {
    width:46.5%;
    margin-bottom:20px
}
body.home .main .service .section-cover .item-cover .item, body.home .main .service .section-cover .item-cover .item .icon {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body.home .main .service .section-cover .item-cover .item .icon {
    max-width:80px;
    max-height:80px;
    width:auto;
    height:auto;
    margin:auto
}
body.home .main .service .section-cover .item-cover .item .txt-box {
    text-align:left;
    height:40%
}
body.home .main .service .section-cover .item-cover .item .txt-box .title {
    color:#126f9b;
    font-weight:700
}
body.home .main .service .section-cover .item-cover .item .txt-box .t {
    color:#000
}
body.home .main .marquee-cover {
    background:#292e3a;
    height:40px
}
body.home .main .marquee-cover .marquee-box {
    max-width:1200px;
    width:100%;
    height:100%;
    margin:auto;
    padding:0 50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:-webkit-gradient(linear, left top, left bottom, from(#292e3a), to(#434b5e));
    background:linear-gradient(180deg, #292e3a, #434b5e);
    position:relative
}
body.home .main .marquee-cover .marquee-box:after, body.home .main .marquee-cover .marquee-box:before {
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    top:0;
    z-index:1;
    border-style:solid;
    border-color:#292e3a transparent transparent
}
body.home .main .marquee-cover .marquee-box:before {
    left:0;
    border-width:40px 40px 0 0
}
body.home .main .marquee-cover .marquee-box:after {
    right:0;
    border-width:40px 0 0 40px
}
body.home .main .marquee-cover .title {
    font-size:1rem;
    font-weight:700;
    color:#02acbf;
    width:auto
}
body.home .main .marquee-cover .marquee {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
body.home .main .marquee-cover .marquee li {
    font-size:1rem;
    font-weight:700;
    color:#fff;
    display:block;
    word-break:keep-all;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-indent:.8em;
    float:left;
    margin-right:30px
}
.skeleton-placeholder {
    min-height:600px;
    margin-top:20px;
    background:url(/upload/index-bg.png);
    background-size:contain;
    position:sticky
}
.skeleton-placeholder .wrap {
    width:980px;
    left:-490px;
    margin-left:50%;
    position:relative
}
.skeleton-placeholder .wrap #showcase {
    visibility:hidden;
    height:600px
}
.skeleton-placeholder .wrap #showcase img {
    cursor:pointer
}
.skeleton-placeholder .wrap .noselect {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
body.game-detail .swiper {
    width:100%;
    padding-bottom:50px
}
body.game-detail .swiper .swiper-slide {
    background-position:50%;
    background-size:cover;
    width:300px;
    height:300px
}
body.game-detail .swiper .swiper-slide img {
    display:block;
    width:100%;
    border-radius:10px 10px 0 0
}
body.game-detail .swiper .swiper-slide .t {
    font-size:1.5rem;
    text-align:center;
    background:#fff
}
body.game-detail .main .banner {
    background:url(/upload/slot/bg3.jpg) no-repeat
}
body.game-detail .main .mySwiper {
    height:460px;
    padding-top:4%;
    max-width:1200px;
    width:100%;
    margin:0 auto
}
body.game-detail .main .tool-bar {
    position:relative;
    max-width:1200px;
    width:100%;
    margin:0 auto
}
body.game-detail .main .tool-bar:after {
    content:"";
    display:block;
    width:100vw;
    height:80px;
    position:absolute;
    right:0;
    z-index:-1
}
body.game-detail .main .tool-bar .list {
    -ms-flex-pack:distribute;
    justify-content:space-around
}
body.game-detail .main .tool-bar, body.game-detail .main .tool-bar .list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body.game-detail .main .tool-bar {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0 auto 0;
    background:#fff;
    height:70px;
    margin-top:30px;
    -webkit-box-shadow:0 2px 8px 0 rgba(61, 87, 223, .2);
    box-shadow:0 2px 8px 0 rgba(61, 87, 223, .2)
}
body.game-detail .main .tool-bar .list li {
    margin:0 30px
}
body.game-detail .main .tool-bar .list li.active a, body.game-detail .main .tool-bar .list li:hover a {
    color:#126f9b;
    font-weight:700
}
body.game-detail .main .tool-bar .list li a {
    font-size:1.5rem;
    font-weight:400;
    color:#000
}
body.game-detail .main .tool-bar .search {
    width:auto;
    background:#ccc;
    padding:10px 20px
}
body.game-detail .main .game-list {
    max-width:1200px;
    width:100%;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:30px
}
body.game-detail .main .game-list .list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
body.game-detail .main .game-list .list li {
    width:20%;
    text-align:center
}
body.game-detail .main .game-list .list li a {
    width:220px;
    display:block;
    margin:0 auto;
    background:#e7eff6
}
body.game-detail .main .game-list .list li a .t {
    position:relative;
    bottom:125px;
    left:60px;
    visibility:hidden;
    background-color:#126f9b;
    color:#fff;
    padding:5px;
    border-radius:10px;
    width:100px
}
body.game-detail .main .game-list .list li a:hover .t {
    visibility:visible
}
body.game-detail .main .game-list .list li a:hover img {
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    -webkit-transition:all .3s;
    transition:all .3s
}
body.game-detail .main .game-list .list li a:hover .after {
    content:"111"
}
body.game-detail .main .game-list .list li a:hover .name {
    color:#126f9b;
    font-weight:700
}
body.game-detail .main .game-list .list li img {
    border-radius:5px;
    -webkit-transition:all .3s;
    transition:all .3s
}
body.game-detail .main .game-list .list li .name {
    font-size:1.125rem;
    font-weight:400;
    color:#666;
    margin-bottom:35px;
    margin-top:-20px;
    padding-bottom:10px
}
body.sale {
    background:url(/upload/center/center-bg.png)
}
body.sale .main .main-cover {
    background:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0
}
body.sale .main .main-cover .sale-list .item {
    margin-bottom:15px;
    cursor:pointer;
    position:relative
}
body.sale .main .main-cover .sale-list .item .time-cover {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    padding:5px 0
}
body.sale .main .main-cover .sale-list .item .time-cover .time {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    font-size:1rem;
    font-weight:400;
    color:#333;
    font-style:italic
}
body.sale .main .main-cover .sale-list .item .time-cover .btn {
    background:#126f9b;
    font-size:.875rem;
    font-weight:700;
    color:#fff;
    padding:3px 10px;
    border-radius:20px
}
body.sale .main .main-cover .sale-list .item .item-cover {
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    -webkit-box-shadow:0 3px 6px rgba(0, 0, 0, .16);
    box-shadow:0 3px 6px rgba(0, 0, 0, .16)
}
body.sale .main .main-cover .sale-list .item .img-box img {
    display:block
}
body.sale .main .main-cover .sale-list .item .txt-box {
    padding:10px 20px;
    display:none
}
body.sale .main .main-cover .sale-list .item .txt-box p {
    padding:10px 0
}
body.member .drop {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:36px;
    background-color:#fff;
    color:#000;
    border:1px solid #cdcdd5
}
body.member .note-text {
    text-align:center;
    color:#126f9b;
    margin:10px
}
body.member .main .main-cover .my-box {
    position:relative;
    margin-top:50px
}
body.member .main .main-cover .my-box .img-box {
    width:80px;
    height:80px;
    display:block;
    border-radius:50%;
    overflow:hidden;
    position:absolute;
    left:20PX;
    top:10PX
}
body.member .main .main-cover .my-box .my-list {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:10px 10px 10px 140px
}
body.member .main .main-cover .my-box .my-list li {
    width:25%;
    padding:7px 5px
}
body.member .main .main-cover .my-box .my-list li span {
    font-size:1rem;
    font-weight:400;
    color:#333
}
body.member .main .main-cover .my-box .my-list li span:first-child {
    padding-right:5px
}
body.member .main .main-cover .my-box .my-list li.id span:last-child {
    font-size:1rem;
    font-weight:700;
    color:#333
}
body.member .main .main-cover .my-box .my-list li.count span:last-child {
    font-size:1rem;
    font-weight:700;
    color:#ec6187
}
body.help {
    background:url(/upload/league_bg.jpg) no-repeat
}
body.help .main {
    max-width:1200px;
    width:100%;
    margin:0 auto;
    overflow:visible;
    padding:2% 0
}
body.help .main .top-tab {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body.help .main .top-tab li {
    margin:0 50px 30px
}
body.help .main .top-tab li.active a {
    background:#126f9b
}
body.help .main .top-tab li.active a img {
    opacity:1
}
body.help .main .top-tab li.active a .name {
    color:#fff9f9;
    font-weight:700
}
body.help .main .top-tab li a {
    width:150px;
    height:150px;
    border-radius:50%;
    background:#333;
    border:10px solid #fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    text-align:center;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
body.help .main .top-tab li a img {
    max-width:56px;
    max-height:56px;
    opacity:.3
}
body.help .main .top-tab li a .name {
    font-size:1.5rem;
    font-weight:400;
    color:#ccc;
    padding:10px
}
body.help .main .content-box .tab-list {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0 5%
}
body.help .main .content-box .tab-list:after {
    content:"";
    display:block;
    width:100vw;
    height:140px;
    position:absolute;
    bottom:0;
    left:50%;
    z-index:-1;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background:#333
}
body.help .main .content-box .tab-list li {
    cursor:pointer;
    font-size:1.5rem;
    font-weight:400;
    color:#999;
    padding:10px 15px;
    border-radius:10px 10px 0 0;
    text-align:center
}
body.help .main .content-box .tab-list li.active {
    background:#fff;
    color:#126f9b;
    font-weight:700
}
body.help .social-box {
    max-width:355px;
    min-width:290px;
    border:1px solid #979797;
    position:relative;
    text-align:center;
    margin:20px auto;
    padding-bottom:100px;
    height:505px
}
body.help .social-box p {
    margin-bottom:15px
}
body.help .social-box .social-box-body {
    padding:20px 20px 10px 20px
}
body.help .social-box .social-box-body .btn2 {
    background:#03c202;
    color:#fff;
    border:none;
    padding:5px 10px;
    border-radius:5px;
    margin-left:6px;
    cursor:pointer;
    -webkit-box-shadow:3px 3px 2px rgba(0, 0, 0, .4117647059);
    box-shadow:3px 3px 2px rgba(0, 0, 0, .4117647059)
}
body.help .social-box .social-box-body .txt-box2 .title {
    position:relative
}
body.help .social-box .social-box-body .txt-box2 .title:before {
    content:"";
    display:inline;
    width:4px;
    height:18px;
    margin-right:5px;
    background:#126f9b;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
body.news .main .news-txt {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#eaf4fb;
    border-radius:5px;
    position:relative;
    margin-bottom:10px
}
body.news .main .news-txt .img-box {
    width:75px;
    padding-left:10px
}
body.news .main .news-txt .txt {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:0 10px
}
body.news .main .news-txt .txt .news-title {
    border-bottom:1px solid #126f9b
}
body.news .main .news-txt .txt .news-title span {
    font-size:1rem;
    font-weight:700;
    color:#666;
    padding-right:20px
}
body.news .main .news-txt .txt p {
    font-size:1rem;
    font-weight:400;
    color:#666;
    padding:10px 0;
    line-height:1.5
}
body.news .main .news-txt .close-btn {
    position:absolute;
    top:5px;
    right:0;
    z-index:2;
    padding:10px
}
body.login {
    width:100%;
    height:100%;
    background:url(/upload/login_bg.jpg) top no-repeat;
    background-size:cover;
    background-attachment:fixed
}
body.login .main {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:fixed;
    top:50vh;
    left:50%;
    width:100%;
    max-width:450px;
    -webkit-transform:translate(-50%, -65%);
    transform:translate(-50%, -65%)
}
body.login .main .top-box {
    position:relative;
    width:100%
}
body.login .main .top-box .logo-box {
    margin:0 auto 5%
}
body.login .main .top-box .logo-box img {
    width:auto;
    display:block;
    margin:auto
}
body.login .main .out-cover {
    position:relative;
    background:rgba(0, 0, 0, .7);
    border-radius:10px;
    padding:0 20px 20px;
    width:80%
}
body.login .main .out-cover.open {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
body.login .main .out-cover .log-btn, body.login .main .out-cover .log-tab {
    border:none;
    width:100%;
    position:relative
}
body.login .main .out-cover .log-btn li, body.login .main .out-cover .log-tab li {
    position:relative;
    background:url(/upload/title.png) top no-repeat;
    background-size:70% 110%;
    padding:25px 15px;
    word-break:keep-all;
    cursor:pointer
}
body.login .main .out-cover .log-btn li span, body.login .main .out-cover .log-tab li span {
    display:block;
    font-size:1.5rem;
    font-weight:400;
    color:#000
}
body.login .main .out-cover .log-btn li p, body.login .main .out-cover .log-tab li p {
    width:auto;
    margin-right:10px;
    font-size:1.5rem;
    font-weight:400;
    color:#000
}
body.login .main .out-cover .log-btn li.active, body.login .main .out-cover .log-tab li.active {
    position:absolute;
    top:0;
    left:0;
    background:none;
    pointer-events:none;
    padding:25px 0
}
body.login .main .out-cover .log-btn li.active span, body.login .main .out-cover .log-tab li.active span {
    display:none
}
body.login .main .out-cover .log-btn li.active p, body.login .main .out-cover .log-tab li.active p {
    font-size:1rem;
    font-weight:700;
    color:#47dbae
}
body.login .main .out-cover .tab-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-top:20px
}
body.login .main .out-cover .tab-content .form_item.mark {
    margin-bottom:45px;
    position:relative
}
body.login .main .out-cover .tab-content .form_item.mark .btn-copy {
    position:absolute;
    right:0;
    bottom:-35px
}
body.login .main .out-cover .tab-content .gogo {
    display:block;
    text-align:center;
    width:100%
}
body.login .main .out-cover .tab-content .gogo span {
    color:#fff
}
body.login .main .tab-content-box {
    padding:10px 0
}
body.login .main .tab-content-box .send, body.login .main .tab-content-box span {
    font-size:.75rem;
    font-weight:400;
    color:#fff
}
body.login .main .tab-content-box .btn-copy {
    background:-webkit-gradient(linear, left top, left bottom, from(#02acbf), to(#126f9b));
    background:linear-gradient(180deg, #02acbf, #126f9b)
}
body.login .main .log-btn, body.login .main .log-tab {
    -ms-flex-pack:center;
    -ms-flex-align:center;
    border:1px solid #126f9b;
    border-radius:50px;
    min-width:45px;
    height:70px
}
body.login .main .log-btn, body.login .main .log-btn li, body.login .main .log-tab, body.login .main .log-tab li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center
}
body.login .main .log-btn li, body.login .main .log-tab li {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:10px;
    -ms-flex-pack:center;
    -ms-flex-align:center;
    font-size:1rem;
    font-weight:400;
    color:#126f9b
}
body.login .main .log-btn li.active, body.login .main .log-tab li.active {
    border-radius:50px;
    background:#126f9b;
    color:#fff
}
body.login .main .form_Box {
    margin-bottom:10px
}
body.login .main .form_Box .form_note {
    padding:5px 0;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
body.login .main .form_item {
    padding:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#fff;
    border-radius:10px
}
body.login .main .form_item .form_title {
    width:20px;
    min-width:20px
}
body.login .main .form_item .txt_input {
    padding:0 0 0 10px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    color:#000
}
body.login .main .form_item input::-webkit-input-placeholder {
    color:#b3b3b3
}
body.login .main .form_item input::-moz-placeholder {
    color:#b3b3b3
}
body.login .main .form_item input:-ms-input-placeholder {
    color:#b3b3b3
}
body.login .main .form_item input::-ms-input-placeholder {
    color:#b3b3b3
}
body.login .main .form_item input::placeholder {
    color:#b3b3b3
}
body.login .main .form_note {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:10px 0
}
body.login .main .eye img {
    display:none;
    width:20px;
    min-width:20px
}
body.login .main .eye img.on {
    display:block
}
body.login .main .oops {
    width:100%;
    display:block;
    font-size:.75rem;
    font-weight:400;
    color:#47dbae
}
body.login .main .color-a {
    color:#02acbf
}
body.login .main .btn-send {
    background:#47dbae;
    color:#000
}
body.deposit .drop_deposit {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:36px;
    background-color:#fff;
    color:#000;
    border:1px solid #cdcdd5;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
body.deposit .deposit-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border-bottom:1px solid #efeeee;
    padding:20px
}
body.deposit .deposit-list li {
    width:calc(20% - 7px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:5px;
    margin-top:15px;
    border:1px solid #d8d8d8;
    border-radius:5px
}
body.deposit .deposit-list li.active {
    border-color:#126f9b
}
body.deposit .deposit-list li.active .t {
    color:#126f9b
}
body.deposit .deposit-list li:not(:nth-child(5n+5)) {
    margin-right:7px
}
body.deposit .deposit-list li img {
    max-width:none;
    width:auto;
    max-height:40px;
    margin:5px
}
body.deposit .add_title {
    font-size:1rem;
    font-weight:400;
    color:#333;
    padding-bottom:5px
}
body.deposit .add-money {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    padding:0
}
body.deposit .add-money, body.deposit .add-money li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body.deposit .add-money li {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:auto;
    min-width:80px;
    min-height:40px;
    margin:0 2px;
    cursor:pointer;
    text-align:center;
    font-size:1rem;
    font-weight:400;
    color:#126f9b;
    padding:5px 10px;
    border:1.5px solid #126f9b;
    border-radius:5px
}
body.deposit .add-money li.active {
    color:#fff;
    background:#126f9b
}
body.deposit .market-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
body.deposit .market-list li {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin:auto;
    padding:0 10px
}
body.deposit .market-list li img {
    width:80px
}