/* layui栅格布局 */
.layui-container{position: relative; margin: 0 auto; box-sizing: border-box;}
.layui-fluid{position: relative; margin: 0 auto; padding: 0 15px;}

.layui-row:before, .layui-row:after{content: ""; display: block; clear: both;}
.layui-col-xs1, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12
,.layui-col-sm1, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12
,.layui-col-md1, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-md10, .layui-col-md11, .layui-col-md12
,.layui-col-lg1, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12
,.layui-col-xl1, .layui-col-xl2, .layui-col-xl3, .layui-col-xl4, .layui-col-xl5, .layui-col-xl6, .layui-col-xl7, .layui-col-xl8, .layui-col-xl9, .layui-col-xl10, .layui-col-xl11, .layui-col-xl12
{position: relative; display: block; box-sizing: border-box;}

.layui-col-xs1, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12{float: left;}
.layui-col-xs1{width: 8.33333333%;}
.layui-col-xs2{width: 16.66666667%;}
.layui-col-xs3{width: 25%;}
.layui-col-xs4{width: 33.33333333%;}
.layui-col-xs5{width: 41.66666667%;}
.layui-col-xs6{width: 50%;}
.layui-col-xs7{width: 58.33333333%;}
.layui-col-xs8{width: 66.66666667%;}
.layui-col-xs9{width: 75%;}
.layui-col-xs10{width: 83.33333333%;}
.layui-col-xs11{width: 91.66666667%;}
.layui-col-xs12{width: 100%;}

.layui-col-xs-offset1{margin-left: 8.33333333%;}
.layui-col-xs-offset2{margin-left: 16.66666667%;}
.layui-col-xs-offset3{margin-left: 25%;}
.layui-col-xs-offset4{margin-left: 33.33333333%;}
.layui-col-xs-offset5{margin-left: 41.66666667%;}
.layui-col-xs-offset6{margin-left: 50%;}
.layui-col-xs-offset7{margin-left: 58.33333333%;}
.layui-col-xs-offset8{margin-left: 66.66666667%;}
.layui-col-xs-offset9{margin-left: 75%;}
.layui-col-xs-offset10{margin-left: 83.33333333%;}
.layui-col-xs-offset11{margin-left: 91.66666667%;}
.layui-col-xs-offset12{margin-left: 100%;}

/* 超小屏幕 */
@media screen and (max-width: 767.98px) {
  .layui-container{padding: 0 15px;}
  .layui-hide-xs{display: none!important;}
  .layui-show-xs-block{display: block!important;}
  .layui-show-xs-inline{display: inline!important;}
  .layui-show-xs-inline-block{display: inline-block!important;}
}

/* 小型屏幕 */
@media screen and (min-width: 768px) {
  .layui-container{width: 720px;}
  .layui-hide-sm{display: none!important;}
  .layui-show-sm-block{display: block!important;}
  .layui-show-sm-inline{display: inline!important;}
  .layui-show-sm-inline-block{display: inline-block!important;}

  .layui-col-sm1, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12{float: left;}
  .layui-col-sm1{width: 8.33333333%;}
  .layui-col-sm2{width: 16.66666667%;}
  .layui-col-sm3{width: 25%;}
  .layui-col-sm4{width: 33.33333333%;}
  .layui-col-sm5{width: 41.66666667%;}
  .layui-col-sm6{width: 50%;}
  .layui-col-sm7{width: 58.33333333%;}
  .layui-col-sm8{width: 66.66666667%;}
  .layui-col-sm9{width: 75%;}
  .layui-col-sm10{width: 83.33333333%;}
  .layui-col-sm11{width: 91.66666667%;}
  .layui-col-sm12{width: 100%;}
  /* 列偏移 */
  .layui-col-sm-offset1{margin-left: 8.33333333%;}
  .layui-col-sm-offset2{margin-left: 16.66666667%;}
  .layui-col-sm-offset3{margin-left: 25%;}
  .layui-col-sm-offset4{margin-left: 33.33333333%;}
  .layui-col-sm-offset5{margin-left: 41.66666667%;}
  .layui-col-sm-offset6{margin-left: 50%;}
  .layui-col-sm-offset7{margin-left: 58.33333333%;}
  .layui-col-sm-offset8{margin-left: 66.66666667%;}
  .layui-col-sm-offset9{margin-left: 75%;}
  .layui-col-sm-offset10{margin-left: 83.33333333%;}
  .layui-col-sm-offset11{margin-left: 91.66666667%;}
  .layui-col-sm-offset12{margin-left: 100%;}
}
/* 中型屏幕 */
@media screen and (min-width: 992px) {
  .layui-container{width: 960px;}
  .layui-hide-md{display: none!important;}
  .layui-show-md-block{display: block!important;}
  .layui-show-md-inline{display: inline!important;}
  .layui-show-md-inline-block{display: inline-block!important;}

  .layui-col-md1, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-md10, .layui-col-md11, .layui-col-md12{float: left;}
  .layui-col-md1{width: 8.33333333%;}
  .layui-col-md2{width: 16.66666667%;}
  .layui-col-md3{width: 25%;}
  .layui-col-md4{width: 33.33333333%;}
  .layui-col-md5{width: 41.66666667%;}
  .layui-col-md6{width: 50%;}
  .layui-col-md7{width: 58.33333333%;}
  .layui-col-md8{width: 66.66666667%;}
  .layui-col-md9{width: 75%;}
  .layui-col-md10{width: 83.33333333%;}
  .layui-col-md11{width: 91.66666667%;}
  .layui-col-md12{width: 100%;}
  /* 列偏移 */
  .layui-col-md-offset1{margin-left: 8.33333333%;}
  .layui-col-md-offset2{margin-left: 16.66666667%;}
  .layui-col-md-offset3{margin-left: 25%;}
  .layui-col-md-offset4{margin-left: 33.33333333%;}
  .layui-col-md-offset5{margin-left: 41.66666667%;}
  .layui-col-md-offset6{margin-left: 50%;}
  .layui-col-md-offset7{margin-left: 58.33333333%;}
  .layui-col-md-offset8{margin-left: 66.66666667%;}
  .layui-col-md-offset9{margin-left: 75%;}
  .layui-col-md-offset10{margin-left: 83.33333333%;}
  .layui-col-md-offset11{margin-left: 91.66666667%;}
  .layui-col-md-offset12{margin-left: 100%;}
}
/* 大型屏幕 */
@media screen and (min-width: 1200px) {
  .layui-container{width: 1150px;}
  .layui-hide-lg{display: none!important;}
  .layui-show-lg-block{display: block!important;}
  .layui-show-lg-inline{display: inline!important;}
  .layui-show-lg-inline-block{display: inline-block!important;}

  .layui-col-lg1, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12{float: left;}
  .layui-col-lg1{width: 8.33333333%;}
  .layui-col-lg2{width: 16.66666667%;}
  .layui-col-lg3{width: 25%;}
  .layui-col-lg4{width: 33.33333333%;}
  .layui-col-lg5{width: 41.66666667%;}
  .layui-col-lg6{width: 50%;}
  .layui-col-lg7{width: 58.33333333%;}
  .layui-col-lg8{width: 66.66666667%;}
  .layui-col-lg9{width: 75%;}
  .layui-col-lg10{width: 83.33333333%;}
  .layui-col-lg11{width: 91.66666667%;}
  .layui-col-lg12{width: 100%;}
  /* 列偏移 */
  .layui-col-lg-offset1{margin-left: 8.33333333%;}
  .layui-col-lg-offset2{margin-left: 16.66666667%;}
  .layui-col-lg-offset3{margin-left: 25%;}
  .layui-col-lg-offset4{margin-left: 33.33333333%;}
  .layui-col-lg-offset5{margin-left: 41.66666667%;}
  .layui-col-lg-offset6{margin-left: 50%;}
  .layui-col-lg-offset7{margin-left: 58.33333333%;}
  .layui-col-lg-offset8{margin-left: 66.66666667%;}
  .layui-col-lg-offset9{margin-left: 75%;}
  .layui-col-lg-offset10{margin-left: 83.33333333%;}
  .layui-col-lg-offset11{margin-left: 91.66666667%;}
  .layui-col-lg-offset12{margin-left: 100%;}
}
/* 超大屏幕 */
@media screen and (min-width: 1400px) {
  .layui-container{width: 1330px;}
  .layui-hide-xl{display: none!important;}
  .layui-show-xl-block{display: block!important;}
  .layui-show-xl-inline{display: inline!important;}
  .layui-show-xl-inline-block{display: inline-block!important;}

  .layui-col-xl1, .layui-col-xl2, .layui-col-xl3, .layui-col-xl4, .layui-col-xl5, .layui-col-xl6, .layui-col-xl7, .layui-col-xl8, .layui-col-xl9, .layui-col-xl10, .layui-col-xl11, .layui-col-xl12{float: left;}
  .layui-col-xl1{width: 8.33333333%;}
  .layui-col-xl2{width: 16.66666667%;}
  .layui-col-xl3{width: 25%;}
  .layui-col-xl4{width: 33.33333333%;}
  .layui-col-xl5{width: 41.66666667%;}
  .layui-col-xl6{width: 50%;}
  .layui-col-xl7{width: 58.33333333%;}
  .layui-col-xl8{width: 66.66666667%;}
  .layui-col-xl9{width: 75%;}
  .layui-col-xl10{width: 83.33333333%;}
  .layui-col-xl11{width: 91.66666667%;}
  .layui-col-xl12{width: 100%;}
  /* 列偏移 */
  .layui-col-xl-offset1{margin-left: 8.33333333%;}
  .layui-col-xl-offset2{margin-left: 16.66666667%;}
  .layui-col-xl-offset3{margin-left: 25%;}
  .layui-col-xl-offset4{margin-left: 33.33333333%;}
  .layui-col-xl-offset5{margin-left: 41.66666667%;}
  .layui-col-xl-offset6{margin-left: 50%;}
  .layui-col-xl-offset7{margin-left: 58.33333333%;}
  .layui-col-xl-offset8{margin-left: 66.66666667%;}
  .layui-col-xl-offset9{margin-left: 75%;}
  .layui-col-xl-offset10{margin-left: 83.33333333%;}
  .layui-col-xl-offset11{margin-left: 91.66666667%;}
  .layui-col-xl-offset12{margin-left: 100%;}
}

/* 列间隔 */
.layui-col-space1{margin: -0.5px;}
.layui-col-space1>*{padding: 0.5px;}
.layui-col-space2{margin: -1px;}
.layui-col-space2>*{padding: 1px;}
.layui-col-space4{margin: -2px;}
.layui-col-space4>*{padding: 2px;}
.layui-col-space5{margin: -2.5px;}
.layui-col-space5>*{padding: 2.5px;}
.layui-col-space6{margin: -3px;}
.layui-col-space6>*{padding: 3px;}
.layui-col-space8{margin: -4px;}
.layui-col-space8>*{padding: 4px;}
.layui-col-space10{margin: -5px;}
.layui-col-space10>*{padding: 5px;}
.layui-col-space12{margin: -6px;}
.layui-col-space12>*{padding: 6px;}
.layui-col-space14{margin: -7px;}
.layui-col-space14>*{padding: 7px;}
.layui-col-space15{margin: -7.5px;}
.layui-col-space15>*{padding: 7.5px;}
.layui-col-space16{margin: -8px;}
.layui-col-space16>*{padding: 8px;}
.layui-col-space18{margin: -9px;}
.layui-col-space18>*{padding: 9px;}
.layui-col-space20{margin: -10px;}
.layui-col-space20>*{padding: 10px;}
.layui-col-space22{margin: -11px;}
.layui-col-space22>*{padding: 11px;}
.layui-col-space24{margin: -12px;}
.layui-col-space24>*{padding: 12px;}
.layui-col-space25{margin: -12.5px;}
.layui-col-space25>*{padding: 12.5px;}
.layui-col-space26{margin: -13px;}
.layui-col-space26>*{padding: 13px;}
.layui-col-space28{margin: -14px;}
.layui-col-space28>*{padding: 14px;}
.layui-col-space30{margin: -15px;}
.layui-col-space30>*{padding: 15px;}
.layui-col-space32{margin: -16px;}
.layui-col-space32>*{padding: 16px;}

/* 在行处控制栅格宽度 */
.row-cols-xs0>* {width: auto;}
.row-cols-xs1>* {width: 100%;float: left;}
.row-cols-xs2>* {width: 50%;float: left;}
.row-cols-xs3>* {width: 33.333333%;float: left;}
.row-cols-xs4>* {width: 25%;float: left;}
.row-cols-xs5>* {width: 20%;float: left;}
.row-cols-xs6>* {width: 16.666667%;float: left;}
.row-cols-xs7>* {width: 14.285714%;float: left;}
.row-cols-xs8>* {width: 12.5%;float: left;}
/* 超小屏幕xs */
@media screen and (max-width: 767.98px) {

}
/* 小型屏幕sm */
@media screen and (min-width: 768px) {
	.row-cols-sm1>*,.row-cols-sm2>*,.row-cols-sm3>*,.row-cols-sm4>*,.row-cols-sm5>*,.row-cols-sm6>*,
	.row-cols-sm7>*,.row-cols-sm8>* {float: left;}
	.row-cols-sm0>* {width: auto;}
	.row-cols-sm1>* {width: 100%;}
	.row-cols-sm2>* {width: 50%;}
	.row-cols-sm3>* {width: 33.333333%;}
	.row-cols-sm4>* {width: 25%;}
	.row-cols-sm5>* {width: 20%;}
	.row-cols-sm6>* {width: 16.666667%;}
	.row-cols-sm7>* {width: 14.285714%;}
	.row-cols-sm8>* {width: 12.5%;}
}
/* 中型屏幕md */
@media screen and (min-width: 992px) {
	.row-cols-md1>*,.row-cols-md2>*,.row-cols-md3>*,.row-cols-md4>*,.row-cols-md5>*,.row-cols-md6>*,
	.row-cols-md7>*,.row-cols-md8>* {float: left;}
	.row-cols-md0>* {width: auto;}
	.row-cols-md1>* {width: 100%;}
	.row-cols-md2>* {width: 50%;}
	.row-cols-md3>* {width: 33.333333%;}
	.row-cols-md4>* {width: 25%;}
	.row-cols-md5>* {width: 20%;}
	.row-cols-md6>* {width: 16.666667%;}
	.row-cols-md7>* {width: 14.285714%;}
	.row-cols-md8>* {width: 12.5%;}
}
/* 大型屏幕lg */
@media screen and (min-width: 1200px) {
	.row-cols-lg1>*,.row-cols-lg2>*,.row-cols-lg3>*,.row-cols-lg4>*,.row-cols-lg5>*,.row-cols-lg6>*,
	.row-cols-lg7>*,.row-cols-lg8>* {float: left;}
	.row-cols-lg0>* {width: auto;}
	.row-cols-lg1>* {width: 100%;}
	.row-cols-lg2>* {width: 50%;}
	.row-cols-lg3>* {width: 33.333333%;}
	.row-cols-lg4>* {width: 25%;}
	.row-cols-lg5>* {width: 20%;}
	.row-cols-lg6>* {width: 16.666667%;}
	.row-cols-lg7>* {width: 14.285714%;}
	.row-cols-lg8>* {width: 12.5%;}
}
/* 超大屏幕xl */
@media screen and (min-width: 1400px) {
	.row-cols-xl1>*,.row-cols-xl2>*,.row-cols-xl3>*,.row-cols-xl4>*,.row-cols-xl5>*,.row-cols-xl6>*,
	.row-cols-xl7>*,.row-cols-xl8>* {float: left;}
	.row-cols-xl0>* {width: auto;}
	.row-cols-xl1>* {width: 100%;}
	.row-cols-xl2>* {width: 50%;}
	.row-cols-xl3>* {width: 33.333333%;}
	.row-cols-xl4>* {width: 25%;}
	.row-cols-xl5>* {width: 20%;}
	.row-cols-xl6>* {width: 16.666667%;}
	.row-cols-xl7>* {width: 14.285714%;}
	.row-cols-xl8>* {width: 12.5%;}
}