﻿@charset "utf-8";
/* CSS Document */
header{display:flex;border-bottom:0!important;line-height:0;align-items:center;}
header .logo{flex:1;}
header .logo img{height:34px;}
header .user img{margin-left:10px;width:30px;height:30px;}
header .search{display:flex;box-sizing:border-box;padding:0 10px;width:120px;height:32px;border:solid 1px #ebebeb;border-radius:32px;background:#f1f1f1;align-items:center;}
header .search span{display:inline-block;margin-right:6px;height:15px;min-width:15px;background:url(serach.png) no-repeat;background-size:100% 100%;}
header .search input{width:100%;border:0;background:0 0;}

/* 主页轮播 */
.banner{text-align:center;}
.banner img{width:100%;}

/* 跑马灯 */
.notice{display:flex;padding:10px;align-items:center;}
.notice-l{padding-right:10px;}
.notice-l img{width:18px;height:auto;}
.notice-r{line-height:1.1;flex:1;}

/* 头部导航 */
.nav{box-sizing:border-box;padding:15px 0;text-align:center;font-size:15px;}
.nav ul{display:flex;justify-content:space-around;}
.nav ul li img{margin-bottom:5px;width:50px;height:50px;}
#nav[data-fixed=fixed]{position:fixed;top:0;z-index:10;margin:0 auto;width:100%;max-width:750px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.05);}

/* 图片列表 */
.fgLine{position:relative;margin-bottom:20px;height:20px;border-bottom:1px solid #ddd;text-align:center;}
.fgLine>span{position:absolute;top:4px;left:50%;display:block;margin-left:-13px;width:30px;height:30px;border:1px dashed #ddd;border-radius:50%;background:#fff;color:#999;line-height:30px;}
.pic-wrap .wrap{box-sizing:border-box;margin:0 auto;padding:5px;column-count:2;column-gap:0;}
.pic-wrap .wrap .box{padding:5px;}
.pic-wrap .wrap .box .info{display:flex;box-sizing:border-box;width:100%;min-height:100px;border-radius:0 0 5px 5px;box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:center;cursor:pointer;flex-direction:column;}
.pic-wrap .wrap .box img{width:100%;}
.pic-wrap .wrap .box span{display:block;padding:10px 0;}
.loading{padding:10px;text-align:center;}
.refresh-element{background-color:#dcdcdc;}
@media screen and (min-width:600px){
    .pic-wrap .wrap{column-count:3;}
}

.loading{padding: 15px 20px;text-align:center;}