body{background:#fff;}
#search{background:#f2f2f2;}
.search-text,.delete,.reset-btn{ background:url(/public/img/vspr.png) no-repeat;background-size:21px auto;}
.search{height:46px;position:relative;z-index:1;background:#fff;border-bottom:1px solid #e3e3e5;}
.search .fix{width:100%;position:fixed;top:0;left:0;z-index:9999;background:#f6f7f9;}
.sear-box{position:relative;height:30px;padding:7px 10px;display:-webkit-box;display:box;}
.search-text{display:block;height:30px;padding:0 30px 0 32px;background-color:#f2f2f2;font-size:1.3rem;border:1px solid #e3e3e5;border-radius:25px;background-position:8px -187px;-webkit-box-flex:1;box-flex:1;}
.search-btn{width:50px;line-height:30px;text-align:center;background:none;font-size:1.3rem;color:#3fd0ce;}
.reset-btn{display:none;position:absolute;top:10px;right:60px;width:30px;height:30px;margin-right:5px;text-indent:-999px;overflow:hidden;background-position:0 -158px;border:none;}
#auto-search{display:none;position:absolute;top:92px;overflow-y:scroll;width:100%;background:#fff;z-index:10000;}
#auto-search li{line-height:40px;margin:0 10px;font-size:1.2rem;border-bottom:1px solid #ddd;}
#auto-search li em{font-size:1.2rem;color:#f00;}
#auto-search a{display:block;}
.other-sear{margin-top:10px;}
.history .hd{position:relative;}
.history .delete{position:absolute;right:10px;top:5px;height:30px;line-height:30px;padding-left:22px;font-size:1.2rem;color:#989898;background-position:0 -223px;}
.history p{padding:0 10px;}
.searchBox h3{line-height:40px;padding-left:10px;font-size:1.25rem;font-weight:normal;color:#989898;}
.searchBox ul{padding:0 0 18px 12px;}
.hot-search{margin-top:10px;}
.hot-search li,.history li{display:inline-block;width:auto;-webkit-box-sizing: border-box;}
.hot-search li a,.history li a{display:block;height:24px;line-height:26px;overflow:hidden;margin:0 12px 12px 0;padding:0 10px;text-align:center;color:#333;border:1px solid #b9eae9;border-radius:16px;}
#result .tip{padding:30px 20px;text-align:center;font-size:1.2rem;}
#result .tip em{color:#f00;}
#search .getMore{display:none;height:40px;line-height:40px;text-align:center;color:#666;}

#result .alist{padding:0;}
.alist li{margin-top:8px;background:#fff;}.alist li:first-child{margin-top:0;}
.alist .tit{height:46px;line-height:46px;overflow:hidden;padding:0 10px;font-size:1.42rem;}.alist .tit a{display:block;}
.alist .pic a{position:relative;display:block;height:210px;}
.alist .pic img{display:block;width:100%;height:100%;}
.alist .icon,.alist .times{position:absolute;display:block;}
.alist .icon{left:50%;top:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px;background:url(/public/img/vicon.png) no-repeat; background-size:60px auto;}
.alist .times{right:0;bottom:0;display:block;width:100%;height:40px;line-height:40px;text-align:right;color:#fff;padding-right:10px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.1) 30%, #000 100%);}
.alist .info{height:20px;line-height:20px; padding: 12px 10px;font-size:1.0rem;display:-webkit-box;display: box;}
.alist .info > div{-webkit-box-flex:1;box-flex:1;}
.alist .r{text-align:right;}
.alist .r span{display:inline-block;float:right;margin-left:10px;}
.alist .f span{display:inline-block;margin-right:10px;color:#333;}
.alist .f span:last-child{margin-right:0;}
.alist .f .cata{padding:0 10px;font-size:1.0rem;background:#3fd0ce;color:#fff;border-radius:25px;}
.alist .user-pic{position:relative;top:-21px;left:10px;width:50px;text-align:center;}
.alist .user-pic img{display:block;width:42px;height:42px;margin:0 auto;border-radius:50%;}
.alist .user-pic span{display:block;line-height:20px;margin:0;}
.alist .r .share-btn{width:30px;height:20px;text-indent:999px;overflow:hidden;background-position:0 -140px;}
.alist .pic .img-wrap{display:-webkit-box;display: box;height:80px}
.alist .pic .img-wrap img{-webkit-box-flex:1;box-flex:1;margin-left:10px;}
.alist .pic .img-wrap img:nth-child(1){margin-left:0;}