<template>
    <div class="container center-content">
        <div class="title">认证信息</div>
        <div class="name">认证信息暂<span>不允许修改</span>，且无法替换认证类型，请谨慎选择</div>
        <div class="box">
            <div class="box1">
                <img class="img" src="../../assets/user/renzheng-icon-geren@3x.png" alt="" />
                <div class="text1">个人认证</div>
                <div class="text2">个人通过实名认证后，绑定相对应银 行卡即可进行交易售卖</div>
                <el-button @click="all('/userauthentication')">个人认证</el-button>
            </div>
            <div class="box1">
                <img class="img" src="../../assets/user/renzheng-icon-qiye@3x.png" alt="" />
                <div class="text1">企业认证</div>
                <div class="text2">企业通过营业执照认证后，并签署 相应合同即可进行售卖，冰箱周部 分定制化服务</div>
                <el-button @click="all('/enterpriseauthentication')">企业认证</el-button>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {};
    },
    computed: {},
    methods: {}
};
</script>

<style lang="less" scoped>
.container {
    .btn {
        display: flex;
        justify-content: center;
        margin: 80px 0 0 110px;
        .btn2 {
            width: 130px;
            height: 36px;
            background: #c4c7cc;
            border-radius: 4px;
            color: #ffffff;
            font-size: 13px;
            text-align: center;
            line-height: 36px;
            margin-left: 20px;
        }
    }
    .title {
        height: 30px;
        font-size: 30px;
        font-family: ZhenyanGB-Regular, ZhenyanGB;
        font-weight: 400;
        color: #ffffff;
        line-height: 30px;
        padding-top: 60px;
    }
    .name {
        font-size: 12px;
        font-weight: 400;
        color: #939599;
        line-height: 22px;
        margin: 10px 0 40px;
    }
    span {
        color: #fdfb60;
    }
    .box {
        display: flex;
        margin-left: 178px;
        .box1 {
            width: 400px;
            height: 484px;
            background: #1c1e26;
            border-radius: 8px;
            margin-right: 52px;
            text-align: center;
            .img {
                width: 56px;
                height: 56px;
                margin-top: 90px;
            }
            .text1 {
                font-size: 16px;
                font-weight: bold;
                color: #ffffff;
                line-height: 26px;
                margin: 20px 0 10px;
            }
            .text2 {
                width: 228px;
                height: 66px;
                font-size: 12px;
                text-align: center;
                font-weight: 400;
                color: #939599;
                line-height: 22px;
                margin: 0 auto;
            }
            /deep/ .el-button {
                width: 130px;
                height: 36px;
                background: linear-gradient(133deg, @prim 0%, @warn 100%);
                border-radius: 4px;
                margin-top: 60px;
                color: #1a1a1a;
                border: 0;
            }
        }
    }
}
</style>
