/* * {margin:0;padding:0;font-size:62.5%;}
body {margin:0px;font-family:"微软雅黑",Arial;overflow:-Scroll;overflow-x:hidden;color:#000;}
 */


/*列表布局*/
.gallery{
  display: flex;
  flex-wrap: wrap;
}

.gallery:after {
      content: '';
      flex-grow: 999999999;
 }

.gallery .picbox{
  flex-grow: 1;
  margin:10px;
  min-height:200px;
  min-width:200px;
}

.gallery .picbox .picTitle{
	position: absolute;
	background-image: linear-gradient(to top, rgba(0,0,0,0.0),rgba(0,0,0,0.5)); 
	width:100%;
	padding:10px;
	color: #FFF;
	display: none;
}

.gallery .picbox:hover .picTitle{
	display: block;
}

.gallery .pic{
	overflow: hidden;
	border-radius:6px;
	position: relative;
	height:250px;
}


.gallery img{
  height:250px;
  object-fit: cover;
  max-width: 100%;
  min-width: 100%;
  vertical-align: bottom;
}



.gallery div{
	position: relative;
}



.gallery div .btn{
	display: none;
	position:absolute;
	bottom:10px;
	right: 10px;
}

.gallery div .checkbox{
	display: none;
	position:absolute;
	bottom:10px;
	left: 10px;
}


.gallery .layui-form-checkbox[lay-skin=primary] i,.gallery .layui-form-checkbox[lay-skin=primary]:hover i{
	 width:18px;
	 height:18px;
	 border:2px #000 solid !important;
	 
}
.gallery .layui-form-checked[lay-skin=primary] i{
	font: normal normal normal 14px/1 FontAwesome !important;
    background-color:#FFF !important;
    color:#000 !important;
    font-weight: bold;
}

.gallery .layui-form-checked[lay-skin=primary] i::before{
	content: "\f00c";
	line-height:18px;
}


.gallery div:hover .btn, .gallery div:hover .checkbox{
	display: inline-block;
}

.gallery div:hover .btn button{
	 background-color:rgba(0,0,0,0.5) !important;
}

.foot{background:#Fff;text-align: center !important;width:100%;bottom: 0;right: 0;padding:10px;position: fixed;}