.container,.container .tab-list,body,html{background:#fff}:root{--safe-area-inset-top:0px;--safe-area-inset-bottom:0px;--safe-area-inset-left:0px;--safe-area-inset-right:0px}@supports (bottom:constant(safe-area-inset-bottom)){:root{--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left);--safe-area-inset-right:constant(safe-area-inset-right)}}@supports (bottom:env(safe-area-inset-bottom)){:root{--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);--safe-area-inset-right:env(safe-area-inset-right)}}@supports ((bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom))){@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-top:env(safe-area-inset-top)}}}@supports not ((bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom))){@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){:root{--safe-area-inset-top:44px;--safe-area-inset-bottom:34px;--safe-area-inset-left:0;--safe-area-inset-right:0}}@media only screen and (device-width:812px) and (device-height:375px) and (-webkit-device-pixel-ratio:3){:root{--safe-area-inset-top:0;--safe-area-inset-bottom:21px;--safe-area-inset-left:44px;--safe-area-inset-right:44px}}}::-webkit-scrollbar{display:none;width:0;height:0}.container{display:flex;flex-direction:column;height:100vh;font-size:13px}.container .tab-list{position:relative;overflow:hidden;border-bottom:none;box-sizing:border-box;display:flex;align-items:center;height:50px;overflow-x:auto;overflow-y:hidden}.container .tab-list:after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background:#EEE}@media (-webkit-min-device-pixel-ratio:2){.container .tab-list:after{-webkit-transform:scaleY(.5);-webkit-transform-origin:0 bottom}}.container .tab-list .tab-item{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;min-width:20vw;height:100%;padding:0 10px;color:#666}.container .tab-list .tab-item.selected{font-weight:600;color:#333}.container .tab-list .tab-item.selected::after{position:absolute;bottom:7px;left:50%;width:26px;height:3px;content:"";background:#06C584;border-radius:2px;transform:translateX(-50%)}.container .content{display:flex;height:calc(100vh - 50px)}.container .content .left-list{box-sizing:border-box;display:flex;flex-direction:column;width:80px;height:100%;padding-bottom:var(--safe-area-inset-bottom);overflow-y:auto;background:#F4F4F4}.container .content .left-list .left-item{display:flex;align-items:center;justify-content:center;height:40px;margin:10px 0;line-height:normal;color:#666}.container .content .left-list .left-item.selected{font-weight:600;color:#fff;background:#06C584;border-radius:4px}.container .content .right-wrap{box-sizing:border-box;flex:1;height:100%;padding-bottom:var(--safe-area-inset-bottom);overflow-y:auto;background:#fff}.container .content .right-wrap .right-list .item{box-sizing:border-box;display:flex;align-items:center;padding:12px 15px;position:relative;overflow:hidden;border-bottom:none}.container .content .right-wrap .right-list .item:after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background:#EEE}@media (-webkit-min-device-pixel-ratio:2){.container .content .right-wrap .right-list .item:after{-webkit-transform:scaleY(.5);-webkit-transform-origin:0 bottom}}.container .content .right-wrap .right-list .item .img{display:block;width:65px;height:48px;border-radius:4px}.container .content .right-wrap .right-list .item .info{flex:1;flex-wrap:wrap;padding:0 10px;font-size:14px}.container .content .right-wrap .right-list .item .icon{font-size:14px;color:#666}.container .content .right-wrap .load-text{padding:15px;font-size:11px;color:#999;text-align:center}