.ad-view {
	/* display: none; */
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: rgba(241, 241, 241, 0.75);
	z-index: 9999;
}

.ad-view .ad-img-box {
	width: 1110px;
	height: 610px;
	/* height    : auto; */
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin: auto;
	box-sizing: border-box;
	border: 5px solid rgba(184, 113, 19, 0.3);
	transform: translateY(-50%);
	background: #FFF;
}


.ad-view .ad-img-box img {
	display: block;
	width: 1100px;
	height: 600px;
}

.ad-view .ad-type-img {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.ad-view .ad-type-html {
	height: 560px;
	padding: 20px;
	margin: 10px auto;
	overflow: auto;
	word-break: break-all;
}

.ad-type-img .url-1,
.ad-type-img .url-2 {
	width: 1.7rem;
	height: 0.9rem !important;
	/* background: rgb(0,0,0,27%); */
	top: 77%;
	position: absolute;
	z-index: 5;
	/* transform: skew(-26deg); */
}

.ad-type-img .url-1 {
	left: calc(20% - 1.9rem);
}

.ad-type-img .url-2 {
	left: 19%;
}

.ad-view .ad-img-box .ad-close {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 10px;
	z-index: 2;
	opacity: 0.5;
	cursor: pointer;
	background: #FFF;
	transition: all 0.3s;
}

.ad-view .ad-img-box .ad-close::after,
.ad-view .ad-img-box .ad-close::before {
	content: "";
	background: #333;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	transform: rotate(45deg)
}

.ad-view .ad-img-box .ad-close::after {
	width: 2px;
	height: 60%;

}

.ad-view .ad-img-box .ad-close::before {
	width: 60%;
	height: 2px;
}

.ad-view .ad-img-box .ad-close:hover {
	opacity: 1;
}

.ad-view .ad-img-box a {
	/* text-decoration: none; */
	/* display        : block; */
	/* height         : 100%; */
}


.ad-view .ad-btn {
	height: 18%;
	position: absolute;
	bottom: 13%;
	width: 100%;
	left: 0px;
	padding-left: 8%;
}

.ad-view .ad-btn a {
	float: left;
	width: 12%;
}

.ad-mark {
	height: 20px;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 35px;
	right: 0px;
	left: 0px;
	z-index: 2;
	/* background: #FFF; */
}

.ad-mark span {
	width: 20px;
	height: 3px;
	margin: 0 5px;
	background: #000;
	cursor: pointer;
	display: inline-block;
	border-radius: 0px;
	opacity: 1;
	transition: all 0.3s;
}


.ad-mark span.swiper-pagination-bullet-active {
	background: var(--theme);
}