@media screen and (max-width:680px){#app,body,html{height:auto}body::-webkit-scrollbar,html::-webkit-scrollbar{width:0!important;height:0!important}body{margin:0}html.hide,html.hide #app,html.hide body{height:100%;overflow:hidden}#app .im-bar{position:fixed;bottom:0;left:0;width:100%;z-index:20}#app .goddess-wall .filter-box.blur{position:fixed;top:0;z-index:10;padding-top:4px}#app .goddess-wall .filter-box.blur .search-box .search-btn{flex:none}#app .goddess-wall .filter-box.blur .search-box .search-main .input{font-size:12px}#app .goddess-wall .filter-box.blur .search-box .search-main .input .ico,#app .goddess-wall .filter-box.blur .search-box .search-main .input img{margin-right:5px}#app .goddess-wall .filter-box.blur .search-box .search-main .input span{max-width:50px}#app .goddess-wall .filter-box.blur .search-box .search-line{display:none}#app .goddess-wall .host-list{padding-bottom:70px}.sitefade-enter,.sitefade-leave-to{opacity:.5;transform:translateY(-2px)}.extend-show{-webkit-animation:fadeIn .3s both;animation:fadeIn .3s both}.extend-show>div{-webkit-animation:slideUp .3s both;animation:slideUp .3s both}.extend-hide{-webkit-animation:fadeOut .3s both;animation:fadeOut .3s both}.extend-hide>div{-webkit-animation:slideUpHide .3s both;animation:slideUpHide .3s both}.hover:hover{opacity:1}.hover:active{opacity:.75}.m-page-title{position:fixed;top:0;left:0;width:100%;z-index:10;height:60px}.m-page-title .actions{position:absolute;top:0;height:60px;padding:0 15px;display:inline-flex;align-items:center;font-size:16px}.m-page-title .actions.l{left:0}.m-page-title .actions.r{right:0}.m-page-title .title-txt{flex:1;text-align:center;font-size:17px;margin-bottom:0;padding:0}.mb-title{display:flex}#app-area{flex-direction:column}#app-area.bg-page{background:#f4f4f6}#app-area .page-wrap{box-sizing:border-box;padding:0}#app-area .im-page-title{padding:0 14px}#app-area .im-page-title.mb-page-title{display:flex}#app-area .im-page-title .action{width:34px;height:34px}#app-area .im-page-title .title-txt{text-align:center}#app-area .im-page-title .back{display:inline-flex}#app-area .im-page-title .back .ico{font-size:16px}#app-area .page-body{padding:0}#app-area .im-page-layout{margin:0}#app-area .im-page-layout .im-page-body{border-radius:0;position:fixed;width:100%;height:100%;top:0;left:0;z-index:104}#app-area .im-page-layout .im-side-list .ocell{height:64px}#app-area .im-page-layout .im-side-list .ocell .avatar-img{width:44px;height:44px}.pop-public .pop-content{width:85%}.pop-public .pop-content .title-txt{font-size:16px}.pop-public .pop-content .txt{font-size:12px}.pop-public .pop-content .img-box{padding-top:30px}.pop-public .pop-content .pop-action{padding:16px 0}.pop-public .pop-content .pop-action .m-btn{height:48px;min-width:120px;margin:0 5px}.photoupload-tip img{width:86px}.photoupload-tip .line-top img{height:118px}.photoupload-tip .line-mid .oimg{width:86px}.photoupload-tip .line-mid .oimg img{display:block;margin-bottom:8px;height:86px}#app .im-panel{position:absolute;width:100%;padding:0;background:#0a070f}#app .im-panel.mb-nav-panel .p-body{height:auto}#app .im-block,#app .im-online{z-index:24}#app .mb-nav-panel{position:static}#app .mb-nav-panel .mb-title{position:fixed;top:0;left:0;width:100%;z-index:15}#app .mb-nav-panel .mb-title .title{padding-left:20px;color:#fff;font-weight:700}#app .mb-nav-panel .p-body{padding:60px 0 70px}#app .user-report-pop,#app .video-chat .user-report-pop{position:fixed;width:100%;bottom:0;box-sizing:border-box;left:0;top:auto;border-radius:12px 12px 0 0}}