<template>
    <div class="container">
        <div class="title">实名认证请选择</div>
        <div class="name">账户实名认证后不能修改，<span>请使用本人身份信息完成认证</span></div>
        <div class="box" @click="$router.push('/verified')">
            <img
                class="img"
                src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-11-11-10-16-06dTNltVml.png"
                alt=""
            />
            <div class="text">个人认证</div>
            <div class="btn">下一步</div>
        </div>
        <div class="box box1" @click="$router.push('/verifiedSucs')">
            <img
                class="img"
                src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-11-11-10-16-35hyCazZgd.png"
                alt=""
            />
            <div class="text">企业认证</div>
            <div class="btn">下一步</div>
        </div>
    </div>
</template>

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

<style lang="less" scoped>
.container {
    padding: 0 16px;
    .btn {
        width: 80px;
        height: 34px;
        background: linear-gradient(135deg, #fdfb60 0%, #ff8f3e 100%);
        border-radius: 22px;
        color: #333230;
        font-size: 16px;
        text-align: center;
        line-height: 34px;
    }
    .title {
        height: 42px;
        font-size: 20px;
        font-weight: 400;
        color: #ffffff;
        line-height: 42px;
        padding-top: 10px;
    }
    .name {
        font-size: 12px;
        font-weight: 400;
        color: @text3;
        line-height: 22px;
        margin: 10px 0 40px;
    }
    span {
        color: #fdfb60;
    }
    .box {
        display: flex;
        align-items: center;
        width: 303px;
        .line();
        height: 88px;
        background: #1f2021;
        .img {
            width: 38px;
            height: 38px;
            margin-left: 30px;
        }
        &.box1 {
            margin-top: 30px;
        }
        .text {
            font-size: 16px;
            font-weight: bold;
            margin: 0 50px 0 16px;
            color: #ffffff;
            line-height: 24px;
        }
    }
}
</style>
