*{margin:0;padding:0;box-sizing:border-box}#app{height:100vh}.app-container{height:100%;display:flex;flex-direction:column}.header{margin-right:10px;display:flex;align-items:center;justify-content:space-between}.header .setting{padding:6px}.content{flex:1;overflow-y:scroll}.item{padding:10px;border-bottom:1px solid #eee;display:flex;align-items:center}.item .name{flex:1;margin-right:10px}.input-box{margin:10px;display:flex}.input-box input{padding:10px;position:relative}.input-box .input-outer{position:relative;margin-right:10px}.input-box .input-outer .clear{content:"清除";position:absolute;right:8px;top:0;height:39px;line-height:39px;font-size:13px}.input-box .input{width:100%;border-radius:10px;margin-right:10px;box-sizing:border-box;padding-right:40px}.btn{outline:none;border:none;padding:10px;border-radius:10px;color:#fff;background-color:#3a8cf1}.btn a{text-decoration:none;color:#fff}.disabled{background-color:#505050}.bottom{display:flex;padding:10px}.bottom .btn{flex:1;margin-right:10px}.bottom .btn:last-child{margin-right:0}.tab{display:flex;align-items:center;background:#eee;border-radius:10px;padding:5px;margin:10px}.tab .tab-item{flex:1;text-align:center;padding:6px 0;border-radius:10px;font-size:13px}.tab .tab-item.active{background:#fff}.popup{background:#00000080;position:fixed;z-index:9999;height:100vh;width:100vw}.popup .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;min-width:80vw;max-height:70vh;overflow:scroll;border-radius:10px;padding:10px}.popup .content .bottom-btn{margin-top:20px;display:flex}.popup .content .bottom-btn button{flex:1}.popup .content .close{background-color:#eee;color:#000}.popup .content .save{margin-left:20px}.setting{margin-left:10px;display:flex}.setting .bind{flex:1;position:relative}.setting .label{display:flex;align-items:center;margin-right:10px;position:relative}.setting .label.bind{flex:1}.setting .label span{white-space:nowrap}.setting .label input{border-radius:10px;flex:1;padding:10px}.setting .label .count{width:70px}.setting .label .clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px}.setting .spot-select{position:absolute;left:0;top:100%;background-color:#fff;padding:10px;border-radius:10px;width:100%;z-index:99;max-height:300px;overflow:scroll;box-shadow:0 0 0 2px #e9e9e9b3}.setting .spot-select p{padding:8px;border-bottom:1px solid #eee}.setting .spot-select .close-btn{width:100%}.spot-detail{padding:10px}.spot-detail p{margin:10px 0}.spot-detail p span{padding:5px}.image-list{width:calc(100vw - 20px);display:flex;flex-wrap:wrap}.image-list .image-item{width:calc((100% - 20px)/2);height:120px;margin:5px}.image-list .image-item img{width:100%;height:100%;object-fit:cover}.inner,.other{padding:10px}.inner .house{display:flex;align-items:center}.inner .house-img{width:80px;height:120px;border-radius:10px;overflow:hidden;margin-right:8px}.search-suggest{position:absolute;z-index:10;left:0;top:40px;width:100%;padding:10px;background-color:#fff;box-shadow:0 0 2px #0003;border-radius:10px}