xinkeaboard/xinkeaboard-web/assets/style/member/info.scss

@import "../theme.scss";

.clearfix {
    zoom: 1;
    display: block;
}

.fl {
    float: left;
}

.member_info_container {
    padding: 0 0 0 11px;
    flex: 1;
    width: 100%;
    overflow: auto;
    

    .breadcrumb {
        //font-family: "MicroSoft yahei";
        width: 1007px;
        background-color: #f7f7f7;
        height: 28px;
        padding: 0 0 0 11px;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden;
        line-height: 28px;
        vertical-align: baseline;
    }

    .member_info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        border: 1px solid #eee;
        background-color: #fff;
        padding: 40px 0;
        .form_item {
            // padding: 37px 0 0 0px;
            // line-height: 30px;
            margin-bottom: 20px;
            color: #333;

            .chooseBtn {
                display: inline-block;
                width: 60px;
                height: 60px;
                border-radius: 50%;
            }
            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                cursor: pointer;
            }

            #file {
                display: none;
                margin-left: 30px;
                vertical-align: top;
                margin-top: 22px;
            }
            .el-input__wrapper{
                padding: 0;
                .el-input__count-inner{
                    padding-right: 8px;
                    margin-right: 8px;
                }
            }
           .el-input__inner {
                height: 40px;
                width: 302px;
                line-height: 25px;
                outline: none;
                padding-left: 10px;
                border: 1px solid #dcdcdc;
            }
            #year,
            #month,
            #day {
                height: 25px;
                width: 65px;
                line-height: 25px;
                margin-right: 10px;
            }
            #birth label {
                margin-right: 10px;
            }
            #birth select {
                outline: none;
                border: 1px solid #dcdcdc;
                cursor: pointer;
            }

            #sex {
                input {
                    margin-left: 6px;
                    margin-top: 0;
                    margin-right: 6px;
                    vertical-align: sub;
                    outline: none;
                }
                .el-radio__label {
                    display: inline-block;
                    width: 150px !important;
                    padding-left: 10px;
                }
            }
            .tag_name {
                display: block;
                float: left;
                min-width: 110px;
                line-height: 60px;
                text-align: left;
                font-weight: 400;
                margin-right: 10px;
                padding-left: 10px;
                font-size: 14px;
                text-transform: capitalize;
            }

            // img {
            //     width: 60px;
            //     height: 60px;
            // }
        }

        .memInfo_save {
            // padding-left: 150px;
            // margin-bottom: 50px;
            // margin-top: 35px;
            button {
                background-color: $colorMain;
                color: #fff;
                border-color: $colorMain;
                text-transform: capitalize;
            }
        }
    }
}
.el-radio__input.is-checked .el-radio__inner {
    border-color: $colorMain;
    background: $colorMain;
}
.el-radio__input.is-checked + .el-radio__label {
    color: $colorMain;
}