@charset "utf-8";
/* CSS Document */

.search { width: 100%; max-width: 750px; height: 50px; margin: 0 auto; padding: 10px; box-sizing: border-box; border-bottom: solid 1px #eee; background: #fff; position: fixed; top: 50px; z-index: 9;}
.search-box { display: flex; align-items: center; height: 32px; padding: 0 12px; box-sizing: border-box; font-size: 14px; border: solid 1px #ebebeb; border-radius: 32px; background: #f1f1f1;}
.search-l {}
.search-l select { height: 30px; background: none;}
.search-l option {}
.search-r { flex: 1; margin-left: 5px;}
.search-r input { width: 100%; height: 30px; background-size: 15px 15px; background: none;}

.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 { height: 30px; line-height: 30px; margin-right: 10px; margin-bottom: 10px; padding: 0 10px; color: #175199; border-radius: 4px; background: #f5f5f5;}

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

#hhb_prompt{ position: fixed; left: 50%; top: 50%; z-index: 2; margin: -30px 0 0 -30px; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 30px; color: #fff; background: rgba(0,0,0,.5); border-radius: 4px;}

.year { width: 100%; max-width: 750px; height: 52px; margin: 0 auto; padding: 10px; box-sizing: border-box; background: #fff; position: fixed; top: 50px; z-index: 10;}
.year ul { overflow: auto; white-space: nowrap; font-size: 0;}
.year ul::-webkit-scrollbar { display: none;}
.year ul li { width: 20%; display: inline-block; height: 32px; line-height: 32px; margin-right: 10px; font-size: 15px; text-align: center; border-radius: 32px; background: #f5f5f5;}
.year ul li:last-child { margin-right: 0;}
.year ul li.active { color: #fff; background: #0084ff;}
.qishu { display: flex; width: 100%; max-width: 750px; height: 39px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; position: fixed; top: 102px; z-index: 10; 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; height: 36px; line-height: 36px; padding: 0 10px; font-size: 15px; border-bottom: solid 3px #fff;}
.qishul ul li.active { color: #0084ff; border-bottom: solid 3px #0084ff;}
.qishur { width: 30px;}
.qishur-down { width: 100%; height: 39px; background: url("../images/down.png"/*tpa=https://gy.ws5588.cn/lsm/m5/images/down.png*/) right center no-repeat; background-size: 18px auto; position: relative;}
.qishur .qishur-box { display: none; width: 100%; max-width: 750px; margin: auto; height: 100vh; background: rgba(0,0,0,.7); position: absolute; transform: translateX(-50%); left: 50%;}
.qishur .qishur-box ul { display: flex; flex-direction: row; flex-wrap: wrap; max-height: 50vh; overflow: auto; padding: 15px 5px 5px 15px;}
.qishur .qishur-box ul li { width: calc(20% - 10px); margin-right: 10px; margin-bottom: 10px; padding: 8px 0; text-align: center; border-radius: 4px; box-sizing: border-box; background: #fff;}
.qishur .qishur-box ul li.active { color: #fff; background: #0084ff;}

.date-info { padding: 0 10px; font-size: 13px; color: #888;}
.date-info img { height: 18px; margin-right: 3px; vertical-align: middle;}

.bigpic { max-width: 750px; margin: 0 auto; padding: 10px; box-sizing: border-box;}
.bigpic img { width: 100%; height: auto; min-height: 100px; background: url("../images/loader.gif"/*tpa=https://gy.ws5588.cn/lsm/m5/images/loader.gif*/) center center no-repeat; background-size: 100px auto;}

.tkin-foot { display: flex; width: 100%; max-width: 750px; height: 50px; margin: 0 auto; border-top: solid 1px #eee; background: #fff; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9;}
.tkin-footl { display: flex; flex: 1; align-items: center; padding-left: 10px;}
.tkin-footl-pic { width: 32px; height: 32px; margin-right: 5px;}
.tkin-footl-pic img { width: 32px; height: 32px; margin-right: 5px; border-radius: 50%; object-fit: cover;}
.tkin-footl-input { flex: 1;}
.tkin-footl-input input { width: 100%; height: 32px; padding: 0 10px; box-sizing: border-box; border: solid 1px #ebebeb; border-radius: 32px; background: #f1f1f1;}
.tkin-footr { display: flex; padding: 0 5px;}
.tkin-footr li { width: 40px; height: 50px; text-align: center; display: block; position: relative;}
.tkin-footr li img { width: 20px; height: 20px; margin-top: 17px;}
.tkin-footr li span { width: 200px; line-height: 1; font-size: 12px; color: #999; text-align: left; position: absolute; top: 5px; left: 25px;}

.fenx { width: 86%; max-width: 600px; padding: 16px; box-sizing: border-box; border-radius: 2px; background: #fff; position: fixed; top: 50%; left: 0; right: 0; z-index: 100; margin: auto; transform: translateY(-50%);}
.fenx .close { width: 20px; height: 20px; display: inline-block; background: url("../images/close.png"/*tpa=https://gy.ws5588.cn/lsm/m5/images/close.png*/) center center no-repeat; background-size: 100% 100%; position: absolute; top: 16px; right: 16px;}
.fenx .tit { border-bottom: solid 1px #eee;}
.fenx .tit h3 { padding: 10px 0; display: inline-block; font-size: 17px; font-weight: bold; border-bottom: solid 3px #0084ff;}
.fenx .txt { padding: 15px 0; color: #999;}
.fenx .web {}
.fenx .web input { width: 100%; height: 40px; padding: 0 6px; box-sizing: border-box; border: solid 1px #ebebeb; border-radius: 4px; background: #f1f1f1;}
.fenx .btn { margin-top: 10px;}
.fenx .btn button { width: 100%; height: 40px; color: #fff; border: 0; border-radius: 4px; background: #0084ff;}
.fenx-black-bg { background: rgba(0,0,0,.6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99;}

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

.pic-down { width: 40px; height: 40px; border-radius: 50%; color: #fff; background: url("../images/down-pic.png"/*tpa=https://gy.ws5588.cn/lsm/m5/images/down-pic.png*/) center center no-repeat #0084ff; background-size: 20px auto; position: absolute; right: 15px; bottom: 15px;}

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