@charset "utf-8";
/*响应式*/
html, body {overflow-x: hidden;}
.app_width {width: 100%;}
.margin_0, .margin {width: 1300px; margin: 0 auto;}
.margin_x {margin: 0 4%;}  /*全屏响应式*/
.show_ful {display: block;}
.showib_ful {display: inline-block;}
.hide_ful {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;}

/*动画*/
.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;}

.flexs-row, .flexs-row-t, .flexs-row-b,
.flexs-row-l, .flexs-row-lt, .flexs-row-lb,
.flexs-row-r, .flexs-row-rt, .flexs-row-rb,
.flexs-bet, .flexs-bet-t, .flexs-bet-b {display: flex; flex-direction: row;}
.flexs-row {align-items: center; justify-content: center;}
.flexs-row-l {align-items: center; justify-content: left;}
.flexs-row-lt {align-items: flex-start; justify-content: left;}
.flexs-row-lb {align-items: flex-end; justify-content: left;}
.flexs-row-t {align-items: flex-start; justify-content: center;}
.flexs-row-b {align-items: flex-end; justify-content: center;}
.flexs-row-r {align-items: center; justify-content: right;}
.flexs-row-rt {align-items: flex-start; justify-content: right;}
.flexs-row-rb {align-items: flex-end; justify-content: right;}
.flexs-bet {align-items: center; justify-content: space-between;}
.flexs-bet-t {align-items: flex-start; justify-content: space-between;}
.flexs-bet-b {align-items: flex-end; justify-content: space-between;}
.flexs-col, .flexs-col-t, .flexs-col-b,
.flexs-col-l, .flexs-col-lt, .flexs-col-lb,
.flexs-col-r, .flexs-col-rt, .flexs-col-rb {display: flex; flex-direction: column;}
.flexs-col {align-items: center; justify-content: center;}
.flexs-col-l {align-items: flex-start; justify-content: center;}
.flexs-col-lt {align-items: flex-start; justify-content: flex-start;}
.flexs-col-lb {align-items: flex-start; justify-content: flex-end;}
.flexs-col-t {align-items: center; justify-content: flex-start;}
.flexs-col-b {align-items: center; justify-content: flex-end;}
.flexs-col-r {align-items: flex-end; justify-content: center;}
.flexs-col-rt {align-items: flex-end; justify-content: flex-start;}
.flexs-col-rb {align-items: flex-end; justify-content: flex-end;}
.flex {flex: 1;}

.gridlist1, .gridlist2, .gridlist3, .gridlist4, .gridlist5, .gridlist6, .gridlist7, .gridlist8, .gridlist9, .gridlist10 {--gap-row: 10px; --gap-col: 10px; display: grid; grid-row-gap: var(--gap-row); grid-column-gap: var(--gap-col);}
.gridlist1 {display: block; grid-gap: 0;}
.gridlist2 {grid-template-columns: 1fr 1fr;}
.gridlist3 {grid-template-columns: 1fr 1fr 1fr;}
.gridlist4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.gridlist5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.gridlist6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.gridlist7 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.gridlist8 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.gridlist9 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.gridlist10 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
@media (max-width: 820px){
	.gridlist1_app, .gridlist2, .gridlist3_app, .gridlist4_app, .gridlist5_app, .gridlist6_app, .gridlist7_app, .gridlist8_app, .gridlist9_app, .gridlist10_app {--gap-row: 10px; --gap-col: 10px; display: grid; grid-row-gap: var(--gap-row); grid-column-gap: var(--gap-col);}
	.gridlist1_app {display: block; grid-gap: 0;}
	.gridlist2_app {grid-template-columns: 1fr 1fr;}
	.gridlist3_app {grid-template-columns: 1fr 1fr 1fr;}
	.gridlist4_app {grid-template-columns: 1fr 1fr 1fr 1fr;}
	.gridlist5_app {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	.gridlist6_app {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
	.gridlist7_app {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
	.gridlist8_app {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
	.gridlist9_app {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
	.gridlist10_app {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
}

@media (max-width: 1350px){
	.margin_0, .margin {width: 1200px; margin: 0 auto;}
}
@media (max-width: 1250px){
	.margin_0, .margin {width: 1000px; margin: 0 auto;}
}
@media (max-width: 1000px){
	html, body {overflow-x:auto; width: 1000px; margin: 0 auto;}
}
@media (max-width: 820px){
	html, body {overflow-x:hidden;}
	html, body, .margin_0, .margin {width: auto;}
	.margin {margin: 0 4%;}
	.margin_0 {margin: 0;}
	.show_820 {display: block;}
	.showib_820 {display: inline-block;}
	.hide_820 {display: none;}
}
@media (max-width: 480px) {
	.show_480 {display: block;}
	.showib_480 {display: inline-block;}
	.hide_480 {display: none;}
}