:root {
	--s_line: 1px solid #444;
	--s_color1:#b83018;
	--s_sub_bg: #111;
	--s_sub_bg2: #111;
	--default-color: #ff3c39;
	--default-hover-color: #b83018;
}
body {
    color: #aaa;
    background-color: #111;
}
.z_btn_1 {
	background-color:#0d6efd;
	color:#fff;
	border:none;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_1:hover {
	background-color:#0c5dd4;
}
.z_btn_2 {
	background-color:#6c757d;
	color:#fff;
	border:none;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_2:hover {
	background-color:#4c5a67;
}
.z_btn_3 {
	background-color:#198754;
	color:#fff;
	border:none;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_3:hover {
	background-color:#0b623a;
}
.z_btn_4 {
	background-color:#dc3545;
	color:#fff;
	border:none;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_4:hover {
	background-color:#ad1423;
}
.z_btn_5 {
	background-color:#ffc107;
	color:#000;
	border:none;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_5:hover {
	background-color:#c39200
}
.z_btn_6 {
	background-color:#0dcaf0;
	color:#000;
	border:none;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_6:hover {
	background-color:#01a3c4;
}
.z_btn_7 {
	background-color:#ff7c00;
	color:#fff;
	border:0px solid #e87100;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_7:hover {
	background-color:#e87100;
}
.z_btn_8 {
	background-color:#f34d00;
	color:#fff;
	border:0px solid #ce4100;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_8:hover {
	background-color:#ce4100;
}
.z_btn_9 {
	background-color:#a10d03;
	color:#fff;
	border:0px solid #950d04;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_9:hover {
	background-color:#950d04;
}
.z_btn_10 {
	background-color:#e7577b;
	color:#fff;
	border:0px solid #cf4164;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_10:hover {
	background-color:#cf4164;
}
.z_btn_11 {
	background-color:#df5555;
	color:#fff;
	border:0px solid #c54848;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_11:hover {
	background-color:#c54848;
}
.z_btn_12 {
	background-color:#ff6d5b;
	color:#fff;
	border:0px solid #e66150;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_12:hover {
	background-color:#e66150;
}
.z_btn_13 {
	background-color:#ff107b;
	color:#fff;
	border:0px solid #d30461;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_13:hover {
	background-color:#d30461;
}
.z_btn_14 {
	background-color:#01bfbc;
	color:#fff;
	border:0px solid #00a7a4;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_14:hover {
	background-color:#00a7a4;
}
.z_btn_15 {
	background-color:#a000f8;
	color:#fff;
	border:0px solid #9403e4;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_15:hover {
	background-color:#9403e4;
}
.z_btn_16 {
	background-color:#0163d4;
	color:#fff;
	border:0px solid #0155b6;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_16:hover {
	background-color:#0155b6;
}
.z_btn_17 {
	background-color:#00a8ff;
	color:#fff;
	border:0px solid #0098e6;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_17:hover {
	background-color:#0098e6;
}
.z_btn_18 {
	background-color:#5dade2;
	color:#fff;
	border:0px solid #357fb0;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_18:hover {
	background-color:#357fb0;
}
.z_btn_19 {
	background-color:#8797b8;
	color:#fff;
	border:0px solid #56688e;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_19:hover {
	background-color:#56688e;
}
.z_btn_20 {
	background-color:#8e8e8e;
	color:#fff;
	border:0px solid #7c7b7b;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_20:hover {
	background-color:#7c7b7b;
}
.z_btn_21 {
	background-color:#997a5d;
	color:#fff;
	border:0px solid #745538;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_21:hover {
	background-color:#745538;
}
.z_btn_22 {
	background-color:#014e86;
	color:#fff;
	border:0px solid #003b66;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_22:hover {
	background-color:#003b66;
}
.z_btn_23 {
	background-color:#000;
	color:#fff;
	border:0px solid #000;
	border-radius:3px;
	padding:6px 10px;
	line-height:18px;
	font-family:"hg_1";
	cursor:pointer;
}
.z_btn_23:hover {
	background-color:#000;
}
.z_radio_1 {
	width:20px;
	height:20px;
	appearance:none;
	position:relative;
	outline:none;
}
.z_radio_1:before {
	content:"";
	width:16px;
	height:16px;
	border:1px solid #ccc;
	display:inline-block;
	border-radius:50%;
	vertical-align:middle;
}
.z_radio_1:checked:before {
	content:"";
	width:16px;
	height:16px;
	border:1px solid #ccc;
	display:inline-block;
	border-radius:50%;
	vertical-align:middle;
}
.z_radio_1:checked:after {
	content:"";
	width:10px;
	height:10px;
	text-align:center;
	background-color:#ff5151;
	border-radius:50%;
	display:block;
	position:absolute;
	top:4px;
	left:4px;
}
.z_radio_1:checked+label {
	color:#ff5151;
}
.z_radio_2 {
	width:20px;
	height:20px;
	appearance:none;
	position:relative;
	outline:none;
}
.z_radio_2:before {
	content:"";
	width:16px;
	height:16px;
	border:1px solid #ccc;
	display:inline-block;
	border-radius:50%;
	vertical-align:middle;
}
.z_radio_2:checked:before {
	content:"";
	width:16px;
	height:16px;
	border:1px solid #ccc;
	display:inline-block;
	border-radius:50%;
	vertical-align:middle;
}
.z_radio_2:checked:after {
	content:"";
	width:10px;
	height:10px;
	text-align:center;
	background-color:#66ff78;
	border-radius:50%;
	display:block;
	position:absolute;
	top:4px;
	left:4px;
}
.z_radio_2:checked+label {
	color:#66ff78;
}
.z_radio_3 {
	width:20px;
	height:20px;
	appearance:none;
	position:relative;
}
.z_radio_3:before {
	content:'';
	width:20px;
	height:20px;
	border:1px solid #7d7d7d;
	display:inline-block;
	border-radius:50%;
	vertical-align:middle;
}
.z_radio_3:checked:before {
	content:'';
	width:20px;
	height:20px;
	border:1px solid #ff5151;
	background:#ff5151;
	display:inline-block;
	border-radius:50%;
	vertical-align:middle;
}
.z_radio_3:checked:after {
	content:'';
	width:10px;
	height:5px;
	border:2px solid white;
	border-top:transparent;
	border-right:transparent;
	text-align:center;
	display:block;
	position:absolute;
	top:6px;
	left:5px;
	vertical-align:middle;
	transform:rotate(-45deg);
}
.z_radio_3:checked+label {
	color:#ff5151;
}
.z_radio_4 {
	width:20px;
	height:20px;
	appearance:none;
	position:relative;
}
.z_radio_4:before {
	content:'';
	width:20px;
	height:20px;
	border:1px solid #7d7d7d;
	display:inline-block;
	border-radius:50%;
	vertical-align:middle;
}
.z_radio_4:checked:before {
	content:'';
	width:20px;
	height:20px;
	border:1px solid #66ff78;
	background:#66ff78;
	display:inline-block;
	border-radius:50%;
	vertical-align:middle;
}
.z_radio_4:checked:after {
	content:'';
	width:10px;
	height:5px;
	border:2px solid white;
	border-top:transparent;
	border-right:transparent;
	text-align:center;
	display:block;
	position:absolute;
	top:6px;
	left:5px;
	vertical-align:middle;
	transform:rotate(-45deg);
}
.z_radio_4:checked+label {
	color:#66ff78;
}
.z_checkbox_1 {
	width:16px;
	height:16px;
	margin-top:0;
	background-color:#fff;
	border:1px solid #c9c9c9;
	border-radius:2px;
	color:#fff;
	text-align:center;
	line-height:15px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	outline:none;
}
.z_checkbox_1:hover {
	border-color:#ff5151;
}
.z_checkbox_1:checked {
	color:#fff;
	background-color:#ff5151;
	border:1px solid #ff5151;
}
.z_checkbox_1:after {
	content:"✔";
}
.z_checkbox_2 {
	width:16px;
	height:16px;
	margin-top:0;
	background-color:#fff;
	border:1px solid #c9c9c9;
	border-radius:2px;
	color:#fff;
	text-align:center;
	line-height:15px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	outline:none;
}
.z_checkbox_2:hover {
	border-color:#43adea;
}
.z_checkbox_2:checked {
	color:#fff;
	background-color:#43adea;
	border:1px solid #43adea;
}
.z_checkbox_2:after {
	content:"✔";
}
.z_checkbox_3 {
	width:16px;
	height:16px;
	margin-top:0;
	background-color:#fff;
	border:1px solid #c9c9c9;
	border-radius:2px;
	color:#fff;
	text-align:center;
	line-height:15px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	outline:none;
}
.z_checkbox_3:hover {
	border-color:#111;
}
.z_checkbox_3:checked {
	color:#fff;
	background-color:#111;
	border:1px solid #111;
}
.z_checkbox_3:after {
	content:"✔";
}
.z_checkbox_4 {
	width:16px;
	height:16px;
	margin-top:0;
	background-color:#fff;
	border:1px solid #c9c9c9;
	border-radius:2px;
	color:#fff;
	text-align:center;
	line-height:15px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	outline:none;
}
.z_checkbox_4:hover {
	border-color:#FFF200;
}
.z_checkbox_4:checked {
	color:#fff;
	background-color:#FFF200;
	border:1px solid #FFF200;
}
.z_checkbox_4:after {
	content:"✔";
}
.z_span_lan1 {
	background-color:#337ab7;
	color:#fff;
	border:1px solid #2e6da4;
	border-radius:3px;
	padding:4px 10px;
	font-family:"hg_1";
}
.z_span_lan1:hover {
	background-color:#286090;
}
.z_span_lv1 {
	background-color:#5cb85c;
	color:#fff;
	border:1px solid #4cae4c;
	border-radius:3px;
	padding:4px 10px;
	font-family:"hg_1";
}
.z_span_lv1:hover {
	background-color:#449d44;
}
.z_span_qing1 {
	background-color:#5bc0de;
	color:#fff;
	border:1px solid #46b8da;
	border-radius:3px;
	padding:4px 10px;
	font-family:"hg_1";
}
.z_span_qing1:hover {
	background-color:#31b0d5;
}
.z_span_huang1 {
	background-color:#f0ad4e;
	color:#fff;
	border:1px solid #eea236;
	border-radius:3px;
	padding:4px 10px;
	font-family:"hg_1";
}
.z_span_huang1:hover {
	background-color:#ec971f;
}
.z_span_hong1 {
	background-color:#d9534f;
	color:#fff;
	border:1px solid #d43f3a;
	border-radius:3px;
	padding:4px 10px;
	font-family:"hg_1";
}
.z_span_hong1:hover {
	background-color:#c9302c;
}
.z_zts_1 {
	color:#ff7c00 !important;
}
.z_zts_1:hover {
	color:#0163d4 !important;
}
.z_zts_2 {
	color:#a10d03 !important;
}
.z_zts_2:hover {
	color:#0163d4 !important;
}
.z_zts_3 {
	color:#01bfbc !important;
}
.z_zts_3:hover {
	color:#0163d4 !important;
}
.z_zts_4 {
	color:#0163d4 !important;
}
.z_zts_4:hover {
	color:#ff7c00!important;
}
.z_zts_5 {
	color:#a000f8 !important;
}
.z_zts_5:hover {
	color:#0163d4 !important;
}
.z_zts_6 {
	color:#014e86 !important;
}
.z_zts_6:hover {
	color:#0163d4 !important;
}
.z_zts_7 {
	color:#ff107b !important;
}
.z_zts_7:hover {
	color:#0163d4 !important;
}
.z_zts_8 {
	color:#997a5d !important;
}
.z_zts_8:hover {
	color:#0163d4 !important;
}
.z_zts_9 {
	color:#df5555 !important;
}
.z_zts_9:hover {
	color:#0163d4 !important;
}
.z_zts_10 {
	color:green !important;
}
.z_zts_10:hover {
	color:#0163d4 !important;
}
.z_zts_11 {
	color:white !important;
}
.z_zts_11:hover {
	color:#0163d4 !important;
}
.z_zts_bianse {
	animation:z_zts_bianse 3s infinite alternate;
}
@keyframes z_zts_bianse {
	0% {
	color:#FFFF00;
}
5% {
	color:#FF8247;
}
10% {
	color:#008B45;
}
15% {
	color:#FA8072;
}
20% {
	color:#FF0000;
}
25% {
	color:#EE1289;
}
30% {
	color:#CD7054;
}
35% {
	color:#C1FFC1;
}
40% {
	color:#BF3EFF;
}
45% {
	color:#9B30FF;
}
50% {
	color:#CAFF70;
}
55% {
	color:#8B2323;
}
60% {
	color:#E0FFFF;
}
65% {
	color:#87CEFA;
}
70% {
	color:#7FFF00;
}
75% {
	color:#F08080;
}
80% {
	color:#6495ED;
}
85% {
	color:#FF34B3;
}
90% {
	color:#40E0D0;
}
95% {
	color:#FF7F24;
}
100% {
	color:#00FA9A;
}
}.z_bjs_1 {
	background-color:#0d6efd;
}
.z_bjs_1:hover {
	background-color:#005ee9;
}
.z_bjs_2 {
	background-color:#6c757d;
}
.z_bjs_2:hover {
	background-color:#586068;
}
.z_bjs_3 {
	background-color:#198754;
}
.z_bjs_3:hover {
	background-color:#157146;
}
.z_bjs_4 {
	background-color:#dc3545;
}
.z_bjs_4:hover {
	background-color:#b72b38;
}
.z_bjs_5 {
	background-color:#ffc107;
}
.z_bjs_5:hover {
	background-color:#d4a006;
}
.z_bjs_6 {
	background-color:#0dcaf0;
}
.z_bjs_6:hover {
	background-color:#0aa8c8;
}
.z_bjs_7 {
	background-color:#212529;
}
.z_bjs_7:hover {
	background-color:#111416;
}
.z_bjs_8 {
	background-color:#337ab7;
}
.z_bjs_8:hover {
	background-color:#286090;
}
.z_bjs_9 {
	background-color:#5cb85c;
}
.z_bjs_9:hover {
	background-color:#449d44;
}
.z_bjs_10 {
	background-color:#5bc0de;
}
.z_bjs_10:hover {
	background-color:#31b0d5;
}
.z_bjs_11 {
	background-color:#f0ad4e;
}
.z_bjs_11:hover {
	background-color:#ec971f;
}
.z_bjs_12 {
	background-color:#d9534f;
}
.z_bjs_12:hover {
	background-color:#c9302c;
}
.z_bjs_13 {
	background-color:#cfe2ff;
}
.z_bjs_13:hover {
	background-color:#b3d1ff;
}
.z_bjs_14 {
	background-color:#d1e7dd;
}
.z_bjs_14:hover {
	background-color:#b5e4ce;
}
.z_bjs_15 {
	background-color:#fff3cd;
}
.z_bjs_15:hover {
	background-color:#fdebb3;
}
.z_bjs_16 {
	background-color:#f8d7da;
}
.z_bjs_16:hover {
	background-color:#f7b7bd;
}
.z_bjs_17 {
	background-color:#cff4fc;
}
.z_bjs_17:hover {
	background-color:#a7effe;
}
.z_bjs_18 {
	background-color:#e2e3e5;
}
.z_bjs_18:hover {
	background-color:#c3cee4;
}
.z_bjs_19 {
	background-color:#d3d3d4;
}
.z_bjs_19:hover {
	background-color:#b9b9d2;
}
.z_bjs_20 {
	background-color:#7DABD3;
}
.z_bjs_20:hover {
	background-color:#5785AC;
}
.z_bjs_21 {
	background-color:#DFF0D8;
}
.z_bjs_21:hover {
	background-color:#d0e6c7;
}
.z_bjs_22 {
	background-color:#D9EDF7;
}
.z_bjs_22:hover {
	background-color:#cae4f1;
}
.z_bjs_23 {
	background-color:#FCF8E3;
}
.z_bjs_23:hover {
	background-color:#f3eed2;
}
.z_bjs_24 {
	background-color:#F2DEDE;
}
.z_bjs_24:hover {
	background-color:#eacece;
}
.z_bjs_25 {
	background-color:#B8DAFF;
}
.z_bjs_25:hover {
	background-color:#9fcdff;
}
.z_bjs_26 {
	background-color:#C3E6CB;
}
.z_bjs_26:hover {
	background-color:#b1dfbb;
}
.z_bjs_27 {
	background-color:#BEE5EB;
}
.z_bjs_27:hover {
	background-color:#abdde5;
}
.z_bjs_28 {
	background-color:#FFEEBA;
}
.z_bjs_28:hover {
	background-color:#ffe8a1;
}
.z_bjs_29 {
	background-color:#F5C6CB;
}
.z_bjs_29:hover {
	background-color:#f1b0b7;
}
.z_bjs_jb1 {
	background:linear-gradient(#2f82fd,#0f6ffd)
}
.z_bjs_jb1:hover {
	background:linear-gradient(#2b78e9,#0a5fdc)
}
.z_bjs_jb2 {
	background:linear-gradient(#81888f,#6d767e)
}
.z_bjs_jb2:hover {
	background:linear-gradient(#60656a,#545c63)
}
.z_bjs_jb3 {
	background:linear-gradient(#39986c,#1a8755)
}
.z_bjs_jb3:hover {
	background:linear-gradient(#2b7553,#136942)
}
.z_bjs_jb4 {
	background:linear-gradient(#e1525f,#dc3746)
}
.z_bjs_jb4:hover {
	background:linear-gradient(#b7414b,#aa2834)
}
.z_bjs_jb5 {
	background:linear-gradient(#ffca2a,#ffc109)
}
.z_bjs_jb5:hover {
	background:linear-gradient(#d3a724,#ffc109)
}
.z_bjs_jb6 {
	background:linear-gradient(#2fd1f2,#0ecaf0)
}
.z_bjs_jb6:hover {
	background:linear-gradient(#26a8c2,#0aa0be)
}
.z_bjs_jb7 {
	background:linear-gradient(#404447,#23272b)
}
.z_bjs_jb7:hover {
	background:linear-gradient(#232628,#0a0b0c)
}
.z_biao-ddd {
	border-collapse:collapse;
	border-spacing:0;
}
/* <table class="z_biao-ddd" ></table> */
.z_biao-ddd td {
	padding:4px;
	border:1px solid #ddd;
}
.z_tm_changdu {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	word-wrap:break-word;
	word-break:break-all;
}
/* .z_ul_li_div2 {
	width:170px;
	font-size:0.85em;
	line-height:20px;
	margin:0 auto;
}
中间对齐 */

.z_duankai:after {
	content:"";
	clear:both;
	display:block;
	float:none;
}
.z_hr {
	height:1px;
	width:auto;
	margin:5px auto;
	background-color:#ddd;
}
.z_jb_tcc_kong_tp {
	position:relative;
}
.z_jb_tcc_tmbj_tp {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	z-index:31;
	display:none;
}
.z_jb_tcc_tmbj_xs_tp {
	position:absolute;
	outline:4px solid #fff;
	z-index:32;
}
.z_jb_tcc_kong_nr {
	position:relative;
}
.z_jb_tcc_tmbj_nr {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	z-index:31;
	display:none;
}
.z_jb_tcc_tmbj_xs_nr {
	position:absolute;
	outline:4px solid #fff;
	z-index:32;
	background-color:#ffffff;
}
.z_jb_up_kong {
	width:100%;
	position:fixed;
	display:none;
}
.z_jb_up_jz {
	max-width:1100px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.z_jb_up_xs {
	position:absolute;
	top:80vh;
	left:1150px;
	z-index:5;
}
.z_jb_up_nr {
	width:50px;
	height:50px;
	border-radius:50px;
	line-height:50px;
	cursor:pointer;
	background-color:rgba(0,0,0,0.2);
	text-align:center;
	color:#fff;
}
.select_box_select {
	margin-right:10px;
	height:200px;
	border:5px solid #6aa2f6;
	padding:15px;
	font-size:12px;
	font-family:gulim;
	min-width:150px;
}
.z_kuang_tp_waikuang:hover {
	outline:1px solid #FF0033;
}
.z_kuang_tp_tmd:hover {
	opacity:0.7;
}
.z_kuang_tp_ying:hover {
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.z_kuang_tp_tmd_bjs {
	background-color:#000;
}
.z_kuang_tp_tmd_bjs:hover img {
	opacity:0.4;
}
.z_kuang_tp_yd_zy {
	transition:all 0.5s;
}
.z_kuang_tp_yd_zy:hover {
	transform:translate(5px,0px);
}
.z_kuang_tp_yd_sx {
	transition:all 0.5s;
}
.z_kuang_tp_yd_sx:hover {
	transform:translate(0px,-5px);
}
.z_tp_fanying {
	width:100%;
	height:100%;
}
.z_tp_yuan {
	width:100%;
	height:100%;
	border-radius:50%;
}
.z_tp_pinghua {
	width:100%;
	height:100%;
	border-radius:5px;
}
.z_tp_miaobian_y {
	width:100%;
	height:100%;
	border-radius:0.8em;
	border:1px solid #ddd;
	padding:5px;
}
.z_tp_miaobian_f {
	width:100%;
	height:100%;
	border:1px solid #ddd;
	padding:5px;
}
.zf_1 {
	width:7.3%;
	margin:0 0.5%;
	float:left;
}
.zf_2 {
	width:15.6%;
	margin:0 0.5%;
	float:left;
}
.zf_3 {
	width:24%;
	margin:0 0.5%;
	float:left;
}
.zf_4 {
	width:32.3%;
	margin:0 0.5%;
	float:left;
}
.zf_5 {
	width:40.6%;
	margin:0 0.5%;
	float:left;
}
.zf_6 {
	width:49%;
	margin:0 0.5%;
	float:left;
}
.zf_7 {
	width:57.3%;
	margin:0 0.5%;
	float:left;
}
.zf_8 {
	width:65.6%;
	margin:0 0.5%;
	float:left;
}
.zf_9 {
	width:74%;
	margin:0 0.5%;
	float:left;
}
.zhg_1 {
	width:82.3%;
	margin:0 0.5%;
	float:left;
}
.zf_11 {
	width:90.6%;
	margin:0 0.5%;
	float:left;
}
.zf_12 {
	width:99%;
	margin:0 0.5%;
	float:left;
}
.z_input {
	padding:0 5px;
	height:30px;
	line-height:30px;
	border:1px solid #ddd;
	color:#777;
}
.z_textarea {
	padding:4px 5px;
	border:1px solid #ddd;
	color:#777;
	font-family:"hg_1";
	resize:none;
}
.z_select {
	height:30px;
	border:1px solid #ddd;
	font-family:"hg_1";
	color:#777;
}
.z_input_hei {
	padding:0 5px;
	height:30px;
	line-height:30px;
	border:1px solid #444;
	color:#ddd;
	background-color:rgba(0,0,0,0.3);
}
.z_textarea_hei {
	padding:4px 5px;
	border:1px solid #444;
	color:#ddd;
	font-family:"hg_1";
	resize:none;
	background-color:rgba(0,0,0,0.3);
}
.z_select_hei {
	height:30px;
	border:1px solid #444;
	font-family:"hg_1";
	color:#aaa;
	background-color:#222;
}
.div_tpyl {
	display:inline-block;
	width:60px;
	height:60px;
	vertical-align:top;
	margin:10px;
}
.img-preview {
	display:inline-block;
	width:100px;
	vertical-align:top;
	margin:10px;
}
.thumbnail .item {
	padding:0 10px;
}
.thumbnail .item div {
	font-size:12px;
}
.thumbnail .img-responsive {
	width:100%;
}

/* z_page ks */

/* CSS Document */
.z_page1 {
	width:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	font-size:0.75em;
}
.z_page1 ul {
	float:left;
	position:relative;
	left:50%;
}
.z_page1 ul li {
	float:left;
	position:relative;
	right:50%;
	display:block;
	font-family:consolas;
}
.z_page1 ul li a {
	display:block;
	min-width:30px;
	min-height:30px;
	line-height:30px;
	background-color:#ededed;
	border:1px solid #ddd;
	border-radius:0px;
	margin-right:2px;
}
.z_page1 ul li a:hover {
	display:block;
	background-color:#43b6ff;
	border:1px solid #269eeb;
	color:#fff;
}
.z_page1 ul li a.now {
	color:#fff;
	background-color:#43b6ff;
	border:1px solid #269eeb;
}
.z_page2 {
	width:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	font-size:0.75em;
}
.z_page2 ul {
	float:left;
	position:relative;
	left:50%;
}
.z_page2 ul li {
	float:left;
	position:relative;
	right:50%;
	display:block;
	cursor:pointer;
	font-family:consolas;
}
.z_page2 ul li a {
	display:block;
	min-width:24px;
	min-height:24px;
	line-height:24px;
	background-color:#ededed;
	border:1px solid #ddd;
	border-radius:0px;
	margin-right:2px;
}
.z_page2 ul li a:hover {
	display:block;
	background-color:#43b6ff;
	border:1px solid #269eeb;
	color:#fff;
}
.z_page2 ul li a.now {
	color:#fff;
	background-color:#43b6ff;
	border:1px solid #269eeb;
}
.z_page3 {
	width:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	font-size:0.75em;
}
.z_page3 ul {
	float:left;
	position:relative;
	left:50%;
}
.z_page3 ul li {
	float:left;
	position:relative;
	right:50%;
	display:block;
	cursor:pointer;
	font-family:consolas;
}
.z_page3 ul li a {
	display:block;
	min-width:30px;
	min-height:30px;
	line-height:30px;
	background-color:#ededed;
	border:1px solid #ddd;
	border-radius:0px;
	margin-right:2px;
}
.z_page3 ul li a:hover {
	display:block;
	background-color:#2b2b2b;
	border:1px solid #111;
	color:#fff;
}
.z_page3 ul li a.now {
	color:#fff;
	background-color:#2b2b2b;
	border:1px solid #111;
}
.z_page4 {
	width:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	font-size:0.75em;
}
.z_page4 ul {
	float:left;
	position:relative;
	left:50%;
}
.z_page4 ul li {
	float:left;
	position:relative;
	right:50%;
	display:block;
	cursor:pointer;
	font-family:consolas;
}
.z_page4 ul li a {
	display:block;
	min-width:24px;
	min-height:24px;
	line-height:24px;
	background-color:#ededed;
	border:1px solid #ddd;
	border-radius:0px;
	margin-right:2px;
}
.z_page4 ul li a:hover {
	display:block;
	background-color:#2b2b2b;
	border:1px solid #111;
	color:#fff;
}
.z_page4 ul li a.now {
	color:#fff;
	background-color:#2b2b2b;
	border:1px solid #111;
}
.z_page5 {
	width:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	font-size:14px;
}
.z_page5 ul {
	float:left;
	position:relative;
	left:50%;
}
.z_page5 ul li {
	float:left;
	position:relative;
	right:50%;
	display:block;
	font-family:consolas;
}
.z_page5 ul li a {
	display:block;
	min-width:34px;
	min-height:34px;
	line-height:34px;
	border:1px solid #ebebeb;
	border-radius:0px;
	margin-right:4px;
}
.z_page5 ul li a:hover {
	display:block;
	background-color:#222222;
	border:1px solid #222222;
	color:#fff;
}
.z_page5 ul li a.now {
	color:#fff;
	background-color:#222222;
	border:1px solid #222222;
}
.ui-datepicker-title .ui-datepicker-year,.ui-datepicker-month {
	border:1px solid #ccc;
	height:26px;
	line-height:26px;
	font-family:"hg_1";
	font-size:12px !important;
	vertical-align:bottom;
	color:#666;
}
/* gy ks */
.z_gy_sjcd1_kong {
	}/* .z_gy_sjcd1_nr {
	position:absolute;
	z-index:52;
	margin-left:-80%;
	width:80%;
	height:100%;
	overflow-x:scroll;
	background-color:rgba(0,0,0,0.7);
}
因为阴影多给2% */
.z_gy_sjcd1_nr1 {
	width:100%;
	height:50px;
	line-height:50px;
}
.z_gy_sjcd1_nr1_jz {
	width:100%;
	margin:0 auto;
}
.z_gy_sjcd1_nr1_nr {
	width:auto;
}
.z_gy_sjcd1_nr2 {
	width:100%;
}
.z_gy_sjcd1_nr2_jz {
	width:100%;
	margin:0 auto;
}
.z_gy_sjcd1_nr2_nr {
	width:auto;
}
.z_gy_sjcd1_nr3 {
	width:100%;
}
.z_gy_sjcd1_nr3_jz {
	width:100%;
	margin:0 auto;
}
.z_gy_sjcd1_nr3_nr {
	width:auto;
}
.z_gy_sjcd1_nr_xia {
	width:100%;
}
.z_gy_sjcd1_nr_xia_jz {
	width:100%;
	margin:0 auto;
}
.z_gy_sjcd1_nr_xia_nr {
	width:auto;
}
.z_gy_sjcd1_tmbj {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	position:fixed;
	top:0;
	left:0;
	display:none;
	z-index:51;
}
.sj_gy_wr {
	width:100%;
	height:100%;
}
.sj_gy_shang1_wr {
	width:100%;
}
.sj_gy_shang1_jz {
	width:100%;
	margin:0 auto;
}
.sj_gy_shang1_nr {
	width:100%;
	overflow-y:hidden;
}
.sj_gy_shang1_nr1 {
	width:auto;
}
.sj_gy_shang1_btn_houtui {
	}.sj_gy_shang1_btn_cd {
	}.sj_gy_shang2_wr {
	width:100%;
}
.sj_gy_shang2_jz {
	width:100%;
	margin:0 auto;
}
.sj_gy_shang2_nr {
	width:auto;
}
.sj_gy_shang3_wr {
	width:100%;
}
.sj_gy_shang3_jz {
	width:100%;
	margin:0 auto;
}
.sj_gy_shang3_nr {
	width:auto;
}
.sj_gy_xia1_wr {
	width:100%;
}
.sj_gy_xia1_jz {
	width:100%;
	margin:0 auto;
}
.sj_gy_xia1_nr {
	width:auto;
}
/* gy js */



/* layout ks */

/* yh_login ks */
.sj_yh_login_nr1_wr {
	width:auto;
}
.sj_yh_login_nr1_jz {
	width:auto;
	margin:0 auto;
}
.sj_yh_login_nr1_nr {
	width:auto;
	margin:0 auto;
}
/* yh_login js */

/* yh_readme ks */
.sj_yh_readme_nr1_wr {
	width:auto;
}
.sj_yh_readme_nr1_jz {
	width:94%;
	margin:0 auto;
}
.sj_yh_readme_nr1_nr {
	width:auto;
	margin:0 auto;
}
.sj_yh_readme_nr1_nr1 {
	width:auto;
	margin:0 auto;
}
.sj_yh_readme_nr1_nr2 {
	width:auto;
	margin:0 auto;
}
.sj_yh_readme_nr1_nr3 {
	width:auto;
	margin:0 auto;
}
/* yh_readme js */

/* yh_join ks */
.sj_yh_join_nr1_wr {
	width:auto;
}
.sj_yh_join_nr1_jz {
	width:94%;
	margin:0 auto;
}
.sj_yh_join_nr1_nr {
	width:auto;
	margin:0 auto;
}
.sj_yh_join_nr1_nr1 {
	width:auto;
	margin:0 auto;
}
.sj_yh_join_nr1_nr2 {
	width:auto;
	margin:0 auto;
}
.sj_yh_join_nr1_nr3 {
	width:auto;
	margin:0 auto;
}
/* yh_join js */


/* yh_join_ok ks */
.sj_yh_join_ok_nr1_wr {
	width:auto;
}
.sj_yh_join_ok_nr1_jz {
	width:94%;
	margin:0 auto;
}
.sj_yh_join_ok_nr1_nr {
	width:auto;
	margin:0 auto;
}
.sj_yh_join_ok_nr1_nr1 {
	width:auto;
	margin:0 auto;
}
.sj_yh_join_ok_nr1_nr2 {
	width:auto;
	margin:0 auto;
}
.sj_yh_join_ok_nr1_nr3 {
	width:auto;
	margin:0 auto;
}
/* yh_join_ok js */

/* layout js */





.pe_hktable th {
	background:#f7f7f9;
	width:20%;
	color:#000;
	padding:12px;
	border:1px solid #d8dbdf;
	font-weight:normal;
	font-size:12px;
	font-weight:700;
	text-align:right;
}
.pe_hktable td {
	border:1px solid #e7e9ec;
	width:80%;
	padding:12px;
	font-size:12px;
}
.pe_btn_off {
	height:50px;
	width:100%;
	text-align:center;
	line-height:50px;
	font-weight:700;
	font-size:14px;
	background-color:transparent;
	border:1px solid #ddd;
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.pe_btn_on {
	height:50px;
	width:100%;
	text-align:center;
	line-height:50px;
	font-weight:700;
	font-size:14px;
	background:#f54947;
	color:#fff;
	border:0;
	cursor:pointer;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.pe_btn_off:hover {
	filter:brightness(90%);
}
.pe_btn_on:hover {
	filter:brightness(90%);
}
.s_list_hover:hover {
	background-color:#fafafa;
}
.s_input {
	outline:1px solid #cccccc;
	font-size:12px;
	color:#2f2f2f;
	box-sizing:border-box;
	border:none;
	padding:10px;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.05);
}
.s_input:focus {
	outline:1px solid #ffa1a0;
}
.s_input::placeholder {
	font-size:12px;
	color:#cecece;
}
.s_input[readonly="readonly"] {
	color:#b83018;
	font-weight:700;
	box-shadow:none;
	border:none;
	outline:none;
}
textarea:focus {
	outline:1px solid #ffa1a0;
}
.s_textarea {
	outline:1px solid #cccccc;
	font-size:12px;
	color:#2f2f2f;
	box-sizing:border-box;
	border:none;
	padding:10px;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.05);
}
.s_textarea:focus {
	outline:1px solid #ffa1a0;
}
.s_textarea::placeholder {
	font-size:12px;
	color:#cecece;
}
.s_textarea:focus {
	outline:1px solid #6a4f20;
}
.s_listover {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.s_btnoff40 {
	border:1px solid #000;
	width:100%;
	height:40px;
	cursor:pointer;
	text-align:center;
	font-size:12px;
	text-align:center;
	font-weight:700;
	background-color:#fff;
	color:#000;
	padding:0 30px;
}
.s_btnon40 {
	border:1px solid #000;
	width:100%;
	height:40px;
	cursor:pointer;
	text-align:center;
	font-size:12px;
	text-align:center;
	font-weight:700;
	background-color:#000;
	color:#fff;
	padding:0 30px;
}
.s_title_on {
	font-size:14px;
	color:#000;
	font-weight:700px;
	border-bottom:2px solid #000;
	padding:20px 50px;
}
.s_title_off {
	font-size:14px;
	color:#ccc;
	font-weight:700px;
	border-bottom:2px solid #ccc;
	padding:20px 50px;
}
/* 전체 div 시작 */    
    .z_gy_wr {
	color:#2f2f2f;
	font-size:14px;
	background-color:#f6f6f6;
}
/* 전체 div 끝 */

    .z_page5 {
	width:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	font-size:14px;
}
.z_page5 ul {
	float:left;
	position:relative;
	left:50%;
}
.z_page5 ul li {
	float:left;
	position:relative;
	right:50%;
	display:block;
	font-family:consolas;
}
.z_page5 ul li a {
	display:block;
	min-width:34px;
	min-height:34px;
	line-height:34px;
	border:1px solid #ebebeb;
	border-radius:0px;
	margin-right:4px;
}
.z_page5 ul li a:hover {
	display:block;
	background-color:#222222;
	border:1px solid #222222;
	color:#fff;
}
.z_page5 ul li a.now {
	color:#fff;
	background-color:#222222;
	border:1px solid #222222;
}
/* s 스타일 추가 끝========================================================================================================================= */

    .z_jb_bp_tp {
	/*box-shadow:0px 0px 5px rgba(255,255,255,0.5);
	*/
        display:none;
	overflow:auto;
}
.z_jb_bp_nr {
	/*box-shadow:0px 0px 5px rgba(255,255,255,0.5);
	*/
        display:none;
}
.s_call_text {
	width:0;
	height:0;
	right:50px;
	top:0;
	white-space:nowrap;
	opacity:0;
	visibility:hidden;
	transition:all 300ms;
	letter-spacing:-10px;
}
.main_nav a {
	font-size:16px;
	font-weight:700;
	color:#fff;
	padding:0 40px;
	line-height:50px;
}
.main_nav a:hover {
	color:#bf1b20;
}
.xg12_main_search {
	width:250px;
	height:42px;
	padding: 0 10px;
	border:none;
	color:#fff;
	box-sizing:border-box;
	border-radius:4px 0 0 4px;
	background-color:transparent;
	transition:all 300ms ease;
}
.xg12_main_search::placeholder {
	color:#eee;
}
.xg12_main_search:focus {
	background-color:rgba(0,0,0,0.2);
	width:300px;
	border:none;
	outline:none;
}

.sub-visual-wrap {
    background: url(../img/bg-sub-visual00.gif) center center no-repeat;
    background-size: cover;
    width: 100%;
}
.sub-visual-wrap .sub-visual-box {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    box-sizing: border-box;
}
.sub-visual-wrap .sub-title {
    padding: 60px 0 29px 0;
    font-size: 40px;
    color: #fff;
    font-weight: 700;
}
.sub-visual-wrap .navi {
    padding: 17px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 15px;
    color: #e0e0e0;
}
.sub-visual-wrap .jwxe_navigator {
    display: block;
    position: relative;
    top: 0;
    left: 0;
}
.sub-visual-wrap .navi img {
    padding: 0 25px 0 0;
}
.sub_main {
	width:100%;
	margin: 30px auto;
	min-height:70vh;
	max-width: 1200px;
	overflow: hidden;
}

.main_item {
	width:100%;
	margin:0 auto;
	padding-top: 30px;
	margin-top: 10px;
	border-top: 1px solid #444;
}
.main_item h1 {
	font-size:22px;
	color:#222;
	font-weight:500;
	padding-bottom:40px;
	text-align:center;
}
.main_item ul {
    max-width: 1200px;
    margin: 0 auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	row-gap:40px;
}
.main_item ul li {
	width:18%;
	padding-bottom:10px;
}
.main_item ul li .rank {
    color:#fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); line-height: 30px; font-size: 40px; font-weight: 500; margin-bottom: 5px; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; font-style: italic; padding: 5px 5px;
}
.main_item ul li .main_list_a {
    position: relative;
	width:18%;
	padding-bottom:10px;
}
.main_item ul li .main_list_a:hover {outline: 3px solid #bf1b20; text-decoration: none;}
.main_item .item_img_box {
	width:100%;
	height: 300px;
	overflow:hidden;
}
.main_item .item_img_box img {
    max-width: 100%;
    height: auto;
}
.main_item ul li .item_img {
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1);
	transition:all 300ms ease;
}
.main_item ul li .item_timu {
	width:100%;
	font-size:12px;
	color: #aaa;
	font-weight:400;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:8px 5px 0;
	text-align:center;
}
.main_item ul li .item_timu.item_subject {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.main_item ul li .item_timu.item_cate {
    color: #ff4a57;
    border: solid 1px #ddd;
    padding: 0 10px;
    margin: 10px auto;
    line-height: 24px;
    width: fit-content;
    border-radius: 10px;
}
.item_price_box {
	padding-top:8px;
}
.main_item ul li .item_price {
	width:100%;
	font-size:14px;
	color:#fff;
	font-weight:700;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:0 2px;
}
.main_item ul li .item_sale_price {
	width:100%;
	font-size:12px;
	color:rgb(179,179,179);
	font-weight:500;
	text-decoration:line-through;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:0 2px;
}
.main_item ul li .item_sale_percent {
	width:100%;
	font-size:14px;
	color:rgb(244,61,61);
	font-weight:700;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding:0 0 0 5px;
}
.main_item .item_type {
	padding:5px 0;
}
.main_item .item_type span {
	display:inline-block;
	font-weight:500;
	border:1px solid #eee;
	margin:1px;
	padding:0 7px;
	line-height:18px;
	font-size:10px;
	letter-spacing:0.1em;
}
.main_item .item_best {
	color:#ff3578;
}
.main_item .item_cucen {
	color:#7522e6;
}
.main_item .item_hot {
	color:#e62222;
}
.main_item .item_hit {
	color:#ffc31b;
}
.main_item .item_new {
	color:#49d88b;
}
.main_item li:hover .item_img_box {
	outline:3px solid #bf1b20;
}
.main_main {
	width:100%;
	min-height:90vh;
}
.main_main > h2 {
    display: none;
}
.xg12_banner02 a img {
	transition:all 300ms ease;
}
.xg12_banner02 a:hover img {
	transform:scale(1.1);
}
.mySwiper1 .swiper-wrapper {
	cursor:grab;
}
.mySwiper1 .swiper-wrapper:active {
	cursor:grabbing;
}
.top_header {
    width: 100%; background-image: url('../img/008.jpg'); background-size: cover;
}
.top_header > div {
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    padding: 10px 0 20px;
}
.top_header > div .top_menu {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 0 15px;
    color: #eee;
}
.top_header > div .top_menu a {
    color: #aaa;
}
.top_header > div .top_menu a b {
    font-size: inherit;
}
.top_header > div .menu_list {
    max-width: 1200px;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu_wrap {
    display: none;
}
.top_header > div .menu_list .main_nav {
    width: 450px; display: flex; align-items: center; justify-content: center; gap: 0px;
}
.top_header > div .menu_list .logo {width: 300px;text-align: center;}
.top_header > div .menu_list .logo a {
    
}
.top_header > div .menu_list .logo img {
    max-width: 100%;
}
.top_header > div .menu_list .top_search {width: 450px;display: flex;justify-content: flex-end;}
.top_header > div .menu_list .top_search .z_sp_l_f1 {
    display: flex; flex-direction: row; border-bottom:2px solid #bf1b20; border-radius: 0px; overflow: hidden;
}
.top_header > div .menu_list .top_search .search_input {
    height:100%;padding:0 0 0 0px;display: flex;align-items: center;justify-content: center;
}
.top_header > div .menu_list .top_search .search_btn {
    height:100%;display: flex;align-items: center;justify-content: center;
}
.top_header > div .menu_list .btn_area {
    display: none;
}
.top_header > div .menu_list .top_search .search_btn button {
    height: 42px; line-height: 42px; border-radius:0 4px 4px 0; border: none; outline: none;cursor:pointer;display: flex;align-items: center;justify-content: center;padding:0 8px;
}
.top_header > div .menu_list .top_search .search_btn svg {
    width:20px;height:20px
}
.wrapper1 {
	width:100%;
	overflow:hidden;
	margin:0 auto;
	background-color:rgba(0,0,0,1);
}
.main_slider {
    width:100%;margin:0 auto;overflow: hidden; padding:0px 0; background-image: url('../img/007.jpg'); background-size: cover;
}
.main_slider {
    
}
.mySwiper1.swiper {
	max-width:1200px;
	height:auto;
	position:relative;
	overflow:visible;
}
.mySwiper1 .swiper-slide {
	max-width:1200px;
	text-align:center;
	font-size:18px;
	border-radius:0px;
	overflow:hidden;
    display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	position:relative;
}
.mySwiper1 .swiper-slide img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:0px;
}
/**/

.mySwiper1 .swiper-slide {
	filter:brightness(10%);
	transition:filter 0.5s;
}
.mySwiper1 .swiper-slide-active {
	filter:brightness(100%)
}
.mySwiper1 .swiper-slide section {
    width: 100%; padding: 50px 0; display: flex; justify-content: center; background-color: rgba(0,0,0,0.95);
}
.mySwiper1 .swiper-slide section .imgs {
    width: 400px; margin-right: 50px;
}
.mySwiper1 .swiper-slide section ul {
    width: 500px;
}
.mySwiper1 .swiper-slide section ul li {
    display: block;
}
.mySwiper1 .swiper-slide section ul li.subject {
    font-size: 34px; font-weight: 700; color: #bf1b20; line-height: 1.2em; text-align: left; padding-top: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mySwiper1 .swiper-slide section ul li.eng {
    font-size: 20px; font-weight: 300; color: #fff; line-height: 1.2em; text-align: left; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mySwiper1 .swiper-slide section ul li.info {
    font-size: 16px; font-weight: 300; color: #fff; line-height: 1.4em; text-align: left; padding-top: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mySwiper1 .swiper-slide section ul li.cate {
    font-size: 16px; font-weight: 300; color: #bf1b20; line-height: 1.4em; text-align: left; padding-top: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mySwiper1 .swiper-slide section ul li a.button {
    display: block;line-height: 50px;background-color: #bf1b20; font-size: 16px;font-weight: 700; color: #ffffff;text-align: center; border: 0; padding: 0; width: 50%; cursor: pointer; border-radius: 5px; margin-top: 50px;
}
.mySwiper1 .swiper-slide section ul li a.button:hover {
    text-decoration: none;
    background-color: #86060b;
}
.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(44px/ 44 * 27);
    height: 44px;
    margin-top: calc(0px - (44px/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}
.banner_list {
    width: 100%;
    background: linear-gradient(181deg, #bf1b20, #000);
    padding: 80px 0;
}
.banner_list ul {
    max-width: 1200px; margin: 0 auto 0; display: flex; flex-wrap: wrap; row-gap: 40px; justify-content: space-between;
}
.banner_list ul li {
    display: flex;
    width: 32%;
    border: 2px solid #000;
}
.banner_list ul li a {
    width: 100%; height: 150px; display: flex; align-items: center; justify-content: center; background-color: #fff;
}
.banner_list ul li a img {
    max-width: 70%; max-height: 70%;
}

.main_foot {
    background-color: #111;
    width:100%;
    padding: 0 0 30px;
    font-size: 11px;
}
.main_foot .foot_menu {
    color: #aaa;
    font-weight: 400;
    margin: 0 auto;
    text-align: center;
    height: 40px;
    background-color: #222;
}
.main_foot .foot_menu a {
    color: #aaa;
    line-height: 40px;
}
.main_foot .foot_menu span {
    display: inline;padding:0 10px;
}
.main_foot .foot_info {
    max-width:1200px;
    margin: 0 auto;
    text-align: left;
    padding: 0 20px;
}
.main_foot .foot_info ul {
    display: flex;flex-direction: row;justify-content: flex-start; flex-wrap: wrap;column-gap:15px; color: #444;font-weight: 300;width:100%;margin-top:15px;line-height: 1.5em;
}
.main_foot .foot_info ul li {
    display: block;
    color: #aaa;
}
.main_foot .foot_info .foot_copy {
    margin-top: 10px;color:#606060;font-weight: 300;
}

.changing {
	transition:opacity 0.3s;
	pointer-events:none;
}
.changed {
	transition:none;
}
/* pagination */
.mySwiper1 .swiper-pagination {
	position:absolute;
	bottom:30px;
	text-align:center;
}
/* nav btn*/
.mySwiper1 .swiper-button-next,.mySwiper1 .swiper-button-prev {
	top:50%;
}
.mySwiper1 .swiper-button-prev {
	transform:translateX(-200%);
	left:60px;
}
.mySwiper1 .swiper-button-next {
	transform:translateX(200%);
	right:60px;
}
.custom-fraction {
	position:absolute;
	top:50px;
}
.btn-wrapper {
	margin-top:50px;
	display:none;
}

.main_room {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.main_room img{width: 100%;}



.movie_view {
    margin:60px auto 0; max-width: 1200px;
}

.movie_view .view_con {
    display: flex; flex-direction: row;
}

.movie_view .view_con .img_wrap {
    width: 500px; margin-left: 20px; overflow: hidden;
}

.movie_view .view_con .view_info {
    margin-left: 40px; width: 570px; line-height: 1.6em;
}
.movie_view .view_con .view_info .mov_subject {border-bottom: solid 1px #444;}
.movie_view .view_con .view_info > div {
    padding: 0 0 40px 0;
    margin-bottom: 10px;
}

.movie_view .view_con .view_info > div h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}

.movie_view .view_con .view_info > div span {
    display: block;
    font-size: 12px;
    color: #aaa;
    font-weight: 500;
    margin-top: 5px;
}

.movie_view .view_con .view_info > p {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 36px;
}
.movie_view .view_con .view_info > p em {
    color: #777;
    margin-right: 10px;
}
.movie_view .view_con .view_info > p.live {
    color: #ff4a57;
    border: solid 1px #ddd;
    width: fit-content;
    text-align: center;
    border-radius: 10px;
    padding: 0 20px;
    margin-top: 10px;
}
.movie_view .view_con .view_info > ul {
    margin-top: 30px; display: flex; flex-direction: row; justify-content: flex-start;align-items: flex-end; width: 100%;
}

.movie_view .view_con .view_info > ul li {
    font-size:18px;
    color: #aaa;
    font-weight: 700;
}

.movie_view .view_con .view_info > ul li.xz_xqv {
    font-size:22px; color: #ff4a57;  padding-left: 10px;
}

.movie_view .view_con .view_info .view_btn {
    width: 100%;
    margin-top: 60px;
}

.movie_view .view_con .view_info .view_btn a {
    line-height: 44px;
    background-color: #ff4a57;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    border: none;
    padding: 0;
    width: 100%;
    cursor: pointer;
    border-radius: 5px;
    display: block;
}

.movie_view .movie_content {
    background-color: #222;
    padding: 0 40px;
    margin-top: 100px;
    display:flex;
    flex-direction: column;
    align-items: center;
}

.movie_view .movie_content > ul {
    display: flex; flex-direction: row;justify-content: center; gap: 10px; margin: 80px 0;
}

.movie_view .movie_content > ul li {
    line-height: 40px;
    border-bottom: 3px solid #ffff;
    color: #fff;
    font-size: 24px;
    padding: 0 30px;
    font-weight: bold;
}

.movie_view .movie_content .movie_content_view {
    display: flex;flex-direction: column;justify-content: center; line-height: 1.4em; font-size: 12px; color: #333; font-weight: 700;
}

.movie_view .movie_content .movie_content_view * {
    color: #aaa!important;
    width: 100% !important;
    height: auto !important;
}
.dy06_youtube {
    margin-top: 40px;
}
.dy06_youtube iframe {
    width: 100% !important; 
    height: 400px !important;
}
.dy06_youtube video {
    width: 100% !important; 
    height: 400px !important;
}
.bo_content_head, .bo_content_tail, .qa_content_head, .qa_content_tail, .co_content_head, .co_content_tail, .mc_content_head, .mc_content_tail, .ec_content_head, .ec_content_tail {
    border: solid 1px #444;
    background-color: #222;
}
@media (max-width: 800px){
    .top_header {
        background: #111;
    }
    .top_header > div {padding-top: 0;overflow: hidden;border-bottom: solid 1px #555;}
    .top_header > div .top_menu {padding: 0 20px 0 0;background-color: #111;line-height: 36px;border-bottom: solid 1px #333;margin-bottom: 20px;}
    .top_header > div .top_menu a.mobile {
        display: none;
    }
    .top_header > div .menu_list .logo {width: auto;max-width: 35%;margin-left: 20px;}
    .top_header > div .menu_list .logo img {
        width: 100%;
    }
    .top_header > div .menu_list .btn_area {
        display: flex;
        margin-left: auto;
        margin-right: 20px;
    }
    .top_header > div .menu_list .btn_area a {
        width: 24px;
        height: 24px;
        display: block;
        margin: 3px 5px 0 10px;
    }
    .top_header > div .menu_list .btn_area a img {
        width: 100%;
        height: auto;
    }
    .top_header > div .menu_list .btn_area .menu {
        width: 24px;
        height: 24px;
        display: block;
        margin-left: 10px;
        background: url(../img/menu.svg) center no-repeat;
        background-size: 100%;
    }
    .top_header > div .menu_list .btn_area .menu.open {
        background: url(../img/menu_close.svg) center no-repeat;
        background-size: 100%;
    }
    .top_header > div .menu_list {
        margin: 0;
    }
    .top_header > div .menu_list .main_nav, .top_header > div .menu_list .top_search {
        display: none;
    }

    
    .menu_wrap{
        position: absolute;
        top: 100px;
        right: -580px;
        background: #020001;
        z-index: 10000;
        width: 100%;
        max-width: 500px;
        height: calc(100% - 7%);
        transition: all 0.3s;
        display: none;
        flex-direction: column;
    }
    
    .menu_wrap.on{
        display: flex;
        right: 0px;
        transition: all 0.3s;
    }
    
    .menu_wrap .inner{
        padding: 20px 20px 0 20px;
    }
    
    .menu_wrap .logo{
        width: 67px;
    }
    
    .menu_wrap .tit{
        font-size: 1.6em;
        color: #fff;
    }
    
    .menu_wrap .btn_wrap{
        margin-top: 2em;
    }
    
    .menu_wrap .btn_wrap::after{
        content: "";
        display: block;
        clear: both;
    }
    
    .menu_wrap .btn_wrap a{
        width: 108px;
        height: 36px;
        line-height: 36px;
        display: block;
        float: left;
        text-align: center;
        color: #fff;
        font-size: 1.4em;
        font-weight: 500;
        border: 1px solid #c3c3c4;
        box-sizing: border-box;
        border-radius: 5px;
        margin-right: 8px;
    }
    
    .menu_wrap .btn_wrap a:last-child{
        margin-right: 0;
    }
    
    .menu_wrap .btn_wrap a.bg{
        color: #212121;
        background: #fff;
        border: none;
    }
    
    .menu_wrap .menu_icon{
        padding: 10px 0;
        border-top: 1px solid #c3c3c4;
        border-bottom: 1px solid #c3c3c4;
        box-sizing: border-box;
        width: 100%;
    }
    
    .menu_icon .inner{
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: auto;
        padding: 0;
    }
    
    .menu_wrap .menu_icon button{
        cursor: pointer;
        padding-top: 54px;
        width: 58px;
        text-align: center;
        display: block;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        border: none;
    }
    
    .menu_wrap .menu_icon button.btn1{
        background: url(../img/icon_01.png) center top 0 no-repeat;
    }
    
    .menu_wrap .menu_icon button.btn2{
        background: url(../img/icon_02.png) center top 0 no-repeat;
    }
    
    .menu_wrap .menu_icon button.btn3{
        background: url(../img/icon_03.png) center top 0 no-repeat;
    }
    
    .menu_wrap .menu_icon button.btn4{
        background: url(../img/icon_04.png) center top 0 no-repeat;
    }
    
    .menu_list_wrap{
        margin-top: 20px;
        overflow-y: scroll;
        max-height: 400px;
    }
    .menu_list_wrap::-webkit-scrollbar {
        display: none;
    }
    
    .menu_list_wrap .menu_list{
        max-height: 50px;
        overflow: hidden;
    }
    
    .menu_list_wrap .menu_list.on{
    }
    
    .menu_list_wrap .menu_list.on .dept2{
        background: #090909;
    }
    
    .menu_list_wrap .menu_list > a{
        font-size: 1.6em;
        font-weight: 500;
        color: #fff;
        line-height: 60px;
        background: url(../img/menu_arrow.png) center right 0 no-repeat;
        display: block;
        width: calc(100% - 40px);
        margin: auto;
    }
    
    .menu_list_wrap .menu_list span{font-size: 18px;font-weight: 500;color: #fff;line-height: 50px;background: url(../img/menu_arrow.png) center right 0 no-repeat;display: block;width: calc(100% - 40px);margin: auto;}
    
    .menu_list_wrap .menu_list.on > a{
        background: url(../img/menu_arrow_on.png) center right 0 no-repeat;
    }
    
    .menu_list_wrap .menu_list .dept2{
        margin-top: 5px;
        padding: 20px;
    }
    
    .menu_list_wrap .menu_list .dept2 li{
        margin-bottom: 20px;
    }
    
    .menu_list_wrap .menu_list .dept2 li:last-child{
        margin-bottom: 0;
    }
    
    .menu_list_wrap .menu_list .dept2 li a{
        font-size: 1.4em;
        color: rgba(255,255,255,0.4);
    }
    
    .menu_list_wrap .menu_list .dept2 li a.on{
        color: #fff;
    }
    
    .sub-visual-wrap .sub-title {
        text-align: center;
    }
    .sub-visual-wrap .jwxe_navigator{
        padding-left: 20px;
    }
    .sub_main {
        width: 94%;
    }
    .main_room {
        padding: 10px;
        gap: 20px;
    }
    .mySwiper1 .swiper-slide section {
        padding: 0 0 40px;
    }
    .mySwiper1 .swiper-slide section ul {
        position: relative;
        z-index: 2;
        width: 80%;
        margin: 20px auto 0;
        padding: 0 10px;
    }
    .mySwiper1 .swiper-slide section ul li {
        line-height: 30px !important;
        padding: 0 !important;
        font-size: 14px !important;
    }
    .mySwiper1 .swiper-slide section ul li.subject {padding: 20px 0 0 !important;font-size: 28px !important;color: #fff;font-weight: bold;}
    .mySwiper1 .swiper-slide section ul li.eng {font-size: 12px !important;color: #aaa;margin-bottom: 20px;}
    .mySwiper1 .swiper-slide section ul li.cate {
        color: #f1ff67;
    }
    .mySwiper1 .swiper-slide section .imgs {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .mySwiper1 .swiper-slide section .imgs img {
        opacity: 0.3;
    }
    .main_item {
        width: 94%;
    }
    .main_item .item_img_box {
        height: auto;
    }
    .main_item ul {
        row-gap: 10px;
    }
    .main_item ul li {
        width: 48%;
        padding: 0;
    }
    .banner_list {
        margin-top: 40px;
    }
    .banner_list ul {
        width: 90%;
    }
    .movie_view {
        margin: 0;
        width: 100%;
    }
    .movie_view .view_con {display: block;}
    .movie_view .view_con .img_wrap {margin: 0;max-width: 100%;}
    #bo_v_img {
        border-bottom: solid 1px #ddd;
        padding: 20px;
    }
    #bo_v_img img {
        width: 100%;
    }
    .movie_view .view_con .view_info {
        margin: 40px 0 0;
        width: 100%;
    }
    .movie_view .view_con .view_info .view_btn {margin-top: 30px;padding: 0;}
    .movie_view .view_con .view_info .view_btn a {
    margin: 0 auto;
    }
    .movie_view .movie_content {
        padding: 0;
        margin: 40px 0 0;
    }
    .movie_view .movie_content > ul {
        margin: 0 0 30px;
    }
}