.tui-drawer-mask.data-v-120ca7f4 { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); transition: all 0.3s ease-in-out; } .tui-drawer-mask_show.data-v-120ca7f4 { display: block; visibility: visible; opacity: 1; } .tui-drawer-container.data-v-120ca7f4 { position: fixed; left: 50%; height: 100.2%; top: 0; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform-origin: center; transform-origin: center; transition: all 0.3s ease-in-out; opacity: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-y cross-slide-y; -ms-scroll-chaining: none; -ms-scroll-limit: 0 50 0 50; } .tui-drawer-container_left.data-v-120ca7f4 { left: 0; top: 50%; -webkit-transform: translate3d(-100%, -50%, 0); transform: translate3d(-100%, -50%, 0); } .tui-drawer-container_right.data-v-120ca7f4 { right: 0; top: 50%; left: auto; -webkit-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0); } .tui-drawer-container_bottom.data-v-120ca7f4, .tui-drawer-container_top.data-v-120ca7f4 { width: 100%; height: auto !important; min-height: 20rpx; left: 0; right: 0; -webkit-transform-origin: center; transform-origin: center; transition: all 0.3s ease-in-out; } .tui-drawer-container_bottom.data-v-120ca7f4 { bottom: 0; top: auto; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .tui-drawer-container_top.data-v-120ca7f4 { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .tui-drawer-left__show.data-v-120ca7f4, .tui-drawer-right__show.data-v-120ca7f4 { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .tui-drawer-top__show.data-v-120ca7f4, .tui-drawer-bottom__show.data-v-120ca7f4 { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }