body{width: 100%;height: 100%;margin: 0;font-size: 14px;}
h1, h2, h3, h4, h5, h6, ul, ol, dl, dd{font-size: 14px;}

.search_box,.show_box{max-width: 1200px;margin: 0 auto;background: #fff;}

:root{
	--bz-color: #2cbcfe;
}
        
.conter{margin: 0 2%;}
.search_text{background: #eee;}
.search_text .conter{display: flex;justify-content: center;padding: 1.5em;width: 100%;box-sizing: border-box;}
.search_text input{border: 0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;font-size: 1.125em;padding: 1em 1.5em;width: 60%;}
.search_text button{border: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;font-size: 1.125em;width: 20%;background: var(--bz-color);color: #fff;cursor: pointer;}
.search_select .conter{padding: 0.8em 0;border-bottom: 1px solid #cccccc;}
.search_select .conter>div{display:flex;align-items: flex-start;padding: 0.5em 0;}
.search_select span{font-size: 1.125em;padding: 0.5em 1em;margin: 0.25em;display: inline-block;line-height: 1;cursor: pointer;}
.search_select span.hover{background: var(--bz-color);color: #fff;}

.search_res{display: flex;justify-content: space-between;padding: 1em 0;align-items: flex-start;min-height: 21em;}
.search_res .main{width: 70%;}
.search_res .main li{padding: 0.8em 0;}
.search_res .main li em{color: var(--bz-color);}
.search_res .main .res_tit{color: var(--bz-color);display: flex;align-items: center;}
.search_res .main .res_tit span{display: inline-block;padding: 0.25em 1em;margin-right: 0.5em;white-space: nowrap;background: rgba(44,188,254,0.18);border-radius: 8px;}
.search_res .main .res_tit a{color: #4141be;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.search_res .main .content{text-indent: 2em;font-size: 0.9em;color: #666;padding: 0.5em 0;}
.search_res .main .date{display: block;text-align: right;color: #999;}
.search_res .addtion_box{width: 25%;}

.search_fl .tis{display: flex;align-items: center;border-bottom: 1px solid #ccc;margin: 0.5em auto 1em;}
.search_fl .tis span,.search_fl .tis .bsfw{display: inline-block;margin-right: 1.5em;font-size: 1.0em;padding: 0.5em 1.5em;margin-bottom: -1px;color: #333;cursor: pointer;}
.search_fl .tis span.hover,.search_fl .tis .bsfw.hover{color: var(--bz-color);border-bottom: 1px solid var(--bz-color);}

/* .addtion_box.show{margin-top: 5.1em;} */
.addtion_box .addtion.tsk{padding: 1.5em 2.625em 3em;box-sizing: border-box;width: 22em;border-radius: 14px;background: url("search_zth.png");background-color: rgba(44,188,254,0.7);background-position: bottom center;background-repeat: no-repeat;background-size: 90% auto;box-shadow: 0 0 5px 0 rgb(0,0,0,0.3);}
.addtion_box .addtion.tsk.found{background-size: 70% auto,90% auto;}
.addtion_box .addtion.tsk .tsk_tit{font-size: 1.125em;color: #fff;font-family: 'Rzzy';text-align: center;line-height: 1;}
.addtion_box .addtion.tsk .tsk_js{padding-top: 1.5em;line-height: 1;}
.addtion_box .addtion.tsk .tsk_js p{font-size: 0.875em;text-indent: 2em;color: #fff;line-height: 1.8;}
.addtion_box .addtion.tsk .tsk_js span{display: block;text-indent: 1em;color: #fff;padding: 1.3em 0;font-size: 0.875em}
.addtion_box .addtion.tsk .tsk_js .fw{background: #fff;border-radius: 14px;padding: 1em 1.3em;}
.addtion_box .addtion.tsk .tsk_js .fw .fw_tit{color: #229dd5;font-size: 0.875em}
.addtion_box .addtion.tsk .tsk_js .fw ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 1em 0 0.5em;}
.addtion_box .addtion.tsk .tsk_js .fw li{width: 33%;}
.addtion_box .addtion.tsk .tsk_js .fw a{padding: 0.25em 0;color: #229dd5;display: inline-block;font-size: 0.8em;}

.addtion_box .addtion.results{position: relative;}
.addtion_box .addtion.results .ztfw strong{height: 3em;width: 100%;text-align: center;font-size: 1.5em;color: var(--bz-color);font-weight: bold;display: flex;justify-content: flex-start;align-items: center;text-shadow: 2px 2px 5px rgba(0,0,0,0.2);font-family: Rzzy, "sans-serif", "Arial"}
.addtion_box .addtion.results .ztfw p{font-family: Rzzy, "sans-serif", "Arial";color: var(--bz-color);line-height: 1;margin-bottom: 1.5em;font-size: 0.9em;}
.addtion_box .addtion.results>div{padding-bottom: 2em;}
.addtion_box .addtion.results>div.hide{display: none;}
.addtion_box .addtion.results>div strong{font-size: 1.1em;font-weight: normal;position: relative;display: block;color: #fff;font-family: Rzzy, "sans-serif", "Arial";background: linear-gradient(100deg, var(--bz-color) 3%,transparent 50%);padding: 0.25em 0.75em;border-radius: 50px;}
.addtion_box .addtion.results .cont{display: flex;flex-direction: column;padding-top: 0.5em;padding-left: 1.5em;}
.addtion_box .addtion.results .cont a{padding: 0.5em 0;color: #333;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.addtion_box .addtion.results .cont .fg:not(:last-of-type){height: 1px;width: 100%;margin: 1em 0;margin-bottom: -1;border-bottom: 1px dashed #ccc;display: block;}
.addtion_box .pm{padding: 1.5em;}
.addtion_box .pm strong{font-size: 1.5em;font-weight: normal;font-family: Rzzy, "sans-serif", "Arial";text-shadow: 2px 2px 5px rgba(0,0,0,0.2);color: var(--bz-color);}
.addtion_box .pm em{font-size: 1.5em;font-style: italic;margin-right: 0.5em;}
.addtion_box .pm ul{padding: 1em 0;}
.addtion_box .pm li{display: flex;align-items: center;}
.addtion_box .pm li:not(li:nth-of-type(3) ~ li) em{color: var(--bz-color);font-family: Rzzy, "sans-serif", "Arial";}
.addtion_box .pm a{font-size: 1.25em;color: #333;padding: 0.25em 0;}
.addtion_box .pm span{font-size: 0.8em;padding: 0.25em 0.75em;background: rgba(44,188,254,0.18);border-radius: 8px;margin-left: 1em;color: var(--bz-color);}

.loading{width: 100%;height: 28em;margin-bottom: 1.5em;}
.loading .loading_box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.loading .loading_box span{width: 0.5em;height: 2.5em;display: inline-block;border-radius: 4px;background: lightgreen;animation: load 1s ease infinite;;-webkit-animation: load 1s ease infinite;margin: 0 0.15em;}
.loading .loading_box span:nth-of-type(2){-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.loading .loading_box span:nth-of-type(3){-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.loading .loading_box span:nth-of-type(4){-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.loading .loading_box span:nth-of-type(5){-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}

.main .bsfw{margin: 1em 0;}
.main .bsfw .bsfw_tit{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.9em;}
.main .bsfw .bsfw_tit a{font-size: 1.1em;font-weight: bold;color: #333;}
.main .bsfw .bsfw_tit span{font-size: 1.5em;font-family: Rzzy, "sans-serif", "Arial";text-shadow: 2px 2px 5px rgb(0 0 0 / 20%);color: var(--bz-color);display: inline-block;}
.main .bsfw li{display: flex;justify-content: space-between;align-items: center;}
.main .bsfw li:not(:last-of-type){border-bottom: 1px solid #cccccc;}
.main .bsfw li span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #4141be;}
.main .bsfw li span em{color: #333;}
.main .bsfw li a{padding: 0.25em 0.75em;border: 1px solid var(--bz-color);border-radius: 4px;color: var(--bz-color);white-space: nowrap;display: inline-block;}

.main .bsfw_list li{display: flex;justify-content: space-between;border-bottom: 1px solid #cccccc;align-items: center;margin-bottom: 0.75em;}
.main .bsfw_list li span{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #4141be;}
.main .bsfw_list li span em{color: #333;}
.main .bsfw_list li a{padding: 0.25em 0.75em;border: 1px solid var(--bz-color);border-radius: 4px;color: var(--bz-color);white-space: nowrap;display: inline-block;}


@keyframes load{
	0%, 100%{
		height: 2.5em;
		background: lightgreen;
	}
	50%{
		height: 5em;
		background: lightblue;
	}
}

@font-face {
	font-family: Rzzy;
	src: url("rzzy.ttf") format("truetype");
}

.page_m{width: 100%;display: flex;justify-content: center;align-items: center;}
.page_m div:not(.sl){padding: 0.25em 0.75em;margin: 0 0.75em;display: flex;justify-content: center;align-items: center;background: var(--bz-color);border: 1px solid var(--bz-color);color: #fff;border-radius: 8px;}
.page_m div a{line-height: 1.85em;color: inherit;}
.page_m div.active{background: #fff;}
.page_m div.active a{color:var(--bz-color);}

@media (max-width: 780px){
	.conter{margin: 0 3%;}
	.search_text .conter{width: 94%;}
	
	.search_fl .tis span,.search_fl .tis .bsfw{padding: 0.5em;margin-right: 0.5em;}
	
	.search_res{flex-wrap: wrap;}
	.search_res .main{width: 100%;}
	.search_res .addtion_box{width: 100%;margin-top: 2em;}

	.addtion_box .addtion.tsk{width: 100%;}
}