.photo_wrap						{position:relative;}  
.photo_wrap .photo_slickslider 	{margin:0 -15px;}
.photo_list li					{margin:0 12px;}
.photo_list figure				{width:100%; aspect-ratio:6 / 4; border-radius:20px; overflow:hidden; box-shadow:0 0 15px 1px rgba(0,0,0,0.07);}
.photo_list figure img			{width:100%; height:100%; object-fit:cover; transition:all 0.4s ease;}
.photo_list li:hover figure img	{transform: scale(1.1);}
.photo_list .wrap p				{font-family:'Paperlogy'; font-size:1.1em; font-weight:500; margin:20px 0 10px 0; letter-spacing:0; height:52px; line-height:1.4; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical; word-wrap:break-word;}
.photo_list .wrap em			{color:#a2a2a2; font-size:0.9em;}
.photo_list  .nolist			{width:100%; text-align:center; padding:100px 0; color:#777;}

.mControl						{position:absolute; top:-3px; right:0;}
.mControl p						{position:relative; display:inline-block; width:42px; height:42px; line-height:36px; text-align:center; border:2px solid #c6c6c6; background:#fff; cursor:pointer; vertical-align:top; border-radius:15px;}
.mControl .prev:after			{content:''; display:inline-block; margin:0 0 0 3px; border:solid #555; border-width:0 0 3px 3px; padding:4px; transform:rotate(45deg); border-radius:2px;}
.mControl .next:after			{content:''; display:inline-block; margin:0 3px 0 0; border:solid #555; border-width:3px 3px 0 0; padding:4px; transform:rotate(45deg); border-radius:2px;}
.mControl .pause				{line-height:36px;}
.mControl .pause:before			{content:''; display:inline-block; width:3px; height:13px; background:#555; border-radius:2px;}
.mControl .pause:after			{content:''; display:inline-block; width:3px; height:13px; background:#555; border-radius:2px; margin-left:3px;}
.mControl .play					{line-height:37px; text-indent:2px;}
.mControl .play:after			{content:''; display:inline-block; width:0; height:0; border-style:solid; border-width:7px 0 7px 10px; border-color:transparent transparent transparent #555; border-radius:3px;}
.mControl .more					{font-size:17px; font-weight:700; line-height:38px;}
.mControl p:hover				{border-color:var(--color1); background:var(--color1);}
.mControl p:hover:after, .mControl p:hover:before	{border-color:#fff;}
.mControl .more:hover i			{transform: rotate(180deg); transition: all 0.2s; color:#fff;}
.mControl .pause:hover:after, .mControl .pause:hover:before	{background:#fff;}
.mControl .play:hover:after		{border-color:transparent transparent transparent #fff;}


@media screen and (max-width:1024px) { 
	.photo_list li					{margin:0 7px;}
	.photo_wrap .photo_slickslider 	{margin:0 -7px;}
	.photo_list .wrap p				{-webkit-line-clamp:1; height:auto; margin:15px 0 7px 0;}

	.mControl						{top:-6px;}
	.mControl p						{width:34px; height:34px; line-height:28px; border-radius:8px;}
	.mControl .prev:after			{padding:3px;}
	.mControl .next:after			{padding:3px; margin:0 2px 0 0;}
	.mControl .pause				{line-height:30px;}
	.mControl .pause:after			{margin-left:2px; height:11px;}
	.mControl .pause:before			{height:11px;}
	.mControl .more					{line-height:30px; font-size:15px;}
	.mControl .play					{line-height:30px;}
	.mControl .play:after			{border-width:6px 0 6px 8px;}

}