
<template>   
    <main class="wrap">
        <section>
            <div class="wrap-box"> 
                <div class="no-data" >
                    <img src="~assets/images/icon-status-no-record.png" alt>
                    <h3>很遗憾您的授信未能通过！</h3>
                    <p>请联系客服！</p>
                </div>
                
                <div class="no-data" style="display:none;">
                    <img src="~assets/images/icon-status-no-record.png" alt>
                    <h3>贷款审批已通过</h3>
                    <p>您的贷款审批已通过，可以使用！</p>
                </div>

                <div class="details-box">
                    <div class="refundsBtext">及时雨贷款</div>
                    <div class="details-table">                    
                        <table>                           
                            <tr>
                                <td class="tdconent">姓名</td>
                                <td>*小图</td>
                                <td class="tdconent">身份证号</td>
                                <td>4321**********0527</td>
                            </tr>
                            <tr>
                                <td class="tdconent">手机号</td>
                                <td>18833660655</td>
                                <td class="tdconent">邮箱</td>
                                <td>43****723@qq.com</td>
                            </tr>
                        </table>
                    </div>
                </div> 
            </div>
        </section>
    </main>     
</template>


<style lang="less" scoped>
@import "../../assets/styles/common.css";
.way-cost /deep/ .el-input {
    width: 331px;
   
}
.way-cost /deep/ .el-radio {
    font-size:14px; 
}

.wrap {
    min-height: calc(100vh - 224px);
    margin-top:-0.01px;
    
    section {       
        margin: 60px auto 0;
        .wrap-box {            
            margin:0 auto; 
            .no-data {  
                width:100%;
                background: #fff;
                height: max-content; 
                img {
                    margin-top: 57px;
                }
                h3 {
                    margin-top: 20px;
                    font-size: 24px;
                    font-weight: normal;
                    color: #3f87e9;
                }
                p {
                    margin: 20px auto 67px;
                    font-size: 14px;
                    color: #999;
                }
            }
            
            .details-box{     
                display: inline-block;    
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                vertical-align: text-top;
                font-size:9px;
                background: #f3f3f3; 
                width: 1080px;
                margin: 0 auto 20px;
                .refundsBtext{ 
                    text-align: left;
                    margin: 0;
                    padding: 30px 0;                    
                    font-size: 18px;
                    border-bottom: 0px solid #eaeaea;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;   
                    font-weight:bold; 
                }
                .details-table{ 
                    width:1080px;
                    background: #ffffff;  
                    padding: 20px;                 
                    table{   
                        width: 100%;
                        background: #ffffff;    
                        border-collapse: collapse;                         
                        text-align:left;
                        font-size:14px;
                      
                        tr td{   
                            height:48px;
                            border-bottom:1px solid #F4F4F7;
                            text-indent: 25px;
                        }
                        .tdconent{
                            text-align: center;
                            background: #F4F4F7;
                            border-bottom:1px solid #ffffff;
                            color:#999999FF;
                            border-left:1px solid #ffffff;
                            font-size:12px;
                        }
                        
                    }
                }
            }
            .clear{ clear:both} 
        }
    }
}
</style>
