family-userInfo.page.css 3.58 KB
html,
body {
    background-color: #f0f0f0;
}

input,
select {
    border: 0;
    background: 0;
}

input::-webkit-clear-button {
    width: 0;
}

input::-webkit-calendar-picker-indicator {
    width: 0;
}

.family-user-info {
    .info-list {
        padding-left: 30px;
        background-color: #fff;
        margin-bottom: 20px;

        .list-item {
            display: block;
            height: 90px;
            line-height: 90px;
            padding-right: 30px;
            border-bottom: solid 1px #e0e0e0;

            .title {
                width: 220px;
                float: left;
                font-size: 30px;
            }

            .main {
                width: 450px;
                float: left;
                min-height: 90px;
                padding: 10px 0;
                padding-right: 20px;
                position: relative;

                .ewm {
                    width: 43px;
                    height: 43px;
                    background-image: resolve("home/family/person-ewm.png");
                    float: right;
                    margin-top: 12px;
                    background-size: 100% 100%;
                }
            }

            .arr {
                width: 20px;
                float: left;
                color: #b0b0b0;
            }

            select.inp {
                width: auto;
                direction: rtl;
            }

            .inp {
                width: 430px;
                height: 70px;
                line-height: 70px;
                font-size: 30px;
                color: #b0b0b0;
                text-align: right;
                float: right;
                padding: 0;
            }

            .inp-2 {
                float: right;
                width: 400px;
                padding-right: 3%;
            }

            label {
                width: 30px;
                float: right;
                line-height: 70px;
                font-size: 30px;
                color: #b0b0b0;
            }

            .date-c {
                position: absolute;
                top: 10px;
                right: -20px;
                width: 300px;
                white-space: nowrap;
                overflow: hidden;
                direction: rtl;
            }

            .select-c {
                position: absolute;
                top: 10px;
                right: 20px;
                width: 70px;
                white-space: nowrap;
                overflow: hidden;
                direction: rtl;
            }

            .pic {
                float: right;
                width: 100px;
                height: 100px;
                border-radius: 50%;
                overflow: hidden;
                background-size: contain;
                background-position: center center;
                background-image: resolve("home/index/user-avatar.png");
            }

            &.user-pic {
                height: 140px;
                line-height: 140px;

                .main {
                    padding: 20px 0;
                    padding-right: 20px;
                }
            }
        }

        .list-item:last-child {
            border-bottom: 0;
        }
    }

    .foot-tip {
        background-color: #f0f0f0 !important;
        margin-top: 80px;

        .pic {
            background-image: resolve("home/family/foot.png");
            width: 140px;
            height: 80px;
            background-size: 100% 100%;
            margin: 0 auto 15px;
        }

        width: 750px;
        padding: 30px;
        font-size: 24px;
        color: #b0b0b0;
        line-height: 38px;
    }
}