new_sdk_wu/www/new_sdk/public/static/css/kfzx.css

.warp_public_nav{display: none;}
.footer ul{
     color: #fff !important;
     background: #494949 !important;
    }
    .footer ul a{
        color: #fff;
    }
    a:hover {
        color: currentColor;
    }
    .tab_title {
        overflow: auto;
        margin-top: 16px;
        margin-bottom: 20px;
    }
    .tab_title a:hover{
        background:#F6F6F6 ;
    }
    .tab_title a {
        font-size: 21px;
        font-weight: bold;
        display: block;
        width: 300px;
        height: 100px;
        float: left;
        text-align: center;
        display: flex;
        line-height: 100px;
        vertical-align: middle;
        justify-content: center;
        align-items: center;
    }
    .tab_title a img {
        position: relative;
    }
    .tab_title>a:first-child> img{
        margin-right: 16px;
    }
    .tab_title .active{
        background:#F6F6F6 ;
    }
    .warp_content {
        width: 100%;
        height: 438px;
        border: 1px solid #eee;
        margin-bottom: 20px;
    }


      /* 账号申诉 */
      form.zhss_form {
        width: 358px;
        margin: auto;
        font-size: 12px;
        color: #494949;
        margin-top: 55px;
        line-height: 32px;
    }
    .zhss_form span {
        display: block;
        float: left;
        width: 84px;
        text-align: right;
        line-height: 32px;
    }
    .zhss_form input[type="text"] {
        width: 254px;
        height: 28px;
        line-height: 31px;
        padding-left: 10px;
        border: 1px solid #EEEEEE;
    }
    select{
        width: 266px;
        height: 32px;
        line-height: 31px;
        padding-left: 10px;
        border: 1px solid #EEEEEE;
    }
    .zhss_form p {
        color: #FC5E5B;
        font-size: 12px;
        line-height: 28px;
        padding-left: 84px;
        display: none;
    }
    .remember p{
        padding-left: 0px;
        line-height: 20px;
    }
    .sszh,.phonenum,.reasons,.remember,.mailnum{
        height: 60.5px;
    }
    .mailnum{display: none;}
    .appeal{
        height:50px;
    }
    label{
        line-height: 20px;
        display: inline-block;
        margin-left: 5px;
        margin-right:15px;
        color: #777;
     }
     .radio_type{
        width: 20px;
        height:20px;
        appearance: none;
        -webkit-appearance: none;
        position: relative;
        top: -2px;
     }
     .radio_type:before{
        content: '';
        width: 13px;
        height: 13px;
        border: 1px solid #D2D2D2;
        display: inline-block;
        border-radius: 50%;
        vertical-align: middle;
     }
     .radio_type:after{
        content: '';
        width: 7px;
        height: 7px;
        text-align: center;
        background:#D2D2D2;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 13px;
        left: 4px;
     }
    
     .radio_type:checked:before{
        content: '';
        width: 13px;
        height: 13px;
        border: 1px solid #51a7ff;
        display: inline-block;
        border-radius: 50%;
        vertical-align: middle;
     }
     .radio_type:checked:after{
        content: '';
        width: 7px;
        height:7px;
        text-align: center;
        background:#51a7ff;
        border-radius: 50%;
        display: block;
        position: absolute;
        top: 13px;
        left: 4px;
     }
     .radio_type:checked+label{
        color: #51a7ff;
     }
     .zhss_form  .next {
        font-size: 16px;
        width: 265px;
        height: 44px;
        color: #fff;
        background: #51a7ff;
        border: none;
        border-radius: 2px;
        margin-left: 84px;
        cursor: pointer;
    }
    .remember input {
        display: none;
    }
    .remember label {
        display: inline-block;
        width: 14px;
        height: 14px;
        background: url(../images/icon/hook-01.png) no-repeat;
        background-size: 14px 14px;
    }
    .remember {
        padding-left: 84px;
        height: 50px;
    }
    .remember label {
        margin: 0;
        position: relative;
        margin-right: 6px;
        top: 3px;
    }
    .remember a:hover{
        color: #51a7ff;
    }
    .zhss_form b {
        color: #FC5351;
        position: relative;
        top: -2px;
    }

    /* 申诉验证 */

    .check {
        width: 375px;
        margin: auto;
        margin-top: 100px;
    }
    .check p{
        font-size: 14px;
        line-height: 30px;
        color: #494949;
    }
    .check span{
        color: #EE656C;
    }
    .getcode {
        margin-top: 25px;
        height: 62px;
    }
    .getcode_img {
        position: absolute;
        width: 30px;
        height: 31px;
        background: #d2d2d2;
    }
    .getcode_img img {
        width: 17px;
        margin: 7px;
    }
    #getcode {
        width: 139px;
        height: 28px;
        border: 1px solid #eee;
        padding-left: 39px;
    }
    button.sendcode {
        width: 84px;
        height: 31px;
        font-size: 12px;
        color: #fff;
        background: #51a7ff;
        border: none;
        border-radius: 2px;
        cursor: pointer;
    }
    .code_erro {
        font-size: 12px !important;
        color: #EE656C !important;
        display: none;
    }
    .check a {
        font-size: 12px;
        color: #B2B2B2;
    }
    .check a:hover{
        color: #51a7ff;
    }
    input.determine {
        width: 265px;
        height: 44px;
        font-size: 16px;
        color: #fff;
        background: #51a7ff;
        border: none;
        border-radius: 2px;
        display: block;
        margin-top: 10px;
        cursor: pointer;
    }
/* 账号信息 */
.warp_content_1{
    border: 1px solid #eee;
    width: 100%;
    height: 815px ;
    margin-bottom: 20px;
}
    ul.text-center {
        width: 662px;
        margin: auto;
        overflow: auto;
        margin-top: 20px;
    }
    .box-num,.step1, .step2, .step3{
        text-align: center;
    }
    .warp_zhxx {
        width: 710px;
        margin: auto;
        font-size: 14px;
        color: #B2B2B2;
        line-height: 41px;
    }
    .warp_zhxx div span:first-child {
        width: 128px;
        display: block;
        color: #494949;
        float: left;
        text-align: right;
        margin-right: 12px;
        line-height: 41px;
    }
    .warp_zhxx div span b{
        color:#EE656C ;
    }

    .warp_zhxx input {
        width: 272px;
        height: 39px;
        padding-left: 10px;
        border: 1px solid #eeee;
    }
    .address select {
        width: 134px;
        height: 41px;
        display: block;
        float: left;
    }
    .address{
        width: 436px;
    }
    .warp_seclect,.warp_recharge_game,.warp_source_game,.layui-form-select,.layui-select-title{
        height: auto !important;
    }
    .address .layui-unselect {
        display: none;
    }
    select#input_province {
        margin-right: 17px;
    }
    #source_game, #recharge_game {
        width: 284px;
        height: 41px;
    }
    .tip{
        line-height: 20px !important;
    width: 270px;
    display: block;
    float: right;
    }
    .warp_zhxx div {
        height: 67px;
    }
    .warp_zhxx p {
        font-size: 12px;
        color: #EE656C;
        padding-left: 144px;
        line-height: 25px;
        display: none;
    }
    input.next_step {
        width: 285px;
        height: 44px;
        font-size: 16px;
        color: #fff;
        background: #51a7ff;
        border-radius: 2px;
        border: none;
        margin-left: 139px;
        cursor: pointer;
    }
    ul.text-center{
        margin-top: 60px;
        margin-bottom: 20px;
    }

    /* 历史信息 */
    .warp_content_2{
        border: 1px solid #eee;
        width: 100%;
        margin-bottom: 20px;
    }
    .history_form {
        width: 540px;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 100px;
        font-size: 14px;
        color: #494949;
        line-height: 41px;
    }
    .history_form div span {
        width: 110px;
        display: block;
        float: left;
        text-align: right;
        margin-right: 10px;
        position: relative;
        line-height: 41px;
        color: #494949;
    }
    .history_form div span b {
        color: #FC5351;
        position: absolute;
        top: -6px;
    }
    .history_form div input {
        width: 270px;
        height: 37px;
        border: 1px solid #eee;
        padding-left: 12px;
    }
    .history_form div{height: 67px;}
    .history_form div p {
        color: #EE656C;
        padding-left: 120px;
        line-height: 25px;
        display: none;
    }
    select.logined_game {
        width: 285px;
        height: 41px;
    }
    .warp_time {
        height: auto !important;
        overflow: auto;
    }
    .money,.time ,.time_selcet,.money_num {
        float: left;
    }
   
    .time input ,.time_selcet input{
        width: 145px !important;
    }
    .money input,.money_num input {
        width: 115px !important;
    }
    .password4,.password5,.mail2,.mail3,.mail4,.mail5,.phone2,.phone3,.phone4,.phone5,.logined2,.logined3,.logined4,.logined5{display: none;}
    .history_form a {
        padding-left: 120px;
        font-size: 14px;
        color: #494949;
    }
    .history_form a:hover{color: #51a7ff;}
    .time_tip{padding-left: 120px;}
    .time_tip span{color: #EE656C;}
    input.submit_1 {
        width: 284px;
        height: 44px;
        border: none;
        background: #51a7ff;
        font-size: 16px;
        color: #fff;
        display: block;
        margin-left: 120px;
        cursor: pointer;
    }

    /* 申诉结果 */

    .tj_success {
        width: 470px;
        margin: 60px auto;
        font-size: 14px;
        line-height: 35px;
        text-align: center;
    }
    .tj_fail {
        width: 510px;
        margin: 60px auto;
        font-size: 14px;
        line-height: 35px;
        text-align: center;  
    }
    .tj_success span, .tj_fail span{
        color: #EE656C;
    }
    .tj_success a{
        color: #51a7ff;
    }
    .tj_success a:hover{
        border-bottom: 1px solid #51a7ff;
    }
    #tj_success, #tj_fail {
        width: 284px;
        height: 44px;
        color: #fff;
        font-size: 16px;
        background: #51a7ff;
        border: none;
        border-radius: 2px;
        margin-top: 30px;
        cursor: pointer;
    }
    .tj_success img, .tj_fail img {
        /* float: left;
        position: relative;
        top: 6px;
        right: 7px; */
        margin-right: 7px;
        margin-bottom: 7px;
    }

    /* 申诉查询 */
    .ssxx {
        width: 265px;
        margin: 90px auto;
        font-size: 12px;
        line-height: 20px;
        color: #494949;
    }
    .appeal_code {
        margin-top: 25px;
        height: 63px;
    }
    .coder_icon {
        width: 30px;
        height: 33px;
        position: absolute;
        background: #d2d2d2;
    }
    .coder_icon img {
        width: 17px;
        margin: 7px;
    }
    input.appealcode {
        width: 224px;
        height: 31px;
        border: 1px solid #eee;
        padding-left: 40px;
    }
    input.query {
        width: 265px;
        height: 44px;
        font-size: 16px;
        color: #fff;
        background: #51a7ff;
        border: none;
        border-radius: 2px;
        cursor: pointer;
    }
    .no_code {
        color: #FC5351;
        line-height: 30px;
        display: none;
    }
    .warp_ssjg {
        width: 620px;
        margin: 100px auto;
    }
    .warp_ssjg h4{
        font-size: 16px;
        color: #EE656C;
        margin-bottom: 25px;
        font-weight: bold;
    }
    .warp_ssjg p{
        font-size: 14px;
        color: #494949;
        line-height: 30px;
    }
    .warp_ssjg span{
        color: #EE656C;
    }
    .warp_ssjg a {
        display: block;
        width: 284px;
        height: 44px;
        color: #fff;
        font-size: 16px;
        background: #51a7ff;
        text-align: center;
        line-height: 44px;
        border-radius: 2px;
        margin: auto;
        margin-top: 30px;
    }
    .warp_voucher {
        width: 280px;
        height: 106px;
        margin: auto;
    }
    .voucher {
        width: 252px;
        height: 32px;
        border: 1px solid #eee;
        padding-left: 12px;
        margin-top: 40px;
    }
    .voucher_error {
        font-size: 12px !important;
        color: #EE656C !important;
        display: none;
    }
    input.ss_complete {
        width: 265px;
        height: 44px;
        font-size: 16px;
        color: #fff;
        background: #51a7ff;
        border: none;
        border-radius: 2px;
        display: block;
        margin: auto;
        cursor: pointer;
    }
    .complete{width: 460px;}
    .finished { width: 500px;}
    .wxss{
        text-align: center;
        margin: 40px 0;
    }
    .wxss img{
        width: 180px;
        height: 180px;
    }
    .wxss p{
        font-size: 16px;
        color: #494949;
    }

    /* 常见问题 */
    .warp_problem {
        margin-bottom: 20px;
    }
    .warp_tab {
        border: 1px solid #eee;
    }
    .tab_problem {
        width: 100%;
        height: 37px;
        background: #f6f6f6;
        border-bottom: 1px solid #eee;
    }
    .tab_problem a {
        display: block;
        float: left;
        font-size: 16px;
        font-weight: bold;
        width: 136px;
        text-align: center;
        line-height: 36px;
        margin-left: -1px;
        border-top: 3px solid #f6f6f6;
        border-left: 1px solid #f6f6f6;
        border-right: 1px solid #f6f6f6;
    }
    .tab_problem a:hover{
        border-top: 3px solid #51a7ff !important;
    }
    .current_page{
         background: #fff;
         border-top: 3px solid #51a7ff !important;
         border-left: 1px solid #eee !important;
         border-right: 1px solid #eee !important;
        }
    .problem_cont {
        padding: 40px 35px;
        border-bottom: 1px solid #eee;
    }
    .warp_problem_cont {
        border: 1px solid #eee;
        border-top: none;
        margin-bottom: 20px;
    }
    .problem_cont:last-child{border: none;}
    .problem_cont h4 {
        font-size: 14px;
        color: #494949;
        font-weight: bold;
        margin-bottom: 25px;
    }
    .problem_cont p {
        font-size: 14px;
        color: #b2b2b2;
        line-height: 25px;
    }
    .problem_cont b{color: #494949;}


    /* 分页 */
    .page {
        width: 100%;
        text-align: center;
    }
.pagination {
    height: 33px;
    margin: auto;
    width: max-content;
    display:inline-block;
    *display:inline;
    *zoom:1;
    display: flex;
}

.pagination li {
    float: left;
}
.pagination li a,.pagination li span{
    font-size: 14px;
    padding: 6px 13px;
    color: #494949;
    border-radius: 4px;
    border: 1px solid #eee;
    margin: 0 5px;
    cursor: pointer;
}

.pagination li a:hover{
    color: #fff;
    background: #51a7ff;
    border: 1px solid #51a7ff;
}

.pagination .active span{
    color: #fff;
    background: #51a7ff;
    border: 1px solid #51a7ff;
}
.pagination .disabled span{
    color: #fff;
    background: #eee;
}
.pagination .disabled span:hover{
    color: #fff;
    background: #eee;
} 
.rows {
    margin: 24px 0 44px 0;
    color: #B2B2B2;
    font-size: 14px;
}

/* 重置密码 */
.resetpwd{
    margin-top: 80px;
}
.resetpwd h1{
    font-size: 28px;
    color: #494949;
    text-align: center;
    margin-bottom: 40px;
}
.result {
    width: 267px;
    margin: 140px auto;
    text-align: center;
    position: relative;
}
.result img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 0px;
}
.result span {
    font-size: 16px;
}
.result p {
    font-size: 14px;
    color: #B2B2B2;
    margin: 40px 0;
}
.result a {
    display: block;
    width: 265px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    background: #51a7ff;
    border-radius: 2px;
}
.result a:hover{
    color: #fff !important;
}
select {
    padding: 6px 0;
    vertical-align: middle;
    }