/* * { margin: 0; padding: 0; }
body { background-color: #333333; }
img { border: 0; vertical-align: top; }
ul, li { list-style: none; }
 */
.shutter {
  overflow: hidden;
  width: auto !important;
  height: auto !important;
  position: relative;
  
}
.shutter .hide-img{
	opacity: 0;
	display: block;
	width: 100%;
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	bottom: 88px;
	display: flex;
}
.shutter-btn .icon-paixu-zuo,
.shutter-btn .icon-paixu-you{
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	margin-top: 12px;
}
.shutter-btn .page-amout{
	font-size: 18px;
	font-family: Cambria;
	font-weight: 400;
	color: rgba(204, 204, 204, 1);
	line-height: 1;
	margin: 0 21px;
}
.shutter-btn .page-amout .current{
	font-size: 30px;
	font-family: Cambria;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
}
.shutter-desc {
  position: absolute;
  z-index: 2;
  top: 30.54%;
  left: 50%;
  transform: translateX(-50%);
}
.shutter-desc .title {
	font-size: 48px;
	font-family: Cambria;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1;
	opacity: 0;
}
.shutter-desc .more{
	margin-top: 45px;
	display: inline-flex;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	font-size: 18px;
	font-family: Arial;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
	align-items: center;
	opacity: 0;
}
.shutter-desc .more .iconfont{
	margin-left: 8px;
	font-size: 18px;
	transform: translateX(6px);
	
}
@media (max-width:1440px) {
	.shutter-desc .title{
		font-size: 38px;
	}
}
@media (max-width:1280px) {
	.shutter-desc .title{
		font-size: 30px;
	}
}	
@media (max-width:1199px) {
	.shutter-btn{
		bottom: 30px;
	}
	.shutter-desc .more .more{
		margin-top: 25px;
	}
	.shutter-btn .page-amout .current{
		font-size: 26px;
	}
	.shutter-btn .icon-paixu-zuo, .shutter-btn .icon-paixu-you{
		font-size: 22px;
		margin-top: 9px;
	}
	.shutter-btn .page-amout{
		margin: 0 14px;
	}
	.shutter-desc .title{
		font-size: 28px;
	}
}	
@media (max-width:1024px) {
	.shutter .hide-img{
		/* min-height: 266px; */
		object-fit:cover;
	}
	.shutter-desc .title{
		font-size: 26px;
	}
}
@media (max-width: 768px) {
	.shutter-desc .title{
		font-size: 24px;
	}
	.shutter-desc .more{
		margin-top: 15px;
	}
	.shutter-btn{
		bottom: 20px
	}
	.shutter-desc{
		top: 20%;
	}
}
@media (max-width:500px) {
	.shutter-desc .title{
		font-size: 18px;
	}
	.shutter-btn{
		bottom: 7px;
	}
	.shutter-desc .more{
		font-size: 14px;
		margin-top: 7px;
	}
	.shutter-btn .page-amout .current{
		font-size: 20px;
	}
	.shutter-btn .page-amout{
		font-size: 13px;
	}
	.shutter-btn .icon-paixu-zuo, .shutter-btn .icon-paixu-you{
		margin-top: 4px;
		font-size: 16px;
	}
}