body {
    background: url(../images/banner.png) no-repeat top center #111111;
}

/* 隐藏底部copyright */
footer {
    display: none;
}

.pageWeb {
    width: 100%;
}

.introductionAndLogin {
    /* height: 283px; */
    background: url(../images/hzBanner.png) no-repeat top center;
    border-radius: 10px;
    margin-top: 20px;
}

.introductionAndLogin .introduction {
    display: flex;
}

.introductionAndLogin .introduction .displayImg {
    margin-left: 133px;
    margin-top: 28px;
}

.introductionAndLogin .introduction .introductionTitle {
    margin-left: 115px;
}

.introductionAndLogin .introduction .introductionTitle .introductionTitle_title {
    margin-top: 32px;
    margin-left: 20px;
}

.introductionAndLogin .introduction .introductionTitle .introductionTitle_btn {
    margin-top: 15px;
    margin-left: 55px;
    cursor: pointer;
}

.introductionAndLogin .introduction .introductionTitle .introductionTitle_text {
    margin-top: 10px;
    font-size: 30px;
    font-family: "SourceHanSansCN";
    color: rgb(230, 174, 109);
}


.introductionAndLogin .loginBox {
    display: flex;
    margin-top: 30px;
}

.introductionAndLogin .loginBox .loginBox_cover {
    margin-right: 20px;
}

.introductionAndLogin .loginBox .loginBox_explain {
    width: 579px;
    height: 265px;
    border-radius: 5px;
    background-color: rgb(147, 41, 5);
}

.introductionAndLogin .loginBox .loginBox_explain .explain_box {
    padding: 19px 24px;
}

.introductionAndLogin .loginBox .loginBox_explain .explain_box h3 {
    font-size: 16px;
    font-family: "SourceHanSansCN";
    color: rgb(229, 177, 110);
    font-weight: bold;
    margin-left: 12px;
}

.introductionAndLogin .loginBox .loginBox_explain .explain_box ul li {
    position: relative;
    padding-left: 12px;
    font-size: 12px;
    font-family: "SourceHanSansCN";
    color: rgb(229, 177, 110);
    line-height: 1.357;
    text-align: justifyLeft;
    line-height: 20px;
    margin-top: 5px;
}


.introductionAndLogin .loginBox .loginBox_explain .explain_box ul li::before {
    content: "•"; /* 使用Unicode字符作为标记 */
    position: absolute;
    left: -4px;
    color: rgb(255, 132, 0); /* 自定义标记颜色 */
    font-size: 18px; /* 调整标记大小 */
}

.introductionAndLogin .loginBox .loginBox_login {
    margin-left: 20px;
}
  
.introductionAndLogin .loginBox .loginBox_login .loginBox_loginNotlogin {
    position: relative;
    width: 289px;
    height: 265px;
    border-radius: 5px;
    background: linear-gradient(180deg, rgb(120, 30, 10) 0%, rgb(80, 20, 5) 100%);
    border: 2px solid rgb(185, 136, 78);
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4), 0 4px 15px rgba(0, 0, 0, 0.3);
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginNotlogin .loginBox_loginNotlogin_text {
    padding-top: 50px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
    line-height: 1.4;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginNotlogin .loginBox_loginNotlogin_text .text-red {
    color: rgb(255, 220, 100);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6), 0 0 10px rgba(255, 150, 0, 0.3);
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginNotlogin .loginBox_loginNotlogin_text .text-cyan {
    margin:0 10px;
    color: rgb(0, 230, 230);
    font-size: 42px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 255, 255, 0.4);
}

.loginBox_loginNotlogin_btn {
    width: 203px;
    height: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 148px;
    cursor: pointer;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn {
    position: relative;
    width: 289px;
    height: 265px;
    background: url(../images/alreadyLoggedInBanner.png) top center no-repeat;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box {
    padding: 30px 20px;
    font-size: 16px;
    font-family: "SourceHanSansCN";
    color: rgb(229, 177, 110);
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_lmonthlyCardMember .loginBox_lmonthlyCardMember_conter .hudengji {
    position: relative;
    display: inline-block;
    /* background: url(../images/viphjbanner.png) top center no-repeat; */
    width: 95px;
    height: 25px;
    /* border-radius: 4px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 25px;
    font-size: 11px; */
    top: -2px;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_storedValueBalance,
.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_balanceOfWhoring {
    margin-top: 8px;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_lmonthlyCardMember .loginBox_lmonthlyCardMember_conter .ktbtn,
.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_storedValueBalance .loginBox_storedValueBalance_conter .ktbtn,
.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_balanceOfWhoring .loginBox_balanceOfWhoring_conter .ktbtn {
    position: relative;
    display: inline-block;
    background: url(../images/ktBtnBanner.png) top center no-repeat;
    width: 55px;
    height: 25px;
    border-radius: 4px;
    font-size: 11px;
    font-family: "Microsoft YaHei";
    color: rgb(243, 159, 77);
    text-align: center;
    line-height: 25px;
    top: -2px;
    margin-left: 12px;
    cursor: pointer;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_storedValueBalance .loginBox_storedValueBalance_conter .storedValueBalance_text,
.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_balanceOfWhoring .loginBox_balanceOfWhoring_conter .balanceOfWhoring_text {
    display: inline-block;
    width: 95px;
    height: 25px;
    border-radius: 4px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    line-height: 25px;
    font-size: 16px;
} 

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_rewardsMall {
    display: flex;
    margin-top: 16px;
    padding: 0 10px;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_rewardsMall .integralStoreBtn {
    width: 106px;
    height: 37px;
    background: url(../images/jfsc01.png) top center no-repeat;
    border-radius: 4px;
    text-align: center;
    line-height: 37px;
    font-size: 13px;
    font-family: "Microsoft YaHei";
    color: rgb(243, 159, 77);
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_rewardsMall .integralStoreBtn.checked {
    cursor: pointer;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_rewardsMall .integralStoreBtn.checkedIn {
    cursor: not-allowed;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_rewardsMall .integralStoreBtn a {
    display: block;
    color: rgb(243, 159, 77);
    width: 100%;
    height: 100%;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_rewardsMall .integralStoreBtn.integralStoreTwo {
    background-image: url(../images/jfsc02.png);
    margin-left: 10px;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_logOut {
    margin-top: 10px;
    padding: 0 10px;
}

.introductionAndLogin .loginBox .loginBox_login .loginBox_loginAlreadyLoggedIn .loginBox_loginAlreadyLoggedIn_box .loginBox_logOut .loginBox_logOutBtn {
    width: 224px;
    height: 37px;
    background: url(../images/tcdl.png) top center no-repeat;
    border-radius: 4px;
    box-shadow: 0.766px 0.643px 1px 0px rgba(0, 0, 0, 0.27);
    text-align: center;
    line-height: 37px;
    font-size: 13px;
    font-family: "Microsoft YaHei";
    color: rgb(243, 159, 77);
    cursor: pointer;
}

.introductionAndLogin .realNameAuthentication {
    margin-top: 15px;
}

/* 游戏板块 */
.gameBoard {
    margin-top: 22px;
}

.gameBoard .gameBoardSearch {
    display: flex;
    justify-content: space-between;
}

.gameBoard .gameBoardSearch .gameBoardSearchLeft {
    display: flex;
}

.gameBoard .gameBoardSearch .gameBoardSearchLeft .gameBoardSearchLeft_title {
    font-size: 19px;
    font-family: "SourceHanSansCN";
    color: rgb(255, 197, 123);
    font-weight: bold;
}

.gameBoard .gameBoardSearch .gameBoardSearchLeft .gameBoardSearchLeft_input {
    width: 292px;
    height: 35px;
}

.gameBoard .gameBoardSearch .gameBoardSearchLeft .gameBoardSearchLeft_input input {
    width: 292px;
    height: 35px;
    border-width: 1px;
    border-color: rgb(185, 136, 78);
    border-style: solid;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.459);
    margin-left: 46px;
    line-height: 35px;
    padding-left: 12px;
    font-size: 13px;
    font-family: "SourceHanSansCN";
    color: rgb(255, 132, 0);
}

/* 针对大多数现代浏览器 */
.gameBoard .gameBoardSearch .gameBoardSearchLeft .gameBoardSearchLeft_input input::placeholder { /* Firefox 52+, Chrome 51+, Opera 39+, Safari 10.1+ */
    color: rgb(255, 197, 123); /* 设置占位符文本颜色 */
    opacity: 1; /* 解决Firefox默认的透明度问题 */
}

/* 对于旧版WebKit浏览器，如旧版Safari和Chrome */
.gameBoard .gameBoardSearch .gameBoardSearchLeft .gameBoardSearchLeft_input input::-webkit-input-placeholder {
    color: rgb(255, 197, 123);
}

/* 对于Firefox 19-51版本 */
.gameBoard .gameBoardSearch .gameBoardSearchLeft .gameBoardSearchLeft_input input:-moz-placeholder {  
    color: rgb(255, 197, 123);
    opacity: 1;
}

/* 对于Firefox 4-18版本 */
.gameBoard .gameBoardSearch .gameBoardSearchLeft .gameBoardSearchLeft_input input::-moz-placeholder {
    color: rgb(255, 197, 123);
    opacity: 1;
}

/* 对于IE 10+ */
.gameBoard .gameBoardSearch .gameBoardSearchLeft .gameBoardSearchLeft_input input:-ms-input-placeholder {  
    color: rgb(255, 197, 123);
}

.gameBoard .gameBoardSearch .gameBoardSearchRight {
    display: flex;
}

.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_popUpOrNoLonger {
    display: flex;
    margin-right: 40px;
}

.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_popUpOrNoLonger .gameBoardSearchRight_popUp,
.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_popUpOrNoLonger .gameBoardSearchRight_noLonger,
.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend .gameBoardSearchRight_recommendAll,
.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend .gameBoardSearchRight_recommendHot,
.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend .gameBoardSearchRight_recommendRaw {
    border-width: 1px;
    border-color: rgb(185, 136, 78);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0.459);
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(185, 136, 78);
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}

.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_popUpOrNoLonger .gameBoardSearchRight_popUp.active,
.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_popUpOrNoLonger .gameBoardSearchRight_noLonger.active,
.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend .gameBoardSearchRight_recommendAll.active,
.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend .gameBoardSearchRight_recommendHot.active,
.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend .gameBoardSearchRight_recommendRaw.active {
    background-color: rgb(230, 174, 109);
    color: rgb(51, 51, 51);
    border-width: 1px;
    border-color: rgb(185, 136, 78);
    border-style: solid;
}

.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_popUpOrNoLonger .gameBoardSearchRight_popUp {
    width: 92px;
    height: 35px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: none;
}
  
.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_popUpOrNoLonger .gameBoardSearchRight_noLonger {
    width: 92px;
    height: 35px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: none;
}

.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend {
    display: flex;
}

.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend .gameBoardSearchRight_recommendAll {
    width: 65px;
    height: 35px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: none;
}

.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend .gameBoardSearchRight_recommendHot {
    width: 65px;
    height: 35px;
    border-right: none;
    border-left: none;
}

.gameBoard .gameBoardSearch .gameBoardSearchRight .gameBoardSearchRight_recommend .gameBoardSearchRight_recommendRaw {
    width: 65px;
    height: 35px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: none;
}

.gameBoard .gamesBox {
    /* display: flex; */
    margin-top: 12px;
    margin-bottom: 80px;
}

.gameBoard .gamesBox .games {
    overflow: hidden;
    padding-bottom: 15px;
    transition: all 0.3s;
}

.gameBoard .gamesBox .games:hover {
    box-shadow: 0 40px 50px -60px #000000;
    transform: translateY(-10px);
}

.gameBoard .gamesBox .games .gamesArea {
    position: relative;
    border-radius: 5px;
    background-color: rgb(0, 0, 0);
    overflow: hidden;
}

.gameBoard .gamesBox .games .gamesArea .games_rmtj {
    position: absolute;
    width: 83px;
    height: 33px;
    background: url(../images/rmtj.png) top left no-repeat;
    left: 0;
    top: -1px;
    text-align: center;
    line-height: 33px;
    color: #fff;
    display: none;
}

.gameBoard .gamesBox .games .gamesArea .games_rmtj.active {
    display: block;
}

.gameBoard .gamesBox .games .games_img {
    width: 100%;
    height: 162px;
}

.gameBoard .gamesBox .games .games_img img {
    width: 100%;
    height: 100%;
}

.gameBoard .gamesBox .games .games_text {
    width: 100%;
    background-color: rgb(247, 235, 219);
    opacity: 0.788;
    padding: 13px 10px;
}

.gameBoard .gamesBox .games .games_text .games_nameBox {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.gameBoard .gamesBox .games .games_text .games_nameBox .games_name,
.gameBoard .gamesBox .games .games_text .games_nameBox .games_type {
    font-size: 13px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
}

.gameBoard .gamesBox .games .games_text .games_openInterval {
    font-size: 13px;
    font-family: "Microsoft YaHei";
    color: rgb(229, 0, 0);
    margin-top: 5px;
}

.gameBoard .gamesBox .games .games_text .games_btn {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.gameBoard .gamesBox .games .games_text .games_btn .games_btn_collect,
.gameBoard .gamesBox .games .games_text .games_btn .games_btn_particulars,
.gameBoard .gamesBox .games .games_text .games_btn .games_btn_recharge {
    width: 78px;
    height: 28px;
    border-width: 1px;
    border-color: rgb(172, 106, 0);
    border-style: solid;
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    font-family: "Microsoft YaHei";
    color: rgb(172, 106, 0);
    cursor: pointer;
}

.gameBoard .gamesBox .games .games_text .games_btn .games_btn_collect.collected {
    background-color: rgb(230, 174, 109);
    border-color: rgb(230, 174, 109);
    color: rgb(51, 51, 51);
}

.gameBoard .gamesBox .games .games_text .games_btn .games_btn_recharge {
    background: url(../images/rechargeBanner.png) top center no-repeat;
    color: rgb(243, 159, 77);
}
  
.gameBoard .gamesBox .games .games_text .games_btn .games_btn_collect:hover,
.gameBoard .gamesBox .games .games_text .games_btn .games_btn_particulars:hover,
.gameBoard .gamesBox .games .games_text .games_btn .games_btn_recharge:hover {
    border-color: rgb(172, 106, 0);
    color: #000;
    background-color: rgb(255, 0, 0);
}

.gameBoard .gamesBox .games .games_text .games_btn .games_btn_collect.collected:hover {
    background-color: rgb(200, 150, 90);
}

.gameBoard .gamesBox .games .games_text .games_btn .games_btn_recharge:hover {
    opacity: 0.8;
}

/* 隐藏查看详情按钮 */
.gameBoard .gamesBox .games .games_text .games_btn .games_btn_particulars {
    display: none;
}

/* 账目记录弹窗样式 */
.money-log-layer {
    background-color: rgb(51, 51, 51) !important;
    border: 1px solid rgb(85, 85, 85);
}
.money-log-layer .layui-layer-title {
    background-color: rgb(51, 51, 51) !important;
    color: rgb(229, 177, 110) !important;
    border-bottom: 1px solid rgb(85, 85, 85);
}
.money-log-layer .layui-layer-setwin .layui-layer-close1 {
    font-size: 20px;
    color: rgb(200, 200, 200);
}
.money-log-layer .layui-layer-setwin .layui-layer-close1:hover {
    color: rgb(255, 255, 255);
}
.money-log-layer .layui-layer-setwin .layui-layer-close1::before {
    content: "×";
}
.money-log-layer .layui-layer-content {
    background-color: rgb(51, 51, 51) !important;
}
.money-log-box {
    padding: 15px;
}
.money-log-box .loading {
    text-align: center;
    padding: 50px;
    color: rgb(229, 177, 110);
}
.money-log-box table {
    width: 100%;
    border-collapse: collapse;
}
.money-log-box table th,
.money-log-box table td {
    padding: 12px 10px;
    text-align: left;
    border-bottom: 1px solid rgb(85, 85, 85);
    color: rgb(200, 200, 200);
    font-size: 14px;
}
.money-log-box table th {
    color: rgb(229, 177, 110);
    font-weight: normal;
}
.money-log-box table td.add {
    color: rgb(0, 200, 100);
}
.money-log-box table td.del {
    color: rgb(255, 100, 100);
}
.money-log-box .page-box {
    text-align: center;
    padding: 15px 0 5px;
}
.money-log-box .page-box a {
    display: inline-block;
    padding: 6px 15px;
    margin: 0 5px;
    background-color: rgb(85, 85, 85);
    color: rgb(229, 177, 110);
    border-radius: 3px;
    font-size: 13px;
}
.money-log-box .page-box a:hover {
    background-color: rgb(100, 100, 100);
}