.myself {
    position: relative;
    min-height: 100vh;
    .container {
        padding: 0 30px;
        .banner {
            height: 420px;
            width: 100%;
            background-color: $green;
            border-radius: 60px;
            .top {
                height: 320px;
                @include flexbox(center, center, column, nowrap);
                .avatar {
                    height: 130px;
                    width: 130px;
                    @include flexbox(flex-end, center, column, nowrap);
                    
                    img {
                        height: 130px;
                        width: 130px;
                        padding: 1px;
                        background-color: $green;
                        background-color: #fff;
                        border-radius: 50%;
                    }
                }
                .nick-name {
                    padding: 20px 0;
                    span {
                        font-size: 42px;
                        font-weight: bold;
                        color: #fff;
                    }
                }
            }
            .bottom {
                height: 80px;
                padding: 5px 0;
                @include flexbox(flex-end, center, column, nowrap);
                span {
                    font-size: 24px;
                    color: #fff;
                }
            }
        }
        .submenu {
            flex: 1;
            margin-top: 20px;
            padding-top: 20px;
            &.device-manage {
                .add-device {
                    position: relative;
                    height: 160px;
                    max-width: 90px;
                    min-width: 90px;
                    border-radius: 10px;
                    background-color: $green;
                    @include flexbox(center, center, column, nowrap);
                    color: #fff;
                }
            }
            &.safe-helper {
                .title {
                    font-size: 36px;
                    font-weight: bold;
                    padding: 20px;
                }
                .safe-helper-container {
                    font-size: 32px;
                    padding: 60px 0px 0 30px;
                    border: 1px solid green;
                    border-radius: 30px;
                    .top {
                        @include flexbox(flex-start, flex-start, column, wrap);
                        p {
                            font-weight: bold;
                        }
                        span {
                            padding: 10px 0;
                            font-size: 24px;
                        }
                    }
                    .bottom {
                        @include flexbox(flex-end, center, column, nowrap);
                        padding: 30px 0 15px 0;
                        p {
                            color: red;
                            span {
                                color: #000;
                            }
                        }
                    }
                }
            }
        }
    }
}