@charset "utf-8";
/*响应式*/
.app_width {width:100%;}
.margin_0, .margin {width:1200px; margin:0 auto;}
.margin_x {margin:0 4%;}  /*全屏响应式*/
.show_ful {display:block;}
.showib_ful {display:inline-block;}
.hide_ful {display:none;}
@media (max-width: 1220px){
	.margin_0, .margin {width:1000px; margin:0 auto;}
}
@media (max-width: 960px){
	body, html, .app_width {width:480px; margin:0 auto;}
	.margin_0 {width:auto; margin:0;}
	.margin {width:auto; margin:0 4%;}
	.show_960 {display:block;}
	.showib_960 {display:inline-block;}
	.hide_960 {display:none;}
}
@media (max-width: 480px) {
	body, html, .app_width {width:100%;}
	.show_480 {display:block;}
	.showib_480 {display:inline-block;}
	.hide_480 {display:none;}
}

/*字体超出显示省略号*/
.thide, [class^="thide"], [class*=" thide"]{
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;
}
.thide1 {-webkit-line-clamp:1;}.thide2 {-webkit-line-clamp:2;}.thide3 {-webkit-line-clamp:3;}.thide4 {-webkit-line-clamp:4;}.thide5 {-webkit-line-clamp:5;}.thide6 {-webkit-line-clamp:6;}.thide7 {-webkit-line-clamp:7;}.thide8 {-webkit-line-clamp:8;}.thide9 {-webkit-line-clamp:9;}.thide10 {-webkit-line-clamp:10;}

/*浮动*/
.fl, .fi {float:left;}
.fr {float:right;}

/*清除浮动*/
.clear, .aclear:after {clear:both; height:0; width:0; overflow:hidden; font-size:0;}
.aclear:after {content:""; display:block;}

/*定位*/
.pr {position:relative;}
.pa {position:absolute;}
.ps {position:static;}

 /*居中*/
.cen {text-align:center;}

/*宽度*/
.wful {width:100%; height:auto;}

/*高度*/
.hful {height:100%;}.h00 {height:0px;}.h10 {height:10px;}.h20 {height:20px;}.h30 {height:30px;}.h40 {height:40px;}.h50 {height:50px;}.h60 {height:60px;}.h70 {height:70px;}.h80 {height:80px;}.h90 {height:90px;}.h100 {height:100px;}

/*动画*/
.ease01, .ease01:before, .ease01:after, .ease01s, .ease01s *, .ease01s:before, .ease01s:after, .ease01s *:before, .ease01s *:after, .ease02, .ease02:before, .ease02:after, .ease02s, .ease02s *, .ease02s:before, .ease02s:after, .ease02s *:before, .ease02s *:after, .ease03, .ease03:before, .ease03:after, .ease03s, .ease03s *, .ease03s:before, .ease03s:after, .ease03s *:before, .ease03s *:after, .ease04, .ease04:before, .ease04:after, .ease04s, .ease04s *, .ease04s:before, .ease04s:after, .ease04s *:before, .ease04s *:after, .ease05, .ease05:before, .ease05:after, .ease05s, .ease05s *, .ease05s:before, .ease05s:after, .ease05s *:before, .ease05s *:after, .ease06, .ease06:before, .ease06:after, .ease06s, .ease06s *, .ease06s:before, .ease06s:after, .ease06s *:before, .ease06s *:after, .ease07, .ease07:before, .ease07:after, .ease07s, .ease07s *, .ease07s:before, .ease07s:after, .ease07s *:before, .ease07s *:after, .ease08, .ease08:before, .ease08:after, .ease08s, .ease08s *, .ease08s:before, .ease08s:after, .ease08s *:before, .ease08s *:after, .ease09, .ease09:before, .ease09:after, .ease09s, .ease09s *, .ease09s:before, .ease09s:after, .ease09s *:before, .ease09s *:after, .ease10, .ease10:before, .ease10:after, .ease10s, .ease10s *, .ease10s:before, .ease10s:after, .ease10s *:before, .ease10s *:after {transition-property:all; transition-timing-function:ease-out;}
.ease01, .ease01:before, .ease01:after, .ease01s, .ease01s *, .ease01s:before, .ease01s:after, .ease01s *:before, .ease01s *:after {transition-duration:0.1s;}
.ease02, .ease02:before, .ease02:after, .ease02s, .ease02s *, .ease02s:before, .ease02s:after, .ease02s *:before, .ease02s *:after {transition-duration:0.2s;}
.ease03, .ease03:before, .ease03:after, .ease03s, .ease03s *, .ease03s:before, .ease03s:after, .ease03s *:before, .ease03s *:after {transition-duration:0.3s;}
.ease04, .ease04:before, .ease04:after, .ease04s, .ease04s *, .ease04s:before, .ease04s:after, .ease04s *:before, .ease04s *:after {transition-duration:0.4s;}
.ease05, .ease05:before, .ease05:after, .ease05s, .ease05s *, .ease05s:before, .ease05s:after, .ease05s *:before, .ease05s *:after {transition-duration:0.5s;}
.ease06, .ease06:before, .ease06:after, .ease06s, .ease06s *, .ease06s:before, .ease06s:after, .ease06s *:before, .ease06s *:after {transition-duration:0.6s;}
.ease07, .ease07:before, .ease07:after, .ease07s, .ease07s *, .ease07s:before, .ease07s:after, .ease07s *:before, .ease07s *:after {transition-duration:0.7s;}
.ease08, .ease08:before, .ease08:after, .ease08s, .ease08s *, .ease08s:before, .ease08s:after, .ease08s *:before, .ease08s *:after {transition-duration:0.8s;}
.ease09, .ease09:before, .ease09:after, .ease09s, .ease09s *, .ease09s:before, .ease09s:after, .ease09s *:before, .ease09s *:after {transition-duration:0.9s;}
.ease10, .ease10:before, .ease10:after, .ease10s, .ease10s *, .ease10s:before, .ease10s:after, .ease10s *:before, .ease10s *:after {transition-duration:1s;}
.eased, .ease01s i:before, .ease02s i:before, .ease03s i:before, .ease04s i:before, .ease05s i:before, .ease06s i:before, .ease07s i:before, .ease08s i:before, .ease09s i:before, .ease10s i:before, .ease01s i:after, .ease02s i:after, .ease03s i:after, .ease04s i:after, .ease05s i:after, .ease06s i:after, .ease07s i:after, .ease08s i:after, .ease09s i:after, .ease10s i:after {transition-duration:0s;}

/*等分对齐*/
.cut2 {--marpix:10px; width:50%; float:left; margin-bottom:20px;}
.cut2>.mar {margin:0 calc(var(--marpix) / 2);}
.cut2:nth-child(2n-1)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
.cut2:nth-child(2n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

.cut3 {--marpix:20px; width:33.33%; float:left; margin-bottom:30px;}
.cut3>.mar {margin:0 calc(var(--marpix) / 2);}
.cut3:nth-child(3n-2)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
.cut3:nth-child(3n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

.cut4 {--marpix:20px; width:25%; float:left; margin-bottom:30px;}
.cut4>.mar {margin:0 calc(var(--marpix) / 2);}
.cut4:nth-child(4n-3)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
.cut4:nth-child(4n-2)>.mar {transform:translateX(calc(-1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 4 / 3))));}
.cut4:nth-child(4n-1)>.mar {transform:translateX(calc(1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 4 / 3))));}
.cut4:nth-child(4n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

.cut5 {--marpix:20px; width:20%; float:left; margin-bottom:30px;}
.cut5>.mar {margin:0 calc(var(--marpix) / 2);}
.cut5:nth-child(5n-4)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
.cut5:nth-child(5n-3)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 4)));}
.cut5:nth-child(5n-1)>.mar {transform:translateX(calc(1 * (var(--marpix) / 4)));}
.cut5:nth-child(5n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

.cut6 {--marpix:20px; width:16.66%; float:left; margin-bottom:30px;}
.cut6>.mar {margin:0 calc(var(--marpix) / 2);}
.cut6:nth-child(6n-5)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
.cut6:nth-child(6n-4)>.mar {transform:translateX(calc(-1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5))));}
.cut6:nth-child(6n-3)>.mar {transform:translateX(calc(-1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5)) / 3));}
.cut6:nth-child(6n-2)>.mar {transform:translateX(calc(1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5)) / 3));}
.cut6:nth-child(6n-1)>.mar {transform:translateX(calc(1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5))));}
.cut6:nth-child(6n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

@media (min-width: 1000px){
	.cut2p {--marpix:10px; width:50%; float:left; margin-bottom:20px;}
	.cut2p>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut2p:nth-child(2n-1)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut2p:nth-child(2n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

	.cut3p {--marpix:20px; width:33.33%; float:left; margin-bottom:30px;}
	.cut3p>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut3p:nth-child(3n-2)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut3p:nth-child(3n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

	.cut4p {--marpix:20px; width:25%; float:left; margin-bottom:30px;}
	.cut4p>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut4p:nth-child(4n-3)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut4p:nth-child(4n-2)>.mar {transform:translateX(calc(-1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 4 / 3))));}
	.cut4p:nth-child(4n-1)>.mar {transform:translateX(calc(1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 4 / 3))));}
	.cut4p:nth-child(4n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

	.cut5p {--marpix:20px; width:20%; float:left; margin-bottom:30px;}
	.cut5p>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut5p:nth-child(5n-4)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut5p:nth-child(5n-3)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 4)));}
	.cut5p:nth-child(5n-1)>.mar {transform:translateX(calc(1 * (var(--marpix) / 4)));}
	.cut5p:nth-child(5n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

	.cut6p {--marpix:20px; width:16.66%; float:left; margin-bottom:30px;}
	.cut6p>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut6p:nth-child(6n-5)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut6p:nth-child(6n-4)>.mar {transform:translateX(calc(-1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5))));}
	.cut6p:nth-child(6n-3)>.mar {transform:translateX(calc(-1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5)) / 3));}
	.cut6p:nth-child(6n-2)>.mar {transform:translateX(calc(1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5)) / 3));}
	.cut6p:nth-child(6n-1)>.mar {transform:translateX(calc(1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5))));}
	.cut6p:nth-child(6n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}
}
@media (max-width: 1000px){
	.cut2a {--marpix:10px; width:50%; float:left; margin-bottom:20px;}
	.cut2a>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut2a:nth-child(2n-1)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut2a:nth-child(2n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

	.cut3a {--marpix:20px; width:33.33%; float:left; margin-bottom:30px;}
	.cut3a>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut3a:nth-child(3n-2)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut3a:nth-child(3n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

	.cut4a {--marpix:20px; width:25%; float:left; margin-bottom:30px;}
	.cut4a>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut4a:nth-child(4n-3)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut4a:nth-child(4n-2)>.mar {transform:translateX(calc(-1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 4 / 3))));}
	.cut4a:nth-child(4n-1)>.mar {transform:translateX(calc(1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 4 / 3))));}
	.cut4a:nth-child(4n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

	.cut5a {--marpix:20px; width:20%; float:left; margin-bottom:30px;}
	.cut5a>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut5a:nth-child(5n-4)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut5a:nth-child(5n-3)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 4)));}
	.cut5a:nth-child(5n-1)>.mar {transform:translateX(calc(1 * (var(--marpix) / 4)));}
	.cut5a:nth-child(5n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}

	.cut6a {--marpix:20px; width:16.66%; float:left; margin-bottom:30px;}
	.cut6a>.mar {margin:0 calc(var(--marpix) / 2);}
	.cut6a:nth-child(6n-5)>.mar {transform:translateX(calc(-1 * (var(--marpix) / 2)));}
	.cut6a:nth-child(6n-4)>.mar {transform:translateX(calc(-1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5))));}
	.cut6a:nth-child(6n-3)>.mar {transform:translateX(calc(-1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5)) / 3));}
	.cut6a:nth-child(6n-2)>.mar {transform:translateX(calc(1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5)) / 3));}
	.cut6a:nth-child(6n-1)>.mar {transform:translateX(calc(1 * ((var(--marpix) * 3 / 2) - (var(--marpix) * 6 / 5))));}
	.cut6a:nth-child(6n)>.mar {transform:translateX(calc(1 * (var(--marpix) / 2)));}
}