@charset "utf-8";

/*标头*/
header{position:fixed;top:0;right:0;left:0;z-index:10;box-sizing:border-box;margin:auto;padding:0 10px;width:100%;height:50px;max-width:750px;border-bottom:solid 1px #eee;background:#fff;line-height:50px;}
header .text{width:100%;text-align:center;font-weight:700;font-size:17px;}
header .back{position:absolute;top:0;left:10px;}
header .back span{display:inline-block;width:20px;height:50px;background:url(back.png) center center no-repeat;background-size:20px auto;vertical-align:top;}
header .img{position:absolute;top:10px;right:10px;width:30px;height:30px;}
header .img img{width:30px;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;}

/*內容页年*/
.year{position:fixed;top:50px;right:0;left:0;z-index:10;box-sizing:border-box;margin:auto;padding:10px;width:100%;height:52px;max-width:750px;background:#fff;}
.year ul{overflow:auto;white-space:nowrap;font-size:0;}
.year ul::-webkit-scrollbar{display:none;}
.year ul li{display:inline-block;margin-right:10px;width:20%;height:32px;border-radius:32px;background:#f5f5f5;text-align:center;font-size:15px;line-height:32px;}
.year ul li:last-child{margin-right:0;}
.year ul li.active{background:#0084ff;color:#fff;}

/*內容页详情*/
.qishu{position:fixed;top:102px;right:0;left:0;z-index:10;display:flex;box-sizing:border-box;margin:auto;padding:0 10px;width:100%;height:39px;max-width:750px;background:#fff;}
.qishul{width:calc(100% - 30px);}
.qishul ul{overflow:auto;white-space:nowrap;font-size:0;}
.qishul ul::-webkit-scrollbar{display:none;}
.qishul ul li{display:inline-block;padding:0 10px;height:36px;border-bottom:solid 3px #fff;font-size:15px;line-height:36px;}
.qishul ul li.active{border-bottom:solid 3px #0084ff;color:#0084ff;}
.qishur{width:30px;}
.qishur-down{position:relative;width:100%;height:39px;background:url(down.png) right center no-repeat;background-size:18px auto;}
.qishur .qishur-box{position:absolute;left:50%;display:none;width:100%;height:100vh;max-width:750px;background:rgba(0,0,0,.5);transform:translateX(-50%);}
.qishur .qishur-box ul{display:flex;overflow:auto;padding:15px 5px 5px 15px;max-height:50vh;background:#fff;flex-direction:row;flex-wrap:wrap;}
.qishur .qishur-box ul li{box-sizing:border-box;margin-right:10px;margin-bottom:10px;padding:5px 0;width:calc(20% - 10px);border:solid 1px #eee;border-radius:4px;text-align:center;}
.qishur .qishur-box ul li.active{border:solid 1px #0084ff;background:#0084ff;color:#fff;}

.banner {}
.banner img{width:100%;height:auto;max-width:730px;border-radius:4px;vertical-align:top;}

.banner-box{padding:10px;text-align:center;}
.banner-box .swiper-container .swiper-wrapper .swiper-slide{min-height:200px!important;}