.wrap {
    width: 100%;
    min-height: 1195px;
    background: url(../imgs/cjsh2507kf_bg.jpg) no-repeat #2d1f16 top center;
    overflow: hidden;
}

.wrap .wrap_con {
    width: 1316px;
    height: auto;
    min-height: 1006px;
    margin: 0 auto;
    margin-top: 166px;
    margin-bottom: 23px;
}


/* 左边导航 */
.box_left {
    width: 302px;
    height: 901px;
    background: url(../imgs/cjsh2507kf_leftbg.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    text-align: center;
    padding: 22px 0px;
}

.box_diva {
    width: 302px;
    height: 871px;
}

.box_tit {
    margin: 0 auto;
    display: block;
}

.ula {
    width: 285px;
    min-height: 98px;
    margin-top: 13px;
    margin-left: 9px;
    overflow: hidden;
}

.ula li {
    width: 100%;
    height: 54px;
    line-height: 52px;
    text-align: center;
    /* font-size: 18px;
    color: #ffffff; */
    /* text-align: left; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin-left: 39px;
    /* letter-spacing: 1px; */
}

.ula li a {
    color: #ffffff;
}

.ula li a:hover {
    color: #fedb90;
}

.box_tits {
    margin: 0 auto;
    display: block;
    margin-top: 12px;
    margin-left: 9px;
}

.box_code {
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}

.ula li img {
    margin-left: 17px;
    margin-right: 5px;
}



/* 右边内容 */
/* #fra_right {
    z-index: 99999;
    background: url(../imgs/mfjy2505kf_rightbg.png) no-repeat;
} */


#fra_right {
    width: 991px;
    height: auto;
    margin-left: 20px;
    min-height: 902px;
    background: url(../imgs/cjsh2507kf_rightbg.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    text-align: center;
    padding: 22px 0px;
    margin-bottom: 60px;
}

.box_right {
    width: 991px;
    text-align: center;
    padding-top: 1px;
}

.right_titles {
    font-size: 16px;
    text-align: left;
    color: #373030;
    padding-left: 36px;
    margin-top: 10px;
}

.hope {
    margin-top: 50px;
}

.hope img {
    margin: 0 auto;
    display: block;
}

.boxr_diva {
    width: 670px;
    height: 450px;
    margin: 0 auto;
    margin-top: 45px;
}

.boxr_diva .boxr_headbox {
    width: 243px;
    height: 242px;
    background: url(../imgs/cjsh2507kfr_hyzlheadbg.png) no-repeat;
    position: relative;
    float: left;
    margin-top: 27px;
}

.boxr_headbox img {
    width: 173px;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.boxr_loginbox {
    width: 366px;
    height: 150px;
    float: right;
    margin-left: 59px;
    margin-top: 0;
    text-align: center;
}

.boxr_loginbox .boxr_mespa {
    font-size: 16px;
    color: #70513a;
    margin-top: 10px;
    text-align: left;
}

.boxr_loginbox .boxr_mespa1 {
    font-weight: 550;
}

.boxr_loginbox .boxr_mespa2 {
    color: #373030;
}

.boxr_mesbox {
    width: 366px;
    height: 150px;
    float: right;
    margin-left: 59px;
    margin-top: 0;
    text-align: left;
}

.boxr_mesbox p {
    font-size: 16px;
    color: #373030;
    line-height: 24px;
}

.button_wrapper {
    display: flex;
    justify-content: center;
    /* 水平居中 */
    margin-top: 107px;
    /* 将上边距移到父容器 */
}

.chufa_btn {
    /* width: 243px;
    height: 68px;
    background: url(../imgs/mfjy2505kf_rbtnbg.png) no-repeat;
    border: none;
    text-align: center;
    line-height: 68px;
    font-size: 28px;
    color: #fcf8d6;
    font-family: 思源宋体;
    letter-spacing: 4px;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 20px;
    font-weight: bolder;
    margin-top: 20px;
    background-size: 100%;
    padding: 0 5px 0 14px; */
    display: block;
    margin: 0 auto;
}

.res_btn,
.hwres_btn,
.yyzh_btn {
    margin: 12px auto;
}

.hyzl_djrz {
    margin-top: 107px;
}

.login_wjmm {
    float: right;
    margin-top: -50px;
    margin-right: 362px;
    font-size: 14px;
    color: #442f27;
}

.login_wjmm a {
    color: #442f27;
}

/* 修改会员密码 */
.mloke {
    margin: 50px auto;
    float: left;
    /* margin-left: 40px; */
}

.mloke .mloke_pa {
    width: 631px;
    min-height: 34px;
    text-align: right;
    line-height: 34px;
    font-size: 18px;
    color: #442f27;
    margin-bottom: 14px;
    margin-right: 100px;
    position: relative;
    float: left;
}

.mloke .mloke_sfztip {
    color: red;
    font-size: 15px;
    float: left;
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.sp_a {
    width: 200px;
    line-height: 30px;
    color: #987757;
    font-size: 14px;
    position: absolute;
    text-align: left;
    left: 102%;
    top: 0;
    font-size: 16px;
}

.input {
    width: 241px;
    height: 35px;
    text-indent: 10px;
    background: #987757;
    border: 1px solid #442f27;
    color: #fff;
    border-radius: 8px;
}

.input::placeholder {
    color: #fff;
}

.mloke_way {
    width: 248px;
    /* margin-left: 298px; */
    float: right;
}

.span_sno {
    width: 88px;
    display: inline-block;
    float: left;
    margin-right: 16px;
}

.span_snosj {
    margin-right: 27px;
}

.span_sno i {
    width: 24px;
    height: 24px;
    background: #70513a;
    text-align: center;
    line-height: 26px;
    display: inline-block;
    margin-right: 3px;
    float: left;
    margin-top: 3px;
    cursor: pointer;
}

.span_sno i img {
    display: none;
}

.img_as {
    display: block !important;
}

.picta,
.pictb,
.pictc {
    margin-left: 300px;
    float: left;
    max-width: 150px;
    display: none;
    margin-bottom: 15px;
    float: left;
}

.tips {
    color: red;
    line-height: 30px;
}

/* 账号被盗 */
.mop {
    width: 730px;
    text-align: left;
    margin: 10px auto;
    background: url("../imgs/mfjy2505kf_rightmesbg.png") no-repeat;
    background-size: 100% 100%;
    padding-top: 5px;
    padding-bottom: 10px;
}

.mop p {
    line-height: 25px;
    width: 690px;
    margin: 0 auto;
    font-size: 14px;
    color: #000;
}

.mop span {
    text-align: center;
    display: block;
    color: red;
}

.div_bsa {
    width: 545px;
    position: relative;
    text-align: right;
    line-height: 30px;
    margin: 10px 0;
    margin-left: 68px;
    min-height: 34px;
    float: left;
}

/* .div_bsa span {
    position: absolute;
    right: 460px;
    width: 80px;
    font-size: 16px;
    color: #555;
} */
.ul_a {
    width: 313px;
    float: right;
}

.ul_a li {
    width: 128px;
    height: 35px;
    background: #70513a;
    text-align: center;
    line-height: 35px;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #fff;
}

.clokp_a {
    background: url("../imgs/mfjy2505kf_zhyes.png")no-repeat !important;
    color: #fff;
}

.clear {
    clear: both;
}

.mloke_long {
    margin: 50px auto;
}

.mloke_long .span_sno {
    margin-right: 27px;
}


.div_bsb {
    width: 460px;
    position: relative;
    text-align: left;
    line-height: 30px;
    margin: 10px 0;
    margin-left: 255px;
}

/* .div_bsa span {
    position: absolute;
    right: 460px;
    width: 80px;
    font-size: 16px;
    color: #000;
}

.div_bsb span {
    position: absolute;
    right: 460px;
    width: 80px;
    font-size: 16px;
    color: #000;
} */

.ul_b li {
    width: 128px;
    height: 35px;
    background: #c1c1e6;
    text-align: center;
    line-height: 35px;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    font-size: 16px;
}

.clokp_b {
    background: url("../img/59.png")no-repeat !important;
    color: #fff;
}

.clearb {
    clear: both;
}

.div_plo {
    width: 545px;
    position: relative;
    text-align: right;
    line-height: 30px;
    margin-bottom: 14px;
    margin-left: 43px;
    height: 34px;
    float: left;
}

.div_plo pre {
    /* display: inline-block; */
    margin-left: 160px;
    font-size: 16px;
    float: left;
    height: 34px;
}

.mloke_long p {
    width: 500px;
    height: 30px;
    text-align: right;
    line-height: 30px;
    font-size: 15px;
    color: #000;
    margin-bottom: 15px;
    margin-right: 100px;
    position: relative;
}

.mloke_long div.mloke_pa {
    width: 500px;
    height: 68px;
    text-align: right;
    line-height: 30px;
    font-size: 15px;
    color: #000;
    margin-bottom: 15px;
    margin-right: 100px;
    position: relative;
}

.ploa input {
    margin-left: 18px;
}

.plob {
    width: 545px;
    height: 34px;
    text-align: right;
    line-height: 34px;
    font-size: 16px;
    color: #000;
    margin-bottom: 14px;
    margin-right: 100px;
    position: relative;
    float: left;
    /* position: relative;
    float: left; */
}

.plobinput {
    width: 246px;
    height: 32px;
    border: 1px solid #70513a;
    background: #70513a;
    color: #fff;
    float: right;
}

.plobbutton {
    position: absolute;
    width: 89px;
    height: 34px;
    border: 1px solid #70513a;
    color: #fff;
    background: #70513a;
    left: 102%;
    top: 0;
}


.hope {
    line-height: 50px;
    text-align: center;
}

.hope span {
    font-size: 24px;
    color: #70513a;
    font-weight: 510;
    letter-spacing: 4px;
    margin: 0 10px;
}

.colk_acb {
    width: 450px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
}

.colk_acb p {
    width: 122px;
    height: auto;
    float: left;
    margin: 0;
    margin-left: 10px;
    text-align: center;
    line-height: 20px;
}

.login_btn {
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
}

/* 註冊 */
.mlokeres {
    margin: 10px auto;
    float: left;
    margin-top: 30px;
}

.mlokeres .mloke_pares {
    width: 677px;
    min-height: 34px;
    text-align: right;
    line-height: 34px;
    font-size: 18px;
    color: #442f27;
    margin-bottom: 23px;
    margin-right: 100px;
    position: relative;
    float: left;
}

.resinput {
    width: 339px;
    height: 36px;
    text-indent: 10px;
    background: #987757;
    border: 1px solid #442f27;
    color: #fff;
    border-radius: 8px;
}

.hqcode_btn {
    cursor: pointer;
    float: right;
    margin-left: 20px;
}

.mlokeres .res_tip {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: -5px;
    display: block;
    float: left;
    margin-left: 237px;
}

.res_tip .spans {
    width: 13px;
    height: 13px;
    display: inline-block;
    background: #987757;
    margin-right: 7px;
    border: 1px solid #ffcd7a;
}

.res_tip .spans img {
    width: 11px;
    display: none;
}

/* 海外注册 */
.resinput::placeholder {
    color: #fff;
}

.mloke_sex .span_sno {
    text-align: left;
}

.mloke_pa .content {
    width: 242px;
    height: 65px;
    text-indent: 10px;
    background: #70513a;
    border: 1px solid #70513a;
    color: #fff;
    float: right;
}

.input_timesma {
    width: 115px;
}

.chongzcx_con .recharge_box {
    width: 800px;
    overflow: auto;
    margin: 0 auto;
    margin-top: 12px;
}

.recharge_box .recharge_table {
    background-color: #fff;
    margin: 20px auto;
    border-top: 1px solid #7c5c43;
    border-left: 1px solid #7c5c43;
}

.recharge_table td {
    padding: 2px;
    border: solid 1px #7c5c43;
    color: #000;
    line-height: 30px;
    font-size: 15px;
    border-bottom: 1px solid #7c5c43;
    border-right: 1px solid #7c5c43;
    text-align: center;
    font-weight: normal;
}

.recharge_table th {
    padding: 4px 2px;
    color: rgb(255, 255, 255);
    background: #7c5c43;
    font-weight: normal;
    font-size: 15px;
    line-height: 30px;
    border-bottom: 1px solid #7c5c43;
    border-right: 1px solid #7c5c43;
    border-left: solid 1px #7c5c43;
    text-align: center;
}

.recharge_table .alt {
    background: #fcfcfc url(grd_alt.png) repeat-x top;
}

.recharge_table .pgr {
    background: #e9e7ea;
}

.recharge_table .pgr table {
    margin: 5px 0;
    background: #e3d8e9;
    line-height: 12px;
}

.recharge_table .pgr td {
    border-width: 0;
    padding: 0 10px 10px 0px;
    border-bottom: 1px solid #80aeca;
    border-right: 1px solid #80aeca;
    border-left: solid 1px #80aeca;
    font-weight: bold;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    color: #717171;
    background: #e3d8e9;

}

.recharge_table .pgr a {
    color: #666;
    text-decoration: none;
}

.recharge_table .pgr a:hover {
    color: #000;
    text-decoration: none;
}

/* 储值异常 */
.input_time {
    width: 245px;
}

/* 即刻充值 */
.wo_pdinput {
    width: 248px;
    height: 30px;
    text-indent: 10px;
    background: #70513a;
    border: 1px solid #70513a;
    color: #fff;
}


textarea {
    resize: none;
}

/* 修改密碼 */
.mlokechangepwd {
    display: none;
}

.changepwd_ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    margin-top: 30px;
}

.changepwd_ul li {
    line-height: 34px;
    font-size: 16px;
    color: #442f27;
    margin-right: 40px;
    background: #987757;
    border-radius: 10px;
    color: #ffebc2;
    padding: 5px;
    cursor: pointer;
}

.changepwd_ul li.on {
    background: #6d3f08;
}

.changepwd_ul li:last-child {
    margin-right: 0;
}

/* 用戶協議 */
.yhxy {
    line-height: 32px;
    width: 100%;
    padding: 20px;
}
.yhxy h2{
    font-size: 20px;
    font-weight: 550;
}