.filter_box{padding: 0 30px 30px;background: #fff;border-radius: 7px;margin-top: 20px;box-shadow: 0 0 18px rgba(31,61,101,0.14);display: none;}
	.filter_box.cur{display: block;}
	.filter_box .filter_title{font-size: 18px;color: #000;font-family: 'Lato-Bold';font-weight: bold;padding-top: 25px;margin-bottom: -10px;}
	.filter_box .btn_list{border-top: 1px solid #e0e4e6;display: block;margin-top: 29px;padding-top: 22px;display: flex;justify-content: flex-end;}
	.filter_box .btn_list .btn{width: 163px;line-height: 50px;border-radius: 4px;text-align: center;background: #f7f9ff;font-size: 16px;color: #000;font-family: 'Lato-Bold';font-weight: bold;border: 1px solid #ccd1d4;cursor: pointer;margin-left: 20px;}
	.filter_box .btn_list .btn.search{border-color: #1566ff;background: #1566ff;color: #fff;}
	.filter_box .btn_list .btn.reset{border-color: #b0cbff;background: #e6f2ff;color: #045afe;}
	.filter_box .top_data{display: -webkit-grid;display: -ms-grid;display: -moz-grid;display: grid;-webkit-grid-template-columns: repeat(4, calc((100% - 3* 20px) / 4));-ms-grid-columns: repeat(4, calc((100% - 3* 20px) / 4));grid-template-columns: repeat(4, calc((100% - 3* 20px) / 4));row-gap: 0px;column-gap: 20px;}
	.filter_box .top_data.third{-webkit-grid-template-columns: repeat(3, calc((100% - 2* 20px) / 3));-ms-grid-columns: repeat(3, calc((100% - 2* 20px) / 3));grid-template-columns: repeat(3, calc((100% - 2* 20px) / 3));}
	.filter_box .top_data .label{width: 100%;}
	.filter_box .label>label{display: block;font-size: 16px;color: #000;font-family: 'Lato-Bold';font-weight: bold;margin: 25px 0 7px;}
	.filter_box .label>input{width: 100%;box-sizing: border-box;padding: 0 20px;height: 50px;border-radius: 4px;color: #000;font-family: 'Lato-Bold';border: 1px #ddd solid;}
	.filter_box .label .label_select .select_info{width: 100%;box-sizing: border-box;padding: 0 20px;height: 50px;border-radius: 4px;color: #000;font-family: 'Lato-Bold';font-weight: normal;border: 1px #ddd solid;}
	.filter_box .label>input::-webkit-input-placeholder {font-family: Arial;font-weight: normal;}
	.filter_box .label>input:-moz-placeholder {font-family: Arial;font-weight: normal;}
	.filter_box .label>input::-moz-placeholder {font-family: Arial;font-weight: normal;}
	.filter_box .label>input:-ms-input-placeholder {font-family: Arial;font-weight: normal;}
	.filter_box .label .label_select{position: relative;}
	.filter_box .label .label_select .select_info{display: flex;justify-content: space-between;align-items: center;background: #FFF;padding: 0 20px;height: 50px;border-radius: 4px;cursor: pointer;}
	.filter_box .label .label_select .select_info .select_name {display: inline-block;vertical-align: middle;margin-top: 0;text-transform: capitalize;color: #6d767e;font-family: Arial;font-weight: normal;}
	.filter_box .label .label_select .select_info .select_name.cur{color: #000;font-family: 'Lato-Bold';font-weight: bold;}
	.filter_box .label .label_select .select_info .select_icon {width: 16px;height: 16px;}
	.filter_box .label .label_select .select_info .icon_drop {background-image: url(/static/themes/default/images/icon-select-drop.png);}
	.filter_box .label .label_select .select_info .icon_put {background-image: url(/static/themes/default/images/icon-select-put.png);}
	.filter_box .label .label_select .input_position {width: 100%;padding: 16px 0;border-radius: 4px;margin-top: 7px;position: absolute;left: 0;top: 100%;border: 1px solid #c5c5c5;box-shadow: 0 2px 8px rgb(0 0 0 / 15%);overflow: auto;background-color: #fff;box-sizing: border-box;display: none;overscroll-behavior: contain;z-index: 1;max-height: 300px;overflow-y: auto;}
	.filter_box .label .label_select .input_position {scrollbar-width: thin;}
	.filter_box .label .label_select .input_position::-webkit-scrollbar {/*滚动条整体样式*/width: 5px;/*高宽分别对应横竖滚动条的尺寸*/height: 5px;}
	.filter_box .label .label_select .input_position::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #d7d7d7;}
	.filter_box .label .label_select .input_position::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #fff;}
	.filter_box .label .label_select .input_position input {height: 36px;margin: 0 16px;box-sizing: border-box;width: calc( 100% - 32px );padding-left: 35px;background: url(/static/themes/default/images/icon-search.png) no-repeat left 10px center;font-size: 14px;display: none;}
	.filter_box .label .label_select .input_position li {font-size: 16px;font-weight: bold;padding: 0 16px;height: 35px;line-height: 35px;cursor: pointer;color: #010101;transition: all 0.3s ease;overflow: hidden;word-break: break-all;display: flex;align-items: center;gap: 10px;}
	.filter_box .label .label_select .input_position li.hide{display: none;}
	.filter_box .label .label_select .input_position li:hover,.filter_box .label .label_select .input_position li.current {color: #1566ff;background: #f2fafd;}
	.filter_box .label .label_select .input_position li .i_out{height: 14px;width: 24px;line-height: 1;}
	.filter_box .label .label_select .input_position li .i_out i{transform: scale(0.58947);transform-origin: left top;}
	.filter_box .label .label_select .input_position li span{text-wrap: nowrap;overflow: inherit}
	.filter_box .tooltip_trade_search_upgrade {background: url(/static/themes/default/images/black_lock.png) no-repeat;background-size: contain;height: 16px;width: 13px;cursor: pointer;display: inline-block;margin-left: 5px}
	/*@media screen and (max-width: 1024px){*/
	/*	.filter_box .top_data{-webkit-grid-template-columns: repeat(3, calc((100% - 2* 20px) / 3));-ms-grid-columns: repeat(3, calc((100% - 2* 20px) / 3));grid-template-columns: repeat(3, calc((100% - 2* 20px) / 3));}*/
	/*	.filter_box .btn_list .btn{width: 140px;line-height: 40px;}*/
	/*}*/
	@media screen and (max-width: 1024px){
		.filter_box{display: block;transition: all 0.3s;position: fixed;right: 0;top: 0;bottom: 0;z-index: 10001;margin: 0;box-sizing: border-box;border-radius: 0;transform: translateX(100%);opacity: 0;padding: 0 4vw;}
		.filter_box.cur{opacity: 1;transform: translateX(0);}
		.filter_box .filter_title{margin: 0;padding: 20px 0 5px;font-size: 4.8vw;line-height: 1;}
		.filter_box .filter_title .close{display: inline-block;cursor: pointer;width: 4vw;height: 4vw;background: url(/static/themes/default/images/alert_close.png) no-repeat center / contain;float: right;margin-top: 0.4vw;}
		.filter_box #add_search_form,.filter_box #add_trade_form{max-height: calc(100vh - 35px - 4.8vw - 10vw - 6vw);margin-top: 3vw;overflow-y: auto;}
		.filter_box .top_data.third,.filter_box .top_data{display: block;height: calc(100vh - 10vw);}
		.filter_box .label label{font-size: 3.7333vw;}
		/* .filter_box .label label{font-size: 3.7333vw;margin: 3vw 0 1.5vw;} */
		.filter_box .top_data .label:first-child label{margin-top: 0;}
		.filter_box .label input,.filter_box .label .label_select .select_info{padding: 0 4vw;font-size: 3.7333vw;height: 12vw;}
		.filter_box .label .label_select .select_info .select_name{font-size: 3.7333vw;}
		.filter_box .label .label_select .select_info .select_icon{width: 3.6vw;height: 3.6vw;background-size: contain;}
		.filter_box .label .label_select .input_position{margin-top: 0;margin-bottom: 1vw;padding: 2vw 0;max-height: 30vh;}
		.filter_box .label .label_select .input_position li{padding: 0 3vw;line-height: 8vw;height: 8vw;font-size: 3.7333vw;}
		.filter_box .btn_list{position: absolute;bottom: 0;width: 92%;margin: 0;padding: 0;border: unset;gap: 2vw;}
		.filter_box .btn_list .btn{margin: 0;line-height: 10vw;width: 50%;font-size: 4.2vw;}
		.filter_box .btn_list .btn.close{display: none;}
		.filter_box .daterangepicker {max-width: 520px !important;}
	}
	@media screen and (max-width: 750px){
		.filter_box{width: 90vw;}
		.filter_box .daterangepicker {max-width: 82vw !important;}
	}