/*脙漏芒鈧�澝⑩偓拧脙陇脗陆脗赂脙娄茂驴陆脗芦脙搂脗禄芒鈧懊兟γ⑩偓鈩⒚偮兟ッ偮疵偮裁兟┟⑩偓藴脗录脙庐芒鈧久柯矫兟柯矫⑩偓垄脙漏芒鈧�溍偮棵兟⑩偓聽脗潞脙楼脗搂脗麓脙搂脗禄芒鈥毬兟ッ⑩偓鈥澝嬇撁兟偮姑柯矫兟┟⑩偓鈥澝嬧�犆兟γ偮睹⑩�灺⒚兟偮济柯矫兟γ偮棵吢久兟ッ⑩偓娄脗录脙庐脜隆脜聽脙漏茂驴陆脜鈥櫭兟γ偮睹偮⒚兟ッ偮济偮矫兟┟柯矫偮兟⑩偓拧脗垄脙庐茂驴陆脗露*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a,
span {
    margin: 0;
    padding: 0;
    color: #7e7d7d;
    font-size: 16px;
    font-family: PingFangSC-Regular, sans-serif;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #7e7d7d;
    /*border: #a9a9a9 1px solid; */
}

body {
    overflow-x: hidden;
}

:focus {
    outline: 0;
}

a: {
    -webkit-tap-heighlight-color: transparent;
}

body,
button,
input,
select,
textarea {
    /*font: 12px/1.5 tahoma, arial, \5b8b\4f53;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: couriernew, courier, monospace;
}

small {
    font-size: 12px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    font-size: 20px;
    /*overflow-x:scroll*/
}

/*header*/
.header {
    background: url(/assets/abc2024/images/hdbg2.png) no-repeat center top #0277fe;
    height: 120px;
    /*     min-width: 1220px; */
    /*     max-width: 1920px; */
    /* 	width:1920px; */
    line-height: 80px;
    /*border-bottom: #e1e8ed solid 1px;*/
    position: relative;
    z-index: 899;
    background-size: cover;
}

.header-content {
    width: 1240px;
    margin: 0 auto;
    position: relative;
    text-align: right;
    height: 90px;
}

.hd-nav {
    float: right;
    width: 1040px;
    margin-right: -20px;
}

.hd-logo {
    float: left;
    /*margin-top: 5px;*/
    /* height: 70px; */
    overflow: hidden;
}

.hd-logo a {
    /* width: 141px;
    height: 60px; */
}

.hd-logo a img {
    margin-top: -4px;
    margin-left: 10px;
}

.login {
    /*     min-width: 1220px; */
    /*     max-width: 1920px; */
    height: 40px;
    line-height: 40px;
    /*background: url("/assets/abc2024/images/login-bg.png") no-repeat;*/
    background-color: #f6f9ff;
}

.login-content {
    width: 1220px;
    height: 40px;
    margin: 0 auto;
    font-size: 12px;
    position: relative;
}

.timeShow {
    float: left;
    color: #444444;
    font-size: 12px;
}

.topr {
    float: right;
    margin-right: 10px;
}

.top-fm li {
    float: left;
    margin-left: 10px;
    position: relative;
}

.top-fm .txt {
    width: 150px;
    height: 25px;
    border-radius: 1px;
    background: #eaedf4;
    border: 0;
    padding-left: 10px;
    line-height: 25px;
    font-size: 14px;
}

.top-fm .pwd {
    position: absolute;
    right: 2px;
    top: 10px;
    width: 44px;
    border: #c0c0c0 solid 1px;
    line-height: 18px;
    color: #1a7dff;
    border-radius: 1px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
}

.top-fm .header-btn {
    width: 60px;
    height: 25px;
    color: #FFFFFF;
    border-radius: 5px;
    background: #3c82fe;
    border: 0;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
}

.top-fm .btn-reg {
    background-color: #3c82fe;
    color: #fff;
    height: 25px;
}

.top-fm .btn-help {
    width: 100px;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    padding-left: 15px;
    background: url("/assets/abc2024/images/login-help.png") 5px no-repeat;
    background-color: #016dff;
}

/**/
.avatar-img {
    cursor: pointer;
    height: 30px;
}

#avatarContent {
    display: none;
}

body .avatar-content {
    background-color: unset;
    overflow: unset;
    box-shadow: unset;
    /* margin-top: 100px; */
}

#avatarContent .avatar-list-box {
    width: 600px;
    height: 240px;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto;
    border-radius: 10px;
    padding: 0 20px;
    overflow: hidden;
    background: #FFFFFF;
}

.avatar-list-box::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    border-left: 20px solid transparent;
    top: -48px;
    left: 258px;
}

#avatarContent .avatar-img-list {
    width: 60px;
    margin: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.avatar-switch-box {
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-switch-btn {
    display: flex;
    align-items: center;
    background: #f6f7f8;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    color: #7c8591;
    justify-content: center;
    cursor: pointer;
}

.avatar-switch-btn-activing {
    background: #78bdf2;
    color: #fff;
    cursor: unset;
}

.avatar-switch-btn:first-child {
    margin-right: 20px;
}

.avatar-img-list-activing {
    border: 3px solid #ffba00;
}

/*  */
.topr-user {
    float: left;
}

.topr-user li {
    float: left;
    margin-left: 20px;
    position: relative;
}

.topr-user .ava {
    /* background: url("/assets/abc2024/images/hd-02.png") no-repeat left center; */
    padding-left: 10px;
    height: 40px;
    font-size: 14px;
    color: #7e7d7d;
}

.topr-user font {
    color: #7cfc00;
}

.topr-user li>a {
    display: block;
    color: #7e7d7d;
    font-size: 14px;
}

.topr-user li .topVertical {
    width: 1px;
    height: 16px;
    background: #7e7d7d;
}

.topr-user li>dl {
    border: #ededed solid 1px;
    width: 110px;
    border-radius: 0 0 5px 5px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    top: 40px;
    z-index: 2;
    display: none;
}

.topr-user li dd {
    border-bottom: #eeeeee solid 1px;
}

.topr-user li>dl a {
    height: 45px;
    line-height: 45px;
    color: #444444;
    padding-left: 40px;
    background: url("") no-repeat 10px center;
    display: block;
}

.topr-user li dd:nth-child(even) {
    background: #eee;
}

.topr-user .lgt {
    background: url("/assets/abc2024/images/hd-03.png") no-repeat left center;
    padding-left: 25px;
}

/*header-脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶吢∶兟ッ⑩�毬偮访兟ッ偮偮疵兟ッ⑩偓潞脗卢脙庐芒鈧拷脜隆脙篓脗陇茂驴陆脙漏芒鈧溍偮好兟┟柯矫柯矫兟γ⑩偓隆芒鈧�溍兟┟嬧�犆偮好兟っ偮矫偮好兟偮柯矫兟偮济⑩偓拧脙楼芒鈧∶⑩�灺⒚兟⑩偓啪脗娄脙漏脗隆脗颅脙楼芒鈧好偮兟γ⑩偓拧脗碌脙漏茂驴陆脗芦脙娄芒鈧好吢该兟⑩偓娄芒鈧⒚兟γ偮っ偮っ兟γ⑩偓啪脗庐脙楼脗搂脗麓脙漏茂驴陆芒鈧拷脙娄脗掳脗露脙娄脜赂脗隆脙漏茂驴陆芒鈧⒚兟⒚⑩偓垄茂驴陆脙楼脜聽脗娄脙漏芒鈧�溍偮好兟ッ偮泵偮久兟偮⑩偓藴脙漏脣鈥犆偮矫兟ッ偮っ吢犆兟⒚⑩偓鈥溍吢矫兟┟吢矫偮懊兟⑩偓聽脗戮脙垄芒鈧�溍柯矫兟┟⑩偓鈥澝⑩偓拧脙陇脗陆脗赂脙娄芒鈧犆偮∶兟┟柯矫⑩偓锟矫冣�樏⑩偓隆脙楼脗鹿茂驴陆脙漏茂驴陆芒鈧溍兟吢犆偮ッ兟⒚⑩偓鈩⒚⑩偓鈩⒚兟ッ偮偮疵兟偮矫嬧�犆兟ッ偮偮っ兟偮好偮兟ッ偮犆⑩偓垄脙娄脜赂芒鈧好兟┟⑩偓锟矫柯矫兟ッ偮棵⑩偓垄脙搂芒鈧⒚偮得兟γ偮ッ偮犆兟⑩偓拧脗虏脙搂脗鹿脣艙脙漏茂驴陆茂驴陆脙娄芒鈧劉脗禄脙娄芒鈧⒚⑩偓艙脙漏芒鈧拷脜赂脙炉脗驴脗陆*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nav {
    /*padding: 0 20px;*/
    height: 80px;
    line-height: 80px;
    position: relative;
    z-index: 1;
}

.nav a {
    color: #fff;
}

.nav .nLi:first-child img {
    /*margin-top: 7px;*/
}

.nav .nLi {
    width: 102px;
    height: 79px;
    float: left;
    position: relative;
    display: flex;
    justify-content: center;
}


.nav .nLi:hover {
    background-color: #2893fe;
}

.nav .nLi:hover p>img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.nav .nLi:hover p .nav-fonts-img {
    transform: unset
}

.nav .nLi:nth-child(8) {
    margin-left: 10px;
}

.nav .nLi:last-child {
    margin-left: -8px;
}

.nav .nLi .nav-columns-fonts {
    float: left;
}

.nav .nLi .nav-columns-fonts .header-tm {
    margin-bottom: 3px;
}

.nav .nLi .nav-columns-fonts a {
    /*display: block;*/
    /* padding: 0 5px 0 20px; */
    font-size: 15px;
    /*font-weight: bold;*/
}

.nav .nLi .nav-columns-fonts>img {
    margin-bottom: 2px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.nav .sub {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    display: none;
    left: -560px;
    top: 80px;
    position: absolute;
    line-height: 26px;
    padding: 0 350px;
    width: 1920px;
    background-color: #f1f8fe;
    box-shadow: 5px 1px 20px rgb(52, 122, 253, .12);
}

.zanzhuSub {
    padding: 0px 246px !important;
    width: 1957px !important;
}

.nav .nLi:nth-child(2) .sub {
    left: -675px;
}

.nav .nLi:nth-child(3) .sub {
    left: -790px;
}

.nav .nLi:nth-child(4) .sub {
    left: -905px;
}

.nav .nLi:nth-child(5) .sub {
    left: -1020px;
}

.nav .nLi:nth-child(6) .sub {
    left: -1135px;
}

.nav .nLi:nth-child(7) .sub {
    left: -1243px;
}

/*.nav .nLi:nth-child(8) .sub {*/
/*    left: -889px;*/
/*}*/

.nav .sub li {
    zoom: 1;
    height: 100%;
    float: left;
    width: 300px;
    transition: background-color .5s;
    overflow: hidden;
    background: url("/assets/abc2024/images/banner/separator.png") right 44px no-repeat;
}

.nav .sub li:last-child {
    background: none;
}

.nav .sub li:hover {
    background-color: #ffffff;
}

.nav .sub a {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* display: block; */
    /*padding: 0 10px;*/
    text-align: center;
    height: 280px;
    position: relative;
    overflow: hidden;
}

.nav .sub a:hover {
    color: #fff;
}

.nav .sub a:hover img:last-child,
.nav .sub a:hover .scale-img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.nav .on .nav-columns-fonts a {
    color: #fff;
}

.nav .nLi .ty-columns li:last-child img:last-child {
    width: 240px;
    height: 190px;
    margin-left: 30px;
    margin-top: 40px;
}

.nav .nLi .dj-columns li:last-child img:last-child {
    width: 240px;
    height: 190px;
    margin-left: 30px;
    margin-top: 40px;
}

.nav .nLi .sub li a img:last-child,
.scale-img {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.nav .nLi .ty-columns img:first-child {
    height: 30px;
    display: block;
    margin: 10px auto 0;
}

.nav .nLi .ty-columns .ty-columns-1 {
    margin-left: 22px;
}

.nav .nLi .ty-columns .ty-columns-2 {
    margin-left: 35px;
}

.nav .nLi .ty-columns .ty-columns-3 {
    margin-left: 68px;
}

.nav .nLi .ty-columns li .ty-columns-4 {
    width: 90%;
    margin-top: 78px;
    height: 128px;
    margin-left: 10px;
}

.nav .dj-columns li {
    width: 406px;
}

.nav .dj-columns li .banner-dj {
    position: relative;
    text-align: left;
}

.nav .dj-columns li .banner-dj .dj-columns-1,
.nav .dj-columns li .banner-dj .dj-columns-2 {
    margin-top: 10px;
    margin-left: 28px;
}

.nav .dj-columns li .banner-dj div {
    font-size: 14px;
    color: #7e7d7d;
    margin-left: 28px;
}

.nav .dj-columns li .banner-dj .dj-logo {
    position: absolute;
    right: 50px;
    bottom: 0;
}

.nav .dj-columns li .dj-columns-3 img {
    margin-top: 76px;
}

.nav .zr-columns a {
    position: relative;
}

.nav .zr-columns img:first-child {
    float: left;
    margin-top: 10px;
    margin-left: 74px;
    height: 30px;
}

.nav .qp-columns img:last-child {
    display: block;
    height: 298px;
    margin: -68px auto 0;
}

.nav .qp-columns .qp-title {
    height: 30px;
    display: block;
    margin: 10px auto 0;
}

.nav .zr-columns span {
    float: left;
    font-size: 13px;
    margin-top: 10px;
    margin-left: 10px;
    line-height: 15px;
    color: #7e7d7d;
}

#nav .nLi .cp-columns a img:last-child {
    margin: -30px auto 0;
    display: block;
    height: 248px;
    width: unset;
}

.nav .zr-columns .banner-zr-1 img:last-child {
    position: absolute;
    left: 25px;
    bottom: 0;
    width: 230px;
}

.nav .zr-columns .banner-zr-2 img:last-child {
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 175px;
}

.nav .zr-columns .banner-zr-3 img:last-child {
    position: absolute;
    left: 10px;
    bottom: 0;
}

.nav .zr-columns .banner-zr-4 img:last-child {
    position: absolute;
    left: 20px;
    bottom: 0;
}

.nav .zr-columns .banner-zr-5 img:last-child {
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 168px;
}

.nav .zr-columns .banner-zr-6 img:last-child {
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 168px;
}

.nav .zr-columns .zr-columns-1 {
    margin-left: 40px !important;
}

.nav .zr-columns .zr-columns-2 {
    margin-left: 20px !important;
}

.nav .zr-columns .zr-columns-3 {
    margin-left: 18px !important;
}

.nav .zr-columns .zr-columns-4 {
    margin-left: 35px !important;
}

.nav .zr-columns .zr-columns-5 {
    margin-left: 5px !important;
}

.nav .zr-columns .zr-columns-6 {
    margin-left: -5px !important;
}

#nav .nLi .dz-columns a img:last-child {
    margin: -50px auto 0;
    display: block;
    height: 254px;
    width: unset;
}

/*.nav .dz-columns li a {*/
/*position: relative;*/
/*}*/
/* .nav .dz-columns li a img:first-child {
    float: left;
    margin-top: 10px;
}

.nav .dz-columns li a span {
    float: left;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 10px;
    line-height: 20px;
    color: #7e7d7d;
}

.nav .dz-columns li .dz-columns-1,
.nav .dz-columns li .dz-columns-2 {
    margin-left: 66px;
}

.nav .dz-columns li .dz-columns-3 {
    margin-left: 45px;
}

.nav .dz-columns li .banner-dz-1 img:last-child {
    margin-left: 50px;
}

.nav .dz-columns li .banner-dz-2 img:last-child {
    margin-left: 50px;
}

.nav .dz-columns li .banner-dz-3 img:last-child {
    margin-left: 50px;
}

.nav .dz-columns li .banner-dz-4 .dz-columns-4 {
    margin-top: 85px;
} */

.nav .nLi .ty-columns span {
    float: left;
    font-size: 16px;
    margin: 13px 0 0 10px;
    color: #7e7d7d;
}

.nav .nLi .cp-columns .cp-columns-1 {
    display: block;
    margin: 20px auto 0;
    height: 30px;
}

.nav .nLi .cp-columns .cp-columns-2 {
    margin-left: 80px;
}

.nav .nLi .cp-columns .cp-columns-3 {
    margin-left: 98px;
}

.nav .nLi .cp-columns .cp-columns-4 {
    margin-left: 98px;
}

.nav .sub .banner-qp {
    position: relative;
    text-align: center;
}

.nav .sub .banner-qp div {
    margin: 10px 0 0 10px;
    font-size: 18px;
    color: #7e7d7d;
}

.nav .sub .banner-50 {
    text-align: center;
}

.nav .sub .banner-50 .qp-50 {
    margin-top: 74px;
}

.nav .brand-sub li {
    /* width: 174px; */
    /*width: 202px;*/
    width: 232px;
}

.nav .brand-sub li a img {
    margin-top: 50px;
}

.nav .brand-sub li a p {
    color: #7e7d7d;
    height: 22px;
    text-align: center;
    margin-top: 6px;
    font-size: 16px;
}

.unlogin-ty {
    width: 75% !important;
}

.unlogin-ty2 {
    width: 25% !important;
}


/*----------------------------*/
/*-content*/
.toOriginal {
    font-size: 14px !important;
    color: #016dff !important;
}

svg {
    stroke: #0276fe;
}

.index-body {
    /*     width: 1920px; */
    /*     max-width: 1920px; */
    /*margin-bottom: 20px;*/
    background: #F2F4F8;
}

.main-content {
    width: 1220px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 80px;
}

/**/
.slideBox {
    width: 1220px;
    height: 500px;
    overflow: hidden;
    position: relative;
}

.slideBox:hover .prev {
    filter: alpha(opacity=50);
    opacity: .5;
}

.slideBox:hover .next {
    filter: alpha(opacity=50);
    opacity: .5;
}

.slideBox .hd {
    height: 9px;
    overflow: hidden;
    position: absolute;
    left: 520px;
    bottom: 16px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
    width: 130px;
    display: flex;
    justify-content: space-around;
}

.slideBox .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    line-height: 14px;
    text-align: center;
    background: rgb(255, 255, 255, .65);
    cursor: pointer;
}

.slideBox .hd ul li.on {
    background: #FFFFFF;
    width: 20px;
    border-radius: 10px;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox .bd img {
    width: 1220px;
    height: 500px;
    display: block;
    border-radius: 8px;
}

.slideBox .prev,
.slideBox .next {
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: -59px;
    display: block;
    width: 40px;
    height: 90px;
    background-color: #838b97;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: opacity 0.5s;
}

.slideBox .prev {
    background: url(/assets/abc2024/images/index-slide-leftArrow-new.png) no-repeat;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.slideBox .next {
    left: auto;
    right: 0;
    background: url(/assets/abc2024/images/index-slide-rightArrow-new.png) no-repeat;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBox .prevStop {
    display: none;
}

.slideBox .nextStop {
    display: none;
}

.slideBox .hd li {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

/*脙漏芒鈧�澝⑩偓拧脙陇脗陆脗陆脙楼脗麓脗碌脙娄脗驴脗庐脙楼脗露芒鈧懊兟ッ偮疵⑩偓鈩⒚兟ッ偮嬇撁兟⑩偓啪芒鈧∶兟Ｃ⑩偓拧脗庐脙漏芒鈧�澝⑩偓拧脙陇脗陆脗赂脙搂脗拢脗颅脙漏脜陆脗鲁脙娄芒鈧劉脗禄脙娄芒鈧∶偮兟┟吢矫偮久兟偮偮裁兟偮⑩偓鈥溍兟γ偮棵偮兟γ偮ッ⑩偓鹿脙娄芒鈧姑偮访兟┟⑩偓鈥溍偮好兟っ偮矫偮姑兟γ柯矫⑩偓隆脙漏茂驴陆茂驴陆脙娄芒鈧劉脗禄脙娄芒鈧⒚⑩偓艙脙漏芒鈧拷脜赂脙炉脗驴脗陆*/
.marqueeBox {
    width: 100%;
    height: 36px;
    background-color: #FFFFFF;
    margin-top: 25px;
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 6px 6px -4px rgb(203, 208, 218, .25);
}

.marqueeBox .marqueeBoxTitle {
    display: inline-block;
    width: 80px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    font-weight: bold;
    color: #347afd;
    padding-left: 40px;
    background: url("/assets/abc2024/images/marquee-icon2.png")12px center no-repeat;
}

.marquee {
    width: 93%;
    float: right;
    height: 36px;
    font-size: 14px;
    color: #347afd;
    background-color: #FFFFFF;
    line-height: 36px;
    white-space: nowrap;
    overflow: -webkit-marquee;
    -webkit-marquee-speed: normal;
    -webkit-marquee-style: slide;
    font-family: PingFangSC-Semibold, sans-serif;
    /*font-weight: bold;*/
}

.marquee span {
    font-size: 14px;
    color: #347afd;
    display: inline-block;
    margin-right: 50px;
}

#goodcover {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 1920px;
    height: 2900px;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.50;
    filter: alpha(opacity=80);
}

#code {
    width: 960px;
    height: 560px;
    background-color: #fff;
    position: absolute;
    display: none;
    left: 45%;
    z-index: 9999;
    border-radius: 10px;
}

.close1 {
    width: 300px;
    height: 60px;
}

#closebt {
    float: right;
}

#closebt img {
    width: 20px;
}

.goodtxt {
    text-align: center;
}

.goodtxt p {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.notice-content {
    width: 960px;
    height: 560px;
    box-shadow: 0px 4px 30px -2px rgb(0, 0, 0, .3);
}

.notice-content .notice-title {
    width: 960px;
    height: 59px;
    line-height: 59px;
    font-size: 23px;
    color: #ffffff;
    font-weight: bold;
    overflow: hidden;
    background: url("/assets/abc2024/images/notice-title-bg.png") no-repeat;
}

.notice-content .notice-title img,
.notice-content .notice-title span {
    float: left;
}

.notice-content .notice-title span:nth-child(2) {
    margin-left: 10px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 63px;
}

.notice-content .notice-title a:last-child {
    float: right;
    margin: 17px 15px 0 0;
    width: 27px;
    height: 27px;
    background: url("/assets/abc2024/images/notice-close.png") no-repeat;
}

.notice-content .notice-title img {
    margin: 17px 0 0 15px;
}

#notice-title-list {
    width: 250px;
    height: 502px;
    float: left;
    margin-top: -1px;
    overflow-y: auto;
    box-shadow: 2px 0px 14px -2px rgb(0, 0, 0, .1);
}

#notice-title-list::-webkit-scrollbar {
    display: none
}

#notice-title-list li {
    width: 100%;
    height: 91px;
    font-size: 16px;
    border-bottom: #eaeaea 1px solid;
    padding-top: 20px;
}

.notice-title-list-active {
    background: url("/assets/abc2024/images/notice-list-bg.png") no-repeat;
}

.notice-title-list-active .notice-hd-title {
    color: #ffffff;
}

.notice-title-list-active .notice-hd-title2 {
    color: #ffffff;
}

.notice-title-list-active .notice-hd-time {
    color: #ffffff;
}

.notice-hd-title {
    font-size: 16px;
    color: #ffffff;
    margin-left: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #454545;
}

.notice-hd-title2 {
    font-weight: normal;
    color: #ffffff;
    margin-left: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #adadad;
}

.notice-hd-time {
    font-size: 12px;
    color: #ffffff;
    margin-left: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #aaaaaa;
    margin-top: 6px;
}

.notice-content-show {
    width: 678px;
    height: 495px;
    float: right;
}

.notice-content-Div {
    width: 668px;
    height: 455px;
    overflow: hidden;
    overflow-y: auto;
    padding-top: 20px;
    margin-top: 0px;
    /*background: url(/assets/abc2024/images/notice-article-bg.png) -15px -13px no-repeat;*/
}

.notice-content-Div::-webkit-scrollbar {
    display: none
}

.notice-artice-title {
    width: 575px;
    height: 70px;
    overflow: hidden;
    border-bottom: #dddddd 1px solid;
    margin-left: 25px;
}

.notice-artice-title img {
    float: left;
    margin-top: 25px;
}

.notice-artice-title span {
    float: left;
    font-size: 20px;
    color: #31a2e7;
    margin: 23px 0 0 14px;
}

.notice-artice-content {
    width: 545px;
    /*height: 600px;*/
    /*overflow: hidden;*/
    margin-left: 38px;
    padding: 20px 15px 80px 10px;
    position: relative;
    /*overflow-y: auto;*/
    /*overflow: scroll;*/
}

.notice-artice-content span,
.notice-artice-content p {
    font-size: 16px;
    color: #706e6e;
    line-height: 26px;
}

.blue-fonts {
    color: #028afe !important;
}

.notice-article-sign {
    position: absolute;
    right: 0;
    bottom: 0;
}

#code2,
#code3 {
    display: none;
    width: 442.5px;
    min-height: 245px;
    border: #e1e1e1 1px solid;
    border-radius: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    border-top: none;
    z-index: 1002;
}

#code2 .code2-title,
#code3 .code3-title {
    width: 450px;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    background: url("/assets/abc2024/images/notice2-bg-title.png")left top no-repeat;
}

#code2 .code2-title span,
#code3 .code3-title span {
    color: #ffffff;
}

#closebt2,
#closebt3 {
    float: right;
    margin: 10px 15px 0 0;
    width: 27px;
    height: 27px;
    background: url(/assets/abc2024/images/notice-close.png) no-repeat;
}

.code2-content {
    width: 360px;
    min-height: 100px;
    margin: 10px auto 0;
    color: #0f9ae6;
}

#code2 button {
    display: block;
    width: 230px;
    height: 65px;
    cursor: pointer;
    border-radius: 20px;
    border: none;
    margin: 20px auto 0;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: url("/assets/abc2024/images/notice2-button.png")no-repeat;
}

#code3 button,
#code3 .notice3-cancel {
    display: block;
    float: left;
    width: 189px;
    height: 53px;
    line-height: 53px;
    cursor: pointer;
    border-radius: 20px;
    border: none;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: url("/assets/abc2024/images/notice3-button.png")no-repeat;
}

#code3 .notice3-cancel {
    background: url("/assets/abc2024/images/notice3-button2.png")no-repeat;
}

.code3-bottom {
    width: 380px;
    overflow: hidden;
    margin: 40px auto 0;
}


/**/
.cooperation-column-lin1 {
    height: 180px;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    /*overflow: hidden;*/
}

.cooperation-column-lin1 li {
    /*float: left;*/
    width: 388px;
    height: 180px;
    border-radius: 5px;
    box-shadow: 4px 5px 8px -2px rgb(0, 0, 0, .2);
    transition: box-shadow 0.3s ease-in-out;
}

.cooperation-column-lin1 li:hover {
    box-shadow: 0px 15px 35px -20px #1da7ef;
}

.cooperation-column-lin1 li a {
    position: relative;
}

.cooperation-column-lin1 li a span {
    position: absolute;
    top: 35px;
    left: 55px;
    font-size: 20px;
    color: #347afd;
    font-weight: bold;
}

/**/
.cooperation-column-lin2 {
    overflow: hidden;
    margin-top: 45px;
}

.cooperation-column-lin2 .cooperation-column-lin2-left {
    float: left;
    margin-top: 35px;
}

.cooperation-column5-shadow {
    position: absolute;
}

.cooperation-column-lin2 .cooperation-column-lin2-right {
    float: right;
    height: 480px;
    margin-top: 35px;
}

.slideTxtBox {
    position: relative;
    width: 420px;
    height: 400px;
    text-align: center;
    margin-top: 60px;
}

.slideTxtBox .hd {
    width: 186px;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 2;
}

.slideTxtBox .hd ul {
    float: left;
    position: absolute;
    height: 32px;
}

.slideTxtBox .hd ul li {
    width: 186px;
    text-align: center;
    height: 54px;
    font-size: 20px;
    line-height: 54px;
    cursor: pointer;
    background: #FFFFFF;
    border-radius: 40px;
    box-shadow: 0px 6px 6px -4px #cbd0da;
    transition: all 0.5s;
}

.slideTxtBox .hd ul li:first-child {
    margin-bottom: 28px;
}

.slideTxtBox .hd ul li a {
    color: #0083FE;
    transition: color 0.5s;
}

.slideTxtBox .hd ul li.on {
    background: url("/assets/abc2024/images/cooperation-column-btn3.png") no-repeat;
    box-shadow: 0px 5px 15px -2px #30B7FF;
}

.slideTxtBox .hd ul li.on a {
    color: #ffffff;
}

.slideTxtBox .bd {
    position: absolute;
    top: 0;
    right: -37px;
    width: 420px;
    height: 400px;
    z-index: 1;
}

.slideTxtBox .bd ul {
    zoom: 1;
}

.slideTxtBox .bd li {
    position: relative;
    height: 400px;
    /*overflow: hidden;*/
}

.slideTxtBox .bd li .date {
    float: right;
    font-size: 16px;
    line-height: 33px;
    color: #555555;
}

.slideTxtBox .bd li .data-2 {
    position: absolute;
    bottom: 40px;
    right: -5px;
    width: 440px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.case-content {
    overflow: hidden;
    margin: 80px auto 0 auto;
    width: 1200px
}

.case-item:first-child {
    /*float: left;*/
    margin-left: -88px;
}

.case-item:last-child {
    margin-right: -20px;
}

.ih-item {
    position: relative;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item,
.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ih-item a {
    color: #333
}

.ih-item a:hover {
    text-decoration: none
}

.ih-item .qr-img {
    width: 155px;
    height: 154px;
}

.ih-item.circle,
.ih-item.circle .img {
    position: relative;
    width: 210px;
    height: 210px;
    /*border-radius: 50%*/
}

.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, .6), 0 1px 2px rgba(0, 0, 0, .3);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle .img img {
    margin-top: 7px;
}

.ih-item.circle .img p {
    font-size: 18px;
    color: #0078ff;
    margin-top: 8px;
    transition: all .5s;
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    /*border-radius: 50%;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.square {
    position: relative;
    width: 316px;
    height: 216px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3)
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ih-item.circle.effect1 .spinner {
    width: 220px;
    height: 220px;
    /*border: 10px solid #ecab18;*/
    /*border-right-color: #1ad280;*/
    /*border-bottom-color: #1ad280;*/
    /*border-radius: 50%;*/
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.ih-item.circle.effect1 .img {
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 40px;
    right: 0;
    width: 176px;
    height: 210px;
    background-color: rgb(255, 255, 255, .8);
    border-radius: 6px;
}

.ih-item.circle.effect1 .img:before {
    display: none
}

.ih-item.circle.effect1.colored .info {
    background: #1a4a72;
    background: rgba(26, 74, 114, .6)
}

.ih-item.circle.effect1 .info {
    width: 185px;
    height: 217px;
    top: 35px;
    left: 31px;
    background: #333;
    border-radius: 10px;
    background: rgba(29, 167, 239, .8);
    opacity: 0;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.ih-item.circle.effect1 .info h3 {
    width: 120px;
    height: 120px;
    /*background: url("/assets/abc2024/images/app-download/hover-search2.png") no-repeat;*/
    /*color: #fff;*/
    /*text-transform: uppercase;*/
    position: relative;
    top: 25px;
    left: 45px;
    /*letter-spacing: 2px;*/
    /*font-size: 24px;*/
    /*margin: 0 30px;*/
    /*padding: 55px 0 0;*/
    /*height: 110px;*/
    /*text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, .3)*/
}

.ih-item.circle.effect1 .info p {
    color: #FFFFFF;
    font-weight: bolder;
    padding: 10px 5px;
    font-size: 18px;
}

.ih-item.circle.effect1 a:hover .spinner {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ih-item.circle.effect1 a:hover .info {
    opacity: 1
}

.ih-item.circle.effect1 a:hover .img>p {
    opacity: 0;
}

.data-3 {
    position: absolute;
    left: -450px;
    top: -100px;
    font-weight: bold;
}

.data-3 .blue-fonts {
    font-size: 26px;
}

.data-4-img {
    float: left;
    width: 74px;
    height: 74px;
    background: url("/assets/abc2024/images/app-download/ty-icon1.png")no-repeat;
}

.data-4 {
    position: absolute;
    left: -695px;
    /*     top: -80px; */
    top: -200px;
}

.data-4-fonts {
    width: 200px;
    margin-top: 10px;
    font-size: 18px;
}

.data-5 {
    position: absolute;
    left: -860px;
    /*     top: 40px; */
    top: -100px;
}

.data-5-img {
    float: left;
    width: 58px;
    height: 58px;
    background: url("/assets/abc2024/images/app-download/ty-icon3.png")no-repeat;
}

.data-5-fonts {
    font-size: 14px;
    margin-top: 10px;
    margin-left: -28px;
}

.data-6 {
    position: absolute;
    left: -300px;
    top: 30px;
}

.data-6-img {
    float: left;
    width: 78px;
    height: 78px;
    background: url("/assets/abc2024/images/app-download/ty-icon2.png")no-repeat;
}

.data-6-fonts {
    width: 220px;
    margin-top: 14px;
}

.data-7 {
    position: absolute;
    left: -260px;
    top: 200px;
}

.data-7-img {
    float: left;
    width: 58px;
    height: 58px;
    background: url("/assets/abc2024/images/app-download/ty-icon4.png")no-repeat;
}

.data-7-fonts {
    width: 220px;
    margin: 5px 0 0 -50px;
    font-size: 14px;
}

.data-8 {
    position: absolute;
    left: -600px;
    top: -130px;
}

.data-8-img {
    float: left;
    width: 78px;
    height: 65px;
    background: url("/assets/abc2024/images/app-download/ty-icon6.png")no-repeat;
}

.data-8-fonts {
    width: 220px;
    margin: 8px 0 0 -24px;
    font-size: 18px;
}

.data-9 {
    position: absolute;
    left: -800px;
    /*     top: -60px; */
    top: -160px;
}

.data-9-img {
    float: left;
    width: 68px;
    height: 68px;
    background: url("/assets/abc2024/images/app-download/ty-icon5.png")no-repeat;
}

.data-9-fonts {
    width: 220px;
    margin: 8px 0 0 -70px;
    font-size: 18px;
}

.data-10 {
    position: absolute;
    left: -360px;
    top: -60px;
}

.data-10-img {
    float: left;
    width: 68px;
    height: 68px;
    background: url("/assets/abc2024/images/app-download/ty-icon7.png")no-repeat;
}

.data-10-fonts {
    width: 270px;
    margin: 8px 0 0 -70px;
    font-size: 18px;
}

.data-11 {
    position: absolute;
    left: -280px;
    top: 50px;
}

.data-11-img {
    float: left;
    width: 50px;
    height: 68px;
    background: url("/assets/abc2024/images/app-download/ty-icon9.png")no-repeat;
}

.data-11-fonts {
    width: 270px;
    margin: 8px 0 0 -125px;
    font-size: 18px;
}

.data-12 {
    position: absolute;
    left: -280px;
    top: 180px;
}

.data-12-img {
    float: left;
    width: 78px;
    height: 68px;
    background: url("/assets/abc2024/images/app-download/ty-icon8.png")no-repeat;
}

.data-12-fonts {
    width: 270px;
    margin: 8px 0 0 -125px;
    font-size: 18px;
}



/*脙漏芒鈧�澝⑩偓拧脙陇脗陆脗陆脙楼脗麓脗碌脙娄脗驴脗庐脙楼脗露芒鈧懊兟ッ偮疵吢该兟┟偮∶⑩偓艙脙娄脗露芒鈥灺⒚兟偮济⑩偓掳脙搂脗录芒鈧∶兟ッ⑩偓拧芒鈥灺⒚兟┟⑩�灺⒚柯矫兟┟柯矫⑩偓锟矫兟ッ偮┟⑩偓隆脙楼脗麓茂驴陆脙漏脜陆脗麓脙炉脗赂脗戮脙楼脗碌茂驴陆脙漏脜陆脗录脙娄脗路脗卢脙楼脜聽脜鈥櫭兟┟柯矫⑩偓鈥澝兟γ吢犆偮矫兟γ吢该偮Ｃ兟┟柯矫⑩偓拧脙娄脜鈥櫭吢矫兟ッ⑩偓垄脜戮脙娄脗驴脜戮脙楼脗聽脜赂脙炉脗鹿脗垄脙楼脗搂脜聽脙娄脗麓脗陋脙楼脗麓脗篓脙娄脗驴脗聽脙楼芒鈧姑偮兟⑩偓鈥澝⑩偓掳脙漏芒鈧�澝柯矫兟⑩偓藴脗掳脙楼脜隆芒鈧�溍兟┟吢矫偮访兟偮棵偮�*/
.cooperation-column-lin3 {
    overflow: hidden;
    width: 100%;
    margin-top: 80px;
}

.cooperation-column-lin3 li {
    float: left;
    width: 50%;
}

.cooperation-column-lin3 li .match-left-title {
    text-align: center;
    font-size: 36px;
    color: #0078ff;
    width: 480px;
    margin: 0 auto;
    padding-left: 10px;
    background: url("/assets/abc2024/images/match-left-title-icon.png")left 13px no-repeat;
}

.cooperation-column-lin3 li .match-left-1,
.cooperation-column-lin3 li .match-left-2 {
    width: 589px;
    height: 211px;
    margin: 20px auto 0;
    background: url("/assets/abc2024/images/match-left-bg.png") no-repeat;
    text-align: center;
}

.cooperation-column-lin3 li .match-left-1 .match-left-1-content,
.cooperation-column-lin3 li .match-left-2 .match-left-2-content {
    display: inline-block;
    width: 533px;
    height: 176px;
    background-color: #fafbfc;
    border-radius: 10px;
    margin-top: 17.5px;
}

.matchList-left {
    display: inline-block;
    width: 390px;
    height: 140px;
    margin-top: 18px;
}

.matchList-right {
    float: right;
    display: inline-block;
    width: 110px;
    height: 140px;
    margin-top: 18px;
    margin-right: 30px;
}

.matchList-right p {
    width: 100px;
    height: 36px;
    font-size: 16px;
    border-radius: 10px;
    background-color: rgb(238, 242, 247);
    margin-top: 8px;
    line-height: 36px;
}

.matchList-right p span {
    color: rgb(103, 105, 108);
}

.matchList-title {
    float: left;
    overflow: hidden;
    padding-left: 25px;
    width: 375px;
    height: 28px;
}

.matchList-title span:first-child,
.matchList-title span:nth-child(2) {
    float: left;
    font-size: 20px;
    color: rgb(91, 141, 199);
}

.matchList-title span:first-child {
    width: 170px;
    height: 26px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: -25px;
    padding-left: 10px;
}

.tooltips {
    position: absolute;
    display: none;
    border-radius: 3px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 999;
}

.tooltips p.content {
    /*width: 200px;*/
    width: auto;
    height: 50px;
    padding: 5px;
    font-size: 14px;
    color: #FFFFFF;
    border-radius: 10px;
}

.tooltips .triangle-back {
    margin-top: -1px;
}

.match-fullname {
    background-color: #7cc3f7;
}

.match-fullname .triangle-back {
    border-top-color: #fffac3;
}


.matchList-title span:nth-child(2) {
    color: rgb(146, 196, 248);
    margin-left: 22px;
    margin-top: -5px;
}

.matchList-title span:last-child {
    float: left;
    font-size: 16px;
    color: rgb(91, 141, 199);
    line-height: 33px;
    margin-left: 28px;
    margin-top: -6px;
}

.match-country {
    width: 100%;
    height: 110px;
    float: left;
}

.match-country-content {
    display: flex;
    justify-content: space-around;

}

.match-country-content li {
    width: 74px;
    height: 110px;
    margin-top: 6px;
}

.match-country-content li img {
    width: 74px;
    height: 74px;
    margin-left: 25px;
}

.match-country-content li p {
    width: 166px;
    height: 26px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: -22px;
    padding-left: 0;
    color: rgb(91, 141, 199);
}

#matchName3 {
    margin-left: -60px;
}

.match-country-content li:nth-child(2) a {
    display: inline-block;
    /*width: 37px;*/
    /*height: 37px;*/
    font-size: 16px;
    color: #ffffff;
    border-radius: 50%;
    background-color: rgb(84, 145, 214);
    line-height: 18.5px;
    text-align: center;
    padding: 18.5px;
    /*margin-top: 6px;*/
}

.spinner2 {
    margin-left: -5px;
    width: 94px;
    height: 94px;
    border: 10px solid #7cc3f7;
    border-right-color: #1e98f1;
    border-bottom-color: #1e98f1;
    border-radius: 50%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.match-country-content:hover .spinner2 {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.cooperation-column-lin3-right {
    width: 600px;
    height: 495px;
}

.match-right-title {
    text-align: center;
    font-size: 36px;
    color: #0078ff;
    width: 420px;
    margin: 0 auto;
    padding-left: 45px;
    background: url(/assets/abc2024/images/match-right-title-icon.png)left 11px no-repeat;
}

/*脙漏芒鈧�澝⑩偓拧脙陇脗陆脗陆脙楼脗麓脗碌脙漏茂驴陆脗聽脙娄芒鈧久偮懊兟γ⑩偓拧脗路脙漏脜聽芒鈧懊兟Ｃ嗏�櫭吢矫兟γ偮睹嬇撁兟⒚⑩偓锟矫⑩偓藴脙搂芒鈥毬偮Ｃ兟吢该⑩偓鈩⒚兟γ⑩偓鹿脗路脙漏茂驴陆脜鈥櫭兟⑩偓拧脗虏脙漏芒鈧犆⑩偓隆脙漏芒鈧�溍偮好兟ッ⑩偓潞脗漏脙楼芒鈧�溍吢矫兟┟柯矫⑩偓艙脙庐芒鈧∶⑩�毬兟γ吢该偮Ｃ兟γ柯矫偮疵兟Ｃ嬧�犆偮⒚兟⒚⑩�灺⒚柯矫兟┟⑩偓鈩⒚嗏�櫭兟┟柯矫柯矫兟γ⑩偓拧脣艙脙篓脗鹿芒鈧∶兟Ｃ嗏�櫭偮兟偮⑩�毬兟┟⑩偓鈥溍偮好兟ッ偮泵偮久兟⑩偓潞脗炉脙楼脗炉脗庐脙楼芒鈥毬吢该兟嬇撁偮趁兟┟⑩偓鈥溍偮姑兟嬧�犆吢∶兟⑩偓掳芒鈧撁兟┟柯矫呪�櫭兟偮矫⑩偓掳脙楼脗鹿芒鈥灺⒚兟┟柯矫⑩偓垄脙庐芒鈧久⑩�毬兟柯矫偮�*/
.match-pic-slideBox {
    width: 458px;
    height: 286px;
    overflow: hidden;
    position: relative;
}

.match-pic-slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.match-pic-slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.match-pic-slideBox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.match-pic-slideBox .hd ul li.on {
    background: #f00;
    color: #fff;
}

.match-pic-slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.match-pic-slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.match-pic-slideBox .bd img {
    width: 458px;
    height: 286px;
    display: block;
}

.match-pic-slideBox .prev,
.match-pic-slideBox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(/assets/abc2024/images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.match-pic-slideBox .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.match-pic-slideBox .prev:hover,
.match-pic-slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.match-pic-slideBox .prevStop {
    display: none;
}

.match-pic-slideBox .nextStop {
    display: none;
}

.iframe-container {
    position: absolute;
    top: 36px;
    left: 36px;
    width: 520px;
    height: 310px;
}

.slideTxtBox-match {
    width: 100%;
    position: relative;
}

.match-list {
    width: 442px;
    height: 286px;
    background: url("/assets/abc2024/images/match-list-bg.png") no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

.match-list-content {
    width: 94%;
    height: 100%;
    margin: 0 auto;
    overflow-y: scroll;
}

.match-list-teams {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 40px;
    cursor: pointer;
    border-radius: 25px;
    margin-top: 15px;
}

.match-list-teams:hover {
    background: rgb(0, 0, 0, .3);
}

.match-list-leftImg {
    height: 25px;
    /*line-height: 25px;*/
    width: 40px;
    text-align: center;
}

.match-list-leftImg-icon {
    width: 20px;
    height: 20px;
}

.cut-blank {
    width: 1px;
    height: 18px;
    margin: 3px 0 0 -15px;
    background: rgb(255, 255, 255, .5);
}

.match-list-centerFonts {
    height: 20px;
    line-height: 23px;
    width: 60%;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.match-list-centerFonts span {
    color: #ffffff;
    height: 20px;
    line-height: 23px;
}

.match-list-centerFonts span:first-child,
.match-list-centerFonts span:last-child {
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-list-centerFonts span:nth-child() {
    width: 20%;
}

.match-list-rightImg {
    width: 40px;
    height: 35px;
    line-height: 40px;
    text-align: center;
}

.video-box {
    width: 648px;
    height: 376px;
    margin-top: 25px;
    margin-left: -37px;
    /*padding: 25px 0 0 116px;*/
    padding: 30px 0 0 44px;
    background: url("/assets/abc2024/images/video-box.png") no-repeat;
}

#player-con {
    width: 458px;
    height: 280px;
    margin: 0 auto;
}

.video-pic {
    width: 518px;
    height: 308px;
}

.slideTxtBox-match .match-link {
    height: 30px;
    line-height: 30px;
    position: relative;
    margin-top: 7px;
}

.slideTxtBox-match .match-link ul {
    width: 100%;
    float: left;
    position: absolute;
    height: 32px;
    display: flex;
    justify-content: space-around;
}

.slideTxtBox-match .match-link ul li {
    float: left;
    cursor: pointer;
    width: 186px;
    text-align: center;
    height: 54px;
    font-size: 20px;
    line-height: 54px;
    cursor: pointer;
    background: #FFFFFF;
    border-radius: 40px;
    box-shadow: 0px 6px 6px -4px #cbd0da;
    transition: all 0.5s;
}

.slideTxtBox-match .match-link ul li a {
    color: #0083FE;
}

.slideTxtBox-match .match-link ul li:hover {
    background: url(/assets/abc2024/images/cooperation-column-btn3.png) no-repeat;
    box-shadow: 0px 5px 15px -2px #30B7FF;
}

.slideTxtBox-match .match-link ul li:hover a {
    color: #FFFFFF;
}

.slideTxtBox-match .bd {
    width: 458px;
    height: 286px;
}


.slideTxtBox-match .bd li {
    height: 24px;
    line-height: 24px;
}

.slideTxtBox-match .bd li .date {
    float: right;
    color: #999;
}

.video-back {
    position: absolute;
    top: 31px;
    right: 81px;
    background: rgb(0, 0, 0, .8);
    color: #3c82fe;
    z-index: 999;
    width: 50px;
    text-align: center;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    cursor: pointer;
}

/*脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶⑩�灺⒚兟偮っ柯矫兟┟吢矫偮裁兟偮棵偮犆兟Ｃ⑩�毬嗏�櫭兟┟吢矫偮懊兟⑩偓聽脗陆脙庐茂驴陆芒鈧⒚兟┟⑩偓鈥溍偮好兟ッ⑩偓潞脗漏脙楼芒鈧�溍柯矫兟ッ偮⑩偓娄脙搂脜聽脗禄脙娄脜赂脗隆脙楼脗庐脗楼脙楼脗潞脗隆脙楼脗鹿芒鈧�溍兟偮济柯矫兟偮棵偮矫兟ッ偮⑩�毬兟ッ⑩偓鹿脗卢脙搂芒鈧γ⑩偓垄脙娄脗驴脗聽脙漏茂驴陆芒鈧好兟γ偮Ｃ⑩偓鈥澝兟┟偮∶柯矫兟⑩偓拧脗娄脙娄脜赂芒鈧好兟ッ偮⑩偓鈥澝兟ッ偮犆吢该兟ッ偮偮�*/
.card-list1 {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.card-arean .card-list1 li {
    width: 209px;
    height: 319px;
    background: url("/assets/abc2024/images/card-arean-bg.png") no-repeat;
}

.card-arean .card-list1 li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.card-arean .card-list1 li a .float-img {
    /*margin-top: 40px;*/
    position: absolute;
    left: 33px;
    top: 40px;
    transition: top 2s;
}

.card-arean .card-list1 li a .float-img-shadow {
    top: 180px;
    position: absolute;
    left: 40px;
    opacity: 1;
    transition: all .5s;
}

.card-arean .card-list1 li a .card-bottom {
    margin-top: 75px;
    opacity: 0;
    transition: opacity 3s;
}

.card-arean .card-list1 li a:hover .card-bottom {
    opacity: 1;
}

.card-arean .card-list1 li a:hover .float-img {
    top: -80px;
}

.card-arean .card-list1 li a:hover .float-img-shadow {
    opacity: 0;
}

.card-list1-fonts {
    position: absolute;
    bottom: 0;
    width: 209px;
    height: 92px;
}

.card-list1-fonts p:first-child {
    margin-top: 20px;
    font-size: 24px;
    color: #ffffff;
}

.card-list1-fonts p:last-child {
    font-size: 10px;
    color: #ffffff;
}

.card-list2-title {
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

.card-list2 {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.card-list2 li {
    width: 205px;
    height: 215px;
}

.card-list2 li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("/assets/abc2024/images/card-list2-bg.png") no-repeat;
    transition: background 1.5s;
    text-align: center;
    position: relative;
}

.card-list2 li a:hover {
    background: url("/assets/abc2024/images/card-list2-bg2.png") no-repeat;
}

.card-list2 li a:hover .card-list2-show {
    opacity: 1;
}

.card-list2 li a .card-list2-fonts {
    opacity: 0;
    transition: opacity 1.5s;
}

.card-list2 li a:hover .card-list2-fonts {
    opacity: 1;
    transition: opacity 1.5s;
}

.card-list2 li a .card-list2-show {
    margin-top: 28px;
    opacity: 0;
    transition: opacity 1.5s;
}

.card-list2-fonts {
    position: absolute;
    bottom: 0;
    width: 205px;
    height: 86px;
    font-size: 12px;
}

.card-list2-fonts p {
    color: #7e7d7d;
    font-size: 12px;
}

.card-list2-fonts p:first-child {
    margin-top: 22px;
}

.card-list2-fonts p:last-child {
    margin-top: 5px;
}

/*footer*/
.footer {
    position: relative;
    /*     width:1920px; */
    /*     min-width: 1220px; */
    /*     max-width: 1920px; */
    height: 455px;
    background-color: #2b3547;
    z-index: 10;
}

.footer-content {
    width: 1220px;
    height: 410px;
    margin: 0 auto;
}

.footer-content-line1,
.footer-content-line2,
.footer-content-line3,
.footer-content-line4 {
    border-bottom: #232b39 solid 1px;
}

.footer-content-line2 {
    border-top: #344056 1px solid;
}

.footer-content-line1 {
    /*height: 140px;*/
}


.girona-slash {
    position: relative;
    left: -4px;
}

.brand-logo .brand-logo-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.brand-logo .brand-logo-list li {
    margin-top: 45px;
    font-size: 24px;
    color: #717888;
    cursor: pointer;
    height: 42px;
}


.brand-logo .brand-logo-list li:nth-child(odd) a {
    display: inline-block;
    width: 125px;
    height: 43px;
    transition: background .5s;
    background-size: 100% 100%;
}

.brand-logo .brand-logo-list li:first-child a {
    background: url("/assets/abc2024/images/logo/foot-award.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:first-child a:hover {
    background: url("/assets/abc2024/images/logo/foot-award2.png?v=1.0.1")no-repeat;
}

/* .brand-logo .brand-logo-list li:nth-child(3) a {
    background: url("/assets/abc2024/images/logo/foot-belgian.png")no-repeat;
    background-size: 121px 45px;
    position: relative;
    top: -1px;
}
.brand-logo .brand-logo-list li:nth-child(3) a:hover {
    background: url("/assets/abc2024/images/logo/foot-belgian2.png")no-repeat;
    background-size: 121px 45px;
    position: relative;
    top: -1px;
} */

.brand-logo .brand-logo-list li:nth-child(3) a {
    background: url("/assets/abc2024/images/logo/foot-girona.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(3) a:hover {
    background: url("/assets/abc2024/images/logo/foot-girona2.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(5) a {
    background: url("/assets/abc2024/images/logo/foot-srwy.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(5) a:hover {
    background: url("/assets/abc2024/images/logo/foot-srwy2.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(7) a {
    background: url("/assets/abc2024/images/logo/foot-flls.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(7) a:hover {
    background: url("/assets/abc2024/images/logo/foot-flls2.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(9) a {
    background: url("/assets/abc2024/images/logo/foot-mlna.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(9) a:hover {
    background: url("/assets/abc2024/images/logo/foot-mlna2.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(11) a {
    background: url("/assets/abc2024/images/logo/foot-mtlq.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(11) a:hover {
    background: url("/assets/abc2024/images/logo/foot-mtlq2.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(13) a {
    background: url("/assets/abc2024/images/logo/foot-nsdk.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(13) a:hover {
    background: url("/assets/abc2024/images/logo/foot-nsdk2.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(15) a {
    background: url("/assets/abc2024/images/logo/foot-yc.png?v=1.0.1")no-repeat;

}

.brand-logo .brand-logo-list li:nth-child(15) a:hover {
    background: url("/assets/abc2024/images/logo/foot-yc2.png?v=1.0.1")no-repeat;

}

.brand-logo .brand-logo-list li:nth-child(17) a {
    background: url("/assets/abc2024/images/logo/foot-klsb.png?v=1.0.1")no-repeat;
}

.brand-logo .brand-logo-list li:nth-child(17) a:hover {
    background: url("/assets/abc2024/images/logo/foot-klsb2.png?v=1.0.1")no-repeat;
}

/* .brand-logo .brand-logo-list li:nth-child(11) a {
    background: url("/assets/abc2024/images/logo/foot-nsdk2.png")no-repeat;
    background-size: 126px 42px;
}
.brand-logo .brand-logo-list li:nth-child(11) a:hover {
    background: url("/assets/abc2024/images/logo/foot-nsdk3.png")no-repeat;
    background-size: 126px 42px;
}
.brand-logo .brand-logo-list li:nth-child(13) a {
    background: url("/assets/abc2024/images/logo/foot-klsb2.png")no-repeat;
    background-size: 126px 42px;
}
.brand-logo .brand-logo-list li:nth-child(13) a:hover {
    background: url("/assets/abc2024/images/logo/foot-klsb3.png")no-repeat;
    background-size: 126px 42px;
} */

.brand-fonts {
    font-size: 13px;
    color: #717c95;
    text-align: center;
    margin: 35px auto 30px;
}

footer-content-line2 {}

.footer-logo-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 90%;
    height: 75px;
    margin: 0 auto;
}

.footer-logo-list li {
    cursor: pointer;
    width: 100px;
    height: 21px;
    transition: background .5s;
}

.footer-logo-list li:first-child {
    width: 40px;
    background: url("/assets/abc2024/images/logo/188.png")no-repeat;
}

.footer-logo-list li:first-child:hover {
    background: url("/assets/abc2024/images/logo/188-2.png")no-repeat;
}

.footer-logo-list li:nth-child(2) {
    width: 60px;
    background: url("/assets/abc2024/images/logo/BBIN2.png")no-repeat;
}

.footer-logo-list li:nth-child(2):hover {
    background: url("/assets/abc2024/images/logo/BBIN3.png")no-repeat;
}

.footer-logo-list li:nth-child(3) {
    background: url("/assets/abc2024/images/logo/BTi-Logo-transparent.png?v=0.1")no-repeat;
    background-size: 100% 100%;
    width: 54px;
}

.footer-logo-list li:nth-child(3):hover {
    background: url("/assets/abc2024/images/logo/BTi-Logo-transparent2.png?v=0.1")no-repeat;
    background-size: 100% 100%;
    width: 54px;
}

.footer-logo-list li:nth-child(4) {
    background: url("/assets/abc2024/images/logo/AG2.png?v=0.2")no-repeat;
}

.footer-logo-list li:nth-child(4):hover {
    background: url("/assets/abc2024/images/logo/AG3.png?v=0.2")no-repeat;
}

.footer-logo-list li:nth-child(5) {
    width: 45px;
    background: url("/assets/abc2024/images/logo/vr2.png")no-repeat;
}

.footer-logo-list li:nth-child(5):hover {
    background: url("/assets/abc2024/images/logo/vr3.png")no-repeat;
}

.footer-logo-list li:nth-child(6) {
    width: 90px;
    background: url("/assets/abc2024/images/logo/IM2.png")no-repeat;
}

.footer-logo-list li:nth-child(6):hover {
    background: url("/assets/abc2024/images/logo/IM3.png")no-repeat;
}

.footer-logo-list li:nth-child(7) {
    width: 90px;
    height: 22px;
    background: url("/assets/abc2024/images/logo/PT2.png")no-repeat;
}

.footer-logo-list li:nth-child(7):hover {
    background: url("/assets/abc2024/images/logo/PT3.png")no-repeat;
}

.footer-logo-list li:nth-child(8) {
    background: url("/assets/abc2024/images/logo/unionpay2.png")no-repeat;
}

.footer-logo-list li:nth-child(8):hover {
    background: url("/assets/abc2024/images/logo/unionpay3.png")no-repeat;
}

.footer-logo-list li:nth-child(9) {
    width: 70px;
    background: url("/assets/abc2024/images/logo/alipay2.png")no-repeat;
}

.footer-logo-list li:nth-child(9):hover {
    background: url("/assets/abc2024/images/logo/alipay3.png")no-repeat;
}

.footer-logo-list li:nth-child(10) {
    width: 90px;
    background: url("/assets/abc2024/images/logo/wechatPay2.png")no-repeat;
}

.footer-logo-list li:nth-child(10):hover {
    background: url("/assets/abc2024/images/logo/wechatPay3.png")no-repeat;
}


.footer-content-line3 {
    /*height: 92px;*/
    width: 100%;
    border-top: #344056 1px solid;
}

.footer-content-line3-box {
    width: 80%;
    margin: 30px auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.footer-content-line3-left {
    width: 360px;
    height: 60px;
}

.footer-content-line3-left ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.footer-content-line3-left ul li {
    width: 56px;
    height: 20px;
    margin-top: 5px;
    line-height: 20px;
    margin-left: 29px;
}

.footer-content-line3-left ul li .footer-content-line3-fonts {
    color: rgba(107, 127, 162, 1);
    font-size: 14px;
    cursor: pointer;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.60;
    transition: opacity 0.5s;
}

.footer-content-line3-left ul li a:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    font-weight: bolder;
}

/*.footer-content-line3-left ul li:first-child {*/
/*    background: url("/assets/abc2024/images/logo/bottom-logo1.png") 0 3px no-repeat;*/
/*}*/

/*.footer-content-line3-left ul li:nth-child(2) {*/
/*    background: url("/assets/abc2024/images/logo/bottom-logo2.png") 0 3px no-repeat;*/
/*}*/

/*.footer-content-line3-left ul li:nth-child(3) {*/
/*    background: url("/assets/abc2024/images/logo/bottom-logo3.png") 0 3px no-repeat;*/
/*}*/

/*.footer-content-line3-left ul li:nth-child(4) {*/
/*    background: url("/assets/abc2024/images/logo/bottom-logo4.png") 0 3px no-repeat;*/
/*}*/

/*.footer-content-line3-left ul li:nth-child(5) {*/
/*    background: url("/assets/abc2024/images/logo/bottom-logo5.png") 0 3px no-repeat;*/
/*}*/

/*.footer-content-line3-left ul li:nth-child(6) {*/
/*    background: url("/assets/abc2024/images/logo/bottom-logo6.png") 0 3px no-repeat;*/
/*}*/

/*.footer-content-line3-left ul li:nth-child(7) {*/
/*    background: url("/assets/abc2024/images/logo/bottom-logo7.png") 0 3px no-repeat;*/
/*}*/

/*.footer-content-line3-left ul li:nth-child(8) {*/
/*    background: url("/assets/abc2024/images/logo/bottom-logo8.png") 0 3px no-repeat;*/
/*}*/

.footer-content-line3-center {
    width: 90px;
    height: 57px;
    background-color: #637595;
}

.footer-content-line3-center span {
    display: inline-block;
    width: 76px;
    height: 44px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, sans-serif;
    color: #273141;
    font-weight: 900;
    line-height: 44px;
    text-align: center;
    background-color: #6b7fa2;
    margin: 7px 0 0 7px;
}

.foot-brand-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    width: 350px;
    margin-left: 15px;
}

.foot-brand-list li {
    width: 58px;
    height: 28px;
}

.footer-content-line4 {
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 12px;
    color: #57627b;
    border-bottom: none;
    border-top: #344056 1px solid;
}

/* */
.chess-main-content {
    /* 	width:1920px; */
    /*     max-width: 1920px; */
    height: 881px;
    background: url(/assets/abc2024/images/chess/qp-page-bg-yb.png) center top no-repeat;
    background-size: 1920px 881px;
}

.chess-main-content-middle {
    width: 1220px;
    margin: 0 auto;
}

/*脙娄脗驴脗聽脙搂芒鈧拷脗碌脙楼脗搂脗路脙漏脗隆脗拢脙庐芒鈧犆偮久兟γ偮柯矫兟┟柯矫⑩偓隆脙拢脣鈥犆偮犆兟偮Ｃ偮幻兟┟⑩偓鈥溍偮姑兟偮久偮久兟偮⑩偓藴脙搂脗潞脗戮脙楼脗陆芒鈧劉脙娄脜赂脗隆脙漏茂驴陆脗楼脙拢脝鈥櫭偮ッ兟柯矫偮兟┟⑩偓鈥溍偮该兟ッ偮偮兟嬇撁偮兟┟嬧�犆偮姑兟γ嬧�犆偮γ兟ッ偮疵⑩偓鈩⒚兟ッ偮┟吢犆兟ッ偮好偮Ｃ兟ッ吢犆偮该兟偮济柯矫兟⑩偓拧脗卢脙楼芒鈧久偮趁兟ッ偮偮济兟偮棵偮犆兟ッ偮济偮幻兟┟嬧�犆偮┟兟ッ⑩偓聽脗篓脙搂脗路脜戮脙漏茂驴陆脜陆脙炉脗陆脜陆脙陇脗潞脜戮脙娄脗碌脗聽脙鈥樏⑩偓隆脙娄脗垄脗潞脙搂芒鈧劉脗潞脙拢芒鈧久偮ッ兟γ吢久⑩�灺⒚兟ッ偮┟偮得兟⑩偓聽脗潞脙楼芒鈥毬⑩偓鈥澝兟┟柯矫柯矫兟⑩偓隆芒鈥毬兟ッ吢久偮久兟ッ偮⑩偓垄脙楼芒鈧好偮兟γ偮偮久兟┟⑩偓鈥澝柯矫兟┟柯矫⑩偓潞脙庐脜赂脗颅脙娄脗驴脗隆脙楼芒鈧好偮┟兟ッ偮济偮兟┟⑩偓锟矫吢该兟っ偮幻⑩偓鹿脙娄脗垄脗潞脙搂脗禄芒鈧姑兟γ呪�櫭吢矫兟γ偮姑偮懊兟偮济柯矫兟⑩偓聽脗录脙搂芒鈧懊柯矫兟┟⑩偓藴脗潞脙篓脗戮脗篓脙搂脗娄芒鈧劉脙搂芒鈥毬偮Ｃ兟⑩偓拧脜赂脙娄芒鈧姑偮幻兟γ偮棵吢久兟偮久偮久兟偮得偮矫兟┟吢矫偮裁兟偮棵偮犆兟ッ偮疵偮兟┟柯矫柯矫兟嗏�櫭嬇撁兟ッ柯矫偮兟γ偮っ偮っ兟γ偮犆偮兟偮⑩偓藴脙搂脗禄芒鈧�澝兟γ吢矫⑩偓鈥澝兟γ⑩偓拧脗隆脙漏脜聽脣鈥犆兟ッ偮っ⑩偓鹿脙搂芒鈧γ偮ッ兟┟⑩偓鈥溍偮好兟ッ⑩偓潞脗露脙陇脗潞茂驴陆脙搂芒鈥毬吢∶兟ッ偮矫⑩偓鈩⒚兟γ偮⒚偮好兟γ偮得偮济兟γ偮⑩偓藴脙娄芒鈧∶偮济兟┟⑩偓鈥溍偮该兟ッ偮棵⑩偓锟矫兟偮姑偮⒚兟ッ偮偮兟⑩偓拧脗娄脙楼脗鹿脣艙脙搂脗录茂驴陆脙娄脗篓脗禄脙娄脗芦脗垄脙漏芒鈧�澝柯矫兟偮访偮兟ッ⑩�灺⒚偮γ兟┟吢矫偮访兟偮棵偮�*/
.chess-slideTxtBox {
    width: 680px;
    text-align: left;
    position: relative;
}

.chess-slideTxtBox .hd {
    height: 30px;
    line-height: 30px;
    position: relative;
}

.chess-slideTxtBox .hd ul {
    float: left;
    position: absolute;
    left: 20px;
    top: -1px;
    height: 32px;
}

.chess-slideTxtBox .hd ul li {
    float: left;
    cursor: pointer;
    width: 130px;
    height: 176px;
    text-align: center;
}

.chess-slideTxtBox .hd ul .hd-ky {
    background: url("/assets/abc2024/images/chess/game-ky.png") no-repeat;
    transition: background .5s;
}

.chess-slideTxtBox .hd ul .hd-ky.on {
    background: url("/assets/abc2024/images/chess/game-ky-2.png") no-repeat;
}

.chess-slideTxtBox .hd ul .hd-ky.on .titleShow {
    display: none;
}

.chess-slideTxtBox .hd ul .hd-ky.on .unclick {
    display: inline-block;
}

.chess-slideTxtBox .hd ul .hd-ky .titleShow {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    border-radius: 50%;
    background-color: #6babe0;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 18px;
    margin-top: 60px;
    opacity: .8;
}

.chess-slideTxtBox .hd ul .hd-ky .unclick {
    display: none;
    height: 60px;
    width: 100%;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 20px;
    color: #ffffff;
    line-height: 100px;
    margin-top: 45px;
    background: url("/assets/abc2024/images/chess/title-icon.png") 48px 10px no-repeat;
}

.chess-slideTxtBox .hd ul .hd-emc {
    background: url("/assets/abc2024/images/chess/game-emc.png") no-repeat;
    transition: background .5s;
}

.chess-slideTxtBox .hd ul .hd-emc.on {
    background: url("/assets/abc2024/images/chess/game-emc-2.png") no-repeat;
}

.chess-slideTxtBox .hd ul .hd-emc.on .titleShow {
    display: none;
}

.chess-slideTxtBox .hd ul .hd-emc.on .unclick {
    display: inline-block;
}

.chess-slideTxtBox .hd ul .hd-emc .titleShow {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    border-radius: 50%;
    background-color: #6babe0;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 18px;
    margin-top: 60px;
    opacity: .8;
}

.chess-slideTxtBox .hd ul .hd-emc .unclick {
    display: none;
    height: 60px;
    width: 100%;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 20px;
    color: #ffffff;
    line-height: 100px;
    margin-top: 45px;
    background: url("/assets/abc2024/images/chess/title-icon.png") 48px 10px no-repeat;
}

.chess-slideTxtBox .hd ul .hd-xy {
    background: url("/assets/abc2024/images/chess/game-xy.png") no-repeat;
    transition: background .5s;
}

.chess-slideTxtBox .hd ul .hd-xy.on {
    background: url("/assets/abc2024/images/chess/game-xy-2.png") no-repeat;
}

.chess-slideTxtBox .hd ul .hd-xy.on .titleShow {
    display: none;
}

.chess-slideTxtBox .hd ul .hd-xy.on .unclick {
    display: inline-block;
}

.chess-slideTxtBox .hd ul .hd-xy .titleShow {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    border-radius: 50%;
    background-color: #6babe0;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 18px;
    margin-top: 60px;
    opacity: .8;
}

.chess-slideTxtBox .hd ul .hd-xy .unclick {
    display: none;
    height: 60px;
    width: 100%;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 20px;
    color: #ffffff;
    line-height: 100px;
    margin-top: 45px;
    background: url("/assets/abc2024/images/chess/title-icon.png") 48px 10px no-repeat;
}


.chess-slideTxtBox .hd ul .hd-yb {
    background: url("/assets/abc2024/images/chess/game-yb.png") no-repeat;
    transition: background .5s;
}

.chess-slideTxtBox .hd ul .hd-yb.on {
    background: url("/assets/abc2024/images/chess/game-yb-2.png") no-repeat;
}

.chess-slideTxtBox .hd ul .hd-yb.on .titleShow {
    display: none;
}

.chess-slideTxtBox .hd ul .hd-yb.on .unclick {
    display: inline-block;
}

.chess-slideTxtBox .hd ul .hd-yb .titleShow {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    border-radius: 50%;
    background-color: #6babe0;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 18px;
    margin-top: 60px;
    opacity: .8;
}

.chess-slideTxtBox .hd ul .hd-yb .unclick {
    display: none;
    height: 60px;
    width: 100%;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 20px;
    color: #ffffff;
    line-height: 100px;
    margin-top: 45px;
    background: url("/assets/abc2024/images/chess/title-icon.png") 48px 10px no-repeat;
}

.chess-slideTxtBox .hd ul .hd-gd {
    background: url("/assets/abc2024/images/chess/game-gd.png") no-repeat;
    transition: background .5s;
}

.chess-slideTxtBox .hd ul .hd-gd.on {
    background: url("/assets/abc2024/images/chess/game-gd-2.png") no-repeat;
}

.chess-slideTxtBox .hd ul .hd-gd.on .titleShow {
    display: none;
}

.chess-slideTxtBox .hd ul .hd-gd.on .unclick {
    display: inline-block;
}

.chess-slideTxtBox .hd ul .hd-gd .titleShow {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    border-radius: 50%;
    background-color: #6babe0;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 18px;
    margin-top: 60px;
    opacity: .8;
}

.chess-slideTxtBox .hd ul .hd-gd .unclick {
    display: none;
    height: 60px;
    width: 100%;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 20px;
    color: #ffffff;
    line-height: 100px;
    margin-top: 45px;
    background: url("/assets/abc2024/images/chess/title-icon.png") 48px 10px no-repeat;
}

.chess-slideTxtBox .hd ul .hd-lx {
    background: url("/assets/abc2024/images/chess/game-lx.png") no-repeat;
    transition: background .5s;
}

.chess-slideTxtBox .hd ul .hd-lx.on {
    background: url("/assets/abc2024/images/chess/game-lx-2.png") no-repeat;
}

.chess-slideTxtBox .hd ul .hd-lx.on .titleShow {
    display: none;
}

.chess-slideTxtBox .hd ul .hd-lx.on .unclick {
    display: inline-block;
}

.chess-slideTxtBox .hd ul .hd-lx .titleShow {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    border-radius: 50%;
    background-color: #6babe0;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 18px;
    margin-top: 60px;
    opacity: .8;
}

.chess-slideTxtBox .hd ul .hd-lx .unclick {
    display: none;
    height: 60px;
    width: 100%;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    font-size: 20px;
    color: #ffffff;
    line-height: 100px;
    margin-top: 45px;
    background: url("/assets/abc2024/images/chess/title-icon.png") 48px 10px no-repeat;
}

.chess-slideTxtBox .bd {
    position: absolute;
    top: 200px;
}

.chess-slideTxtBox .bd ul {
    zoom: 1;
    /*overflow: hidden;*/
}

.chess-slideTxtBox .bd li {
    text-align: center;
    line-height: 26px;
}

.chess-slideTxtBox .bd li .date {
    display: inline-block;
    width: 500px;
    color: #999;
    overflow: hidden;
}

.chess-slideTxtBox .bd li .date .bd-line1 {
    float: left;
    margin-left: 18px;
}

.chess-slideTxtBox .bd li .date .bd-line1-fonts {
    float: left;
    font-size: 26px;
    line-height: 30px;
    color: #7e7d7d;
    margin: 5px 0 0 18px;
}

.ky-bd-line1-fonts {
    margin-top: 15px !important;
}

.xy-bd-line1-fonts {
    margin-top: 10px !important;
}

.chess-slideTxtBox .bd li .bd-line2 {
    display: inline-block;
    color: #7e7d7d;
    font-size: 16px;
    margin-top: 30px;
}

.chess-slideTxtBox .bd ul li span.ky-line2 {
    margin-top: 16px;
}

.chess-slideTxtBox .bd ul li span.xy-line2 {
    margin-top: 16px;
}

.chess-slideTxtBox .bd li .bd-line3 {
    display: flex;
    justify-content: space-around;
}

.chess-slideTxtBox .bd .bd-li-line3 {
    position: relative;
    margin-top: 60px;
}

.chess-slideTxtBox .bd .bd-li-line3 .bd-line-hand {
    position: absolute;
    top: 56px;
    right: 330px;
    width: 102px;
    height: 224px;
    opacity: 0;
    /*transition: opacity .5s;*/
    transition: All 0.8s ease-in-out;
    -webkit-transition: All 0.8s ease-in-out;
    -moz-transition: All 0.8s ease-in-out;
    -o-transition: All 0.8s ease-in-out;
    background: url("/assets/abc2024/images/chess/qp-hand.png") no-repeat;
}

.chess-slideTxtBox .bd li .bd-line3 span {
    width: 58px;
    height: 82px;
    background: url("/assets/abc2024/images/chess/qp-icon2.png") no-repeat;
    transition: background .5s;
}

.chess-slideTxtBox .bd li .bd-line3 span:last-child {
    background: none;
}

.chess-slideTxtBox .bd li .bd-line3 span img {
    margin-top: 23px;
}

.chess-slideTxtBox .bd li .bd-line3 span:last-child img {}

.qp-fonts-hide {}

.bd-li-line3:hover .bd-line3 span {
    background: url("/assets/abc2024/images/chess/qp-icon.png") no-repeat !important;
}

.bd-li-line3:hover .qp-fonts-show {
    display: none;
}

.bd-li-line3:hover .qp-fonts-hide {
    display: inline-block;
}

.bd-li-line3:hover .bd-line3 span:last-child .qp-fonts-hide {
    margin-top: 16px !important;
}

.bd-li-line3:hover .bd-line-hand {
    opacity: 1 !important;
    transform: translate(338px, -10px);
    -webkit-transform: translate(338px, -10px);
    -moz-transform: translate(338px, -10px);
    -o-transform: translate(338px, -10px);
    -ms-transform: translate(338px, -10px);
}


/*casino脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶吢∶兟ッ⑩�毬偮该兟┟柯矫吢犆兟嗏�櫭偮矫兟γ⑩偓拧脜戮脙漏芒鈧拷芒鈧⒚兟偮棵偮矫兟┟偮∶偮兟ッ⑩偓聽脗庐脙楼脗鹿茂驴陆脙娄茂驴陆脗麓脙炉脗陆脜陆脙娄脗麓脗赂脙漏芒鈧�澝柯矫兟偮幻嬇撁兟ッ吢犆⑩偓垄脙漏脜陆脗录脙庐芒鈧∶偮っ兟偮裁偮Ｃ兟ッ偮γ偮っ兟ッ⑩偓聽脗驴脙娄芒鈧姑偮访兟┟偮吢久兟ッ吢久偮兟ッ吢犆吢∶兟┟⑩偓鈥溍偮姑兟ッ柯矫⑩偓掳脙搂脗篓芒鈧�溍兟┟偮∶偮γ兟ッ偮疵⑩偓隆脙炉脗驴脗陆脙楼脜戮脗芦脙娄脗戮脣艙脙搂芒鈥毬吢∶兟⑩偓隆芒鈥毬兟γ⑩偓垄芒鈧撁兟┟柯矫⑩偓拧脙拢芒鈧∶⑩偓隆脙搂脗搂脗碌脙漏芒鈧�溍偮该兟γ⑩偓鈩⒚偮疵兟⑩偓潞脗炉脙漏脗隆脗垄脙娄脗卢芒鈧撁兟ッ偮济偮疵兟┟吢犆柯矫兟⒚⑩�灺⒚⑩�毬兟γ⑩偓鹿脗潞脙漏芒鈧�澝柯矫兟ッ⑩偓藴脜聽脙搂脗篓芒鈧溍兟┟⑩偓锟矫⑩偓垄脙炉脗鹿芒鈧∶兟ッ偮姑吢犆兟┟柯矫⑩偓垄脙庐脝鈥櫭偮久兟っ偮好呪�溍兟γ偮っ偮っ兟γ⑩偓鈩⒚偮睹兟ッ柯矫吢久兟┟柯矫偮犆兟γ偮偮幻兟Ｃ柯矫⑩偓啪脙漏脜聽茂驴陆脙炉脗录芒鈧久兟γ⑩偓隆芒鈧∶兟┟⑩偓鈥溍偮好兟っ偮矫偮姑兟γ柯矫⑩偓隆脙漏茂驴陆茂驴陆脙娄芒鈧劉脗禄脙娄芒鈧⒚⑩偓艙脙漏芒鈧拷脜赂脙炉脗驴脗陆*/
.casino-main-content {
    /* 	width:1920px; */
    /*     max-width: 1920px; */
    height: 881px;
    background: url("/assets/abc2024/images/casino/bg-AG.png") no-repeat;
    background-size: 100% 100%;
}

.casino-main-content-middle {
    width: 1220px;
    margin: 0 auto;
}

.girl-arean {
    /*overflow: hidden;*/
}

.content-left {
    float: left;
    margin: 60px 0 0 100px;
    position: relative;
    width: 454px;
    height: 606px;
}

.content-left img:nth-child(2) {
    position: absolute;
    left: -80px;
    bottom: 100px;
}

.content-left img:last-child {
    position: absolute;
    top: 40px;
    right: 0;
}

.content-right {
    float: right;
    width: 660px;
    text-align: left;
    margin-top: 80px;
}

.content-right img {
    margin-left: 20px;
}

/*.content-right .right-logo-ag {*/
/*    margin-left: 20px;*/
/*}*/
.content-right .right-logo-bbin {
    display: none;
}

.content-right .right-logo-ebet {
    display: none;
}

.content-right .right-logo-bg {
    display: none;
}

.content-right .right-logo-wm {
    display: none;
}

.content-right p {
    font-family: PingFangSC-Semibold, sans-serif;
    font-size: 36px;
    margin: 25px 0 0 20px;
}

.content-right .right-title-bbin {
    display: none;
}

.content-right .right-title-ebet {
    display: none;
}

.content-right .right-title-bg {
    display: none;
}

.content-right .right-title-wm {
    display: none;
}

.content-right .showList {
    width: 652px;
    height: 88px;
    background: url("/assets/abc2024/images/casino/casino-list.png") no-repeat;
}

/*脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶吢∶兟ッ⑩�毬偮访兟偮幻⑩�毬兟っ偮矫偮该兟偮姑偮⒚兟┟⑩偓鈥溍偮兟ッ偮睹⑩偓娄脙楼芒鈧∶偮兟⑩偓藴脜鈥溍兟γ⑩偓鈥澝嬧�犆兟ッ偮姑嗏�櫭兟ッ偮偮裁兟柯矫⑩偓啪脙沤脗漏脙漏芒鈧�溍偮得兟ッ偮っ吢犆兟ッ⑩偓垄脗炉脙楼脗娄脜戮脙陇脗禄芒鈧姑兟ッ偮姑嗏�櫭兟┟吢犆柯矫兟Ｃ⑩偓拧芒鈧犆兟ッ柯矫⑩偓拧脙漏脜陆脗录脙篓脗戮脗戮脙搂脗露芒鈧∶兟偮幻偮泵兟⑩偓锟矫偮该兟γ偮⒚偮幻兟γ偮得偮Ｃ兟ッ⑩偓藴脜聽脙篓脗麓脗隆脙漏芒鈧�溍偮久兟ッ偮棵⑩偓艙脙漏芒鈧γ偮Ｃ兟ッ偮⑩偓垄脙陇脗录脗麓脙楼脗录脗陆脙漏脗隆茂驴陆脙拢芒鈧∶⑩偓隆脙搂芒鈧久偮济兟┟柯矫吢矫兟⑩�灺⒚偮该兟γ⑩偓鹿脗路脙漏芒鈧�溍偮该兟γ⑩偓潞脗篓脙楼芒鈧懊⑩偓潞脙漏茂驴陆脣艙脙楼茂驴陆脜戮脙垄芒鈧拷芒鈧溍兟┟柯矫嬇撁兟偮幻嬇撁兟γ偮睹偮兟γ偮棵偮∶兟⑩偓拧脗拢脙庐脜隆脜聽脙漏脗隆脗垄脙娄芒鈧�澝嬧�犆兟⑩偓锟矫⑩偓垄脙漏芒鈧拷芒鈧拷脙搂芒鈧⒚呪�櫭兟ッ吢矫偮泵兟ッ偮┟偮得兟⑩偓聽脗陆脙庐脜隆芒鈧γ兟┟柯矫⑩偓鈥澝兟ッ偮┟⑩偓啪脙炉脗驴脗陆脙娄脗掳脗戮脙娄芒鈧姑偮�*/
.casino-slideTxtBox {
    width: 1220px;
    text-align: left;
    position: relative;
}

.casino-slideTxtBox .bd {
    position: absolute !important;
    top: -300px;
    right: 330px;
}

.casino-slideTxtBox .bd ul li a .casino-girl-bbin,
.casino-slideTxtBox .bd ul li a .casino-girl-ag {
    position: absolute;
    top: -345px;
    left: -500px;
}

.casino-slideTxtBox .bd ul li a .casino-diamond {
    position: absolute;
    top: 80px;
    left: -570px;
}

.casino-slideTxtBox .bd ul li a .casino-ebet-diamond {
    left: -600px;
}

.casino-slideTxtBox .bd ul li a .casino-diamond2 {
    position: absolute;
    top: -320px;
    left: -170px;
}

.casino-slideTxtBox .bd ul li a .casino-astar-diamond {
    left: -645px;
    top: 52px;
    height: 200px;
}

.casino-slideTxtBox .bd ul li a .casino-astar-diamond2 {
    top: -261px;
    left: -120px;
    height: 115px;
}

.casino-slideTxtBox .bd ul li a .casino-pp-diamond {
    left: -628px;
    top: -275px;
    height: 200px;
}

.casino-slideTxtBox .bd ul li a .casino-pp-diamond2 {
    top: 96px;
    left: -110px;
    height: 126px;
}

.casino-slideTxtBox .bd ul li a img:last-child {
    position: absolute;
    top: 65px;
    left: 65px;
}

.casino-slideTxtBox .bd ul li a .right-logo-all,
.casino-slideTxtBox .bd ul li a .right-logo-ebet,
.casino-slideTxtBox .bd ul li a .right-logo-bbin,
.casino-slideTxtBox .bd ul li a .right-logo-ag {
    position: absolute;
    top: -310px;
    left: 0;
}

.casino-slideTxtBox .bd ul li a .all-right-title,
.casino-slideTxtBox .bd ul li a .right-title-ag {
    position: absolute;
    top: -190px;
    left: 0;
    width: 510px;
    font-size: 26px;
    /*font-weight: bold;*/
    color: #7e7d7d;
    white-space: nowrap;
}

.casino-slideTxtBox .bd ul li a .all-game-list,
.casino-slideTxtBox .bd ul li a .ag-game-list {
    position: absolute;
    top: -130px;
    left: 0;
    height: 79px;
}

.casino-slideTxtBox .bd ul li a .casino-bbin-diamond {
    position: absolute;
    top: 80px;
    left: -80px;
}

.casino-slideTxtBox .bd ul li a .casino-bbin-diamond2 {
    position: absolute;
    top: -260px;
    left: -530px;
}

.casino-slideTxtBox .bd ul li a .casino-sb-diamond {
    top: -300px;
    left: -120px;
}

.casino-slideTxtBox .bd ul li a .casino-sb-diamond2 {
    top: 80px;
    left: -640px;
}

.casino-slideTxtBox .bd ul li a .casino-wm-diamond2 {
    top: 80px;
    left: -640px;
}

.casino-slideTxtBox .bd ul li a .casino-wm-diamond2 {
    top: -330px;
    left: -530px;
}

.casino-slideTxtBox .hd {
    position: relative;
    top: 5px;
}

.casino-slideTxtBox .hd ul {
    float: left;
    position: absolute;
    width: 1220px;
    display: flex;
    justify-content: space-around;
}

.casino-slideTxtBox .hd ul li {
    position: relative;
    cursor: pointer;
}

.casino-slideTxtBox .hd ul li .bg-show {
    display: inline-block;
    width: 133px;
    height: 154px;
    line-height: 210px;
    font-size: 28px;
    color: #ffffff;
    font-family: PingFangSC-Semibold, sans-serif;
    font-weight: bolder;
    text-align: center;
    cursor: pointer;
    background: url("/assets/abc2024/images/casino/casino-button.png") no-repeat;
    filter: alpha(opacity=50);
    opacity: .5;
    transition: opacity 0.5s;
}

.casino-slideTxtBox .hd ul li.on .bg-show {
    filter: alpha(opacity=100);
    opacity: 1;
}

.casino-slideTxtBox .hd ul li.on #casino-main-content {
    background: url("/assets/abc2024/images/casino/bg-AG.png") no-repeat;
}

/*.casino-slideTxtBox .hd ul li.bg-show-bbin.on .casino-main-content {*/
/*    background: url("/assets/abc2024/images/casino/bg-BBIN .png") no-repeat;*/
/*}*/

.casino-slideTxtBox .hd ul li.on .dice-show {
    opacity: 0;
}

.casino-slideTxtBox .hd ul li.on .dice-show-2 {
    opacity: 1;
}

.casino-slideTxtBox .hd ul li .dice-show {
    position: absolute;
    top: 0;
    left: 28px;
    width: 78px;
    height: 80px;
    object-fit: cover;
    opacity: .9;
}

.casino-slideTxtBox .hd ul li .dice-show-2 {
    width: 134px;
    height: 161px;
    position: absolute;
    top: -80px;
    left: -3px;
    opacity: 0;
    transition: opacity .5s;
}

.casino-slideTxtBox .bd ul {
    padding: 15px;
    zoom: 1;
}

.casino-slideTxtBox .bd li {
    width: 260px;
    height: 260px;
}

.casino-slideTxtBox .bd li .casino-disc-show1 {}

.casino-slideTxtBox .bd li .casino-disc-show2 {
    display: none;
}

.casino-slideTxtBox .bd li a:hover .casino-disc-show2 {
    display: inline-block;
}

.casino-slideTxtBox .bd li a:hover .casino-disc-show1 {
    display: none;
}

.casino-slideTxtBox .bd li .date {
    float: right;
    color: #999;
}

/*discount脙娄脗驴脗聽脙搂芒鈧拷脗碌脙楼脗搂脗路脙漏茂驴陆茂驴陆脙娄茂驴陆茂驴陆脙楼脗麓芒鈧溍兟┟柯矫柯矫兟ッ偮访偮兟⑩偓啪脗陆脙娄脗驴脜戮脙楼芒鈧�澝嬇撁兟γ呪�櫭偮该兟⑩偓藴芒鈥灺⒚兟偮姑⑩偓拧脙娄芒鈧∶⑩偓鈥澝兟┟⑩偓锟矫柯矫兟ッ偮好偮∶兟ッ偮姑⑩偓鈥澝兟┟⑩偓鈥溍偮姑兟ッ⑩偓聽脗虏脙搂脜赂芒鈧∶兟ッ偮吢犆兟偮幻嬇撁兟γ⑩偓鹿芒鈧γ兟γ偮该吢∶兟嬧�犆呪�溍兟ッ吢犆偮该兟┟⑩偓鈥溍偮幻兟ッ偮好偮∶兟柯矫吢∶兟⑩偓锟矫偮兟⒚⑩�毬偮趁兟⑩偓垄脗路脙楼脗漏脜聽脙楼芒鈧犆偮Ｃ兟γ偮嬧�犆兟┟⑩偓鈥溍偮得兟ッ偮棵⑩偓垄脙楼脗搂脗路脙漏脗隆芒鈧拷脙楼芒鈧�澝⑩偓潞脙娄脗垄脗潞脙搂脗录茂驴陆脙娄脗漏芒鈧犆兟⑩偓啪脗陆脙搂脗录茂驴陆脙庐芒鈧∶⑩偓娄脙楼脜戮脗露脙楼脗炉脗庐脙娄茂驴陆芒鈧劉脙庐脜赂脗篓脙漏茂驴陆脗芦脙搂芒鈧犆偮好兟ッ柯矫嗏�櫭兟ッ偮┟偮得兟⒚嬇撁⑩偓聽脙楼脜戮脗炉脙搂芒鈧劉芒鈥毬兟偮姑⑩�毬兣矫偮Ｃ兟偮幻⑩偓鹿脙娄脗卢脗戮脙搂芒鈧犆⑩偓聽脙漏芒鈧�溍偮幻兟⑩偓聽脗赂脙楼脗拢芒鈧犆兟γ偮久偮兟γ偮睹嬇撁冣�∶吢矫兟┟柯矫偮ッ冣�樏柯矫兟偮好偮兟┟⑩偓鈥溍偮姑兟⑩偓聽脗陆脙搂芒鈧溍偮┟兟┟偮∶偮⒚兟γ⑩偓鈥澝嬧�犆兟ッ偮疵吢该兟┟⑩偓藴脗赂脙漏茂驴陆芒鈧好兟柯矫偮睹兟ッ偮┟偮得冣�毭偮懊兟ッ⑩�毬⑩偓垄脙漏脜陆脗鲁脙楼脗潞脗篓脙楼脗录脗赂脙娄脗赂脜隆脙炉脗驴脗陆脙漏脜陆脗庐脙楼脗陆芒鈧劉脙楼脗麓脗露脙篓脗陇脜陆脙漏脣鈥犆偮幻兟γ⑩偓潞脗垄脙娄脜赂脗拢脙漏脜陆脗潞脙楼脗露芒鈧∶兟吢该⑩�灺⒚兟┟⑩偓鈥溍偮好兟ッ偮泵偮幻兟ッ吢犆⑩偓藴脙漏脜陆脗庐脙拢芒鈧∶⑩偓掳脙楼脗麓芒鈧劉脙楼脗篓芒鈧溍兟γ偮┟⑩偓聽脙陇脗录芒鈧�*/
.clear {
    clear: both
}

.discount-main-body {
    /* 	width:1920px; */
    /*     max-width: 1920px; */
    background-color: #F2F4F8;
    padding-top: 20px;
}

.discount-main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.discount-slideTxtBox {}

.discount-slideTxtBox .hd {
    height: 53px;
}

.discount-slideTxtBox .hd ul {
    width: 100%;
    height: 53px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.discount-slideTxtBox .hd ul li {
    width: 137px;
    height: 40px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
    transition: all .5s;
    position: relative;
}

.discount-slideTxtBox .hd ul li .hot {
    position: absolute;
    width: 18px;
    height: 18px;
    background: url("/assets/abc2024/images/discount/discount-type-hot1.png") center center / 100% 100% no-repeat;
    top: -4px;
    right: 14px;
}

.discount-slideTxtBox .hd ul li span {
    font-size: 16px;
    color: #666666;
    line-height: 1;
    transition: all .5s;
    white-space: nowrap;
}

.discount-slideTxtBox .hd ul li.on {
    background: linear-gradient(94deg, #78BDF2 0%, #3B94FA 62%, #167BFF 100%);
}

.discount-slideTxtBox .hd ul li.on span {
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
}

.discount-slideTxtBox .bd {
    border-left: 3px solid;
    border-image: -webkit-linear-gradient(#2f89cd, #fff) 30 30;
    border-image: -moz-linear-gradient(#2f89cd, #fff) 30 30;
    border-image: linear-gradient(#2f89cd, #fff) 30 30;
}

.discount-rule {
    height: 1320px;
    width: 960px;
    background: url("/assets/abc2024/images/discount/discount-rule.png") top center / 100% 100% no-repeat;
}

.discount-rule-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.discount-rule-title {
    color: #043356;
    font-weight: bold;
    font-size: 26px;
    margin-top: 85px;
    text-align: center;
}

.discount-rule-article {
    width: 850px;
    margin-top: 10px;
    line-height: 33px;
    font-size: 16px;
    color: #545252;
}

.discount-title {
    height: 90px;
}

.discount-title .discount-icon1 {
    float: left;
    margin: -15px 0 0 -58px;
}

.discount-title span {
    font-size: 40px;
    color: #043356;
    line-height: 40px;
    font-weight: bold;
    float: left;
    margin: 5px 0 0 40px;
}

.discount-section {
    margin-top: 40px;
}

.discount-section .discount-icon2 {
    float: left;
    margin-left: -38px;
}

.discount-section .discount-leftFonts {
    display: inline-block;
    margin: 8px 0 0 60px;
    font-size: 20px;
    color: #043356;
    font-weight: bold;
}

.discount-section .discount-time {
    font-size: 15px;
    color: #043356;
    font-weight: bold;
}

.poster {
    margin-left: 30px;
}

/* .discount-section2 { */
/*     margin-top: -50px; */
/* } */

.discount-section2 img {
    float: left;
    margin-left: -38px;
}

.discount-section2 .discount-leftFonts-2 {
    float: left;
    margin: 8px 0 0 59px;
}

.discount-section2 .discount-desc {
    float: left;
    width: 900px;
    font-size: 17px;
    color: #545252;
    /*margin: 5px 0 0 58px;*/
    margin: 5px 60px 35px 65px;
}

.discount-section3 .discount-icon3 {
    float: left;
    margin-left: -38px;
}

.discount-section3 .discount-table {
    margin: 20px 0 0 58px;
}

.discount-section3 .discount-table-1 {
    margin: 20px 0 0 58px;
}

.discount-slideTxtBox .bd ul {
    padding: 15px;
    zoom: 1;
}

.discount-section3 .discount-leftFonts {
    /*     float: left; */
    margin-left: 58px;
}

.discount-slideTxtBox .bd li {
    /*     height: 24px; */
    line-height: 24px;
}

.discount-section4 .discount-icon3 {
    float: left;
    margin-left: -38px;
}

.discount-section4 .discount-desc4 {
    /*float: left;*/
    width: 900px;
    font-size: 17px;
    color: #545252;
    margin: 5px 0 35px 65px;
    line-height: 30px;
}

.discount-slideTxtBox .bd li .date {
    float: right;
    color: #999;
}

/*discount-list脙娄脗驴脗聽脙搂芒鈧拷脗碌脙楼脗搂脗路脙漏茂驴陆茂驴陆脙娄茂驴陆茂驴陆脙楼脗麓芒鈧溍兟┟柯矫柯矫兟ッ偮访偮兟⑩偓啪脗陆脙娄脗驴脜戮脙楼芒鈧�澝嬇撁兟γ呪�櫭偮该兟⑩偓藴芒鈥灺⒚兟偮姑⑩偓拧脙娄芒鈧∶⑩偓鈥澝兟┟⑩偓锟矫柯矫兟ッ偮好偮∶兟ッ偮姑⑩偓鈥澝兟┟⑩偓鈥溍偮姑兟ッ⑩偓聽脗虏脙搂脜赂芒鈧∶兟ッ偮吢犆兟偮幻嬇撁兟γ⑩偓鹿芒鈧γ兟γ偮该吢∶兟嬧�犆呪�溍兟ッ吢犆偮该兟┟⑩偓鈥溍偮幻兟ッ偮好偮∶兟柯矫吢∶兟⑩偓锟矫偮兟⒚⑩�毬偮趁兟⑩偓垄脗路脙楼脗漏脜聽脙楼脗聽脜赂脙楼茂驴陆芒鈧久兟ッ偮γ吢久兟ッ偮偮兟ッ偮偮┟兟ッ偮嬧�犆兟γ嗏�櫭偮兟⒚⑩偓锟矫⑩偓藴脙漏脗隆芒鈧拷脙娄芒鈧�溍偮っ兟っ偮久⑩偓潞脙漏芒鈧�溍偮该兟ッ偮好偮Ｃ兟γ⑩偓垄脗禄脙楼脗炉脗庐脙庐芒鈧∶⑩�毬兟ッ偮疵偮济兟ッ偮┟偮得兟ッ偮犆偮兟γ偮偮姑兟┟⑩偓鈥澝⑩偓拧脙陇脗陆脗赂脙楼芒鈧⒚偮棵兟┟吢矫偮济兟⑩偓拧脗娄脙庐芒鈧拷芒鈧�溍兟┟柯矫偮∶兟γ偮⑩�灺⒚兟γ⑩偓鹿脗路脙楼脗搂脣艙脙庐芒鈧久⑩偓拧脙搂脗搂脗潞脙漏芒鈧�溍偮好兟ッ偮泵偮久兟⑩偓潞脗炉脙漏脗陋脜戮脙楼芒鈧好偮兟ッ偮γ偮该兟┟⑩偓锟矫⑩偓锟矫兟吢犆偮ッ兟偮访偮兟ッ偮┟偮得兟⑩偓拧脗虏脙搂芒鈧撁偮兟偮幻偮兟ッ偮睹⑩偓隆脙楼脣鈥犆⑩偓鈩⒚兟┟吢矫偮久兟偮偮裁兟⑩偓艙脜赂脙漏芒鈧�溍偮棵兟γ偮棵⑩偓聽脙庐脣艙脗炉脙漏脗隆脗芦脙楼芒鈧溍偮疵兟γ吢该偮Ｃ兟ッ偮γ偮兟ッ⑩偓艙芒鈧久兟γ吢∶偮泵兟┟⑩偓鈥溍偮好兟ッ⑩偓鈥澝⑩偓鈥澝兟⑩偓掳芒鈧犆兟┟嬧�犆偮姑兟γ嬧�犆偮γ兟ッ吢该⑩偓啪脙漏茂驴陆茂驴陆脙搂芒鈧∶偮兟⑩偓娄脗潞脙漏芒鈧�澝柯矫兟⑩偓藴脗掳脙楼脜隆芒鈧�溍兟┟吢矫偮访兟偮棵偮�*/
.discount-slideTxtBox .discount-list-bd {
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    gap: 5px;
}

.discount-slideTxtBox .discount-list-bd .no-data-img {
    width: 360px;
}

.discount-slideTxtBox .discount-list-bd .no-data-fonts {
    font-size: 20px;
    color: #757575;
    text-align: center;
}

.discount-list-title {
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    color: #727272;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 15px;
}

.discount-list-title .discount-list-title-fonts {
    color: #666666;
    line-height: 1;
}

.discount-list-title-time {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
}

.discount-list-img {
    width: 1070px;
    height: 310px;
    margin-top: -10px;
}

.discount-slideTxtBox .discount-list-hd {
    display: flex;
    justify-content: center;
}

.discount-list-content {
    display: flex;
    flex-direction: column;
}

.discount-list-content .ticket-btn {
    width: fit-content;
}

/*脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶吢∶兟ッ⑩�毬偮该兟┟柯矫吢犆兟嗏�櫭偮矫兟γ⑩偓拧脜戮脙漏芒鈧拷芒鈧⒚兟ッ⑩偓拧芒鈧好兟ッ⑩偓啪芒鈧溍兟⑩偓藴脜鈥溍兟⑩偓掳脣鈥犆兟ッ偮该⑩偓鈩⒚兟┟柯矫偮兟ッ⑩偓拧脜戮脙娄脜赂脗娄脙楼脗娄脗炉脙陇脗戮脗炉脙娄脗篓脣鈥犆兟┟⑩偓鈥溍偮幻兟γ吢矫⑩偓锟矫兟γ⑩�灺⒚偮兟┟吢矫偮裁兟γ柯矫柯矫兟ッ偮济偮兟┟柯矫偮兟γ偮棵嬧�犆兟⑩偓垄脗潞脙漏芒鈧�澝柯矫兟ッ⑩偓藴脜聽脙搂脗鹿芒鈧∶兟⑩�毬吢∶冣�樏⑩偓隆脙楼脗录脗赂脙娄茂驴陆脗麓脙拢芒鈧久偮兟ッ柯矫⑩偓艙脙漏芒鈧�溍偮该兟Ｃ嗏�櫭⑩偓藴脙楼脗卤脗陆脙楼脜聽芒鈥毬兟┟⑩偓鈥澝柯矫兟ッ偮矫⑩偓鈩⒚兟⑩偓鈥澝⑩偓艙脙漏茂驴陆茂驴陆脙娄脗漏芒鈥毬兟柯矫偮兟┟吢矫偮好兟γ偮ッ⑩�毬兟偮偮Ｃ兟γ偮っ偮っ兟γ⑩偓鈩⒚偮睹兟ッ⑩偓鈥溍柯矫兟┟吢犆⑩偓聽脙楼芒鈧犆偮兟γ偮⒚偮好兟⑩偓鈩⒚⑩偓隆脙篓脜鈥櫭偮兟偮偮趁兟┟⑩偓鈥溍偮该兟ッ偮偮兟ッ⑩偓鈥溍⑩偓鈥溍兟┟吢矫偮兟γ偮疵偮兟ッ偮济偮兟⑩偓鈩⒚⑩偓隆脙搂芒鈧∶偮兟偮⑩偓藴脙漏脗隆脗卢脙楼脗漏芒鈧∶兟γ⑩偓垄芒鈧撁兟┟⑩偓锟矫吢该兟偮棵偮�-games*/
#c_n12 {
    width: 1920px;
    height: 676px;
    top: 120px;
    z-index: 0 !important;
    opacity: 1 !important;
    color: #ffffff;
}

.e-games-body {
    /*     width: 1920px; */
    width: 100%;
    height: auto;
    margin-top: -1px;
    overflow: hidden;
}

.e-games-top {
    position: relative;
    width: 1920px;
    margin: 0 auto;
    height: 630px;
    background: url("/assets/abc2024/images/e-games/e-games-top-bg2.png") no-repeat;
    background-size: 100% 100%;
}

.top-bg1 {
    position: absolute;
    bottom: 0;
    left: 260px;
    z-index: 1;
}

.top-bg2 {
    position: absolute;
    top: -30px;
    right: 430px;
    z-index: 1;
}

#gameJackpot {
    position: absolute;
    bottom: 190px;
    right: 370px;
    z-index: 1;
}

.e-games-top span {
    display: inline-block;
    font-size: 78px;
    font-weight: bold;
    color: #ffffff;
    margin: 500px 0 0 900px;
}

.e-games-content {
    position: relative;
    width: 1920px;
    margin: 0 auto;
    height: auto;
    min-height: 600px;
    background: url("/assets/abc2024/images/e-games/e-games-body-bg2.png") no-repeat;
    background-size: 100% 100%;
    z-index: 11;
}

.e-games-slideTxtBox {
    width: 1220px;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 60px;
}

.e-games-slideTxtBox .hd {
    height: 160px;
    position: relative;
    z-index: 11;
}

.e-games-slideTxtBox .hd ul {
    float: left;
    position: absolute;
    height: 88px;
    /*margin: 75px auto 0;*/
}

.e-games-slideTxtBox .hd ul li {
    float: left;
    width: 178.5px;
    height: 88px;
    cursor: pointer;
    margin-top: 70px;
}

.e-games-slideTxtBox .hd ul li a:hover .game-columns {
    color: #5298ef;
}

.e-games-slideTxtBox .hd ul li img {
    float: left;
    margin: 30px 0 0 30px;
}

.e-games-slideTxtBox .hd ul li span {
    float: left;
    font-size: 14px;
    color: #363636;
    margin: 28px 0 0 16px;
    line-height: 16px;
}

.e-games-slideTxtBox .hd ul li:last-child img {
    margin: 30px 0 0 16px;
}

.e-games-slideTxtBox .hd ul li:last-child span {
    margin: 30px 0 0 10px;
}

.e-games-slideTxtBox .hd ul li.on {
    height: 88px;
}

.e-games-slideTxtBox .hd ul li.on .game-columns {
    color: #5595ef;
    font-weight: bold;
}

.e-games-slideTxtBox .bd ul {
    padding: 0 25px 15px 15px;
    zoom: 1;
    margin-top: -40px;
}

.e-games-slideTxtBox .bd li {
    line-height: 22px;
    /*overflow: hidden;*/
    position: relative;
}

.e-games-download {
    position: absolute;
    top: 65px;
    right: 45px;
    /*float: left;*/
}

.e-games-slideTxtBox .e-games-phone-download,
.e-games-slideTxtBox .e-games-pc-download {
    float: left;
    overflow: hidden;
}

.e-games-slideTxtBox .e-games-phone-download img,
.e-games-slideTxtBox .e-games-pc-download img {
    float: left;
    margin: 0 18px 0 70px;
}

.e-games-slideTxtBox .e-games-phone-download img {
    margin-left: 15px;
}

.e-games-slideTxtBox .e-games-pc-download img {
    margin-left: 60px;
}

.e-games-phone-line1,
.e-games-pc-line1 {
    color: #777676;
}

.e-games-phone-line2,
.e-games-pc-line2 {
    display: inline-block;
    width: 60px;
    height: 20px;
    line-height: 15px;
    /*margin-left: 5px;*/
    text-align: center;
    background: url("/assets/abc2024/images/e-games/e-games-button1.png") no-repeat;
    transition: background .5s;
}

.e-games-phone-line2 a,
.e-games-pc-line2 a {
    display: inline-block;
    color: #ffffff;
    transition: color .5s;
    font-size: 13px;
}

.e-games-phone-line2:hover,
.e-games-pc-line2:hover {
    background: url("/assets/abc2024/images/e-games/e-games-button2.png") no-repeat;
}

.e-games-line3 {
    float: left;
    width: 100%;
    overflow: hidden;
}

.e-games-crumbs {
    float: left;
    margin-top: 25px;
    margin-left: 50px;
}

.e-games-crumbs span {
    display: inline-block;
    width: 110px;
    height: 30px;
    font-size: 15px;
    padding-left: 25px;
    color: #b2b2b3;
}

.e-games-crumbs span:first-child {
    background: url("/assets/abc2024/images/e-games/e-games-crumbs-new.png") 0 1px no-repeat;
}

.e-games-crumbs span:nth-child(2) {
    background: url("/assets/abc2024/images/e-games/e-games-crumbs-hot.png") 0 0px no-repeat;
}

.e-games-crumbs span:nth-child(3) {
    background: url("/assets/abc2024/images/e-games/e-games-crumbs-all.png") 0 0px no-repeat;
}

.e-games-crumbs span a {
    color: #b2b2b3;
    line-height: 20px;
}

.e-games-search {
    float: right;
    width: 263px;
    height: 30px;
    margin-top: 15px;
    margin-right: 50px;
    font-size: 14px;
    border: #9a9a9a 1px solid;
    border-radius: 20px;
    padding-left: 15px;
    outline: none;
}

.e-games-line3 {
    position: relative;
    margin-top: 120px;
}

.e-games-line3 .e-games-search-icon {
    position: absolute;
    display: inline-block;
    top: 23px;
    right: 65px;
    width: 16px;
    height: 16px;
    background: url("/assets/abc2024/images/e-games/e-games-search.png") no-repeat;
}

.game-list {
    /*margin-top: 130px;*/
}

.game-list .game-list-ul {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.game-list .game-list-ul .game-list-li {
    position: relative;
    width: 216px;
    /*height: 350px;*/
    /*border: #9c9c9c 1px solid;*/
    margin-bottom: 20px;
    text-align: center;
    margin: 0 7px 20px 7px;
}

.game-list .game-list-ul .game-list-li img {
    /*margin-top: 6px;*/
    /*width: 216px;*/
    /*height: 310px;*/
    max-height: 216px;
    max-width: 216px;
}

.egames-gameName {
    margin-top: 4px;
}

.game-list .game-list-ul .game-list-li .enter-game {
    position: absolute;
    top: 88px;
    left: 45px;
    width: 125px;
    height: 38px;
    font-size: 16px;
    color: #128bd3;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 38px;
    font-weight: bold;
    opacity: 0;
    transition: opacity .5s;
}

.game-list .game-list-ul .game-list-li:hover .enter-game {
    opacity: 1;
}

.agdz-game-list .game-list-ul .game-list-li {
    width: 236px;
    height: 165px;
    overflow: hidden;
    margin: 0 25px 20px 26px;
}

.agdz-game-list .game-list-ul .game-list-li .enter-game {
    top: 40%;
}

.agdz-game-list .game-list-ul .game-list-li img {
    width: 236px;
    height: 132px;
}

.bbindz-game-list .game-list-ul .game-list-li {
    width: 220px;
    height: 185px;
    overflow: hidden;
    margin: 0 32px 25px 35px;
}

.bbindz-game-list .game-list-ul .game-list-li img {
    width: 220px;
    height: 162px;
}

.bbindz-game-list .game-list-ul .game-list-li .enter-game {
    top: 40%;
}

.bbindz-game-list .game-list-ul .game-list-li .e-games-pagenation {
    margin-right: 35px;
}

.e-games-pagenation {
    margin-right: 10px;
    overflow: hidden;
    height: 60px;
}

.e-games-pagenation .e-games-pagenation-ul {
    width: 250px;
    height: 60px;
    float: right;
    overflow: hidden;
    margin-top: 0 !important;
    display: flex;
    justify-content: space-between;
}


.e-games-pagenation-ul li {
    float: left;
    text-align: center;
}

.e-games-pagenation-ul li a {
    display: inline-block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #9a9999;
}

.e-games-pagenation-ul li:hover {
    background: linear-gradient(to bottom, #90d5f2, #84b9e1 100%);
    border-radius: 5px;
}

.e-games-pagenation-li-1 {
    width: 64px;
    height: 44px;
    font-size: 17px;
    background: url("/assets/abc2024/images/e-games/e-games-pagenationUp.png") repeat-x;
    transition: background .8s;
}

.e-games-pagenation-li-2 {
    width: 44px;
    height: 44px;
    font-size: 17px;
    background: url("/assets/abc2024/images/e-games/e-games-pagenation.png") no-repeat;
    transition: background .8s;
}

/**/
.app-download-body {
    /* 	width:1920px; */
    /*     max-width: 1920px; */
    height: 881px;
    background: url("/assets/abc2024/images/app-download/app-download-bg3.png") no-repeat;
    background-size: 100% 100%;
}

.app-download-content {
    width: 1220px;
    height: 881px;
    margin: 0 auto;
}

.app-content-right {
    float: right;
    margin-top: 110px;
    /*margin-right: 80px;*/
}

.install-help {
    width: 200px;
    height: 40px;
    font-size: 20px;
    padding-left: 80px;
    background: url("/assets/abc2024/images/app-download/install-help.png") no-repeat;
    margin-top: 50px;
    line-height: 40px;
    margin-left: 10px;
}

.install-help a {
    color: rgb(13, 141, 211);
}

/**/
.user-center-col-md-10 {
    min-height: 500px;
    /*padding-bottom: 5px;*/
}

.user-center-nav {
    height: 50px;
    margin-top: 15px;
}

/*.user-center-menuSideBar {*/
/*    margin-left: 10px;*/
/*}*/
.user-center-sideMenu-title {
    width: 220px;
}

.user-center-menuSideBar ul li {
    margin-left: 18px;
}

.user-center-menuSideBar ul {
    width: 220px;
}

.member-col-md-2 {
    margin-left: 28px;
}

.member-sideMenu-title {
    width: 220px;
    border-radius: 5px;
    padding-left: 0;
}

.member-sideMenu ul {
    width: 220px;
}

.member-col-md-10 {
    margin-left: 20px;
}

.user-center-content {
    /*     width: 1920px; */
    background-color: #edf3ff;
    padding-bottom: 60px;
}

.user-center-container {
    width: 1220px;
    margin: 0 auto;
    overflow: hidden;
}

.user-imfo {
    width: 1220px;
    height: auto;
    overflow: hidden;
}

.base-imfo {
    position: relative;
    float: left;
    width: 240px;
    height: 305px;
    margin-left: -10px;
    margin-top: 15px;
    border-radius: 5px;
}

.base-imfo .vip-bg {
    position: absolute;
    width: 240px;
    height: 305px;
}

.base-imfo .vip-level {
    position: absolute;
    top: 60px;
    left: 65px;
    width: auto;
    height: 100px;

}

.base-imfo-name {
    position: absolute;
    width: 240px;
    bottom: 90px;
    left: 0;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.bank-info {
    float: right;
    width: 980px;
    height: auto;
    margin: 9px 0 0 0;
}

.bank-info-ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*margin-left: 12px;*/
}

.bank-info-ul li {
    width: 128px;
    height: 88px;
    text-align: center;
    border-radius: 10px;
    margin: 6px 6px 4px 6px;
    background-color: #FFFFFF;
    position: relative;
}

.bank-info-ul li .bank-name {
    height: 44px;
    color: #666666;
    line-height: 40px;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*background: url("/assets/abc2024/images/user-center/imfo-button-bg.png") no-repeat;*/
}

.bank-info-ul li .load-status {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    font-size: 14px;
    line-height: 40px;
    color: #028afe;
    background-color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

.separated-line {
    width: 44px;
    height: 1px;
    background-color: #e5e5e5;
    margin: 0 auto;
}

.maintenancing {
    display: inline-block;
    /*     width: 100%; */
    font-size: 14px;
    color: #999999;
    /*     margin-left: 8px; */
    /*     background: url("/assets/abc2024/images/user-center/maintenancing.png")20px center no-repeat; */
}

.maintenancing-icon {
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url("/assets/abc2024/images/user-center/maintenancing-icon.png")no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
}

.oneKeyBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 128px;
    height: 88px;
    background-color: #028afe;
    opacity: 0;
    transition: all .5s;
    border-radius: 5px;
}

.oneKeyBg a {
    display: block;
    width: 128px;
    height: 44px;
    line-height: 40px;
    color: #FFFFFF;
}

.oneKeyBg a:hover {
    color: #FFFFFF;
}

.separated-line-2 {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #67b9fe;
    margin: 0 auto;
}

.bank-info-ul li:hover .oneKeyBg {
    opacity: 1;
}


.load-balance {
    font-size: 15px;
}

.bank-info-ul li .load-status img {
    width: 21px;
    height: 21px;
}

.bank-info-ul li .status-maintenance {
    color: #FFFFFF;
    background-color: #c9c6c6;
}

/**/
.page-save-money {
    /*overflow: hidden;*/
    padding-bottom: 20px;
}

.save-mode {
    /* float: left; */
    font-size: 16px;
    color: #444444;
    margin: 25px 0 0 0;
    text-align: center;
}

.save-money-slideTxtBox {
    /* float: left; */
    width: 920px;
    height: auto;
    text-align: left;
    margin: 0 auto;
    /* margin-top: 30px; */
    /* margin-left: 50px; */
}

.save-money-slideTxtBox .hd {
    /* float: left; */
    height: 50px;
    line-height: 50px;
    position: relative;
    margin-top: 10px;
    padding: 0 5px 0 5px;
}

.save-money-slideTxtBox .hd ul {
    /* float: left; */
    /* position: absolute; */
    /* height: 53px; */
    display: flex;
    justify-content: space-between;
    width: 100%;
    /* margin-left: 10px; */
}

.save-money-slideTxtBox .hd ul li {
    float: left;
    cursor: pointer;
    width: 94px;
    height: 65px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    border: #e5e5e5 1px solid;
    transition: all .5s;
}

.wyzz-input1,
.wyzz-input2,
.wyzz-input3,
.wyzz-input4,
.wyzz-input5,
.wyzz-input6,
.wyzz-input7,
.wyzz-input8,
.wyzz-input9 {
    /*float: left;*/
}

.save-money-slideTxtBox .hd ul li span {
    position: absolute;
    top: -26px;
    left: 9px;
    width: 80px;
    height: 26px;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 18px;
    background: url("/assets/abc2024/images/user-center/giving-more-2.png") no-repeat;
}

.save-money-slideTxtBox .hd ul li .save-money-img {
    border-radius: 10px;
    width: 92px;
    height: 60px;
}

.save-money-slideTxtBox .hd ul li p {
    font-size: 14px;
    color: #7e7d7d;
    line-height: 20px;
    margin-top: 6px;
    transition: all .5s;
}

.save-money-slideTxtBox .hd ul li.on {
    border: #028afe 2px solid;
    border-radius: 10px;
}

.save-money-slideTxtBox .hd ul li.on p {
    color: #028afe;
}

.save-money-slideTxtBox .bd {
    height: auto;
}

.save-money-slideTxtBox .bd ul {
    padding: 5px 0;
    zoom: 1;
    /*margin-left: 15px;*/
}

.save-money-slideTxtBox .bd li {
    /*height: 24px;*/
    height: auto;
    line-height: 24px;
}

.save-money-slideTxtBox .bd {
    /*padding-top: 40px;*/
    margin-top: 60px;
}

.save-money-slideTxtBox .bd .ysf span.on {
    color: #2cc5f3;
}

.save-money-slideTxtBox .bd ul .liactive2 {
    background-color: #028afe !important;
    color: #ffffff !important;
}

.save-money-slideTxtBox .bd ul .liactive2 span {
    color: #FFFFFF !important;
}

.ysf-div,
.zfb-div,
.wx-div,
.usdt-div,
.bank-div {
    text-align: center;
    margin-top: 15px;
}

.save-money-slideTxtBox .bd .ysf #ysf-mode,
.save-money-slideTxtBox .bd #ysf-mode-2,
.save-money-slideTxtBox .bd #ysf-mode-3,
.save-money-slideTxtBox .bd #ysf-mode-4,
.save-money-slideTxtBox .bd #ysf-mode-5,
.save-money-slideTxtBox .bd #ysf-mode-8 {
    overflow: hidden;
    display: inline-block;
    width: auto;
}

.save-money-slideTxtBox .bd .ysf #ysf-mode li,
.save-money-slideTxtBox .bd #ysf-mode-2 li,
.save-money-slideTxtBox .bd #ysf-mode-3 li,
.save-money-slideTxtBox .bd #ysf-mode-4 li,
.save-money-slideTxtBox .bd #ysf-mode-5 li,
.save-money-slideTxtBox .bd #ysf-mode-8 li {
    float: left;
    width: 126px;
    height: 50px;
    font-size: 15px;
    line-height: 21px;
    color: #444444;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    margin-right: 12px;
    border-radius: 5px;
    background-color: #ffffff;
    padding-top: 4px;
    /*     border: #e5e5e5 1px solid; */
    /*background: url("/assets/abc2024/images/user-center/pay-select-bg.png") no-repeat;*/
}

.save-money-slideTxtBox .bd #ysf-mode li .limit,
.save-money-slideTxtBox .bd #ysf-mode-2 li .limit,
.save-money-slideTxtBox .bd #ysf-mode-3 li .limit,
.save-money-slideTxtBox .bd #ysf-mode-4 li .limit,
.save-money-slideTxtBox .bd #ysf-mode-5 li .limit,
.save-money-slideTxtBox .bd #ysf-mode-8 li .limit {
    color: #888888;
    font-weight: normal;
    font-size: 12px;
}

.save-money-slideTxtBox .bd .ysf #ysf-mode .liactive,
.save-money-slideTxtBox .bd #ysf-mode-2 .liactive2,
.save-money-slideTxtBox .bd #ysf-mode-3 .liactive3,
.save-money-slideTxtBox .bd #ysf-mode-4 .liactive4,
.save-money-slideTxtBox .bd #ysf-mode-5 .liactive5,
.save-money-slideTxtBox .bd #ysf-mode-8 .liactive8 {
    background-color: #05c0f2;
}

.save-money-slideTxtBox .bd .ysf .ysfDiv p,
.save-money-slideTxtBox .bd .wyzz p,
.save-money-slideTxtBox .bd #ysfDiv-2 p,
.save-money-slideTxtBox .bd #ysfDiv-3 p,
.save-money-slideTxtBox .bd #ysfDiv-4 p,
.save-money-slideTxtBox .bd #ysfDiv-5 p,
.save-money-slideTxtBox .bd #ysfDiv-8 p {
    margin-top: 15px;
}

.save-money-slideTxtBox .bd .wyzz .save-money-submit-box .bottom-remind p {
    margin-top: 8px;
}

.save-money-slideTxtBox .bd .ysf .ysfDiv p:first-child,
.save-money-slideTxtBox .bd .ysfDiv-2 p:first-child,
.save-money-slideTxtBox .bd .ysfDiv-3 p:first-child,
.save-money-slideTxtBox .bd .wyzz .wyzz-input {
    text-align: center;
    position: relative;
    width: 380px;
    height: 42px;
    margin: 15px auto 0 !important;
    /*box-shadow: 2px 1px 0px rgb(203,208,218,.4);*/
}

.save-money-slideTxtBox .bd .ysfDiv-2 .ysf-help {
    margin-top: 5px;
}

.ysf-help,
.save-money-slideTxtBox .bd .ysf .ysfDiv .ysf-help,
.save-money-slideTxtBox .bd .wyzz .ysf-help,
.save-money-slideTxtBox .bd .wyzz2 .ysf-help,
.save-money-slideTxtBox .bd #ysfDiv-2 .ysf-help,
.save-money-slideTxtBox .bd .ysfDiv-3 .ysf-help,
.save-money-slideTxtBox .bd #ysfDiv-4 .ysf-help,
.save-money-slideTxtBox .bd .ysfDiv-5 .ysf-help,
.save-money-slideTxtBox .bd .ysfDiv-8 .ysf-help {
    float: right;
    width: 160px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #028afe;
    padding-left: 30px;
    margin-right: 10px;
    margin-top: 15px;
    background: url("/assets/abc2024/images/user-center/ysf-help-2.png")5px 2px no-repeat;
}

.save-money-slideTxtBox .bd .ysf .ysfDiv input,
.save-money-slideTxtBox .bd .wyzz p input,
.save-money-slideTxtBox .bd #ysfDiv-2 input,
.save-money-slideTxtBox .bd #ysfDiv-3 input,
.save-money-slideTxtBox .bd #ysfDiv-4 input,
.save-money-slideTxtBox .bd #ysfDiv-5 input,
.save-money-slideTxtBox .bd #ysfDiv-8 input,
.save-money-slideTxtBox .bd .usdt input,
.save-money-slideTxtBox .bd .bank input {
    width: 380px;
    height: 42px;
    line-height: 42px;
    color: #7e7d7d;
    padding-left: 95px;
    border: #e5e5e5 1px solid;
}

.save-money-slideTxtBox input:focus {
    border: #0f94ff 1px solid !important;
}

.save-money-slideTxtBox .bd .ysf .ysfDiv span,
.save-money-slideTxtBox .bd .wyzz p span,
.save-money-slideTxtBox .bd #ysfDiv-2 span,
.save-money-slideTxtBox .bd #ysfDiv-3 span,
.save-money-slideTxtBox .bd #ysfDiv-4 span,
.save-money-slideTxtBox .bd #ysfDiv-5 span {
    font-size: 14px;
    color: #444444;
}

.save-money-slideTxtBox .bd .wyzz .wyzz-input span,
.save-money-slideTxtBox .bd .ysf .ysfDiv span,
.save-money-slideTxtBox .bd #ysfDiv-2 span,
.save-money-slideTxtBox .bd #ysfDiv-3 span,
.save-money-slideTxtBox .bd .bank .zfb-pay-input span {
    position: absolute;
    top: 10px;
    left: 15px;
}

.save-money-slideTxtBox .bd .wyzz .wyzz-input span .save-money-slideTxtBox .bd #ysfDiv-2 .zfb-pay-input,
.save-money-slideTxtBox .bd #ysfDiv-3 .wechat-pay-input,
.save-money-slideTxtBox .bd #ysfDiv-4 .yl-pay-input {
    margin-top: 5px;
}

.wx-remind {
    position: absolute;
    top: 57%;
    left: 44.5%;
    width: 460px;
    height: 270px;
    border-radius: 5px;
    z-index: 9999;
    background: #FFFFFF;
    display: none;
}

.remind-title {
    background: #028afe;
    height: 45px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.remind-close {
    width: 20px;
    height: 20px;
    background: url("/assets/abc2024/images/user-center/remind-close.png")no-repeat;
    background-size: 100% 100%;
    margin-right: 10px;
    cursor: pointer;
}

.warning-icon {
    width: 50px;
    height: 50px;
    margin: 30px auto 0;
    background: url("/assets/abc2024/images/user-center/remind-warning.png")no-repeat;
    background-size: 100% 100%;
}

.remind-detail2 {
    width: 85%;
    margin: 20px auto 0;
    text-align: left;
    font-size: 14px;
}

.warning-confirm {
    width: 30%;
    margin: 20px auto 0;
    background: #028afe;
    border-radius: 5px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 25px;
    background: url(/assets/abc2024/images/user-center/confirm-btn.png)no-repeat;
    background-size: 100% 100%;
    transition: all .5s;
}

.warning-confirm:hover {
    background: url(/assets/abc2024/images/user-center/confirm-btn.png)no-repeat;
    background-size: 100% 100%;
}

#wx-remind2 .warning-confirm {
    background: url(/assets/abc2024/images/user-center/confirm-btn.png)no-repeat;
    background-size: 100% 100%;
    border-radius: 25px;
    width: 120px;
    margin: 15px auto 0;
    transition: all .5s;
    height: 42px;
    line-height: 42px;
}

#wx-remind2 .warning-confirm:hover {
    background: url(/assets/abc2024/images/user-center/confirm-btn2.png)no-repeat;
    background-size: 100% 100%;
}

#wx-remind .remind-detail {
    margin: 22px auto 0;
    width: 88%;
    font-size: 14px;
}

.paying-reminds {
    float: left;
    font-size: 14px;
    color: #7e7d7d;
    margin-top: -35px;
    margin-left: 25px;
    margin-bottom: 20px;
}

.remind-detail .notice-remind {
    height: 20px;
    padding-left: 30px;
    font-size: 16px;
    color: #f1b443;
    line-height: 20px;
    background: url("/assets/abc2024/images/user-center/notice-remind.png") no-repeat;
}

.notice-remind2 {
    margin-top: 15px;
}

.save-money-slideTxtBox .bd #ysf-mode-2 li:last-child {
    margin-left: 0 !important;
}

.save-money-confirm {
    color: #ffffff !important;
    padding: 0 !important;
    /* margin: 15px 0 0 300px!important; */
}


/**/
input[type='radio']+label {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.ysfDiv fieldset,
.ysfDiv-2 fieldset,
.usdt fieldset,
.bank fieldset {
    border: none;
    margin: 0;
    min-height: 80px;
    line-height: 80px;
    position: relative;
    /*padding: 0 20px;*/
    text-align: center;
    margin-top: 5px;
}

fieldset h2 {
    font-family: 'Lobster', cursive;
    font-weight: normal;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.12);
    display: inline-block;
    margin: 0;
    line-height: 1.5;
    position: absolute;
    top: -20px;
    background: url("../img/noise.png") repeat;
    padding: 0 5px 0 10px;
}

input[type='radio'] {
    display: none;
}

a.glowBtn,
input[type='radio']+label {
    z-index: 10;
    margin: 0 3px 15px 0;
    width: 115.5px;
    height: 37.29px;
    line-height: 36.3px;
    position: relative;
    font-size: 13.2px;
    /*letter-spacing: .1em;*/
    color: #0e0e0e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    background-size: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.bank-pay-input {
    position: relative;
    width: 380px;
    margin: 10px auto 0;
    height: 40px;
}

.bank-pay-input span {
    color: #444444;
}

.bank-pay-input input {
    margin-top: 0px;
    font-size: 16px;
    height: 40px;
    border: #E5E5E5 1px solid;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #444444;
    width: 380px;
}

.usdt-pay-input,
.zfb-pay-input {
    position: relative;
    width: 380px;
    margin: 10px auto 0;
}


/*Hover States*/
a.glowBtn:hover,
a.hover,
input[type='radio']+label:hover {
    color: #666666;
    border: #028afe 1px solid;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
}

a.glowBtn:hover:after,
a.hover:after,
input[type='radio']+label:hover:after {
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #545454), color-stop(100%, #373738));
    background-image: -moz-linear-gradient(#545454, #373738);
    background-image: -webkit-linear-gradient(#545454, #373738);
    background-image: linear-gradient(#545454, #373738);
}

/*Active States*/
a.glowBtn:active,
a.active,
a.active:hover,
input[type='radio']:checked+label {
    border: #028afe 1px solid;
    color: #028afe;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 0px 30px rgba(0, 255, 255, 0.7);*/
    /*-moz-box-shadow: 0 -1px 0 rgba(0, 193, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 20px rgba(0, 193, 255, 0.1), 0 0 30px rgba(0, 193, 255, 0.1);*/
    /*-webkit-box-shadow: 0 -1px 0 rgba(0, 193, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 20px rgba(0, 193, 255, 0.1), 0 0 30px rgba(0, 193, 255, 0.1);*/
    /*box-shadow: 0 -1px 0 rgba(0, 193, 255, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 20px rgba(0, 193, 255, 0.1), 0 0 30px rgba(0, 193, 255, 0.1);*/
    /*border: #00ccff 1px solid;*/
}

a.glowBtn:active,
a.active,
a.active:hover {
    text-shadow: 0 -1px 0 black, 0 0px 30px cyan, 0 0px 50px cyan;
}

a.glowBtn:active:after,
a.active:after,
a.active:hover:after,
input[type='radio']:checked+label:after {
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #262627), color-stop(100%, #2d2d2e));
    background-image: -moz-linear-gradient(#262627, #2d2d2e);
    background-image: -webkit-linear-gradient(#262627, #2d2d2e);
    background-image: linear-gradient(#262627, #2d2d2e);
    -moz-box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.3), inset 0 0 4px rgba(0, 0, 0, 0.9), 0 0 0 black;
    -webkit-box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.3), inset 0 0 4px rgba(0, 0, 0, 0.9), 0 0 0 black;
    box-shadow: inset 0 5px 6px rgba(0, 0, 0, 0.3), inset 0 0 4px rgba(0, 0, 0, 0.9), 0 0 0 black;
}

/*Radio Specific Style*/
input[type='radio']+label {
    font-size: 16px;
    line-height: 45px;
    color: #7e7d7d;
    /*letter-spacing: 0;*/
    width: 100px;
    height: 45px;
    font-weight: normal;
    border: #e5e5e5 1px solid;
    background-color: #ffffff;
}

/*SuperBtn*/
a.superBtn {
    color: #0e0e0e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    font-weight: bold;
    letter-spacing: .08em;
    width: 242.0px;
    height: 39.6px;
    line-height: 39.6px;
    position: relative;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2e3537), color-stop(100%, #424748));
    background-image: -moz-linear-gradient(#2e3537, #424748);
    background-image: -webkit-linear-gradient(#2e3537, #424748);
    background-image: linear-gradient(#2e3537, #424748);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(0, 0, 0, 0.3), inset 0 0 0px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(0, 0, 0, 0.3), inset 0 0 0px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(0, 0, 0, 0.3), inset 0 0 0px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.4);
}

a.superBtn:after {
    width: 253.0px;
    height: 49.5px;
    top: -4.95px;
    margin-left: 50%;
    left: -126.5px;
    content: '';
    display: block;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2af1fc), color-stop(100%, #17b2e6));
    background-image: -moz-linear-gradient(#2af1fc, #17b2e6);
    background-image: -webkit-linear-gradient(#2af1fc, #17b2e6);
    background-image: linear-gradient(#2af1fc, #17b2e6);
    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 1px rgba(255, 255, 255, 0.4), 0 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 0px 3px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 1px rgba(255, 255, 255, 0.4), 0 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 0px 3px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 1px rgba(255, 255, 255, 0.4), 0 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 0px 3px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index: -1;
}

/*SuperBtn Hover*/
a.superBtn:hover {
    color: #AEAEAE;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #545454), color-stop(100%, #373738));
    background-image: -moz-linear-gradient(#545454, #373738);
    background-image: -webkit-linear-gradient(#545454, #373738);
    background-image: linear-gradient(#545454, #373738);
}

a.superBtn:hover:after {
    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 1px rgba(255, 255, 255, 0.4), 0 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 0px 3px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 0 15px 5px rgba(0, 255, 255, 0.2);
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 1px rgba(255, 255, 255, 0.4), 0 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 0px 3px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 0 15px 5px rgba(0, 255, 255, 0.2);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 1px rgba(255, 255, 255, 0.4), 0 0 1px 1px rgba(0, 0, 0, 0.3), inset 0 0px 3px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 0 15px 5px rgba(0, 255, 255, 0.2);
}

a.superBtn:active {
    color: #00ccff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 0px 30px rgba(0, 255, 255, 0.7);
    background: #333;
    -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.4), inset 0 3px 3px rgba(0, 0, 0, 0.7), inset 0 0 4px rgba(0, 0, 0, 0.9), 0 0 0 black;
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.4), inset 0 3px 3px rgba(0, 0, 0, 0.7), inset 0 0 4px rgba(0, 0, 0, 0.9), 0 0 0 black;
    box-shadow: 0 1px 0px rgba(255, 255, 255, 0.4), inset 0 3px 3px rgba(0, 0, 0, 0.7), inset 0 0 4px rgba(0, 0, 0, 0.9), 0 0 0 black;
}

.withdraw-submit {
    margin-left: 105px !important;
}

#contactform {
    /*width: 248px;*/
    height: 45px;
    box-sizing: border-box;
    /*overflow: hidden;*/
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    background: #ffffff;
    border: #e5e5e5 1px solid;
    /*box-shadow: 2px 1px 0px rgb(203,208,218,.4);*/
}

#contactform span {
    float: left;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #7e7d7d;
    margin-right: 5px;
}

#contactform form {
    float: left;
    width: 248px;
}

#contactform h2 {
    text-align: center;
    font-weight: 500;
    font-size: 32px;
    color: #636363;
}

#contactform p.input {
    margin-top: 20px;
}

.wyzz .wyzz-input7 label {
    width: 80px;
    float: left;
    margin: 0 10px 15px 5px;
    border: #e5e5e5 1px solid;
}

#contactform input,
#contactform textarea {
    /*width: 100%;*/
    box-sizing: border-box;
    padding: 5px 10px;
}

#contactform textarea {
    max-width: 100%;
    height: 100px;
}

#contactform input.button {
    background: #52b2ff;
    color: #FFF;
    border: 0;
    padding: 9px 0px;
    text-transform: uppercase;
    cursor: pointer;
}

#contactform input.button:hover,
#contactform input.button:active {
    background: #1f81d0;
}

#jqcs_o_demo .jqcs_option,
#jqcs_s_demo .jqcs_option {
    color: #7e7d7d;
    background-repeat: no-repeat;
    background-size: 18px 20px;
    background-position: 100px center;
    padding: 2.5px 10px 2.5px 130px;
    text-align: left;
    font-size: 14px;
    background-color: #fff;
    width: 378px;
}

.jqcs_default_select {
    display: none;
}

.jqcs_select {
    position: relative;
    /*border: 1px #b1b1b1 solid;*/
    cursor: pointer;
    overflow: hidden;
    color: #555;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.jqcs_select:hover {
    /*background-color: #f9f9f9;*/
}

.jqcs_select .jqcs_value {
    float: left;
}

.jqcs_select .jqcs_value p.jqcs_placeholder {
    margin: 0;
    color: #7e7d7d;
    font-size: 14px;
}

.user-center-withdraw-content .jqcs_select .jqcs_value p.jqcs_placeholder {
    /*margin-left: 75px;*/
    width: 280px;
    text-align: left;
    border: none;
}

.jqcs_select .jqcs_arrow {
    position: absolute;
    right: 0;
    height: 100%;
    /*border-left: 1px #b1b1b1 solid;*/
    background-image: url(/assets/abc2024/images/user-center/dropdown_arrow.png);
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center center;
}

.jqcs_select .jqcs_arrow.rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    /*border-left: 0 !important;*/
    /*border-right: 1px #b1b1b1 solid !important;*/
}

.jqcs_options {
    display: none;
    /*border: 1px #b1b1b1 solid;*/
    /*border-top: 0;*/
    position: absolute;
    z-index: 111;
}

.jqcs_option {
    cursor: pointer;
}

.jqcs_option:hover {
    background-color: #f9f9f9;
}

.withdraw-limit {
    position: absolute;
    top: 10px;
    right: -210px;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
    color: #028afe !important;
    background: url(/assets/abc2024/images/user-center/withdraw-limit-icon.png) no-repeat;
}

.save-money-submit-box .save-money-submit {
    width: 188px !important;
    height: 43px;
    line-height: 43px;
    background-color: #05c0f2;
    border: none;
    border-radius: 5px;
    color: #ffffff !important;
    font-weight: bolder;
    margin: 40px 0 0 88px;
    font-family: PingFangSC-Regular, sans-serif;
}

.save-money-submit-box {
    float: left;
    width: 100%;
}

.save-money-submit:hover {
    cursor: pointer;
}

.bottom-remind {
    font-size: 16px;
    margin-top: 100px;
    text-align: left;
}

.bottom-remind p {
    color: #7e7d7d;
    font-size: 14px;
}

/*.save-money-submit[disabled]{*/
/*    color: #888888;*/
/*}*/
.save-money-submit:disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.bTabs .nav-tabs>li>a {
    position: relative;
    width: 122px;
    height: 40px;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
    border: none;
    font-size: 14px;
    padding: 0;
    background: url("/assets/abc2024/images/user-center/imfo-button-bg2.png") no-repeat;
}

.bTabs .nav-tabs li.active a {
    width: 122px;
    color: #FFFFFF;
    background: url("/assets/abc2024/images/user-center/imfo-button-bg.png") no-repeat;
}

.bTabs .nav-tabs li.active a button.navTabsCloseBtn {
    width: 21px;
    height: 21px;
    /*color: #FFFFFF;*/
    /*border: #FFFFFF 1px solid;*/
    border-radius: 35px;
    font-size: 12px !important;
    cursor: pointer;
    margin-left: 10px;
    font-style: normal;
    line-height: 16px;
    font-family: inherit;
    font-weight: normal;
    position: absolute;
    cursor: pointer;
    float: right;
    top: 0;
    right: 0;
}

.bTabs button.navTabsCloseBtn {
    position: absolute;
    width: 21px;
    height: 21px;
    /*color: #FFFFFF;*/
    /*border: #FFFFFF 1px solid;*/
    border-radius: 35px;
    font-size: 12px !important;
    cursor: pointer;
    top: 0;
    right: 0;
}

#mainFrameTabs .nav-tabs {
    height: auto;
    min-height: 50px;
    /*height: 52px;*/
    background-color: #f4f4f4;
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    border-radius: 5px;

}

#mainFrameTabs .nav-tabs li {
    /*margin-top: 6px;*/
    margin: 5px 5px 0 0;
    padding-bottom: 5px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: none;
}

.save-money-slideTxtBox .bd .online-bank-list label {
    /*width: 160px;*/
    /*height: 40px;*/
    /*line-height: 33px;*/
    /*margin: 0 5px 10px 9px;*/
    width: 140px;
    height: 40px;
    line-height: 33px;
    margin: 0 3px 10px 3px;
}

.save-money-slideTxtBox .bd .online-bank-list label:hover {
    font-weight: bold;
}

.save-money-slideTxtBox .bd .online-bank-list label img {
    margin: 2px 5px 0 0;
}

.save-money-slideTxtBox .bd .online-bank-list label span {
    font-size: 14px;
}

.online-bank-list {
    width: 880px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.clickMore {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    /*border: #8e8e8e 1px solid;*/
    border-radius: 5px;
    color: #7e7d7d;
    font-size: 14px;
    background-color: #f4f4f4;
    margin-left: 3px;
}

.bank-hide {
    display: none;
}

#clidkMore:hover {
    text-decoration: none;
}

/*dj-games脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶吢∶兟ッ⑩�毬偮该兟┟柯矫吢犆兟嗏�櫭偮矫兟γ⑩偓拧脜戮脙漏芒鈧拷芒鈧⒚兟ッ⑩偓拧芒鈧好兟ッ⑩偓啪芒鈧溍兟⑩偓藴脜鈥溍兟⑩偓掳脣鈥犆兟ッ偮该⑩偓鈩⒚兟┟柯矫偮兟ッ⑩偓拧脜隆脙垄芒鈧拷芒鈧溍兟┟柯矫嬇撁兟ッ偮偮犆兟ッ偮Ｃ嬇撁兟┟⑩偓鈥溍偮好兟ッ偮偮┟兟偮访吢∶兟┟柯矫呪�櫭兟⑩偓聽脗录脙娄脗垄脗禄脙搂芒鈥毬偮得兟偮偮棵兟ッ偮γ偮矫兟┟⑩偓鈥澝柯矫兟偮偮棵兟嗏�櫭⑩偓隆脙漏茂驴陆脗聽脙娄脗聽脗颅脙楼脗录脗禄脙楼脗篓芒鈧溍兟⒚⑩偓藴脗漏脙炉脗驴脗陆脙炉脗鹿芒鈧∶兟ッ偮姑⑩偓鹿脙楼脗漏脗碌脙楼芒鈧溍偮兟γ呪�櫭⑩偓掳脙楼脗漏脗碌脙搂芒鈧∶偮裁兟⑩偓艙脗篓脙搂脗禄脗庐脙楼脗露芒鈧∶兟ッ嬧�犆⑩偓鈩⒚兟┟吢矫偮久兟偮偮裁兟⑩偓艙脜赂脙漏芒鈧�溍偮棵兟γ偮棵⑩偓聽脙庐脣艙脗炉脙漏脗隆脗芦脙楼芒鈧溍偮疵兟γ吢该偮Ｃ兟ッ偮γ偮兟ッ⑩偓艙芒鈧久兟γ吢∶偮泵兟┟⑩偓鈥溍偮好兟ッ⑩偓鈥澝⑩偓鈥澝兟⑩偓掳芒鈧犆兟┟嬧�犆偮姑兟γ嬧�犆偮γ兟ッ吢该⑩偓啪脙漏茂驴陆茂驴陆脙搂芒鈧∶偮兟⑩偓娄脗潞脙漏芒鈧�澝柯矫兟⑩偓藴脗掳脙楼脜隆芒鈧�溍兟┟吢矫偮访兟偮棵偮�*/
.dj-body {
    position: relative;
    /*     width: 1920px; */
    /*     max-width:1920px; */
    height: 1080px;
    background: url("/assets/abc2024/images/dj-games/dj-games.png") no-repeat;
    z-index: 1;
}

.dj-body .left-part {
    position: absolute;
    width: 50%;
    height: 100%;
}

.dj-body .right-part {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
}

.dj-body .dj-games-dark {
    width: 100%;
    height: 1080px;
}

.dj-games-dark {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    height: 1080px;
}

.left-cover-emc {
    position: absolute;
    left: 0;
    width: 1058px;
    height: 1080px;
    background: url("/assets/abc2024/images/dj-games/dj-games-left-cover.png") no-repeat;
    opacity: 1;
    z-index: 3;
    transition: opacity .5s;
}

.left-cover-emc:hover {
    opacity: 0;
}

.left-part:hover .left-ball {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
}

.right-cover-fy {
    position: absolute;
    right: 0;
    background: url("/assets/abc2024/images/dj-games/dj-games-right-cover.png") no-repeat;
    opacity: 1;
    width: 1058px;
    height: 1080px;
    z-index: 4;
    transition: opacity .5s;
}

.right-cover-fy:hover {
    opacity: 0;
}

.right-part:hover .right-ball {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
}

.left-ball {
    position: absolute;
    /*     left: 858px; */
    /*     top: 388px; */
    /* 	left: 45%; */
    /*     top: 49%; */
    right: 1px;
    top: 385px;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    background: url("/assets/abc2024/images/dj-games/emc-ball.png") no-repeat;
    z-index: 5;
}

.right-ball {
    position: absolute;
    /*     right: 44%; */
    /*     top: 66%; */
    left: 18px;
    top: 48%;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    background: url("/assets/abc2024/images/dj-games/fy-ball.png") no-repeat;
    z-index: 5;
}

.left-ball-cover {
    display: inline-block;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .5;
    transition: opacity .5s;
}

.right-ball-cover {
    display: inline-block;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .5;
    transition: opacity .5s;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

/*lettery脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶⑩�灺⒚兟γ偮得⑩偓隆脙楼脗庐芒鈧⒚兟⑩偓锟矫偮该兟ッ偮疵偮懊兟┟吢矫偮懊兟⑩偓聽脗录脙楼脜戮茂驴陆脙搂芒鈥毬偮姑兟Ｃ嗏�櫭偮ッ兟γ偮Ｃ⑩偓潞脙漏茂驴陆茂驴陆脙楼脗聽芒鈧⒚兟γ⑩偓拧芒鈧�澝兟┟⑩偓锟矫柯矫兟ッ偮好偮∶兟γ吢久⑩偓潞脙漏芒鈧�溍偮幻兟Ｃ⑩偓拧芒鈧∶兟ッ柯矫⑩偓艙脙搂脗禄脗禄脙娄脗驴芒鈧姑兟γ偮Ｃ嗏�櫭兟ッ偮⑩偓藴脙楼茂驴陆脜戮脙楼芒鈧懊偮懊兟┟⑩偓鈥溍偮该兟Ｃ嗏�櫭偮γ兟γ呪�櫭偮趁兟ッ偮吢犆兟⑩�灺⒚偮姑兟γ柯矫⑩偓啪脙漏脜聽脜聽脙拢脝鈥櫭偮γ兟柯矫偮⒚兟┟⑩偓鈥澝柯矫兟⑩偓藴脗掳脙楼脜隆芒鈧�溍兟┟吢矫偮访兟偮棵偮�*/
.lettery-body {
    /* 	width:1920px; */
    /*     max-width: 1920px; */
    height: 960px;
    background: url("/assets/abc2024/images/lettery/lettery-bg.png") no-repeat;
    background-size: 100% 100%;
}

.lettery-content {
    width: 1220px;
    height: 960px;
    margin: 0 auto;
}

.lettery-slideTxtBox {
    width: 1220px;
    height: 800px;
    text-align: left;
}

.lettery-slideTxtBox .hd {
    background: #f4f4f4;
    position: relative;
}

.lettery-slideTxtBox .hd ul {
    float: left;
    position: absolute;
    height: auto;
    margin-top: 100px;
}

.lettery-slideTxtBox .hd ul li {
    width: 259px;
    height: 94px;
    padding: 0 15px;
    cursor: pointer;
    transition: background .5s;
    margin-top: 34px;
}

.lettery-slideTxtBox .hd ul li.on {
    height: 94px;
}

.lettery-slideTxtBox .hd ul .vr-button {
    background: url("/assets/abc2024/images/lettery/vr-button.webp") no-repeat;
    background-size: 100% 100%;
}

.lettery-slideTxtBox .hd ul .vr-button.on {
    background: url("/assets/abc2024/images/lettery/vr-button2.webp") no-repeat;
    background-size: 100% 100%;
}

.lettery-slideTxtBox .hd ul .yb-button {
    background: url("/assets/abc2024/images/lettery/yb-button.webp") no-repeat;
    background-size: 100% 100%;
}

.lettery-slideTxtBox .hd ul .yb-button.on {
    background: url("/assets/abc2024/images/lettery/yb-button2.webp") no-repeat;
    background-size: 100% 100%;
}

.lettery-slideTxtBox .hd ul .tc-button {
    background: url(/assets/abc2024/images/lettery/tc-button.webp) no-repeat;
    background-size: 100% 100%;
}

.lettery-slideTxtBox .hd ul .tc-button.on {
    background: url(/assets/abc2024/images/lettery/tc-button2.webp) no-repeat;
    background-size: 100% 100%;
}

.lettery-slideTxtBox .hd ul .sy-button {
    background: url(/assets/abc2024/images/lettery/sy-button.webp) no-repeat;
    background-size: 100% 100%;
}

.lettery-slideTxtBox .hd ul .sy-button.on {
    background: url(/assets/abc2024/images/lettery/sy-button2.webp) no-repeat;
    background-size: 100% 100%;
}
.lettery-slideTxtBox .hd ul .block-button {
    background: url(/assets/abc2024/images/lettery/block-button.png) no-repeat;
    background-size: 100% 100%;
}

.lettery-slideTxtBox .hd ul .block-button.on {
    background: url(/assets/abc2024/images/lettery/block-button2.png) no-repeat;
    background-size: 100% 100%;
}
.lettery-slideTxtBox .bd {
    float: right;
    width: 900px;
    height: 550px;
}

.lettery-slideTxtBox .bd ul {
    padding: 15px;
    zoom: 1;
}

.lettery-slideTxtBox .bd li {
    width: 900px;
    height: 550px;
    position: relative;
}

.lettery-slideTxtBox .bd li .img-main {
    margin-left: 180px;
    margin-top: 80px;
}

.lettery-slideTxtBox .bd li .BBIN-right {
    position: absolute;
}

.lettery-slideTxtBox .bd li .img-ball4 {
    top: 5px;
    left: 530px;
}

.lettery-slideTxtBox .bd li .img-ball {
    top: 130px;
    left: 40px;
}

.lettery-slideTxtBox .bd li .img-ball3 {
    top: 205px;
    right: 80px;
}

.lettery-slideTxtBox .bd li .img-ball5 {
    top: 420px;
    right: 90px;
}

.lettery-slideTxtBox .bd li .img-ball2 {
    top: 378px;
    left: 55px;
}

.lottery-button {
    position: absolute;
    left: 368px;
    bottom: -168px;
    width: 186px;
    height: 62px;
    line-height: 62px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bolder;
    text-align: center;
    background: url("/assets/abc2024/images/cooperation-column-btn.png");
    transition: background .5s;
}

.lottery-button:hover {
    background: url("/assets/abc2024/images/cooperation-column-btn2.png");
}

.lottery-bottom-fonts {
    position: absolute;
    left: -180px;
    bottom: -328px;
    overflow: hidden;
}

lottery-bottom-fonts img {
    float: left;
}

.lottery-bottom-fonts span {
    float: right;
    display: inline-block;
    width: 500px;
    font-size: 18px;
    color: #888888;
    line-height: 30px;
    margin: 20px 0 0 28px;
}

.lettery-slideTxtBox .bd li .img-ball6 {
    top: 150px;
    left: 100px;
}

.lettery-slideTxtBox .bd li .img-ball7 {
    bottom: -120px;
    right: 105px;
}

.lettery-slideTxtBox .bd li .img-ball8 {
    top: 200px;
    right: 5px;
}

.lettery-slideTxtBox .bd li .img-ball9 {
    bottom: -140px;
    left: 128px;
}

.lottery-bottom-fonts-bg {
    left: -100px;
}

.lettery-slideTxtBox .bd li .img-ball10 {
    bottom: -60px;
    left: 60px;
}

.lettery-slideTxtBox .bd li .img-ball11 {
    top: 95px;
    left: -30px;
}

.lettery-slideTxtBox .bd li .img-ball12 {
    top: 50px;
    right: 130px;
}

.lettery-slideTxtBox .bd li .img-ball13 {
    bottom: -20px;
    right: 25px;
}

.lettery-slideTxtBox .bd li .img-ball14 {
    top: 230px;
    right: 0;
}

.lottery-button-vr {
    left: 340px;
    bottom: -200px;
}

.lettery-slideTxtBox .bd li .yi-right {
    margin-left: 5px;
}

.lettery-slideTxtBox .bd li .img-ball15 {
    bottom: -90px;
    left: 155px;
}

.lettery-slideTxtBox .bd li .img-ball16 {
    top: 185px;
    right: 50px;
}

.lettery-slideTxtBox .bd li .img-ball17 {
    bottom: 90px;
    right: 150px;
}

.lettery-slideTxtBox .bd li .img-ball18 {
    bottom: 10px;
    right: 10px;
}

.lettery-slideTxtBox .bd li .img-ball19 {
    top: 130px;
    left: 50px;
}

.lettery-slideTxtBox .bd li .img-ball20 {
    bottom: 110px;
    left: 0;
}

.lottery-bottom-fonts-yi {
    left: -70px;
}

.lottery-button-yi {
    left: 300px;
}


.user-center-withdraw-content {
    padding: 40px 0;
    /*background-color: #f4f8ff;*/
    /* height: 100%; */
    /*height: 550px!important;*/
}

.user-center-balance {
    float: left;
    font-size: 16px;
    margin-top: 5px;
}

.user-center-balance span {
    color: #7e7d7d;
}

.user-center-takeBack {
    display: inline-block;
    width: 88px;
    height: 22px;
    text-align: left;
    color: #36caf7;
    margin-left: 30px;
    background: url("/assets/abc2024/images/user-center/takeBack.png") right no-repeat;
}

.user-center-help {
    float: right;
    width: 160px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-decoration: underline;
    color: #23c8f4;
    padding-left: 30px;
    margin-top: 5px;
    background: url(/assets/abc2024/images/user-center/ysf-help.png) no-repeat;
}

.user-center-withdraw-title {
    overflow: hidden;
    height: 35px;
    border-bottom: #f4f4f4 1px solid;
}

.label-box p,
.addBankcard-bankList {
    height: 48px;
    line-height: 45px;
    margin-top: 15px;
    background: #FFFFFF;
    /*box-shadow: 2px 2px 2px rgb(203,208,218,.5);*/
}

.withdraw-money-input {
    margin-top: 0 !important;
}

.withdraw-bankList {
    margin-bottom: 5px !important;
}

.memberWithdraw-box .memberWithdraw-remind p {
    line-height: 14px !important;
}

.label-box p span {
    font-size: 14px;
    color: #444444;
    /*margin-right: 30px;*/
}

.label-box p input {
    width: 280px;
    height: 40px;
    line-height: 40px;
    color: #7e7d7d;
    padding-left: 5px;
    font-size: 14px;
    font-family: PingFangSC-Regular, sans-serif;
    border: none;
}

.label-box .label-box-code {
    height: 38px;
    width: 180px;
}

.inputBorder {
    border: #0f94ff 1px solid !important;
}

.contactform {
    overflow: hidden;
    margin-top: 15px !important;
}

.contactform span {
    margin-right: 34px !important;
}

.label-box .save-money-submit-box .save-money-submit {
    font-size: 16px;
}

.user-center-changePassword-body .get-validation {
    width: 188px;
    height: 43px;
    line-height: 43px;
    background-color: #05c0f2;
    border: none;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bolder;
    margin: 40px 0 0 10px;
    font-family: PingFangSC-Regular, sans-serif;
}

.label-box .save-money-submit-box .bottom-remind p {
    margin-top: 10px;
}

/*user-center-withdraw脙娄脗驴脗聽脙搂芒鈧拷脗碌脙楼脗搂脗路脙漏茂驴陆茂驴陆脙娄茂驴陆茂驴陆脙楼脗麓芒鈧溍兟┟柯矫柯矫兟ッ⑩偓艙芒鈧久兟ッ吢久⑩偓拧脙漏芒鈧�溍偮该兟⑩偓拧脗拢脙娄脗麓芒鈧�溍兟偮幻偮犆兟ッ偮矫⑩偓鈩⒚兟γ吢该柯矫兟┟柯矫柯矫兟ッ⑩偓鹿脗芦脙炉脗驴脗陆脙楼脗漏脜隆脙拢芒鈥毬⑩偓娄脙漏茂驴陆芒鈥灺⒚兟ッ偮っ呪�櫭兟偮偮久兟┟⑩偓鈥溍偮该兟⒚⑩偓啪脝鈥櫭兟吢∶⑩偓掳脙漏脗隆芒鈧劉脙搂芒鈧犆偮好兟γ⑩偓聽脗赂脙娄茂驴陆脗麓脙垄脣艙芒鈧犆兟ッ吢∶⑩偓鈥澝兟┟⑩偓鈥溍偮该兟γ⑩偓潞脗篓脙楼茂驴陆茂驴陆脙漏脜陆脗路脙搂脝鈥櫭偮矫兟γ⑩偓垄茂驴陆脙娄茂驴陆脗麓脙垄芒鈥毬偮趁兟ッ偮姑⑩偓鹿脙漏芒鈧�澝柯矫兟ッ⑩偓艙芒鈧久兟嗏�櫭⑩偓聽脙漏茂驴陆芒鈧�澝兟γ⑩偓潞脗垄脙垄芒鈥毬⑩偓锟矫兟┟柯矫柯矫兟⑩偓聽脗录脙沤脗搂脙漏芒鈧�溍偮该兟⒚⑩偓啪脝鈥櫭兤捗偮兟┟柯矫⑩偓聽脙娄脗楼芒鈧γ兟γ偮⒚偮好兟偮幻⑩偓鹿脙娄脗卢脗戮脙楼芒鈧久⑩偓藴脙漏芒鈧�溍偮该兟吢犆偮趁兟ッ吢犆⑩偓鈥溍兟偮幻呪�櫭兟偮久偮兟偮姑柯矫兟┟柯矫偮ッ冣�樏⑩偓娄脙楼芒鈥毬吢久兟ッ偮γ吢久兟Ｃ⑩偓拧芒鈧犆兟ッ偮该偮兟┟吢矫偮访兟┟偮Ｃ吢矫兟偮疵⑩偓鈩⒚兟┟柯矫⑩�灺⒚兟γ偮柯矫兟γ偮疵偮γ兟┟柯矫⑩偓艙脙搂芒鈧犆偮济兟γ吢该吢该兟⑩�毬⑩偓潞脙娄脗篓脗录脙搂脗庐芒鈧�溍兟γ偮っ偮っ兟Ｃ嗏�櫭偮γ兟偮裁呪�櫭兟┟偮∶偮兟嗏�櫭偮兟嬇撁偮趁兟⑩偓藴脜鈥溍兟γ柯矫偮棵兟ッ⑩偓垄脗麓脙漏脣鈥犆偮ッ兟偮该偮久兟γ柯矫⑩偓啪脙漏脜聽脜聽脙炉脗鹿芒鈥毬兟偮Ｃ偮兟┟⑩偓鈥澝柯矫兟ッ⑩偓藴脜聽脙搂脗鹿芒鈧∶兟⑩�毬吢∶兟┟⑩偓锟矫⑩偓鹿脙搂脗娄芒鈧劉脙娄脗楼脗拢脙楼芒鈧犆偮┟兟⒚⑩偓鈩⒚⑩偓藴脙漏芒鈧�澝⑩偓拧脙楼脗聽脜赂脙搂脗篓芒鈧劉脙漏脜陆脗录脙娄芒鈧久偮懊兟γ⑩偓拧芒鈧�澝兟ッ偮嬇撁兟⑩偓拧脗垄脙楼脗碌芒鈧犆兟γ偮ッ偮犆兟⑩偓拧脗虏脙楼芒鈧⒚偮兟偮幻⑩偓拧脙娄脜陆芒鈧拷脙炉脗驴脗陆脙炉脗陆脜陆脙陇脗潞脜鈥溍兟偮幻柯矫兟γ偮睹⑩�灺⒚兟偮姑柯矫兟┟柯矫偮⒚兟┟柯矫⑩偓潞脙锟矫偮⒚兟┟⑩偓鈥溍偮该兟⑩偓聽脗麓脙楼脜聽芒鈧溍兟┟柯矫柯矫兟γ⑩偓鈩⒚偮幻兟ッ偮济偮兟┟吢犆嬧�犆兟ッ⑩偓鈥澝⑩偓鈥澝兟柯矫偮�*/
.balance-transfer {
    height: auto;
    overflow: hidden;
    min-height: 61px;
    margin-top: 5px;
}

.transfer-account,
.transfer-arrow {
    margin-right: 10px;
}

.into-account {
    margin-right: 90px;
}

.transfer-account,
.into-account,
.transfer-money {
    float: left;
    width: 152px;
    height: 60px;
}

.into-account {
    float: left;
}

.transfer-account span,
.into-account,
.transfer-money span,
.transfer-money input {
    display: inline-block;
    width: 152px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}

.transfer-arrow {
    float: left;
    width: 12px;
    height: 14px;
    margin-top: 38px;
    background: url("/assets/abc2024/images/user-center/transfer-arrow.png") no-repeat;
}

.into-account span {
    font-size: 14px;
}

.main-account,
.transfer-money input {
    background-color: #f4f4f4;
    border-radius: 5px;
}

.into-account select {
    width: 152px;
    height: 30px;
    border: none;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    color: #7e7d7d;
    background-color: #f4f4f4;
    padding-left: 44px;
    outline: none;
}

.into-account select option {
    font-size: 16px;
    outline: none;
    border: 0;
}

.transfer-money input {
    border: none;
    outline: none
}

.transfer-money {
    margin-right: 10px;
}

.max-money {
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: none;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: #f4f4f4;
    outline: none;
    margin-right: 5px;
    cursor: pointer;
}

.transfer-confirm {
    width: 80px;
    height: 30px;
    color: #FFFFFF;
    background: url("/assets/abc2024/images/user-center/confirm-bg.png") no-repeat;
    border: none;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    font-size: 14px;
}

.balance-list {
    margin-top: 15px;
}

.balance-list ul {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 860px;
}

.balance-list ul li {
    width: 107px;
    height: 90px;
    margin: 0 36px 8px 0;
}

.child-game-name,
.chlid-game-balance,
.one-click-into {
    display: inline-block;
    width: 122px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    font-size: 14px;
}

.child-game-name {
    color: #FFFFFF;
    background: url("/assets/abc2024/images/user-center/imfo-button-bg.png") no-repeat;
}

.chlid-game-balance {
    color: #44c1fc;
    background-color: #f4f4f4;
}

.one-click-into {
    color: #44c1fc;
    height: 20px;
    line-height: 20px;
}

.one-click-into:hover {
    text-decoration: underline;
}

.transfer-box .bottom-remind {
    margin-top: 30px;
}

.transfer-box .bottom-remind p {
    line-height: 26px;
}

.transfer-member-submit {
    margin-left: 104px;
}

.save-money-submit-box {
    margin-bottom: 43px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.user-center-transferMember-content {
    overflow: hidden;
    /*border: #f0f0f0 1px solid;*/
    padding: 0 20px;
}

/*脙楼脗漏脗碌脙搂脜聽脗碌脙娄芒鈧⒚偮该兟γ偮棵偮兟嗏�櫭偮矫兟ッ偮济偮兟┟吢矫偮济兟っ偮矫偮该兟偮Ｃ偮棵兟┟⑩偓鈥溍偮姑兟ッ偮偮该兟ッ偮偮访兟偮幻⑩�毬兟ッ偮┟⑩偓隆脙娄脜赂脗篓脙漏茂驴陆芒鈧拷脙篓脗炉脗虏脙锟矫⑩偓艙脙漏芒鈧�溍偮得兟ッ⑩偓潞脗搂脙楼脗芦脗掳脙楼脗炉脗庐脙娄芒鈧劉脗庐脙楼脗麓脗卤脙楼脗娄脗陇脙炉脗驴脗陆脙漏脗隆茂驴陆脙庐茂驴陆脣鈥犆兟γ吢该⑩偓潞脙楼脗篓芒鈧犆兟ッ偮棵⑩偓垄脙搂脗庐脗禄脙漏芒鈧�溍偮好兟ッ偮裁⑩偓鹿脙搂脗露茂驴陆脙漏脗陋脜戮脙楼芒鈧好偮兟⑩偓锟矫⑩�灺⒚兟┟柯矫⑩偓艙脙楼脗潞脗隆脙庐脜戮芒鈧犆兟┟⑩偓鈥澝⑩偓拧脙陇脗陆脗潞脙搂脗虏脗炉脙漏脜陆脗录脙庐芒鈧∶偮っ兟偮疵吢久兟γ偮该吢∶兟偮棵偮矫兟ッ偮偮兟ッ偮┟吢∶兟γ⑩偓拧脗垄脙搂脗潞脗掳脙篓脗戮脗篓脙娄芒鈥灺⒚偮兟┟⑩偓鈥澝柯矫兟偮幻嬇撁兟ッ吢犆嬇撁兟ッ偮偮兟γ⑩偓鈩⒚偮幻兟ッ偮疵偮懊兟γ偮棵偮犆兟ッ⑩偓潞脗篓脙垄芒鈧劉芒鈧溍兟┟⑩偓鈥溍偮幻兟γ偮懊偮兟⑩偓艙脗篓脙搂芒鈥毬吢∶兟偮⑩偓啪脙搂脗鹿芒鈧好兟⑩�毬偮得兟偮偮棵冿拷脗垄脙娄脗陇脗陇脙娄脣鈥犆柯矫兟γ偮Ｃ柯矫兟┟吢矫偮兟偮棵偮犆兟ッ偮济偮疵兟┟柯矫⑩偓锟矫兟ッ⑩偓掳茂驴陆脙搂脗庐脜隆脙漏芒鈧�澝柯矫兟┟柯矫⑩偓潞脙搂芒鈧懊⑩偓聽脙漏脜陆脗路脙楼脗卢脗庐脙楼脗麓芒鈧⒚兟┟吢矫偮疵兟吢犆偮得兟偮Ｃ偮济兟┟⑩偓鈥溍偮趁兟⑩偓鈥澝⑩偓掳脙娄芒鈧∶柯矫兟⑩�毬吢∶兟ッ偮矫⑩偓鈩⒚兟γ偮⒚偮幻兟┟柯矫呪�櫭兟γ偮⑩偓藴脙搂脗陋芒鈧拷脙娄脗驴脜戮脙陇脗陆脗鲁脙楼芒鈧γ偮久兟γ偮睹嬇撁兣矫⑩偓锟矫兟┟柯矫吢∶兟⑩偓鈥澝⑩偓掳脙娄脗麓脗颅脙楼脗娄脗芦脙楼芒鈧犆偮兤捗偮姑兟┟⑩偓艙茂驴陆脙庐芒鈧∶偮っ兟γ偮疵偮疵兟⑩�毬偮姑兟γ⑩偓潞脜赂脙炉脗鹿脗垄脙漏脗隆脗垄脙娄脗卢芒鈧撁兟γ⑩偓隆脜戮脙漏脜聽芒鈧懊兟偮该偮幻兟っ偮幻偮兟┟⑩偓鈥澝⑩偓拧脙楼芒鈧∶⑩�灺⒚兟γ偮得⑩偓隆脙楼脗篓芒鈧懊兟γ⑩偓潞脗垄脙楼脗麓脗鲁脙漏芒鈧拷芒鈧⒚兟ッ⑩偓拧脜隆脙搂脗庐脗炉脙漏芒鈧�溍偮棵兟⑩偓隆芒鈧∶兟γ⑩偓鹿脗路*/
.bankcardList-body {
    width: 900px;
    margin: 10px auto 0;
}

.bankcardList-content {
    width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.user-center-addBankcard-content {
    /* overflow: hidden; */
    width: 765px;
    /*padding: 0 20px;*/
    margin: 0 auto;
    /*border: #7e7d7d 1px solid;*/
    /*padding: 35px 108px;*/
}

.bankcardList-title {
    font-size: 30px;
    /*font-weight: bolder;*/
    /*color: #49befd;*/
    /*text-align: center;*/
    border-bottom: #a9a9a9 1px solid;
    height: 58px;
}

.bankcard-show {
    position: relative;
    width: 350px;
    height: 170px;
    border-radius: 5px;
    margin: 20px 27px 0 58px;
    background: url("../images/user-center/bankCard-bg.png")no-repeat;
}

.bankcard-show-add {
    background: url("../images/user-center/bankCard-bg2.png")no-repeat;
}

.bankcard-logo-bg {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.bankcard-logo-pic {
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 2;
}

.bankcard-logo-pic-1 {
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 2;
}

.bankcard-logo-pic2 {
    top: 16px;
    left: 20px;
}

.bankcard-name {
    position: absolute;
    top: 20px;
    left: 75px;
    color: #FFFFFF;

}

.bankcard-name-add {
    top: 88px;
    left: 126px;
    font-size: 20px;
}

.bankcard-type {
    position: absolute;
    top: 40px;
    left: 75px;
    font-size: 14px;
    color: #FFFFFF;
}

.bankcard-num {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #FFFFFF;
}

.bankcard-num2 {
    bottom: 10px;
    font-size: 18px;
}

.bankcard-num span {
    color: #ffffff;
}

.bankcard-delete {
    position: absolute;
    top: 20px;
    right: 22px;
    width: 33px;
    height: 33px;
    background: url("../images/user-center/bankcard-delete2.png") no-repeat;
}

.addBankcard-title {
    height: 58px;
    font-size: 32px;
    /*font-weight: bolder;*/
    /*color: #46c0fc;*/
    /*text-align: center;*/
    margin-top: 5px;
    border-bottom: #a9a9a9 1px solid;
    /*margin-left: 123px;*/
}

.bankcard-add {
    float: right;
    width: 85px;
    height: 25px;
    color: #46c0fc;
    margin-right: 20px;
    font-weight: bold;
    text-align: right;
    padding-left: 18px;
    background: url("../images/user-center/add-bankcard-logo.png") left 2px no-repeat;
}

/*.bankcard-add {*/
/*    float: right;*/
/*    width: 120px;*/
/*    height: 25px;*/
/*    color: #46c0fc;*/
/*    margin-right: 130px;*/
/*    font-weight: bold;*/
/*    !*text-align: right;*!*/
/*    padding-left: 28px;*/
/*    background: url("/assets/abc2024/images/user-center/add-bankcard-logo.png") left 2px no-repeat;*/
/*}*/

/*.user-center-addBankcard-content .label-box p span {*/
/*    margin-right: 50px;*/
/*}*/

/*.user-center-addBankcard-content .label-box p:last-child span {*/
/*    margin-right: 50px;*/
/*}*/

.user-center-addBankcard-content .save-money-submit-box input {
    margin-left: 0;
}

.addBankcard-bankList span {
    font-size: 14px;
    color: #444444;
}

.addBankcard-bankList select,
.addBankcard-bankList input {
    width: 280px;
    height: 40px;
    /*margin-top: 15px;*/
    font-size: 14px;
    color: #7e7d7d;
    padding-left: 5px;
    background: url("/assets/abc2024/images/user-center/dropdown_arrow.png") 96% 50% no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    background-color: #ffffff;
    border: none;
}

.addBankcard-bankList input::-webkit-calendar-picker-indicator {
    display: none !important;
}

.user-center-changePassword-body {
    /*padding-top: 50px;*/
    /* overflow: hidden; */
    /*border: #d2d2d2 1px solid;*/
}

.user-center-changePassword-body p {
    margin-top: 30px;
    /*text-align: center;*/
    margin-top: 15px;
    background-color: #ffffff;
    border: #e5e5e5 1px solid;
    /*box-shadow: 2px 2px 2px rgb(203,208,218,.5);*/
}

.user-center-changePassword-body p span {
    font-size: 15px;
    color: #444444;
}

.user-center-changePassword-body p input {
    width: 480px;
    height: 38px;
    line-height: 43px;
    color: #7e7d7d;
    padding-left: 5px;
    font-size: 14px;
    font-family: PingFangSC-Regular, sans-serif;
}

.user-center-changePassword-title {
    font-size: 24px;
    text-align: left;
    margin-left: 0px;
    margin-top: 0;
    line-height: 50px;
    border-bottom: #d6d6d6 1px solid;
    /*font-weight: bolder;*/
    /*color: #46c0fc;*/
    /*text-align: center;*/
    /*margin-top: 5px;*/
}

.user-center-changePassword-body p:nth-child(4) span {
    margin-right: 37px;
}

.changePassword-submit-box {
    width: 188px;
    margin: 0 auto;
    text-align: center;
    float: unset;
    margin-top: 15px;
}

.changePassword-submit-box input {
    margin-left: 0;
}

.save-money-submit-box input {
    /*margin: 10px 0;*/
    margin-top: 15px;
    float: left;
    /*margin-left: 88px;*/
}

.accountPwd {
    margin-left: 0 !important;
}

/**/
.user-center-records {
    /*padding: 0 20px;*/
    height: 100%;
    background: #ffffff;
}

.records-search {
    width: 867px;
    height: 48px;
    overflow: hidden;
    margin: 0 auto;
}

.records-type,
.records-time {
    float: left;
    width: 154px;
    height: 24px;
    text-align: center;
    margin-right: 66px;
    font-size: 14px;
}

.records-submit {
    float: right;
}

.records-search select {
    width: 130px;
    /*width: auto;*/
    height: 24px;
    font-size: 14px;
    color: #7e7d7d;
    background: url(/assets/abc2024/images/user-center/dropdown_arrow.png) 96% 50% no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    padding-left: 35px;
    margin-top: 5px;
}

.records-time .records-type-typeList select {
    padding-left: 50px;
}

.records-submit {
    width: 122px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border: none;
    margin-top: 5px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bolder;
    font-family: PingFangSC-Regular, sans-serif;
}

.records-table {
    width: 900px;
    text-align: center;
    margin: 35px auto 0;
}

.records-table tr {
    width: 100%;
    height: 42px;
    border: #e8e7e7 1px solid;
    background: #ffffff;
    text-align: left;
    /*background: url("/assets/abc2024/images/user-center/table-td-bg.png") no-repeat;*/
}

.records-table tr:first-child {
    width: 100%;
    height: 42px;
    background: #f7f9fb;
}

.records-table tr th {
    width: 20%;
    font-size: 14px;
    color: #666666;
    text-align: left;
    padding-left: 20px;
}

.records-table tr td {
    width: 20%;
    font-size: 14px;
    padding-left: 20px;

}

.records-table tr td span {
    font-size: 14px;
}

.records-pagenation {
    width: 900px;
    margin: 15px auto;
    text-align: right;
}

.records-pagenation a {
    display: inline-block;
    width: 74px;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #028afe;
    border: #028afe 1px solid;
    border-radius: 3px;
    transition: all .5s;
    margin-left: 22px;
}

.records-pagenation a:hover {
    background: #028afe;
    color: #FFFFFF;
}

.records-pagenation a:first-child {
    margin-right: 22px;
}

.record-remind {
    width: 837px;
    /*margin: 16px auto;*/
    text-align: left;
    margin-bottom: 15px;
}

.records-table .bounsInfo-tr {
    background: url(/assets/abc2024/images/user-center/discount-records-bg2.png) no-repeat;
    background-size: 867px 76px;
}

.withdrawImfo-records,
.bounsImfo-records,
.transferImfo-records,
.bettingImfo-records {
    padding: 0;
}

.withdrawImfo-table,
.transferImfo-table {
    /*margin: 0;*/
}



/**/
.date-time {
    width: 200px;
    height: 40px;
    margin: 16px 0 0;
}

#choseIcon {
    position: absolute;
    top: 30px;
    right: 9px;
    width: 18px;
    height: 18px;
    background: url(/assets/abc2024/images/user-center/chose-time.png) no-repeat;
}

#date-group1-4 {
    background-color: #fff;
    border-radius: 0;
    border-color: #a9a9a9;
}

.orders-search {
    width: 200px;
    height: 25px;
    margin: 8px 0 0 30px;
}

.orders-search span {
    margin: 0 10px;
}

.orders-search span,
.start-time,
.end-time {
    float: left;
    border: #e8e7e7 1px solid;
}

.orders-search span {
    border: none;
}

.orders-submit {
    float: right;
}

.orders-remind {
    width: 668px;
    margin: 15px 0 15px;
}

#head-month,
#head-day,
#head-week {
    color: #FFFFFF;
    font-size: 24px;
}

.rolldate-container .rolldate-panel {
    /*height: 380px!important;*/
}

body .rolldate-container .rolldate-panel {
    /*left: 45%;*/
    /*top: 35%;*/
}

.orders-search-box {
    width: 380px;
    height: 60px;
}

.orders-search-box p,
.orders-search-box span {
    font-size: 14px;


}

.orders-submit {
    margin-top: -10px;
}

.orders-table {
    width: 694px;
    margin: 16px 0 16px;
    border: #e8e7e7 1px solid;
}

.orders-table tr {
    width: 867px;
    height: 76px;
    font-size: 15px;
    border: #e8e7e7 1px solid;
    background: url(/assets/abc2024/images/user-center/orders-table-bg.png) no-repeat;
    background-size: 867px 78px;
}

.orders-table tr:first-child {
    display: inline-block;
    width: 694px;
    height: 57px;
    line-height: 57px;
    background: url(/assets/abc2024/images/user-center/orders-title-bg.png) no-repeat;
}

.orders-table tr th {
    display: inline-block;
    width: 24.4%;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
}

.orders-table tr td {
    display: inline-block;
    width: 24.4%;
    font-size: 14px;
    text-align: center;
    line-height: 76px;
}

.orders-pagenation {
    width: 694px;
    margin-top: 15px;
}

.orders-search-day {
    width: 694px;
    text-align: left;
    overflow: hidden;
    margin: 35px 0 0 38px;
}

.orders-search-day button {
    float: left;
    /*background: url("/assets/abc2024/images/user-center/imfo-button-bg2.png") no-repeat;*/
    transition: all .5s;
    margin-right: 18px;
}

.orders-search-day .choseOn button {
    background: url(/assets/abc2024/images/user-center/imfo-button-bg.png) no-repeat;
}

.orders-search-day button:hover {
    color: #0E5DFE;
    /*background: url("/assets/abc2024/images/user-center/imfo-button-bg.png") no-repeat;*/
}

.discount-records-table tr {
    background: url(/assets/abc2024/images/user-center/discount-records-bg2.png) no-repeat;
}

.discount-records-table tr:first-child {
    background: url(/assets/abc2024/images/user-center/discount-records-bg.png) no-repeat;
}

.discount-records-table tr th {
    width: 49%;
    text-align: center;
}

.discount-records-table tr td {
    width: 49%;
}

.user-center-baseImfo-body p:nth-child(4) span {
    margin-right: 48px;
}

.user-center-baseImfo-body p:nth-child(5) span {
    margin-right: 50px;
}

.user-center-baseImfo-body p:nth-child(6) span {
    margin-right: 50px;
}

.user-center-baseImfo-title {
    margin-top: 5px !important;
}

.sex-radio {
    width: 380px;
    /*margin-top: 30px;*/
    /*text-align: center;*/
    overflow: hidden;
}

.sex-radio span {
    float: left;
    font-size: 15px;
    color: #444444
}

.sex-radio input[type='radio'] {
    display: inline-block;
    margin-left: 50px;
    margin-right: 5px;
}

.date-chose span {
    font-size: 15px;
    color: #444444;
}

#year,
#month,
#date {
    height: 40px;
}

.base-imfo-sex {
    float: left;
    width: 180px;
    margin-left: -45px;
}

.base-info-tip {
    display: inline-block;
    width: 100%;
    margin: 5px 0 0 80px;
    color: #028afe;
    font-size: 14px;
}

.basic-imfo-submit {
    float: left;
    margin-left: 125px;
}

.blue-fonts {
    color: #05c0f2;
}

.writting-submit {
    margin-left: 125px;
}

.noborder {
    border: none !important;
}

.hasBorder {
    border: #e5e5e5 1px solid;
}



/**/
.phone-validation-body p:nth-child(3) {
    /*width: 625px;*/
    margin: 0 auto;
    /*text-align: left;*/
}

.phone-validation-body p:nth-child(3) .get-validation {
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bolder;
    padding: 0;
    background-color: #05c0f2;
    /*margin-left: 10px;*/
    margin-top: 15px;
}

.phone-validation-body p:nth-child(3) .input-validation {
    display: inline-block;
    width: 250px;
}

.phone-validation2-body p {
    margin-top: 35px;
}

.mailbox-validation-title {
    padding-right: 15px;
}

/**/
.sendbox-title {
    width: 698px;
    margin: 0 auto;
}

.sendbox-title span {
    text-align: center;
    font-weight: normal;
    font-size: 15px;
}

.sendbox-table {
    width: 866px;
    text-align: center;
    margin: 50px auto 0;
}

#allDelet,
#allRead {
    float: left;
    margin: 10px 0 0 52px;
    border: #cccccc 1px solid;
    font-size: 14px;
    border-radius: 15px;
    padding: 0 10px;
    color: #999999;
    transition: all .5s;
}

#allDelet:hover,
#allRead:hover {
    border: none;
    background: #028AFE;
    color: #FFFFFF;
    border: #028AFE 1px solid;
}

.inbox-slideTxtBox {
    width: 866px;
    /*text-align: left;*/
    margin: 0 auto;
}

.inbox-slideTxtBox .hd {
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*padding: 0 10px 0 20px;*/
    position: relative;
}

.inbox-slideTxtBox .hd ul {
    float: left;
    position: absolute;
    left: 20px;
    top: -1px;
    height: 32px;
}

.inbox-slideTxtBox .hd ul li {
    float: left;
    /*padding: 0 15px;*/
    cursor: pointer;
    width: 122px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    background: url(/assets/abc2024/images/user-center/imfo-button-bg2.png) no-repeat;
    border: none;
    border-radius: 5px;
    margin-top: 5px;
    color: #ffffff;
    font-weight: bolder;
    text-align: center;
    margin-right: 15px;
    font-family: PingFangSC-Regular, sans-serif;
    transition: background .5s;
}

.inbox-slideTxtBox .hd ul li.on {
    height: 40px;
    background: url(/assets/abc2024/images/user-center/imfo-button-bg.png) no-repeat;
}

.inbox-slideTxtBox .bd ul {
    /*padding: 15px;*/
    zoom: 1;
}

.inbox-slideTxtBox .bd li {
    height: 24px;
    line-height: 24px;
}

.inbox-slideTxtBox .bd .inbox-table th {
    width: 32%;
    text-align: center;
}

.inbox-slideTxtBox .bd .inbox-table {
    width: 866px;
}

.inbox-slideTxtBox .bd .inbox-table .msg-status {
    display: inline-block;
    width: 100px;
    height: 28px;
    margin: 0 0 0 60px;
    /*overflow: hidden;*/
}

.inbox-slideTxtBox .bd .inbox-table .msg-status img {
    float: left;
    margin-top: 15px;
    margin-right: 5px;
}

.inbox-slideTxtBox .bd .inbox-table .msg-status span {
    float: left;
    line-height: 18px;
    margin-top: 15px;
}

.inbox-slideTxtBox .bd .inbox-table tr {
    width: 866px;
    border: #e8e7e7 1px solid;
    background: url("/assets/abc2024/images/user-center/inbox-table-bg.png") no-repeat;
}

.inbox-slideTxtBox .bd .inbox-table tr a,
.inbox-slideTxtBox .bd .inbox-table tr a span {
    font-size: 14px;
}

.inbox-slideTxtBox .bd .inbox-table tr:first-child {
    background: url("/assets/abc2024/images/user-center/inbox-title-bg.png") no-repeat;
}

.inbox-slideTxtBox .bd .inbox-table td {
    width: 32%;
}

.inbox-slideTxtBox .bd .inbox-table {
    margin-top: 50px;
}

.inbox-slideTxtBox .bd .inbox-pagenation {
    float: right;
}

.inbox-slideTxtBox .bd .inbox-table .msg-status-unread img {
    margin-top: 10px;
}

.orders-table tr td a:hover,
.orders-table tr td a:hover span {
    color: #45c0fc;
}

.new-msg-content {
    width: 480px;
    font-size: 14px;
    padding: 10px 5px;
    resize: none;
}

/**/

.user-center-recharge-title {
    width: 800px;
    height: 68px;
    margin: 15px auto 0;
    text-align: center;
    background: url("../images/user-center/saving-money-bottom.png") 50px bottom no-repeat;
}

.qr-recharge {
    margin-top: 120px
}

.main-bd {
    width: 200px;
    height: 200px;
    bottom: 150px;
}

.user-center-recharge-countdown {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    /*font-size: 48px;*/
    /*color: #44c1fc;*/
    font-weight: bold;
}

.user-center-recharge-title2 {
    width: 560px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    padding-left: 22px;
    text-align: center;
    background: url("../images/user-center/saving-money-remind.png") left center no-repeat;
}

.user-center-recharge-title3 {
    width: 320px;
    /* height: 40px; */
    margin: 0 auto;
    line-height: 40px;
    padding-left: 22px;
    text-align: center;
    color: #028AFE;
    /*background: url("../images/user-center/saving-money-remind.png") left center no-repeat;*/
}

.user-center-recharge-contact {
    color: #45cff5;
}

.user-center-recharge-help {
    width: 300;
    height: 400;
    margin: 0 auto;
    /*  border: #c8c7c7 1px solid;*/
}

.user-center-recharge-help {
    /*    display: flex;
    justify-content: space-around;*/
}

.recharge-help-left {
    width: 300px;
    height: 400px;
    background: url("/assets/abc2024/images/user-center/recharge-qr-bg.png") no-repeat;
}

.recharge-help-left img {
    width: 210px;
    height: 210px;
    margin: 136px 0 0 43px;
}

.recharge-help-left-remind {
    font-size: 14px;
    text-align: center;
    margin-top: 58px;
}

.recharge-help-right {
    width: 250px;
    height: 420px;
}

#payshow2 {
    margin-top: 140px;
}

/*脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶吢∶兟ッ⑩�毬偮该兟┟柯矫吢犆兟嗏�櫭偮矫兟γ⑩偓隆芒鈧�澝兟┟柯矫偮兟γ⑩偓潞芒鈧�澝兟偮棵偮矫兟偮姑⑩偓拧脙楼脗麓脗录脙漏脜聽茂驴陆脙垄芒鈥毬偮趁兟ッ偮好吢犆兟┟⑩偓鈥澝柯矫兟ッ呪�溍偮兟ッ偮⒚⑩偓鈥澝兟ッ偮┟偮⒚兟γ偮偮济兟偮裁偮幻兟┟柯矫嬇撁兟偮偮裁兟偮偮姑兟γ偮棵吢久兟偮矫吢矫兟ッ⑩偓掳芒鈥灺⒚兟γ偮棵偮∶兟っ偮幻⑩偓鹿脙娄脜赂脗隆脙漏茂驴陆芒鈧好兟嬧�犆偮Ｃ兟⑩偓啪脗戮脙漏芒鈧�澝⑩偓隆脙楼脗陇茂驴陆脙娄脜赂脗拢脙楼脗娄脗炉脙搂脝鈥櫭嬇撁兟⒚⑩偓鈥溍⑩偓垄脙漏芒鈧�溍偮该兟ッ偮好偮⒚兟ッ吢犆⑩�灺⒚兟┟柯矫呪�櫭兟Ｃ⑩偓啪脗楼脙垄脣艙芒鈧懊兟ッ偮嬇撁兟⑩偓啪茂驴陆脙搂茂驴陆脣鈥犆兟┟⑩偓鈥澝柯矫兟ッ⑩偓艙芒鈧久兟偮⒚偮兟┟柯矫吢犆兟γ偮棵⑩偓聽脙搂芒鈧⒚偮访兟偮っ偮懊兟γ吢矫柯矫兟γ⑩偓垄脝鈥櫭兟┟⑩偓鈥溍偮得兟ッ偮棵偮Ｃ兟γ偮久⑩�毬兟ッ偮γ⑩偓鈥澝兟γ⑩偓鈩⒚偮幻兟γ偮⒚偮幻兟γ偮该吢∶兟偮棵偮矫兟ッ偮偮济冣�樏嗏�櫭兤捗偮好兟┟吢犆嬧�犆兟ッ⑩偓潞脗路脙娄芒鈧姑偮访兟ッ偮嬇撁兟⑩偓拧脗垄脙楼脗碌芒鈧犆兟γ偮ッ偮犆兟⑩偓拧脗虏脙楼芒鈧⒚偮兟偮幻⑩偓拧脙娄脜陆芒鈧拷脙炉脗驴脗陆脙炉脗陆脜陆脙陇脗潞脜鈥溍兟偮幻柯矫兟γ偮睹⑩�灺⒚兟偮姑柯矫兟┟柯矫偮⒚兟┟柯矫⑩偓潞脙锟矫偮⒚兟┟⑩偓鈥溍偮该兟⑩偓聽脗麓脙楼脜聽芒鈧溍兟┟柯矫柯矫兟γ⑩偓鈩⒚偮幻兟γ呪�櫭吢犆兟γ偮久偮睹兟ッ偮┟嗏�櫭兟γ偮偮幻兟┟⑩偓鈥澝柯矫兟ッ⑩偓艙芒鈧久兟ッ偮っ⑩偓隆脙漏茂驴陆芒鈧撁兟γ偮棵⑩偓聽脙庐芒鈧∶偮ッ兟┟柯矫⑩偓垄脙庐芒鈧γ柯矫兟γ偮裁偮兟┟⑩偓鈥溍偮矫兟γ偮偮好兟嬇撁偮兟┟偮∶偮ッ兟ッ偮好偮兟γ偮⒚偮幻兟γ偮得偮Ｃ兟ッ⑩偓藴脜聽脙娄芒鈧犆偮该兟ッ偮┟偮得兟⑩偓聽脗戮脙娄芒鈧⒚偮幻兟┟吢犆⑩偓聽脙楼芒鈧犆偮┟兟偮姑柯矫兟┟柯矫偮ッ兟⒚⑩偓垄茂驴陆脙搂脗楼脗娄脙漏芒鈧�澝柯矫兟偮⑩偓啪脙楼脗拢芒鈧犆兟γ偮久偮兟γ偮ッ⑩偓娄脙楼脗录脗虏脙漏脜陆脗录脙陇脗陆脗鹿脙搂芒鈧γ偮ッ兟┟⑩偓鈥溍偮幻兟γ⑩偓潞脜戮脙楼芒鈥毬偮姑兟⑩�毬吢∶兟偮棵偮�*/
.recharge-slideBox {
    width: 235px;
    height: 420px;
    overflow: hidden;
    position: relative;
    margin-top: -65px;
}

.recharge-slideBox .hd {
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 50px;
    bottom: 40px;
    z-index: 1;
}

.recharge-slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.recharge-slideBox .hd ul li {
    float: left;
    margin-right: 25px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    background: #fff;
    border: #c8c7c7 1px solid;
    cursor: pointer;
}

.recharge-slideBox .hd ul li.on {
    background: #43c1fb;
    color: #fff;
}

.recharge-slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.recharge-slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.recharge-slideBox .bd img {
    width: 230px;
    height: 340px;
    display: block;
}

.recharge-slideBox .bd p {
    position: absolute;
    bottom: 12px;
    left: 58px;
    font-size: 14px;
}

.recharge-slideBox .prev,
.recharge-slideBox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.recharge-slideBox .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}

.recharge-slideBox .prev:hover,
.recharge-slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.recharge-slideBox .prevStop {
    display: none;
}

.recharge-slideBox .nextStop {
    display: none;
}

.recharge-bottom-fonts {
    width: 480px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    padding-left: 10px;
    background: url("/assets/abc2024/images/user-center/saving-money-remind2.png")left center no-repeat;
}

/**/
#emc-content {
    height: 3890px;
    background: url("/assets/abc2024/images/sponsorship/emc-bg.jpg")no-repeat;
}

#emc-content .sponsorship-emc-desc {
    margin-top: -10px;
    line-height: 45px;
}

#emc-content .sponsorship-emc-slideBox .next {
    right: 27px;
}

.sponsorship-emc-middle {
    width: 1220px;
    margin: 0 auto;
}

.sponsorship-list {
    width: auto;
    height: auto;
    margin-left: 125px;
}

.sponsorship-list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sponsorship-list ul li {
    /*float: left;*/
    width: 130px;
    height: 185px;
    text-align: center;
    color: #ffff71;
    margin-top: 710px;
}

.sponsorship-list ul li a span {
    color: #666666;
}

.sponsorship-list ul li a img {
    opacity: .6;
}

.sponsorship-emc-videoTitle {
    font-size: 48px;
    color: #0b4878;
    font-weight: bold;
    text-align: center;
    margin-top: 150px;
}

.sponsorship-emc-videoPlay {
    margin-top: 100px;
}

.sponsorship-emc-desc {
    font-size: 30px;
    color: #0b4878;
    font-weight: bold;
    margin-top: 660px;
    line-height: 60px;
}

.sponsorship-pic-title {
    margin-top: 1200px;
}

.sponsorship-pic {
    margin: 80px 0 0 -140px;
}

.instead-pic {
    margin-top: 20px;
}

.sponsorship-media-title {
    margin-top: 120px;
}

.sponsorship-media-box {
    position: relative;
    margin-top: 230px;
}

.sponsorship-media-box .tranform_X:hover img {
    transform: rotateX(360deg);
}

.sponsorship-media-box .tranform_Y:hover img {
    transform: rotateY(360deg);
}

.sponsorship-media-box img {
    position: absolute;
    transition: 1s;
    transform-style: preserve-3d;
}

.sponsorship-media-box .media-tt {
    top: 432px;
    left: 369px;
}

.sponsorship-media-box .media-zj {
    top: 126px;
    left: 193px;
}

.sponsorship-media-box .media-kjx {
    top: 331px;
    left: 193px;
}

.sponsorship-media-box .media-sh {
    top: 228px;
    left: 369px;
}

.sponsorship-media-box .media-fh {
    top: 126px;
    left: 545px;
}

.sponsorship-media-box .media-tx {
    top: 331px;
    left: 545px;
}

.sponsorship-media-box .media-tom {
    top: 535px;
    left: 546px;
}

.sponsorship-media-box .media-tpy {
    top: 126px;
    left: 900px;
}

.sponsorship-media-box .media-gj {
    top: 331px;
    left: 899px;
}

.sponsorship-media-box .media-wy {
    top: 432px;
    left: 721px;
}

.sponsorship-media-box .media-zgrb {
    width: 234px;
    height: 202px;
    top: 228px;
    left: 723px;
}

#klsb-content {
    height: 3940px;
    background: url("/assets/abc2024/images/sponsorship/klsb-bg.jpg")no-repeat;
}

#klsb-content .sponsorship-klsb-desc {
    margin-top: -10px;
    line-height: 45px;
}

#klsb-content .mlna-fonts2 {
    margin-top: 0;
}

#xj-content {
    height: 3904px;
    background: url("/assets/abc2024/images/sponsorship/xj-bg.jpg")no-repeat;
}

.sponsorship-klsb-desc {
    margin-top: 80px;
}

/**/
.sponsorship-klsb-slideBox {
    width: 1233px;
    height: 641px;
    overflow: hidden;
    position: relative;
    margin-top: 60px;
}

.sponsorship-klsb-slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
    margin-left: -10px;
}

.sponsorship-klsb-slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.sponsorship-klsb-slideBox .bd img {
    width: 1233px;
    height: 641px;
    display: block;
    margin: 0 auto;
}

/* 脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶吢∶兟ッ⑩�毬偮该兟┟柯矫吢犆兟┟偮Ｃ吢矫兟偮裁嬧�犆兟γ偮该吢∶兟偮棵偮矫兟┟偮吢久兟ッ偮っ柯矫兟γ⑩偓垄芒鈧撁兟┟柯矫嬇撁兟呪�櫭偮兟⑩偓聽茂驴陆脙楼脗娄脜戮脙拢芒鈧∶⑩偓聽脙楼脜聽脗搂脙搂脗禄脗聽脙娄脣鈥犆偮犆兟偮裁偮幻兟┟偮∶⑩偓鈥溍兟⑩偓拧脗麓脙搂芒鈧γ偮ッ兟┟⑩偓鈥溍偮幻兟γ⑩偓潞脜戮脙楼芒鈥毬偮姑兟⑩�毬吢∶兟偮棵偮�/脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶吢∶兟ッ⑩�毬偮该兟┟柯矫吢犆兟┟偮Ｃ吢矫兟偮裁嬧�犆兟γ偮该吢∶兟偮棵偮矫兟┟偮吢久兟ッ偮っ柯矫兟γ⑩偓垄芒鈧撁兟┟柯矫嬇撁兟ッ⑩偓聽脗虏脙娄脗庐脜戮脙漏芒鈧�澝柯矫兟ッ⑩偓藴脜聽脙娄脜鈥櫭⑩偓聽脙楼脗庐脗楼脙楼芒鈧�澝⑩偓鈥澝兟柯矫偮睹兟ッ偮┟偮得兟⑩偓拧脗麓脙楼脜戮脗露脙搂芒鈧拷脗炉脙娄脗楼芒鈥毬兟⒚⑩偓鈥溍柯矫兟┟柯矫偮ッ兟⑩偓啪茂驴陆脙搂芒鈧γ偮ッ兟┟⑩偓鈥溍偮幻兟γ⑩偓鈥澝⑩偓拧脙搂脗虏脗炉脙漏脗隆脗楼脙楼脗陇茂驴陆脙娄脜赂脗拢脙篓脗鹿芒鈧∶兟γ⑩偓鈥澝⑩�毬兟吢∶⑩偓藴脙漏芒鈧�溍偮该兟γ吢矫⑩偓艙脙楼脗赂脗隆脙漏脗陋脜戮脙娄脗篓脗录脙娄芒鈧姑偮犆兟┟⑩偓藴脗录脙篓脣鈥犆偮得兟γ⑩偓聽脗掳脙漏芒鈧�澝⑩偓拧脙陇脗陆脗鹿脙楼脗炉脗搂脙楼脗篓脗虏脙娄脗聽脗颅脙楼脗麓茂驴陆脙篓脗陇脗掳脙娄脜陆芒鈧溍兟⑩偓鈥溍偮久兟┟⑩偓鈥溍偮姑兟┟⑩偓鈥澝偮疵兟⑩偓啪脗娄脙漏茂驴陆芒鈧撁兟Ｃ嗏�櫭偮┟兟γ吢该偮Ｃ兟┟柯矫⑩偓隆脙搂芒鈧∶偮裁兟偮棵偮矫兟ッ呪�溍偮兟偮棵偮矫兟γ偮懊偮久兟γ⑩偓鹿脗路 */
.sponsorship-klsb-slideBox .prev,
.sponsorship-klsb-slideBox .next {
    position: absolute;
    left: 30px;
    top: 40%;
    display: block;
    width: 62px;
    height: 120px;
    background: url(/assets/abc2024/images/sponsorship/buttonLeft.png)no-repeat;
    background-size: cover;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#klsb-content .sponsorship-klsb-slideBox .next {
    left: auto;
    right: 22px;
    background: url(/assets/abc2024/images/sponsorship/buttonRight.png)no-repeat;
    background-size: cover;
}

.sponsorship-klsb-slideBox .prev:hover,
.sponsorship-klsb-slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.sponsorship-klsb-slideBox .prevStop {
    display: none;
}

.sponsorship-klsb-slideBox .nextStop {
    display: none;
}

#xj-content .sponsorship-xj-videoTitle {
    width: 1050px;
    margin: 0 auto;
}

#xj-content .video-right {
    width: 370px;
}

#xj-content .sponsorship-xj-desc {
    width: 100%;
    margin-top: -10px;
    line-height: 47px;
}

#xj-content .xj-fonts3 {
    margin-top: 50px;
}

#yc-content {
    height: 3940px;
    background: url("/assets/abc2024/images/sponsorship/sponsorship-yc-bg.jpg")no-repeat;
}

.sponsorship-yc-videoTitle {
    color: #ffffff;
    width: 542px;
    height: 106px;
    font-weight: normal;
    line-height: 106px;
    font-size: 40px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    background: url("/assets/abc2024/images/sponsorship/sponsorship-yc-title.png")no-repeat;
}

#yc-content .sponsorship-yc-videoPlay {
    margin-top: 30px;
}

#yc-content .mlna-fonts3 {
    margin-top: 50px;
}

#yc-content .sponsorship-yc-slideBox {
    width: 1000px;
    height: 562px;
    margin: 0 auto;
    border-radius: 10px;
}

#yc-content .sponsorship-mlna-slideBox .prev {
    left: 0;
}

#yc-content .sponsorship-mlna-slideBox .next {
    right: 10px;
    background: url(../images/sponsorship/buttonRight.png)no-repeat;
}

#yc-content .sponsorship-yc-desc {
    margin-top: -10px;
    line-height: 45px;
}

.sponsorship-yc-videoTitle2 {
    margin-top: 130px;
}

.sponsorship-yc-Title2 {
    margin-top: 100px;
}

.sponsorship-yc-pic {
    margin-top: 80px;
}

.sponsorship-yc-Title3 {
    margin-top: 100px;
}

.instead-yc-pic {
    margin-top: 60px;
}

.sponsorship-yc-Title4 {
    text-align: center;
    margin-top: 60px;
}

.sponsorship-media-box-yc {
    margin-top: 190px;
}

.sponsorship-mtlq-list ul li a span {
    color: #7e7d7d;
}

#mtlq-content {
    height: 3904px;
    background: url("/assets/abc2024/images/sponsorship/mtlq-bg.jpg")no-repeat;
}

.sponsorship-mtlq-list ul li {
    margin-top: 830px;
}

.sponsorship-mtlq-title {
    color: #4998d2;
    margin-top: 100px;
}

/**/
.sponsorship-mtlq-slideBox {
    /*width: 1233px;*/
    /*height: 560px;*/
    overflow: hidden;
    position: relative;
    /*margin-top: 10px;*/
}

.sponsorship-mtlq-slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
    margin-left: -10px;
}

.sponsorship-mtlq-slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

#mtlq-content .sponsorship-mtlq-slideBox .bd img {
    width: 990px;
    height: 500px;
    display: block;
    margin: 0 auto;
}

/**/
.sponsorship-mtlq-slideBox .prev,
.sponsorship-mtlq-slideBox .next {
    position: absolute;
    top: 40%;
    display: block;
    width: 62px;
    height: 120px;
    background: url(/assets/abc2024/images/sponsorship/buttonLeft.png)no-repeat;
    background-size: cover;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#mtlq-content .sponsorship-mtlq-slideBox .next {
    right: 10px;
    background: url(../images/sponsorship/buttonRight.png)no-repeat;
    background-size: cover;
}

.sponsorship-mtlq-slideBox .prev:hover,
.sponsorship-mtlq-slideBox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.sponsorship-mtlq-slideBox .prevStop {
    display: none;
}

.sponsorship-mtlq-slideBox .nextStop {
    display: none;
}

.sponsorship-mtlq-title2 {
    margin-top: 110px;
}

#mtlq-content .sponsorship-mtlq-videoPlay {
    margin-top: 10px;
}

#sponsorship-video {
    position: unset !important;
    z-index: 1;
}

.sponsorship-mtlq-title3 {
    font-size: 30px;
    margin-top: 70px;
}

.sponsorship-mtlq-content .sponsorship-mtlq-desc {
    line-height: 48px;
    margin-top: -10px;
}

.sponsorship-mtlq-videoTitle {
    margin-top: 2750px;
}

.sponsorship-mtlq-videoTitle {
    color: #4998d2;
}

.sponsorship-corp-title-mtlq {
    color: #4998d2;
    margin-top: 100px;
}

.sponsorship-corp-title2-mtlq {
    color: #4998d2;
}

#nsdk-content {
    height: 3892px;
    background: url("/assets/abc2024/images/sponsorship/nsdk-bg.jpg")no-repeat;
}

.sponsorship-nsdk-content ul li a span {
    color: #7e7d7d;
}

.sponsorship-nsdk-videoTitle {
    color: #30bdfd;
}

.sponsorship-nsdk-desc {
    color: #7e7d7d;
    font-weight: normal;
    margin-top: 70px;
}

#nsdk-content .nsdk-fonts3 {
    margin-top: 50px;
}

.sponsorship-nsdk-videoTitle2 {
    margin-top: 60px;
}

.sponsorship-nsdk-videoTitle3 {
    margin-top: 80px;
}

.sponsorship-nsdk-videoTitle4 {
    margin-top: 60px;
}

#nsdk-content .sponsorship-nsdk-desc {
    margin-top: -10px;
    line-height: 45px;
}

#nsdk-content .sponsorship-nsdk-slideBox .next {
    right: 10px;
}

.sponsorship-mnla-content {
    width: 1920px;
    max-width: 1920px;
    height: 3965px;
    background-size: 100% 100%;
    /*height: 7334px;*/
    background: url("/assets/abc2024/images/sponsorship/mlna-bg.jpg")no-repeat;
}

.sponsorship-mnla-list {
    margin: 0 auto;
}

.mlna-fonts1 {
    width: 993px;
    height: 104px;
    margin: 60px auto 0;
    background: url("/assets/abc2024/images/sponsorship/mlna-fonts1.png")no-repeat;
    background-size: 100% 100%;
}

.sponsorship-mlna-videoPlay {
    margin-top: 0;
    /*margin-left: 40px;*/
    display: flex;
    justify-content: center;
}

.video-right {
    width: 780px;
    height: 425px;
    margin-left: 25px;
}

.sponsorship-mlna-desc {
    color: #163f98;
    font-size: 20px;
    line-height: 38px;
    font-weight: normal;
    margin-top: 23px;
}

.mlna-fonts2 {
    width: 386px;
    height: 107px;
    margin: 60px auto 0;
    background: url("/assets/abc2024/images/sponsorship/mlna-fonts2.png")no-repeat;
    background-size: 100% 100%;
}

.sponsorship-mlna-title {
    width: 360px;
    margin: 0 auto;
}

.sponsorship-mlna-slideBox .bd img {
    width: 1000px;
    height: 562px;
    border-radius: 10px;
    overflow: hidden;
}

.sponsorship-mlna-slideBox {
    margin-top: 20px;
    width: 1000px;
    height: 562px;
    margin: 20px auto 50px;
    border-radius: 10px;
}

.sponsorship-mlna-slideBox .prev {
    position: absolute;
    left: 0;
    top: 40%;
    display: block;
    width: 62px;
    height: 120px;
    background: url(/assets/abc2024/images/sponsorship/buttonLeft.png)no-repeat;
    background-size: cover;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.sponsorship-mlna-slideBox .next {
    right: 10px;
    background: url(../images/sponsorship/buttonRight.png)no-repeat;
}

.sponsorship-mlna-slideBox .hd {
    width: 20%;
    position: absolute;
    bottom: 100px;
    left: 40%;
}

.sponsorship-mlna-slideBox .hd ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponsorship-mlna-slideBox .hd ul li {
    width: 8px;
    height: 8px;
    background: rgb(255, 255, 255, .3);
    border-radius: 50%;
    z-index: 999;
    margin: 0 10px;
    cursor: pointer;
}

.sponsorship-mlna-slideBox .hd ul li.on {
    width: 20px;
    background: #FFFFFF;
    border-radius: 5px;
}

.sponsorship-pic-mlna {
    display: block;
    width: 1036px;
    height: 600px;
    margin: 0 auto;
}

.mlna-fonts3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fonts3-left,
.fonts3-right {
    width: 160px;
    height: 1px;
    background: #1845a2;
}

.fonts3-cont {
    font-size: 60px;
    font-weight: bold;
    color: #1845a2;
    margin: 0 20px;
}

.instead-pic-mlna {
    margin-top: 220px;
}

.sponsorship-media-box-mlna {
    margin-top: -85px;
    margin-left: -45px;
}

/*脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶⑩�灺⒚兟γ偮得⑩偓隆脙漏茂驴陆脗篓脙庐芒鈧∶偮γ兟ッ偮疵嬇撁兟┟柯矫⑩偓艙脙鈥樏嗏�櫭兟γ⑩偓拧芒鈧溍兟γ偮棵偮犆兟偮⒚嬇撁兟ッ⑩偓掳茂驴陆脙漏脜陆脗路脙娄脗驴芒鈧姑兟ッ偮姑柯矫兟┟⑩偓锟矫吢该兟偮棵偮�*/
.video-body {
    width: 1920px;
    height: 1080px;
}

.login-body {
    width: 1900px;
    height: 1080px;
}

.login-in-content {
    width: 1220px;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding-top: 178px;
    z-index: 1;
}

.login-input {
    width: 460px;
    height: 450px;
    margin: 0 auto;
    text-align: center;
    background: rgba(255, 255, 255, .2);
    border-radius: 10px;
}

.login-input input,
.login-title {
    display: inline-block;
    outline: none;
    border: none;
}

.login-title {
    margin-top: 48px;
}

.login-input input {
    width: 260px;
    height: 52px;
    float: left;
    color: #ffffff;
    margin-left: 16px;
    /*line-height: 52px;*/
    background: rgba(255, 255, 255, 0);
}

.login-input input::-webkit-input-placeholder {
    color: #ffffff;
}

.login-box {
    width: 380px;
    height: 52px;
    background: rgba(255, 255, 255, .4);
    border-radius: 8px;
    overflow: hidden;
    margin: 30px auto 0;
}

.login-box img {
    float: left;
    margin-top: 15px;
    margin-left: 10px;
}

.login-password {}

::-webkit-input-placeholder {
    color: #999999;
    font-size: 14px;
}

::-moz-placeholder {
    color: #999999;
    font-size: 14px;
}

:-ms-input-placeholder {
    color: #999999;
    font-size: 14px;
}

.clear-btn,
.dis-btn {
    display: inline-block;
    width: 18px;
    height: 52px;
    float: right;
    margin-right: 10px;
    background: url("../images/login/clear-btn.png")right 18px no-repeat;
}

.dis-btn {
    background: url("../images/login/display-pwd2.png")right 20px no-repeat;
}

.login-input .login-btn {
    float: unset;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    width: 380px;
    height: 52px;
    border-radius: 5px;
    color: #FFFFFF;
    margin: 30px auto 0;
    background-color: rgba(15, 148, 255, .8);
}

video {
    /* position: fixed;
    z-index: -100;*/
}

.body-cover {
    width: 1920px;
    height: 1080px;
    position: fixed;
    z-index: -50;
    background-color: rgba(0, 6, 34, .50);
}

.login-bottom {
    width: 380px;
    height: 20px;
    display: flex;
    justify-content: space-between;
    margin: 30px auto;
}

.login-bottom a:first-child {
    font-size: 15px;
    color: #FFFFFF;
}

.login-bottom a:last-child {
    font-size: 15px;
    color: #00e6ff;
}

.login-bottom-logo ul li {
    width: 94px;
    height: 140px;
}

.login-bottom-logo {
    width: 1220px;
    margin: 168px auto 0;
}

.login-bottom-logo ul {
    display: flex;
    justify-content: space-around;
}

.login-bottom-logo ul li p {
    color: #0f94ff;
    text-align: center;
}

.login-content2 {
    padding-top: 90px;
}

.login-input2 {
    height: 540px;
}

.login-bottom-logo2 {
    margin-top: 120px;
}

.login-bottom2 {
    display: block;
    overflow: hidden;
    text-align: right;
}

.login-bottom2 .forget-pwd {
    float: left;
}

.login-bottom2 .register-fonts {
    float: right;
    color: #FFFFFF;
}

.login-bottom2 .register-fonts span {
    color: #FFFFFF;
    font-size: 15px;
}

.login-password .input-validation-num {
    width: 210px;
}

.get-validation-num {
    float: right;
    width: 94px;
    height: 35px;
    color: #ffffff;
    border: #FFFFFF 1px solid;
    border-radius: 5px;
    background: none;
    margin: 8px 10px 0 0;
}

.login-agreement {
    width: 380px;
    margin: 30px auto 0;
    overflow: hidden;
}

#check-agreement {
    float: left;
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 0;
}

.login-agreement a {
    float: left;
    color: #FFFFFF;
    margin-left: 10px;
    font-size: 14px;
}

.login-agreement .last-step {
    float: right;
}

.login-input3 {
    height: 590px;
}

.login-bottom-logo3 {
    margin-top: 100px;
}

.login-title-2 {
    margin-top: 30px;
}

.rolldate-container .rolldate-panel,
.rolldate-container .rolldate-panel2 {
    width: 400px !important;
    z-index: 9999 !important;
}

/**/
.user-center-transferTop-content {
    background-color: #ffffff;
    padding: 0;
    /* height: 100%; */
}

.user-center-transferTop {
    height: 48px;
    line-height: 48px;
    background-color: #F7F9FB;
    box-shadow: 2px 1px 1px rgb(203, 208, 218, .2);
}

.transferTop-left {
    font-size: 18px;
    color: #028afe;
    margin-left: 10px;
}

.transferTop-right {
    font-size: 13px;
    color: #999999;
}

.transferTop-center {
    width: 400px;
    margin: 40px auto 0;
}

.transferTop-center-title {
    width: 400px;
    height: 46px;
    line-height: 46px;
    background-color: #FFFFFF;
    border: #e5e5e5 1px solid;
    /*box-shadow: 2px 2px 2px rgb(203,208,218,.5);*/
}

.transferTop-center-balance {
    font-size: 15px;
    color: #444444;
    margin-left: 20px;
}

.transferTop-center-title .transferTop-center-num {
    font-size: 15px;
    color: #028afe;
    font-weight: bold;
}

.transferTop-takeBack {
    width: 80px;
    height: 28px;
    border-radius: 3px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 28px;
    float: right;
    text-align: center;
    margin: 9px 10px 0 0;
    transition: all .5s;
    background: #028AFE;
}

.transferTop-takeBack:hover {
    box-shadow: 0px 0px 8px 5px rgb(2, 138, 254, .5);
    color: #FFFFFF;
}

.transfer-box {
    width: 400px;
    height: 80px;
    margin-top: 15px;
    background-color: #FFFFFF;
    border: #e5e5e5 1px solid;
    /*box-shadow: 2px 2px 2px rgb(203,208,218,.5);*/
}

.transfer-account {
    margin-top: 5px;
}

.transfer-arrow {
    width: 44px;
    height: 44px;
    margin-top: 13px;
    background: url(/assets/abc2024/images/user-center/transfer-arrow-2.png) no-repeat;
}

.transfer-account span:first-child,
.into-account span:first-child {
    font-size: 14px;
    color: #999999;
}

.into-account {
    margin-top: 5px;
    margin-right: 0;
    position: relative;
}

.into-account-show {
    font-size: 16px;
    color: #444444;
    cursor: pointer;
}

.into-account-icon {
    width: 18px;
    height: 10px;
}

.account-list-show {
    position: absolute;
    top: 55px;
    left: 20px;
    width: 130px;
    height: auto;
    background: url(/assets/abc2024/images/user-center/into-account-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 30px 0 34px 0;
    visibility: hidden;
}

#clickShow {
    position: absolute;
    width: 100%;
    height: 100%;
}

.into-account-show .chosed-name {
    font-size: 16px;
    color: #444444;
    transition: all .5s;
}

.account-list-name {
    height: 20px;
    line-height: 20px;
    width: 110px;
    margin: 0 auto;
    cursor: pointer;
}

.account-list-name:hover {
    background: #EDF3FF;
}

.transfer-account .main-account {
    font-size: 16px;
    color: #444444;
    background: none;
}

.into-account select {
    width: 110px;
    background-color: #ffffff;
    font-size: 16px;
    color: #444444;
    margin-left: 25px;
    padding: 0;
}

.into-account select option {
    font-size: 14px;
    outline: none;
    border: 0;
}

.input-transfer {
    width: 400px;
    height: 48px;
    margin-top: 15px;
    background-color: #FFFFFF;
    border: #e5e5e5 1px solid;
    /*box-shadow: 2px 2px 2px rgb(203,208,218,.5);*/
}

.input-transfer input {
    float: left;
    width: 270px;
    height: 46px;
    outline: none;
    border: none;
    padding-left: 10px;
}

.max-money {
    width: 80px;
    height: 30px;
    border: #028afe 1px solid;
    border-radius: 3px;
    font-size: 15px;
    color: #028afe;
    font-weight: bold;
    line-height: 28px;
    float: right;
    text-align: center;
    margin: 9px 10px 0 0;
    background: none;
    transition: all .5s;
}

.max-money:hover {
    background-color: #028afe;
    color: #ffffff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

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

.transfer-confirm-button {
    width: 400px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    color: #FFFFFF;
    outline: none !important;
    border: none;
    border-radius: 25px;
    /* background: url(/assets/abc2024/images/user-center/confirm-btn.png)no-repeat; */
    background: linear-gradient(to right, #78BDF2, #167BFF);
    /* background-size: 100% 100%; */
    transition: all .5s;
}

.save-money-submit-box .focusNoBorder:focus {
    border: none !important;
}

.transfer-confirm-button:hover {
    transform: scale(1.1);
    /* background: linear-gradient(to right, #167BFF, #78BDF2); */
    /* background-size: 100% 100%; */
}

.transfer-confirm-button[disabled] {
    background-color: #93ccff;
}

.bottom-remind p {
    margin-bottom: 5px;
}

.bottom-remind p:first-child {
    color: #028afe;
}

.transfer-remind {
    margin: 15px 0 15px 0;
}

/**/
.membertransfer-box {
    width: 400px;
    height: 330px;
    background: none;
    /*padding-top: 15px;*/
    box-shadow: none;
    text-align: center;
}

.membertransfer-box p {
    width: 400px;
    height: 45px;
    background-color: #FFFFFF;
    margin: 15px auto 0;
    text-align: center;
    /*box-shadow: 2px 2px 2px rgb(203,208,218,.5);*/
}

.membertransfer-box-line1 span,
.membertransfer-box-line2 span,
.membertransfer-box-line3 span,
.membertransfer-box-line4 span {
    font-size: 15px;
    color: #444444;
}

.membertransfer-box-line1 input,
.membertransfer-box-line2 input,
.membertransfer-box-line3 input,
.membertransfer-box-line4 input {
    width: 280px;
    height: 40px;
    border: none;
}

.membertransfer-confirm-button {
    width: 280px;
    /*margin: 15px 0 0 100px;*/
}

#contactform span {
    font-size: 15px;
    color: #444444;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
}

#contactform form {
    width: 280px;
}

.memberWithdraw-remind p {
    background: none;
    box-shadow: none;
    text-align: left;
    height: 14px;
}

/**/
.addBank-button {
    display: block;
    width: 280px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
    color: #FFFFFF;
    outline: none;
    border: none;
    background: url(/assets/abc2024/images/user-center/confirm-btn.png)no-repeat;
    background-size: 100% 100%;
    transition: all .5s;
}

#noBankDiv,
#bank2 {
    background-color: #FFFFFF;
    /* height: 100%; */
}

.user-center-noBank {
    text-align: center;
}

.user-center-noBank img {
    margin: 50px 0 58px 0;
}

.label-box {
    width: 400px;
    margin: 0 auto;
    margin: 0 auto;
    /*background-color: #ffffff;*/
    text-align: center;
    height: 430px;
    padding-top: 10px;
    margin-top: 30px;
}

.label-box-height {
    height: 468px;
}

.label-box .addBank-box-line2 .getCode {
    width: 100px;
    height: 38px;
    line-height: 38px;
    color: #028afe;
    text-align: center;
    text-decoration: underline;
    /* border: #028afe 1px solid; */
    background-color: #FFFFFF;
    padding: 0;
    margin-left: 4px;
}

.addBank-confirm-button {
    /*margin-left: 74px;*/
    width: 280px;
    margin: 30px auto 0;
}

.addBank-warning {
    position: absolute;
    top: 105px;
    right: 45px;
    width: 230px;
    height: 40px;
    font-size: 12px;
    padding-left: 33px;
    color: #028afe;
    background: url(/assets/abc2024/images/user-center/warning.png)left center no-repeat;
}

#wdpass2 {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
}

.wdPassword-box {
    width: 400px;
    margin: 0 auto;
    height: 330px;
    text-align: center;
    /*background-color: #ffffff;*/
    /*box-shadow: 2px 2px 2px rgb(203,208,218,.5);*/
    padding-top: 15px;
    margin-top: 20px;
}

#wdpass3 {
    height: 100%;
    background: #f4f8ff;
}

#wdpass3 .wdPassword-box2 {
    height: 220px;
}

#wdpass3 button {
    margin-left: 80px;
}

.wdPassword-box .membertransfer-box-line2 #cashMobileVcode {
    width: 180px;
    height: 40px;
}

.wdPassword-box .membertransfer-box-line2 .getCode {
    width: 100px;
    height: 38px;
    line-height: 38px;
    color: #028afe;
    text-align: center;
    text-decoration: underline;
    /*border: #028afe 1px solid;*/
    background-color: #FFFFFF;
    padding: 0;
    margin-left: 4px;
}

.wdPassword-box .membertransfer-box-line1 span,
.wdPassword-box .membertransfer-box-line2 span,
.wdPassword-box .membertransfer-box-line3 span,
.wdPassword-box .membertransfer-box-line4 span {
    color: #444444;
    margin-right: 0 !important;
}

.wdPassword-box .membertransfer-box-line1 input,
.wdPassword-box .membertransfer-box-line3 input,
.wdPassword-box .membertransfer-box-line4 input {
    width: 280px;
    height: 40px;
    line-height: 40px;
}

.wdPassword-confirm-button {
    width: 280px;
    /*margin: 15px 0 0 93px;*/
}

.uc-card-tip {
    text-align: center;
    height: 100%;
    /*background: #f4f8ff;*/
    padding-top: 40px;
}

/*脙漏芒鈧�澝⑩偓拧脙楼芒鈧∶⑩�灺⒚兟偮っ柯矫兟┟吢矫偮裁兟偮棵偮犆兟γ⑩偓垄芒鈧姑兟ッ偮┟偮得兟⒚嬇撁⑩偓聽脙楼茂驴陆芒鈧γ兟┟偮∶偮兟ッ偮っ柯矫兟ッ偮γ偮得兟┟吢矫偮懊兟γ柯矫偮棵兟偮っ嬧�犆兟ッ偮偮疵兟偮矫⑩偓隆脙娄芒鈧∶⑩偓艙脙漏脗隆脜陆脙娄脗露脗垄脙娄脗垄脗潞脙漏茂驴陆茂驴陆脙楼芒鈧姑偮得兟γ偮偮济兟γ偮棵吢久兟ッ偮っ⑩偓鹿脙娄脗麓脜鈥溍兟偮幻偮兟γ⑩偓鈥澝嬧�犆兟ッ偮疵偮该兟ッ偮γ偮っ兟っ偮矫偮好兟ッ吢矫偮该兟┟⑩偓鈥澝柯矫兟偮访偮兟ッ⑩偓鈥溍柯矫兟偮幻偮兟γ偮柯矫兟⑩偓垄脗路脙漏茂驴陆芒鈧溍兟偮⑩偓鹿脙娄芒鈧⒚⑩偓隆脙漏芒鈧�溍偮幻兟γ嬧�犆柯矫兟γ偮Ｃ⑩�灺⒚兟ッ偮偮Ｃ兟偮棵偮�*/
.records-deposit-day a button {
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #757575;
    background: none;
}

.records-deposit-day .choseOn button {
    background: url(/assets/abc2024/images/user-center/confirm-btn.png)no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
    border-radius: 25px;
    transition: all .5s;
}

.records-deposit-day a.choseOn button:hover {
    background: url(/assets/abc2024/images/user-center/confirm-btn2.png)no-repeat;
    background-size: 100% 100%;
}

.noRecords-img {
    text-align: center;
    margin: 110px auto;
    width: 825px;
}

/*脙娄脗驴脗聽脙搂芒鈧拷脗碌脙楼茂驴陆脜戮脙漏茂驴陆脗篓脙楼脗聽芒鈧⒚兟ッ偮姑⑩偓鈥溍兟┟嬧�犆偮好兟ッ⑩偓拧脜鈥溍兟⑩偓潞脗虏脙娄脗驴脜戮脙楼芒鈧�澝⑩偓鈥澝兟偮偮γ兟偮っ吢矫兟ッ偮偮懊兟ッ⑩偓鹿脗颅脙炉脗驴脗陆脙炉脗陆脜陆脙楼芒鈧γ嬇撁兟┟柯矫⑩偓鹿脙娄脗聽脗搂脙庐脜鈥溍嗏�櫭兟┟吢犆嬧�犆兟ッ⑩偓鈥澝嬇撁兟ッ偮懊偮得兟┟⑩偓鈥溍偮该兟ッ偮偮兟ッ⑩偓鈥溍柯矫兟γ偮访⑩偓隆脙楼脗漏芒鈧∶兟ッ偮疵偮睹兟┟偮∶⑩偓鈩⒚兟っ偮矫偮好兟ッ吢矫偮该兟┟⑩偓鈥澝柯矫兟偮访偮兟ッ⑩偓鈥溍柯矫兟偮幻偮兟γ偮柯矫兟⑩偓垄脗路脙漏茂驴陆芒鈧溍兟偮⑩偓鹿脙娄芒鈧⒚⑩偓隆脙漏芒鈧�溍偮幻兟γ嬧�犆柯矫兟γ偮Ｃ⑩�灺⒚兟ッ偮偮Ｃ兟偮棵偮�*/
.basicInfo-body {
    height: 100%;
    background-color: #ffffff;
}

.basicInfo-box {
    width: 825px;
    margin: 40px auto 0;
    background: #FFFFFF;
}

.basicInfo-box p {
    box-shadow: none;
}

.basicInfo-line1,
.basicInfo-line2,
.basicInfo-line3 {
    overflow: hidden;
    margin-bottom: 40px;
}

.basicInfo-line1 {
    padding-top: 20px;
    margin-bottom: 10px;
}

.basicInfo-line2 {
    height: 40px;
    line-height: 40px;
}

.basicInfo-line1-left {
    float: left;
    width: 380px;
    margin-left: 20px;
}

.basicInfo-line1-right {
    float: right;
    width: 380px;
}

.user-center-baseImfo-body .basicInfo-box p input {
    width: 280px;
    height: 40px;
}

.basicInfo-line2 .sex-radio {
    float: left;
    margin-left: 20px;
}

.basicInfo-line2 .user-center-baseImfo-input {
    float: right;
    width: 380px;
}

.basicInfo-line2-right span {
    font-size: 15px;
    color: #444444;
}

.basicInfo-line2-right #weixin {
    width: 280px;
    height: 40px;
}

.date-chose {
    float: left;
    width: 380px;
    margin-left: 20px;
}

.basicInfo-line3-right {
    float: right;
    width: 380px;
    margin-top: 0 !important;
}

.basicInfo-comfirm {
    text-align: center;
    padding-bottom: 40px;
}

.basicInfo-comfirm button {
    margin: 0 !important;
}

.accountPwd-box {
    height: 275px;
    margin: 60px auto 0;
}

.user-center-transferTop-content .accountPwd-box p {
    width: 400px;
}

.accountPwd-box .membertransfer-box-line1,
.accountPwd-box .membertransfer-box-line2 {
    width: 359px;
}

/*脙漏芒鈧�澝⑩偓拧脙陇脗陆脗陆脙庐芒鈧∶偮兟ッ偮偮疵兟嗏�櫭偮矫兟ッ偮姑吢犆兟┟吢矫偮久兟ッ⑩偓隆脗掳脙楼芒鈧好偮兟⑩偓锟矫⑩偓潞脙漏茂驴陆茂驴陆脙篓脜鈥櫭偮兟⑩偓娄芒鈧溍兟┟⑩偓鈥澝吢犆兟⑩偓拧脗垄脙娄脗麓脗娄脙楼脗搂脜聽脙楼脗漏脜隆脙楼脜赂脗垄脙漏茂驴陆脝鈥櫭兟偮棵偮矫兟┟吢犆⑩偓隆脙楼芒鈧姑偮兟ッ偮姑嬇撁兟⑩偓鈩⒚偮好兟偮矫偮懊兟γ嬧�犆偮访兟γ偮棵偮犆兟偮⒚嬇撁兟偮棵偮矫兟⑩�灺⒚偮兟ッ⑩偓鈥溍嬇撁兟┟⑩偓鈥溍偮好兟ッ偮裁⑩偓鹿脙搂脗鹿茂驴陆脙漏茂驴陆茂驴陆脙娄芒鈧劉脗麓脙搂脗娄芒鈧劉脙搂芒鈥毬偮Ｃ兟柯矫⑩偓娄脙楼脗碌茂驴陆脙楼脗娄脜戮脙拢芒鈧∶⑩偓聽脙娄脜鈥櫭偮久兟┟柯矫吢矫兟γ⑩偓啪脗掳脙楼脗录脗鲁脙漏芒鈧拷脜赂脙炉脗驴脗陆*/
.phone-box-line1 {
    margin-top: 20px;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 2px rgb(203, 208, 218, .5);
}

#oldMobileVcode,
#newMobileVcode,
#oldEmailVcode,
#newEmailVcode,
#bindingEmailVcode {
    width: 182px;
}

.phone-box-2 p {
    margin-top: 15px;
    background: #FFFFFF;
}

.phone-box-1 {
    height: 170px;
}

.phone-box-2,
.phone-box-3 {
    height: 220px;
}

#bindingEmail1 .bindingEmail1-title {
    margin-top: 40px;
}

#bindingEmail1 .bindingEmail1-title,
#bindingEmail1 .bindingEmail1-title2 {
    text-align: center;
}

/**/
.copy-btn {
    position: absolute;
    top: 4px;
    right: 5px;
    background: none;
    color: #028afe;
}

.wyzz #contactform form {
    width: 380px;
    position: absolute;
    top: 18px;
    right: 0px;
}

.wyzz .jqcs_select {
    height: 42px;
    line-height: 42px;
    border: #e5e5e5 1px solid;
}

.wyzz .jqcs_select .jqcs_value {
    margin-left: 95px;
}

.wyzz .jqcs_select .jqcs_value p.jqcs_placeholder {
    line-height: 43px;
}

.wyzz #jqcs_o_demo .jqcs_option,
.wyzz #jqcs_s_demo .jqcs_option {
    width: 380px;
    padding: 0 10px 0 130px;
}

.wyzz .jqcs_select .jqcs_arrow {
    right: 12px;
}

/*脙搂脗录芒鈧∶兟ッ⑩偓拧脜隆脙楼芒鈥毬偮访兟┟柯矫⑩偓鈩⒚兟偮姑⑩�毬兟柯矫柯矫兟偮っ偮懊兟γ吢矫⑩偓艙脙楼茂驴陆脗隆脙漏芒鈧�溍偮得兟ッ偮っ⑩偓聽脙娄芒鈥灺⒚⑩偓潞脙漏芒鈧溍偮该兟ッ偮矫⑩偓鈩⒚兟γ⑩偓拧芒鈧�澝兟ッ偮⑩偓藴脙娄脗卢脣艙脙搂芒鈧久偮矫兟┟⑩偓鈥溍偮趁兟⑩偓藴脗掳脙搂脗搂脗鹿脙漏茂驴陆脜鈥櫭兟ッ偮睹⑩偓掳脙楼脜赂脗隆脙娄脗碌脗拢脙楼芒鈧溍吢犆兟γ偮偮裁兟┟⑩偓鈥澝柯矫兟ッ⑩偓艙芒鈧久兟γ偮Ｃ偮兟┟柯矫⑩�灺⒚兟ッ⑩偓聽脗庐脙楼脗录脗禄脙漏芒鈧拷茂驴陆脙楼芒鈧溍⑩偓拧脙娄芒鈧�澝⑩偓拧脙炉脗驴脗陆脙炉脗陆脜陆脙楼茂驴陆芒鈧久兟┟偮∶柯矫兟偮棵偮�*/
.writting-box {
    width: 640px;
    height: 380px;
    margin: 50px auto 0;
    text-align: center;
}

.writting-box p {
    width: 620px;
    margin: 0 auto;
}

.writting-box .writting-box-title span,
.writting-box .writting-box-article span {
    color: #444444;
    font-size: 15px;
}

.writting-box .writting-box-title input {
    width: 560px;
    height: 42px;
    line-height: 42px;
}

.writting-box .writting-box-title input:focus {
    color: #028afe;
    border: #028afe 1px solid;
}

.writting-box-article {
    margin-top: 20px;
}

.writting-box .writting-box-article span {
    float: left;
    margin-top: 10px;
}

.writting-box .writting-box-article textarea {
    float: left;
    width: 560px;
    height: 216px;
    margin-left: 5px;
}

.writting-box .writting-box-article textarea:focus {
    color: #028afe;
    border: #028afe 1px solid;
}

.inbox-table tr:first-child {
    font-size: 15px;
    height: 42px;
    background: #e8ebf2 !important;
}

.inbox-table tr td {
    font-size: 14px;
    width: 32%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #FFFFFF;
}

.all-del {
    float: left;
    /*margin-top: 25px;*/
    width: 90px;
    height: 28px;
    font-size: 14px;
    color: #999999;
    background: #ffffff;
    border: #CCCCCC 1px solid;
    border-radius: 15px;
    transition: all .5s;
}

.all-del:hover {
    color: #ffffff;
    border-color: #0284fe;
    background: #0284fe;
}

.inbox-table tr {
    width: 866px;
    border: #e8e7e7 1px solid;
}

.inbox-table tr th,
.inbox-table tr td {
    width: 50%;
    text-align: center;
}

.inbox-table tr td a {
    font-size: 14px;
}

.all-del-2 {
    margin: 0 0 0 15px
}

.notice-content2 {
    width: 600px;
    height: 350px;
    background: #FFFFFF;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
}

.notice-content2 .notice-title {
    width: 600px;
    height: 50px;
    line-height: 50px;
    background: #028afe;
    text-align: center;
}

.notice-content2 .notice-title span {
    display: inline-block;
    margin-left: 12px;
    color: #FFFFFF;
    float: unset;
}

.notice-content2 .notice-title a:last-child {
    margin: 12px 12px 0 0;
}

.notice-content2 .notice-content-show {
    width: 600px;
    height: 68%;
    padding: 12px;
    overflow: hidden;
    overflow-y: scroll;
}

.notice-content2 .notice-content-show .notice-content-title {
    font-size: 18px;
    color: #028afe;
    text-align: center;
}

.notice-content2 .notice-content-show .notice-content-article {
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
}

.notice-content2 .notice-content-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 100%;
    height: 50px;
}

.notice-content-bottom span {
    width: 120px;
    height: 33px;
    line-height: 31px;
    cursor: pointer;
    transition: all .5s;
}

.notice-content-bottom .deleteThis {
    color: #999999;
    border: #CCCCCC 1px solid;
    border-radius: 15px;
    margin-right: 50px;
}

.notice-content-bottom .confirmThis {
    background: url(/assets/abc2024/images/user-center/confirm-btn.png)no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
    border-radius: 25px;
    transition: all .5s;
}

.notice-content-bottom .deleteThis:hover {
    border: #028AFE 1px solid;
    color: #028AFE;
}

.notice-content-bottom .confirmThis:hover {
    background: url(/assets/abc2024/images/user-center/confirm-btn2.png)no-repeat;
    background-size: 100% 100%;
}

.notice-content2 .notice-content-button button {
    width: 120px;
    height: 34px;
    border-radius: 15px;
    font-size: 14px;
    margin: 20px;
}

.notice-content2 .notice-content-button .msg-del {
    color: #999999;
    border: #ececec 1px solid;
    background: #FFFFFF;
}

.notice-content2 .notice-content-button .msg-con {
    color: #FFFFFF;
    border: #ececec 1px solid;
    background: #028afe;
}

#bodyMask,
#bodyMask2 {
    background: #000000;
    opacity: .3;
    width: 100%;
    height: 153%;
    position: absolute;
    z-index: 9000;
    margin-top: -200px;
    display: none;
}

#bodyMask2 {
    z-index: 9002;
}

.recharge-content {
    height: 100%;
    background: #ffffff;
}

.noRecords {
    text-align: center;
    margin: 100px auto;
}

#childMask {
    position: absolute;
    z-index: 9002;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    display: none;
}


/* 脙娄脗驴脗聽脙搂芒鈧拷脗碌脙楼茂驴陆脜戮脙楼脗篓脗录脙娄脗卢芒鈧撁兟ッ偮疵偮ッ兟⑩�毬偮Ｃ兟⑩偓娄脜赂脙娄芒鈧∶呪�櫭兟┟⑩偓鈥澝⑩偓拧脙陇脗陆脗潞脙庐脜赂脣鈥犆兟⑩�毬偮得兟γ吢矫⑩偓鈥澝兟ッ偮疵呪�溍兟ッ偮⑩偓聽脙娄脣鈥犆柯矫兟ッ偮济偮裁兟┟⑩偓鈥澝柯矫兟柯矫偮っ兟ッ偮偮疵兟ッ偮偮裁兟偮姑柯矫兟Ｃ柯矫柯矫兟┟柯矫柯矫兟⑩偓娄脗搂脙娄茂驴陆脗陆脙漏芒鈧�澝⑩偓拧脙陇脗陆脗陆脙楼脗麓脗碌脙漏茂驴陆芒鈧姑兟⑩偓拧脗碌脙搂脗虏芒鈥灺⒚兟偮姑⑩偓隆脙娄脗露脣艙脙搂脗陇芒鈧懊兟⑩�毬偮姑兟Ｃ嗏�櫭偮ッ兟嬇撁偮懊兟┟柯矫⑩偓鹿脙楼脗卢脗庐脙娄脜赂脗篓脙漏茂驴陆芒鈧⒚兟ッ⑩偓拧芒鈧好兟ッ偮偮� */
.discount-table thead tr td,
.discount-table tbody tr td {
    /**display:inline-block;*/
    height: 60px;
    width: 188px;
    line-height: 60px;
    text-align: center;
}

.discount-table tbody tr td {
    height: 45px;
    line-height: 45px;
}

.discount-table thead tr td {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.discount-table thead tr td {
    background: linear-gradient(to right, #66edff, #69adff);
}

.discount-table thead tr td:first-child {
    border-top-left-radius: 5px;
    overflow: hidden;
}

.discount-table thead tr td:last-child {
    border-top-right-radius: 5px;
    overflow: hidden;
}

.discount-table tbody tr td {
    font-size: 20px;
    background: linear-gradient(to right, #e1fbff, #d9eaff);
    /* 	font-weight:bold; */
    border-bottom: rgb(0, 23, 50, .1) 1px solid;
}

.discount-table tbody tr td a {
    color: rgb(0, 122, 255);
    font-size: 20px;
    background: linear-gradient(to right, #e1fbff, #d9eaff);
    /* 	font-weight:bold; */
    /* border-bottom:rgb(0,23,50,.1) 1px solid;    */
    text-decoration: none;
}

.discount-table tbody tr:last-child td {
    border-bottom: none;
}

.layui-layer-content {
    margin-top: 0 !important;
}

.layui-layer-prompt .layui-layer-input {
    margin: 10px auto !important;
}

.discount-table-1 thead tr td,
.discount-table-1 tbody tr td {
    /**display:inline-block;*/
    height: 60px;
    width: 239px;
    line-height: 60px;
    text-align: center;
}

.discount-table-1 tbody tr td {
    height: 45px;
    line-height: 45px;
}

.discount-table-1 thead tr td {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.discount-table-1 thead tr td {
    background: linear-gradient(to right, #66edff, #69adff);
}

.discount-table-1 thead tr td:first-child {
    border-top-left-radius: 5px;
    overflow: hidden;
}

.discount-table-1 thead tr td:last-child {
    border-top-right-radius: 5px;
    overflow: hidden;
}

.discount-table-1 tbody tr td {
    font-size: 20px;
    background: linear-gradient(to right, #e1fbff, #d9eaff);
    /* 	font-weight:bold; */
    border-bottom: rgb(0, 23, 50, .1) 1px solid;
}

.discount-table-1 tbody tr td a {
    color: rgb(0, 122, 255);
    font-size: 20px;
    background: linear-gradient(to right, #e1fbff, #d9eaff);
    /* 	font-weight:bold; */
    /* border-bottom:rgb(0,23,50,.1) 1px solid;    */
    text-decoration: none;
}

.discount-table-1 tbody tr:last-child td {
    border-bottom: none;
}

.yeb-content-top {
    width: 588px;
    margin: 45px auto;
    border-radius: 45px;
    box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, .5);
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yeb-content-top .left-fonts {
    height: 35px;
}

.yeb-content-top .middle-fonts span:first-child {
    font-size: 20px;
    color: #5F5F5F;
    font-weight: bold;
}

.yeb-content-top .middle-fonts span:last-child {
    font-size: 36px;
    color: #FF9600;
}

.yeb-content-top .right-fonts {
    font-size: 22px;
    color: #FFFFFF;
    background: #0895FE;
    padding: 4px 15px;
    border-radius: 30px;
    cursor: pointer;
}

.yeb-list {
    border-radius: 3px;
    border: #CCCCCC 1px solid;
    width: 90%;
    margin: 15px auto 0;
}

.yeb-list-title {
    display: flex;
    padding: 12px 0;
    background: #F6F8FA;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: 14px;
    color: #6B6B6B;
    font-weight: 600;
}

.yeb-list-title-list,
.yeb-list-content-list {
    width: 14%;
}

.yeb-list-title-list:nth-child(5),
.yeb-list-content-list:nth-child(5) {
    width: 20%;
}

.yeb-list-title-list:last-child,
.yeb-list-content-list:last-child {
    width: 8%;
    margin-right: 10px;
}

.yeb-list-content {
    padding: 12px 5px 10px 5px;
    border-top: #CCCCCC 1px solid;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: #343434;
    font-size: 14px;
}

.yeb-list-content-list {
    /*margin: 0px 0px 0px 5px;*/
}

.yeb-list-content-list:last-child {
    background: #028AFE;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
}

.yeb-red-fonts {
    color: #FF0000;
}

.yeb-green-fonts {
    color: #00BA09;
}

.switch-display {
    position: relative;
}

.switch-display2 {
    display: none;
    position: relative;
}

/*.withdraw-interest-toast {*/
/*    position: absolute;*/
/*    top: 180px;*/
/*    left: 50%;*/
/*    width: 200px;*/
/*    margin-left: -100px;*/
/*    box-shadow: 0px 0px 15px -6px rgba(0,0,0,.5);*/
/*    border-radius: 5px;*/
/*    background: #FFFFFF;*/
/*    text-align: center;*/
/*    display: none;*/
/*}*/
.interest-recharge-input {
    width: 50%;
    margin: 20px auto;
    border-radius: 5px;
    box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, .5);
}

#interestMoney {
    border: none;
    outline: none;
    text-align: right;
}

.interest-recharge-input {}

.interest-recharge-input1 {
    /*     height: 40px; */
    /*     line-height: 40px; */
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.interest-recharge-input2 {
    border-top: #E4ECF3 1px solid;
}

.interest-recharge-remind {
    font-size: 14px;
    color: #B7B7B7;
    width: 50%;
    margin: 0 auto;
}

.sub-recharge {
    width: 100px;
    font-size: 20px;
    background: #0B8EFF;
    text-align: center;
    padding: 8px 15px;
    margin: 30px auto 0;
    color: #FFFFFF;
    border-radius: 30px;
    cursor: pointer;
}

.interest-recharge-toast,
.withdraw-interest-toast {
    position: absolute;
    top: 180px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    box-shadow: 0px 0px 15px -6px rgba(0, 0, 0, .5);
    border-radius: 5px;
    background: #FFFFFF;
    text-align: center;
    display: none;
}

.interest-recharge-toast-content,
.withdraw-interest-toast-content {
    padding: 15px 0;
}

.interest-recharge-toast-btn,
.withdraw-interest-toast-btn {
    border-top: #E4ECF3 1px solid;
    display: flex;
    justify-content: space-between;
}

.interest-recharge-toast-btn-cancer,
.withdraw-interest-toast-btn-cancer {
    width: 50%;
    font-size: 14px;
    padding: 5px 0;
    color: #B7B7B7;
    cursor: pointer;
}

.interest-recharge-toast-btn-confirm,
.withdraw-interest-toast-btn-confirm {
    border-left: #E4ECF3 1px solid;
    color: #0B8EFF;
}

.user-center-transferTop2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.div-part1 {
    display: flex;
    align-items: center;
}

.yeb-list-title-list:first-child,
.yeb-list-content-list:first-child {
    width: 18%;
    margin-left: 10px;
}

.yeb-list-title-list:nth-child(3).yeb-list-content-list:nth-child(3) {
    width: 10%;
}

.mask-cover {
    display: none;
    position: absolute;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.reg-content {
    width: 460px;
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -230px;
    z-index: 901;
    text-align: center;
    display: none;
}

.step-title {
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FEFEFF;
}

.step-body {
    background: #FFFFFF;
    border-radius: 5px;
    margin-top: 50px;
    padding-bottom: 50px;
}

.step-body-logo {
    width: 130px;
    margin-top: 20px;
}

.logo-fonts {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-left: 10px; */
    margin-top: 10px;
}

.gray-line {
    display: inline-block;
    height: 1px;
    width: 50px;
    background: #C7C7C7;
}

.gray-fonts {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #C7C7C7;
}

.input-area-box {
    width: 370px;
    /* height: 405px; */
    margin: 0 auto;
}

.input-area {
    text-align: left;
    color: #2D2D2D;
    font-size: 14px;
    margin-top: 35px;
}

.input-border-box {
    position: relative;
    width: 370px;
    height: 30px;
}

.input-icon {
    position: absolute;
    top: 16px;
    left: 17px;
    z-index: 2;
    height: 20px;
}

.input-icon2 {
    top: 21px;
    height: 12px;
    left: unset;
    right: 25px;
    cursor: pointer;
}

.input-border {
    position: absolute;
    border: #C9CED0 1px solid;
    border-radius: 3px;
    width: 370px;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    padding-left: 50px;
    z-index: 1;
}

.input-border:focus {
    border: #91B1FF 2px solid;
    outline: none;
}

.reg-next-btn {
    width: 370px;
    margin: 60px auto 0;
    background: linear-gradient(to right, #78BDF2, #167BFF);
    border-radius: 3px;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    display: none;
    cursor: pointer;
}

.reg-next-btn2 {
    display: block;
    background: linear-gradient(to right, #C5DDF8, #99BCFC);
}

.to-login {
    width: 368px;
    margin: 20px auto 0;
    border: #C9CED0 1px solid;
    border-radius: 3px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #7E7E7E;
}

.blue-fonts {
    color: #3B6CE9;
    font-weight: bold;
    cursor: pointer;
}

.real-name-icon {
    height: 23px;
}

.phone-icon {
    height: 23px;
}

#regStep1,
#regStep2 {
    display: none;
}

.vcode-input-left {
    width: 188px;
}

.vcode-input-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 118px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 5px;
    border: #3B6CE9 1px solid;
    color: #3B6CE9;
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
}

.vcode-input-right:hover {
    background: #3B6CE9;
    color: #FFFFFF;
    transition: all .3s;
}

.reg-next-btn3 {
    margin-top: 45px;
}

#secondsShow {
    display: none;
}

#logIn {
    display: none;
}

.about-pwd,
.input-area-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #5F5F5F;
    font-weight: bold;
    cursor: pointer;
}

.about-pwd {
    margin-top: 45px;
}

.input-area-left {
    margin-left: 10px;
}

.input-area-right {
    margin-right: 10px;
}

.input-area-left-circle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: #5F5F5F 2px solid;
}

.input-area-left-circle2 {
    border: #3B6CE9 2px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle-chosed {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #3B6CE9;
}

.input-area-left-fonts {
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
}

.input-area-right {
    color: #3B6CE9;
    cursor: pointer;
}

#keepLive {
    display: none;
}

#logIn {
    /* height: 325px; */
}

#loginSms2 {
    /* height: 260px; */
}

.login-sub-btn {
    margin-top: 30px;
}

#getPwdStep1,
#getPwdStep2 {
    /* height: 298px; */
    display: none;
}

#getPwdNext,
#getPwdNext1,
#getPwdNext2,
#newPwdSub,
#newPwdSub2 {
    margin-top: 58px;
}

#getPwdSecondsShow {
    display: none;
}

#showPwd,
#showPwd2,
#regBtn1 {
    display: none;
}

.game-list .game-list-ul .game-list-li .img-box {
    width: 216px;
    height: 216px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav .sub .banner-qp .game-hot-mark {
    position: absolute;
    top: 48px;
    left: 8px;
    width: 60px;
    margin: 0;
}

.virtual-coin-input-list-right:focus {
    outline: none;
}

.virtual-coin-input-list-right:focus-visible {
    outline: none;
}

.help-btn-box {
    position: fixed;
    right: 13px;
    bottom: 0;
    width: 210px;
    height: 56px;
    z-index: 901;
}

.new-help-icon {
    height: 38px;
}

.new-help-list-content {
    position: relative;
    bottom: 0;
    height: 56px;
}

.new-help-list2 {
    width: 210px;
    height: 56px;
    background: linear-gradient(to right, #75BBF2 0%, #177CFE 100%);
    box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.16);
    font-size: 20px;
    color: #FFFFFF;
    top: unset;
    border-radius: 10px 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: 14px;
    position: absolute;
    bottom: 0;
    z-index: 10;
}

.new-help-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #464646;
    font-weight: bold;
    font-size: 18px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    z-index: 99;
}

.new-help-list-center {
    margin-left: -17px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.new-help-list-center .footer-text {
    font-size: 11px;
    font-family: "Noto Sans SC";
    font-weight: 400;
    line-height: 10px;
    color: #C3CAD7;
    text-wrap: nowrap;
}

.new-help-list-center .hotline-number {
    color: #509CF5;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}

.new-help-list-left {
    height: 60px;
}

.new-help-bottom-img {
    height: 18px;
    margin-top: -16px;
}

.new-help-list-right {
    height: 20px;
    margin-right: 10px;
}

.help-btn-box:hover .new-help-list-box {
    top: -74px;
}

.new-help-list-box {
    position: absolute;
    left: 0;
    width: 210px;
    height: 222px;
    z-index: 9;
    top: 0;
    transition: all .3s;
}

.new-help-list:not(:last-child) {
    margin-bottom: 14px;
}

#nav .nLi .ty-columns li {
    width: 20%;
}



.overlay-content {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    /* Adjust the alpha value for transparency */
    pointer-events: none;
    /* Make sure the overlay doesn't interfere with interactions */
    z-index: 1;
    /* Place content above the overlay */
    color: #fff;
    /* Set text color to white or any contrasting color */
    width: 12.75%;
    height: 100%;
    text-align: center;
    top: 0;
    /* padding: 20px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.gameState {
    width: 55%;
    height: 20%;
    background: white;
    border: 2px solid #1D9AF9;
    opacity: 1;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.maintenanceImg {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    margin: 0 !important;
}

.underDevelopmentImg {
    width: 16px !important;
    height: 20px !important;
    display: flex !important;
    margin: 0 !important;
}

.maintenanceText {
    float: none !important;
    font-size: 20px !important;
    margin: 0 !important;
    color: #7C8591 !important;
    font-weight: bold;
}

.overlay-content-Width {
    width: 15.8% !important;
}

.overlay-content-Width2 {
    width: 9.1% !important;
}

.overlay-content-Width3 {
    width: 10.6% !important;
}

.gameState-Width2 {
    width: 70% !important;
}

.gameState-Width3 {
    width: 76% !important;
}

.gameState-WidthSlot {
    width: 80% !important;
    height: 20%;
    background: white;
    border: 2px solid #1D9AF9;
    opacity: 1;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

#nav .nLi .ty-columns a img:last-child {
    margin: -50px auto 0;
    display: block;
    height: 290px;
    width: unset;
}

.nav .zr-columns-new img:first-child {
    height: 32px;
    display: block;
    margin: 3px 0;
}

.nav .dz-columns img:first-child {
    height: 26px;
    display: block;
    margin: 10px auto 0;
}

.nav .zr-columns-new img:last-child {
    margin: -80px 0;
    display: block;
    width: 320px;
    /* margin-left: -38px; */
}

.nav .sub .banner-qp .qp-logo-kx {
    margin: -32px auto 0;
    height: 270px;
}


#nav .xiajia {
    margin: unset;
    position: absolute;
    bottom: 30px;
    width: 100px;
    height: unset;
    left: 50%;
    margin-left: -50px;
    z-index: 3;
}

/* 新增人工充值 */
#customMode .custom-title-fonts {
    margin-top: 12px;
}

#customMode .save-money-img {
    width: 46px;
    height: unset;
    margin-top: 8px;
}

.save-money-slideTxtBox .bd li .custom {
    margin-top: -30px;
}

.custom-list-box {
    width: 480px;
    height: 72px;
    margin: 10px auto 0;
    border: 1px solid #E6E8EE;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-list-left {
    margin-left: 26px;
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
}

.custom-list-left-icon {
    position: absolute;
    z-index: 2;
    height: 24px;
    bottom: -4px;
    left: 32px;
}

.custom-list-left-img {
    height: 52px;
    border-radius: 10px;
}

.custom-list-left-line {
    width: 1px;
    height: 32px;
    background: #E6E8EE;
    margin: 0 24px;
}

.custom-list-left-fonts1 {
    font-size: 18px;
    color: #464646;
    font-weight: bold;
}

.custom-list-left-fonts2 {
    /* margin-top: 4px; */
    color: #A8B3C3;
    font-size: 16px;
}

.custom-list-right {
    width: 112px;
    height: 40px;
    background: linear-gradient(90deg, #78BDF2 0%, #167BFF 100%);
    border-radius: 20px;
    line-height: 40px;
    margin-right: 26px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    transition: all .4s;
}

.custom-list-right:hover {
    transform: scale(1.1);
}

.custom-list-right a {
    color: #FFFFFF;
    text-decoration: none;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.custom-list-right a:hover {
    color: #FFFFFF;
}

.hide-server-logo {
    display: none;
}

iframe[title='Messenger button'] {
    display: none;
}

/* ag弹框新增 */
#agMenuPop {
    display: none;
}

.ag-select {
    width: 458px;
    text-align: center;
}

.select-title {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.select-title2 {
    height: 60px;
    line-height: 60px;
    background: #0099ff;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin: 0;
    font-size: 18px;
}

.ag-title-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f5f5f5;

}

.ag-title-info-list {
    width: 50%;
    height: 50px;
    line-height: 50px;
}

.select-list {
    width: 100%;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: #E0E0E0 1px solid;
}

.select-content-list {
    width: 100%;
    transition: all .3s;
    background: #FFFFFF;
}

.select-list span {
    width: 50%;
    color: #303030;
}

.select-list:hover {
    background: #28B6FF;
}

.select-list:hover span {
    color: #FFFFFF;
}

.ag-chose-pop.layui-layer {
    border-radius: 8px;
    overflow: hidden;
    min-width: unset;
}

.bindingEmail1-title2 {
    margin-top: 20px;
}

.to-back-box {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.to-back-icon {
    height: 12px;
    transform: rotate(180deg);
}

.to-back-fonts {
    font-size: 15px;
    margin-left: 6px;
    color: #666666;
}

/* new deposit */
.payColumns {
    /* cursor: pointer;
    width: 94px;
    height: 65px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    border: #e5e5e5 1px solid;
    transition: all .4s; */
}

.pay-columns-activing {
    /* border: #028afe 2px solid; */
}

.pay-columns-name {
    font-size: 14px;
    color: #7e7d7d;
    line-height: 20px;
    margin-top: 6px;
    transition: all .4s;
}

.pay-columns-activing .pay-columns-name {
    /* color: #028afe; */
}

.save-money-img {
    border-radius: 10px;
    width: 92px;
    height: 60px;
}

#customMode .save-money-img {
    width: 46px;
    height: unset;
    margin-top: 8px;
}

.deposit-switch-content-list {
    margin-top: 60px;
}

#usdtMode .usdt-channel-activing {
    background: #3699FF;
    color: #FFFFFF;
}

.usdt-mode-list.usdt-channel-activing .limit {
    color: #FFFFFF;
}

#bankOnlineChannel,
#aliWechatChannel {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.bank-online-channel-list,
.aliwechat-channel-list {
    width: 130px;
    height: 50px;
    font-size: 15px;
    line-height: 20px;
    color: #444444;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    margin-right: 10px;
    border-radius: 5px;
    background-color: #ffffff;
    padding-top: 4px;
}

.aliwechat-channel-list {
    width: 134px;
}

.bank-online-channel-list .limit,
.aliwechat-channel-list .limit {
    color: #888888;
    font-weight: normal;
    font-size: 12px;
}

.bank-online-activing,
.aliwechat-activing {
    background: #3699FF;
    color: #FFFFFF;
}

.bank-online-activing .limit,
.aliwechat-activing .limit {
    color: #FFFFFF;
}

.quick-deposit-pop {
    position: fixed;
    top: 100px;
    right: -374px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 368px;
    height: 72px;
    background: #FFFFFF;
    border-radius: 10px;
    transition: all .6s;
    z-index: 990;
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, .2);
}

.quick-deposit-pop-icon {
    width: 24px;
}

.quick-deposit-pop-fonts {
    color: #646464;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: 0 6px 0 6px;
    width: 220px;
}

.quick-deposit-pop-yellow {
    color: #FFBA00;
    font-size: 14px;
}

.quick-deposit-pop-fonts-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 32px;
    background: linear-gradient(90deg, #78BDF2 0%, #167BFF 100%);
    border-radius: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

#toWebNotice span {
    background: url(../images/user-center/notice-icon-1-1.png) no-repeat;
    background-size: 20px 18px;
}

#toWebNotice.arrowActive span {
    background: url(../images/user-center/notice-icon-1-2.png) no-repeat;
    background-size: 20px 18px;
}

#toMatchNotice span {
    background: url(../images/user-center/notice-icon-2-1.png) no-repeat;
    background-size: 20px 18px;
}

#toMatchNotice.arrowActive span {
    background: url(../images/user-center/notice-icon-2-2.png) no-repeat;
    background-size: 20px 18px;
}

.join-days {
    position: absolute;
    width: 100%;
    bottom: 60px;
    display: flex;
    justify-content: center;
}

.join-days span {
    font-size: 14px;
    color: #FFFFFF;
}

.join-days .join-days-blue {
    color: #028AFE;
    margin: 0 4px;
}

.msg-info-box {
    width: 400px;
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

.msg-info-line {
    height: 10px;
    background: #000;
    background: linear-gradient(90deg, #78BDF2 0%, #2383FC 100%);
}

.msg-info-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #303030;
    margin-top: 20px;
}

.msg-info-left {
    width: 4px;
    height: 17px;
    background: #78BDF2;
    margin-right: 6px;
}

.msg-info-content {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #717171;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 24px;
}

.msg-info-bottom {
    border-top: #E6E8EE 1px solid;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.msg-info-btn {
    width: 50%;
    text-align: center;
    padding: 12px 0;
    cursor: pointer;
    font-size: 16px;
}

.msg-info-bottom .cancel-btn {
    border-right: #E4E6ED 1px solid;
    color: #939293;
}

.msg-info-bottom .sub-btn {
    color: #303030;
}



.fz14 {
    font-size: 14px;
}

.flex-start {
    display: flex;
    align-items: center;
}

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

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.f-bold {
    font-weight: bold;
}

/*游戏入口分流弹框 */
body .game-line-bg {
    background-color: unset;
}

#gameLinePop {
    display: none;
}

.game-line-content {
    width: 378px;
    height: 288px;
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 24px;
}

.game-line-top {
    height: 10px;
    background: linear-gradient(90deg, #78BDF2 0%, #2383FC 100%);
}

.game-line-center {
    margin-top: 18px;
    padding: 0 16px;
}

.game-enter-box {
    width: calc(50% - 8px);
    padding-bottom: 18px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
}

.game-enter-name {
    width: 64px;
    margin: 16px auto 0;
    text-align: center;
    position: relative;
}

.game-enter-name-fonts {
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    color: #3C4663;
}

.game-enter-name-fonts-2 {
    color: #A8B3C3;
}

.game-name-mark {
    position: absolute;
    top: -10px;
    left: -30px;
    height: 24px;
    z-index: 2;
}

.game-enter-btn {
    border: 1px solid #78BDF2;
    width: 132px;
    height: 32px;
    color: #479BF9;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    margin: 10px auto 0;
}

.enter-name-black {
    color: #464646;
    font-size: 14px;
}

.enter-name-cash {
    font-size: 16px;
    color: #1D9DFC;
}

.game-enter-btn-2 {
    width: 132px;
    height: 32px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    margin: 10px auto 0;
    background: linear-gradient(89deg, #78BDF2 0%, #479CF9 50%, #167BFF 100%);
}

.game-line-bottom {
    padding: 0 16px;
    color: #3C4663;
    font-size: 14px;
    margin-top: 16px;
}

.close-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    margin: 14px auto 0;
    background: rgba(0, 0, 0, .9);
    cursor: pointer;
}

.close-icon-box .el-icon-close {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 2px;
}

.flex-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-b {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.girona {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
}