kede-client/js/component/account/set/base.less

.set-base {
    .acc-title {
        color: #333;
        font-size: 16px;
        margin-bottom: 10px;
        span {
            font-size: 12px;
            color: #999;
            margin-left: 10px;
        }
    }
    .acc-detail {
        background: #fff;
        padding: 20px;
        border-bottom: 1px solid #d8d8d8;
        p {
            line-height: 24px;
            span {
                color: #333;
            }
        }
        div {
            margin-top: 16px;
            button {
                margin-right: 20px;
                border-radius: 4px;
            }
        }
    }
    .acc-bind {
        background: #fff;
        padding: 20px;
        margin-bottom: 20px;
        p {
            button {
                border: none;
                border-radius: 4px;
                margin-right: 20px;
                img {
                    height: 20px;
                    vertical-align: middle;
                }
                span {
                    color: #fff;
                }
            }
            .relateweixin {
                background: #12d41e;
            }
            .relateqq {
                background: #3073c1;
            }
            .relateweibo {
                background: #cf331d;
            }
        }
    }
    .acc-info {
        background: #fff;
        padding: 20px;
        .base-form {
            width: 580px;
            .ant-form-item {
                p {
                    color: #333;
                }
                .ant-form-item-label {
                    text-align: left;
                }
                .set-submit {
                    width: 120px;
                    border-radius: 4px;
                }
                .idcard-img {
                    >div {
                        float: left;
                        padding: 20px;
                        border: 1px solid #c9c9c9;
                        margin-right: 20px;
                        >.idcard-imgbox {
                            width: 142px;
                            height: 90px;
                            padding-top: 90px;
                            position: relative;
                            img {
                                width: 142px;
                                height: 90px;
                                position: absolute;
                                top: 0;
                                left: 0;
                                border: 1px solid #c9c9c9;
                                border-radius: 6px;
                            }
                        }
                    }
                }
            }
            .avatar-uploader,
            .avatar-uploader-trigger,
            .avatar {
                width: 150px;
                height: 150px;
            }
            .avatar-uploader {
                display: block;
                padding:1px;
                border: 1px dashed #d9d9d9;
                border-radius: 6px;
                cursor: pointer;
                position: relative;
                img {
                    position: absolute;
                    top: -1px;
                    left: -1px;
                    height: 150px;
                }
            }
            .avatar-uploader-trigger {
                display: table-cell;
                vertical-align: middle;
                font-size: 28px;
                color: #999;
            }
        }
    }
}