.rich_media_content{
    padding: calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left));
}

.wrapper{
    padding: 10px;
    .top{
        .title{
            font-size: 18px;
            color: #333;
            font-weight: bold;
            text-align: center;
        }
    }
    .content{
        width: 100%;
        overflow-x: auto;
        margin: 10px auto;
        ul{
            display: flex;
            width: 700px;
            align-items: center;
            // height: 40px;
            // border: 1px #333 solid;
            // border-bottom: none;
            li{
                width: 15%;
                text-align: center;
                border: 1px #333 solid;
                height: 50px;
                border-right: none;
                border-bottom: none;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            li.name{
                width: 30%;
            }
            // li.pay{
            //     width: 20%;
            // }
            li:nth-child(8){
                border-right: 1px #333 solid;
            }
        }
        ul:last-child{
            border-bottom: 1px #333 solid;
        }
    }
}