body{padding:0;margin:0;}
.search form{margin-right: 0.5rem;margin-left: 0.5rem;}
.container .main{padding:2.8rem 0.3rem 2rem}
.main .title{height:1rem;line-height:1rem;display:flex;justify-content:flex-start;align-items:center}
.main .title .dot{width:.2rem;height:1rem;border-radius:.1rem;background:linear-gradient(to bottom,#56e9ff ,#69f3a7)}
.main .title h2{margin:0;padding:0 .5rem;font-size:.8rem;color:#626262}
.main .title .tip{font-size:.65rem;color:#cacaca;padding:0 .5rem}
.content ul{padding:0;margin:.5rem 0;list-style:none}
.content ul li>a{position:relative;display: block;}
.content ul li{margin-bottom: 0.3rem;border-radius: 0.2rem;overflow: hidden;}
.content ul li img{width:100%;display: block;}
.content ul li .time{font-size:.65rem;background:rgba(74,243,170,0.6);color:#fff;position:absolute;right:0;bottom:0;padding:.1rem .5rem;border-radius:.5rem 0 0 0}
.past .content{padding:0 0.5rem}
.past .content .user{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:.3rem 0 1rem}
.past .content .user .photo{width:2.2rem;height:2.2rem;border-radius:2rem;overflow:hidden;border:2px solid #44f5cd}
.past .content .user .info{width: 60%;}
.past .content .user .info p{font-size:.65rem;color:#626262;font-weight:700;margin:0 0 .3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.past .content .user .info>div{display:flex;justify-content:flex-start;align-items:center;font-size:.6rem;color:#9e9e9e}
.past .content .user .info .comment-list,.past .content .user .info .see{display:flex;justify-content:flex-start;align-items:center;padding-right:1rem}
.past .content .user .info>div img{height:.8rem;width:auto;margin-right:.25rem}
.past .content .user .focus>a{background:#44f5cd;color:#FFF;text-decoration:none;font-size:.65rem;padding:.1rem .5rem;border-radius:.1rem}
.tab-bar{width:100%;position:fixed;bottom:0;height:2.5rem;background:rgba(255,255,255,.95);}
.tab-bar ul{width:100%;margin:0;padding:0;display:flex;justify-content:space-around;align-items:center}
.tab-bar li{list-style:none;color:#69d6af;font-size:.65rem;text-align:center;width: 30%;}
.tab-bar li.active p{color:#69d6af;}
.tab-bar li p{margin:0;color: #999;}
.tab-bar li img{width:1.25rem}
.option{width:100vw;height:100vh;position:fixed;background:rgba(0,0,0,.5);top:0;left:0;z-index:10;display:none}
.option ul{width:100%;background:#fff;margin:0;padding:0;list-style:none;transition:1s}
.sort-option ul{position:absolute;left:0;bottom:-7.5rem}
.option ul.show{animation:showOption 1s ease;animation-iteration-count:1;animation-fill-mode:forwards}
.option ul.hide{animation:hideOption .3s ease;animation-iteration-count:1;animation-fill-mode:forwards}
.sort-option ul li{font-size:.8rem;text-align:center;height:2.4rem;line-height:2.4rem;color:#666;border-bottom:1px solid #F6F6F6;position:relative}
.option ul li span{position:absolute;top:0;right:3rem;color:#85f5bc;display:none;width: 1rem;}
.option ul li span>img{width: 100%;}
.option ul li.active{color:#85f5bc}
.option ul li.active span{display:block}
.classify-option p{font-size:.7rem;padding-left:1rem;color:#666}
.classify-option>div{width:100%;background:#fff;position:absolute;left:0;bottom:-10rem}
.classify-option>div.show{animation:showOption 1s ease;animation-iteration-count:1;animation-fill-mode:forwards}
.classify-option>div.hide{animation:hideOption .3s ease;animation-iteration-count:1;animation-fill-mode:forwards}
.classify-option ul{display:flex;justify-content:flex-start;align-self:center;flex-wrap:wrap;padding:0 1rem;border-bottom:1px solid #f3f3f3}
.classify-option ul li{padding:.2rem .5rem;margin:0 .5rem 0 0;border:1px solid #999;font-size:.65rem;color:#666;border-radius:.2rem;margin-bottom:.5rem}
.classify-option ul li.active{color:#FFF;background:#85f5bc;border:1px solid rgba(255,255,255,0)}
.classify-option .btns{display:flex;justify-content:space-around}
.classify-option .btns button{width:50%;height:2rem;color:#999;background:0 0;outline:0;border:0}
.classify-option .btns button.active{background:#85f5bc;color:#fff}
@keyframes showOption{100%{bottom:0}}
@keyframes hideOption{to{bottom:-10rem}}