| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 | .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;            }        }    }}
 |