.user_view{position:relative;display:inline-block;background:rgba(0,0,0,.6);padding:1.5rem 3rem;margin-bottom:1rem;border-radius:10px}.user_view .view_text .flex{align-items:center}.user_view .view_text .flex .t{color:#fff;font-weight:700;margin-top:0}.user_view .view_text .flex .view_item{display:flex;align-items:center;height:2rem;padding:0 .5rem;margin:0 .5rem;border-radius:3px;background:#fff;color:#0040ff;font-size:1.5rem;text-align:center}.user_view .view_close{position:absolute;top:1rem;right:1rem;width:1rem;height:1rem;cursor:pointer}.user_view .view_close .line{width:1rem;height:.5px;background:#eee}.user_view .view_close .line.line1{transform:rotate(-45deg)}.user_view .view_close .line.line2{transform:rotate(45deg)}@media screen and (max-width:992px){.user_view{padding:1.5rem 3rem 1.5rem 1rem}}@media screen and (max-width:576px){.user_view{padding:1rem 3rem 1rem 1rem;margin-bottom:.5rem}.user_view .view_text .flex .view_item{font-size:1.2rem}.user_view .view_text .flex .view_item .item_bg,.user_view .view_text .flex .view_item.on{width:1.5rem}.user_view .view_text .flex .view_item #view.on{left:.45rem}}