@charset "utf-8";
/* CSS Document */
/* 搜索 */
.search{position:fixed;top:50px;z-index:9;box-sizing:border-box;margin:0 auto;padding:10px;width:100%;height:50px;max-width:800px;border-bottom:solid 1px #eee;background:#fff;}
.search-box{display:flex;box-sizing:border-box;padding:0 12px;height:32px;border:solid 1px #ebebeb;border-radius:32px;background:#f1f1f1;font-size:14px;align-items:center;}
.search-l select{height:30px;background:0 0;}
.search-r{margin-left:5px;flex:1;}
.search-r input{width:100%;height:30px;background:0 0;background-size:15px 15px;}
.search-pic-list{padding:15px 15px 5px 15px;}
.search-pic-list ul{display:flex;flex-direction:row;flex-wrap:wrap;}
.search-pic-list ul li{margin-right:10px;margin-bottom:10px;padding:0 10px;height:30px;border-radius:4px;background:#f5f5f5;color:#175199;line-height:30px;}

/* 图片列表 */
.indexed-list h2{position:sticky;top:0;margin:0 20px 0 10px;padding-top:15px;padding-bottom:10px;border-bottom:1px solid #eee;color:#0084ff;font-size:17px;}
.indexed-list dl{margin:0 20px 0 10px;}
.indexed-list dd a{position:relative;display:block;height:46px;border-bottom:1px solid #eee;line-height:46px;}
.indexed-list dd a span{position:absolute;top:10px;right:0;display:inline-block;padding:0 10px;height:26px;border-radius:4px;background:#f5f5f5;color:#175199;font-size:14px;line-height:26px;}
.indexed-nav{position:fixed;top:50%;right:4px;z-index:2;color:#555;font-size:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.indexed-nav li{padding:3px 0;}
.indexed-nav li.active{color:#0084ff;}

/* 图片标题 */
.tabnav{margin-top:50px;display:flex;overflow:hidden;width:100%;height:2.8rem;border-top:solid .1rem #f0f0f0;border-bottom:solid .1rem #f0f0f0;color:#fff;text-align:center;font-size:1.2rem;line-height:1rem}
.tabnav div{display:flex;background:#0068b7;align-items:center;justify-content:center;flex-basis:100%}
.tabnav div.active{position:relative;background:#d80011;color:#ff0}

/* 年份选择 */
.year{overflow:hidden;width:100%;border-bottom:solid 1px #dcdcdc}
.year .swiper-wrapper{padding:.8rem 0}
.year .swiper-slide{margin-left:.6rem;padding:.6rem 1rem;width:auto;border-radius:1rem;background:#f0f0f0}
.year .swiper-slide:last-child{margin-right:.8rem}
.year .swiper-slide.active{background:#d80011;color:#fff}

/* 期数选择 */
.period{position:relative;display:flex;padding-right:.8rem;align-items:center;justify-content:space-between;border-bottom:solid 1px #dcdcdc}
.period .l{display:flex;overflow:hidden;width:40rem}
.period .l .item{position:relative;box-sizing:border-box;padding:.9rem 0;width:25%;max-width:25%;text-align:center;flex:1 0 auto}
.period .l .item.active{color:#d80011}
.period .l .item:after{position:absolute;top:0;right:0;bottom:0;display:inline-block;margin:auto;width:1px;height:2.7rem;background:#ddd;content:""}
.period .l .item:nth-child(4):after{display:none}
.period .r span{display:block;padding:0 .8rem;height:1.9rem;border-radius:1rem;background:#d80011;color:#fff;line-height:1.9rem}
.period .r span i{margin-left:.1rem}
.period-open{position:absolute;top:2.9rem;left:0;z-index:1;display:flex;overflow-y:scroll;box-sizing:border-box;padding:.5rem;width:100%;max-height:40vh;background:#fff;box-shadow:0 .5rem .1rem rgba(0,0,0,.1);flex-direction:row;flex-wrap:wrap}
.period-open::-webkit-scrollbar{width:0}
.period-open .item{box-sizing:border-box;padding:.8rem;width:20%;text-align:center}
.period-open .item span{display:block;height:.8rem;border:solid 1px #c3c3c3;border-radius:.1rem;line-height:.6rem}
.period-open .item.active{border-color:#d80011;color:#d80011}

/* 图片显示 */
.image-box{padding:5px 10px 5px 10px;text-align:center}
.image-box .image-content{position:relative}
.image-box .image-content img{width:100%;height:auto;cursor:zoom-in}
.operate{display:flex;padding:.4rem 0}
.operate .item{text-align:center;flex-basis:25%}
.operate .item i{margin-right:.1rem}
.operate .item.active i{color:#d80011}

/* 下载图片 */
.pic-down{position:absolute;right:15px;bottom:15px;width:40px;height:40px;border-radius:50%;background:url(down-pic.png) center center no-repeat rgba(0,0,0,.7);background-size:20px auto;color:#fff}