.pep-product-polymerize-card .por-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}
.por-section[data-bg=grey] {
    background: #f6f7f9;
}
.pep-product-polymerize-card .por-wrapper .por-anchor {
	box-shadow: none;
	-webkit-box-shadow: none;
	margin-right: 32px;
	padding: 12px;
	position: absolute;
	width: 268px;
	background: transparent;
}
.pep-product-polymerize-card .por-wrapper .por-anchor .por-input-dropdown {
	border-bottom: 1px solid #dfe1e6;
	height: 30px;
	width: 244px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-input-dropdown input {
	background: transparent;
	border: none;
	font-size: 12px;
	min-width: auto;
	padding: 0 0 0 15px;
	width: 190px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-input-dropdown .por-icon-close {
	position: absolute;
	right: 38px;
	top: 8px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-input-dropdown .por-icon-close:hover {
	color: #2468f2;
	cursor: pointer
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-input-dropdown .por-icon-search {
	cursor: pointer;
	font-size: 16px;
	position: absolute;
	right: 8px;
	top: 7px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-input-dropdown .por-icon-search:hover {
	color: #2468f2
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-input-dropdown .divider {
	border-right: 1px solid #dfe1e6;
	height: 14px;
	position: absolute;
	right: 30px;
	top: 8px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .open {
	border: 1px solid #adb0b8;
	border-bottom: none
}

.pep-product-polymerize-card .por-wrapper .por-anchor .open .por-input-option-list {
	border-top: none
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav::-webkit-scrollbar {
	background-color: transparent
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav::-webkit-scrollbar-thumb {
	background-color: transparent;
	border: 3px solid transparent;
	border-radius: 6px;
	-webkit-box-shadow: inset 8px 0 0 #bfc3c6;
	box-shadow: inset 8px 0 0 #bfc3c6
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav {
	margin-top: 12px;
	padding: 0
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav .por-anchor-list {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	border-left: 1px solid #dfe1e6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 2px;
	position: static;
	width: auto
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav .por-anchor-list a {
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	cursor: pointer;
	left: -2px;
	margin-right: 0;
	max-width: 240px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	width: 240px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav .por-anchor-list .first-navagation.active:after {
	height: 24px;
	width: 3px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav .por-anchor-list .sub-navagation.active:after {
	height: 20px;
	width: 3px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav .por-anchor-list .first-navagation {
	font-size: 16px;
	line-height: 24px;
	padding: 0 15px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav .por-anchor-list .first-navagation:nth-child(n+1) {
	margin-top: 24px
}

.pep-product-polymerize-card .por-wrapper .por-anchor .por-section-body .por-anchor-nav .por-anchor-list .sub-navagation {
	line-height: 18px;
	margin-top: 24px;
	padding-left: 30px
}

.pep-product-polymerize-card .por-wrapper .fix {
	position: fixed;
	top: 104px
}

.pep-product-polymerize-card .por-wrapper .absolute-bottom {
	bottom: 0
}
.pep-product-polymerize-card .por-wrapper .search-pc .por-scrollbar-s::-webkit-scrollbar-thumb {
	background-color: transparent;
	border: 3px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: inset 8px 0 0 #bfc3c6;
	box-shadow: inset 8px 0 0 #bfc3c6
}

.pep-product-polymerize-card .por-wrapper .search-pc .por-scrollbar-s::-webkit-scrollbar,
.pep-product-polymerize-card .por-wrapper .search-pc .por-scrollbar-s::-webkit-scrollbar-thumb {
	width: 8px
}

.pep-product-polymerize-card .por-wrapper .search-pc ::-webkit-scrollbar-track {
	background-color: transparent
}

.pep-product-polymerize-card .por-wrapper .search-pc .por-input-option-list {
	background: #fff;
	border: 1px solid #adb0b8;
	left: -1px;
	max-height: 184px;
	padding: 3px 0;
	right: -1px
}

.pep-product-polymerize-card .por-wrapper .search-pc .por-input-option-list li {
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	cursor: pointer;
	display: -webkit-box;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	margin-bottom: 2px;
	overflow: hidden;
	padding: 0 15px;
	text-overflow: ellipsis
}

.pep-product-polymerize-card .por-wrapper .search-pc .por-input-option-list li:hover {
	background: #f5f5f6
}

.pep-product-polymerize-card .por-wrapper .search-pc .por-input-option-list .selected:hover {
	background: #2468f2
}

.pep-product-polymerize-card .por-wrapper .search-pc .por-input-option-list li:active {
	background: #2468f2;
	color: #fff
}

.pep-product-polymerize-card .por-wrapper .search-mb {
	display: none
}

.pep-product-polymerize-card .por-wrapper .classify-list-container {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 275px;
	min-height: 500px;
	padding: 12px 16px;
     border-left: 1px solid #eee;
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item {
	margin-bottom: 40px
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .first-title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 24px
}
.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .first-title i {
    background-size: cover;
    display: block;
    height: 30px;
    width: 30px;
    float: left;
	margin-top: -1px;
    margin-right: 10px;
}
.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .first-title span {
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .first-title i {
	margin-left: 6px;
	vertical-align: middle
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .title-link:hover,
.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .title-link:hover .por-text-title-t3 {
	color: #2468f2
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .title-link:hover i {
	margin-left: 8px
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .card-list-container .card-item {
	padding: 0 8px 16px
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .card-list-container .card-item .por-card {
	height: 100%
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .card-list-container .card-item .card-title {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 4px
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .card-list-container .card-item .card-title .card-title-text {
	font-weight: 700;
	margin-right: 4px
}
.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .card-list-container .card-item .card-title i {
    background-size: cover;
    display: block;
    height: 25px;
    width: 25px;
    float: left;
	margin-top: -2px;
    margin-right: 8px;
}
.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .card-list-container .card-item .card-title .por-label {
	margin-top: 2px;
	vertical-align: inherit
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .card-list-container .card-item .card-desc a:hover {
	color: #344899
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .card-list-container .card-link:hover .color_text_primary_dark {
	color: #2468f2 !important
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .sub-classify+.sub-classify {
	margin-top: 24px
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .sub-title {
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	margin-bottom: 24px;
	overflow: visible;
	overflow: hidden;
	padding-left: 13px;
	position: relative;
	text-overflow: ellipsis
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .sub-title:before {
	background-color: #2468f2;
	bottom: 0;
	content: "";
	display: block;
	height: 22px;
	left: 0;
	position: absolute;
	width: 3px
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .poster-container .ad-img {
	margin-top: 16px;
	overflow: hidden;
	padding-bottom: 16px
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .poster-container .poster-pc {
	display: block;
	max-height: 100px;
	-webkit-transition: all .2s;
	transition: all .2s;
	width: 100%
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .poster-container .poster-pc:hover {
	cursor: pointer;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .classify-item .poster-container .poster-mb {
	display: none
}

.pep-product-polymerize-card .por-wrapper .classify-list-container .sub-classify {
	margin-bottom: 0
}

.pep-product-polymerize-card .por-wrapper .classify-list-container>.classify-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0
}

.pep-product-polymerize-card .hide-navagation .search-pc {
	display: none
}

.pep-product-polymerize-card .hide-navagation .classify-list-container {
	margin-left: 0;
	padding: 0
}

.pep-product-polymerize-card .hide-navagation .classify-list-container .classify-item .poster-container .poster-pc {
	max-height: 120px
}

.pep-product-polymerize-card .hide {
	display: none
}

.pep-product-polymerize-card .por-section[data-bg=dark] .first-title,
.pep-product-polymerize-card .por-section[data-bg=dark] .por-section-subtitle,
.pep-product-polymerize-card .por-section[data-bg=dark] .por-section-title,
.pep-product-polymerize-card .por-section[data-bg=dark] .por-text-title-t3,
.pep-product-polymerize-card .por-section[data-bg=dark] .por-wrapper .classify-list-container .classify-item .sub-title,
.pep-product-polymerize-card .por-section[data-bg=transplight] .first-title,
.pep-product-polymerize-card .por-section[data-bg=transplight] .por-section-subtitle,
.pep-product-polymerize-card .por-section[data-bg=transplight] .por-section-title,
.pep-product-polymerize-card .por-section[data-bg=transplight] .por-text-title-t3,
.pep-product-polymerize-card .por-section[data-bg=transplight] .por-wrapper .classify-list-container .classify-item .sub-title {
	color: #fff
}




.pep-product-notices .por-section[data-bg=blue] {
	background-color: #252b3a;
	background-image: none
}

.pep-product-notices .por-section[data-bg=blue] .por-section-body {
	background-color: hsla(0, 0%, 100%, .15)
}

.pep-product-notices.showBlock .por-section[data-bg=blue] .por-section-body {
	background-color: transparent
}

.pep-product-notices.showBlock .por-section[data-bg=blue] .por-section-body .por-card {
	background-color: hsla(0, 0%, 100%, .15)
}

.pep-product-notices.showBlock .por-section[data-bg=blue] .por-section-body .por-card:hover {
	background-color: hsla(0, 0%, 100%, .25)
}

.pep-product-notices .por-row {
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 24px;
	padding-top: 24px;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
.pep-product-notices [class^=por-col-] {
	padding-left: 0;
	padding-right: 0;
	    flex-grow: 1;
}

.pep-product-notices [class^=por-col-]>a {
	display: block;
	font-size: 0;
	padding-left: 24px;
	padding-right: 24px
}

.pep-product-notices[data-type="3"] .por-row {
	padding-bottom: 0;
	padding-top: 0
}

.pep-product-notices[data-type="3"] [class^=por-col-] {
	margin-top: 0 !important
}

.pep-product-notices[data-type="3"] [class^=por-col-]>a {
	padding: 26px 24px 26px 100px;
	position: relative
}

.pep-product-notices[data-type="3"] [class^=por-col-]>a.noIconPc {
	padding-left: 24px
}

.pep-product-notices[data-type="3"] .icon {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100px
}

.pep-product-notices[data-type="3"] .icon.mb {
	display: none
}

.pep-product-notices[data-type="3"].showBlock .por-row {
	margin-left: -8px;
	margin-right: -8px
}

.pep-product-notices[data-type="3"].showBlock .por-row [class^=por-col-] {
	padding-left: 8px;
	padding-right: 8px
}

.pep-product-notices[data-type="3"].showBlock .por-row [class^=por-col-]>a {
	padding-right: 24px
}

.pep-product-notices[data-type="3"].showBlock .por-row [class^=por-col-]>a:before {
	width: 0
}

.pep-product-notices a:hover {
	font-weight: 700
}

.pep-product-notices[data-type="2"] [class^=por-col-]>a {
	text-align: center
}

.pep-product-notices[data-type="2"] [class^=por-col-]+[class^=por-col-]>a:before,
.pep-product-notices[data-type="3"] [class^=por-col-]+[class^=por-col-]>a:before {
	background-color: #eee;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 1px
}

.pep-product-notices[data-type="3"] [class^=por-col-]+[class^=por-col-]>a:before {
	bottom: 26px;
	left: 0;
	top: 26px
}

.pep-product-notices[data-type="2"] .por-section[data-bg=blue] [class^=por-col-]+[class^=por-col-]>a:before,
.pep-product-notices[data-type="3"] .por-section[data-bg=blue] [class^=por-col-]+[class^=por-col-]>a:before {
	background-color: #8a8e99
}

.pep-product-notices .por-row[data-cols="2"] [class^=por-col-]:nth-child(n+3),
.pep-product-notices .por-row[data-cols="3"] [class^=por-col-]:nth-child(n+4) {
	margin-top: 12px
}

.pep-product-notices .notice-summary,
.pep-product-notices .por-label {
	display: inline-block;
	vertical-align: middle
}

.pep-product-notices .notice-summary {
	font-size: 14px;
	line-height: 20px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: .2s;
	transition: .2s;
	white-space: nowrap
}

.pep-product-notices[data-type="2"] .notice-summary,
.pep-product-notices[data-type="3"] .notice-summary {
	line-height: 22px
}

.pep-product-notices[data-type="2"] a:hover .notice-summary,
.pep-product-notices[data-type="3"] a:hover .notice-summary {
	color: #575d6c;
	font-weight: 400
}

.pep-product-notices .por-label {
	margin-left: 8px
}

.pep-product-notices .notice-caption {
	display: inline-block;
	font-weight: 700;
	margin-right: 8px
}

.pep-product-notices[data-type="2"] .notice-caption,
.pep-product-notices[data-type="3"] .notice-caption {
	display: block;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 8px;
	margin-right: 0
}

.pep-product-notices[data-type="3"] .notice-caption {
	font-size: 0;
	line-height: 24px;
	margin-bottom: 4px
}

.pep-product-notices[data-type="3"] .notice-caption span:first-child {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pep-product-notices[data-type="3"] .notice-caption * {
	display: inline-block;
	vertical-align: middle
}

.pep-product-notices .por-carousel {
	display: none
}

.pep-product-notices.autoHeight [class^=por-col-]>a {
	text-align: left
}

.pep-product-notices.autoHeight .notice-caption,
.pep-product-notices.autoHeight .notice-summary {
	white-space: normal
}

@media (min-width:768px) {
	.pep-product-notices[data-type="2"] [class^=por-col-]>a {
		color: #252b3a
	}

	.pep-product-notices[data-type="2"] [class^=por-col-]>a:hover .notice-caption {
		color: var(--zdztxz)
	}

	.pep-product-notices[data-type="2"] [class^=por-col-]>a:hover .notice-summary {
		color: #252b3a
	}
}

@media (max-width:767px) {
	.pep-product-notices:not([data-type="3"]) .por-row {
		display: none
	}

	.pep-product-notices .por-section-body {
		padding: 16px 15px
	}

	.pep-product-notices .por-carousel {
		display: block;
		padding-bottom: 20px
	}

	.pep-product-notices .por-carousel-slide {
		font-size: 0;
		text-align: center
	}

	.pep-product-notices .por-carousel-slide>a {
		display: block;
		font-size: 0
	}

	.pep-product-notices[data-type="1"] .por-carousel-slide>a+a {
		margin-top: 4px
	}

	.pep-product-notices .por-carousel-pagination {
		bottom: -6px
	}

	.pep-product-notices[data-type="1"] .por-carousel-slide {
		text-align: left
	}

	.pep-product-notices[data-type="2"] .notice-caption {
		font-size: 14px;
		margin-bottom: 4px
	}

	.pep-product-notices[data-type="2"] .notice-summary {
		font-size: 12px
	}

	.pep-product-notices[data-type="3"] .por-section-body {
		padding: 0 15px
	}

	.pep-product-notices[data-type="3"] .por-section[data-bg=blue] .por-section-body,
	.pep-product-notices[data-type="3"] .por-section[data-bg=blue] .por-section-body .por-card,
	.pep-product-notices[data-type="3"] .por-section[data-bg=blue] .por-section-body .por-card:hover {
		background-color: transparent
	}

	.pep-product-notices[data-type="3"] .icon.pc {
		display: none
	}

	.pep-product-notices[data-type="3"] .icon.mb {
		display: inline-block
	}

	.pep-product-notices[data-type="3"].showBlock .por-container,
	.pep-product-notices[data-type="3"].showBlock .por-section-body {
		padding-left: 0;
		padding-right: 0
	}

	.pep-product-notices[data-type="3"].showBlock .por-row {
		margin-left: 0;
		margin-right: 0;
		padding: 0
	}

	.pep-product-notices[data-type="3"].showBlock .por-row [class^=por-col-] {
		padding-left: 0;
		padding-right: 0
	}

	.pep-product-notices[data-type="3"].showBlock .por-col-sm-8 .por-card {
		min-height: 52px;
		padding: 16px 10px 15px 34px !important
	}

	.pep-product-notices[data-type="3"].showBlock .por-col-sm-8 .icon {
		left: 10px
	}

	.pep-product-notices[data-type="3"].showBlock .por-col-sm-8+.por-col-sm-8 .por-card {
		border-left: 1px solid #dfe1e6
	}

	.pep-product-notices[data-type="3"].showBlock .por-col-sm-8 .notice-caption {
		left: 50px;
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		right: 10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.pep-product-notices[data-type="3"].showBlock .por-col-sm-8 .notice-caption span:first-child {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal
	}

	.pep-product-notices[data-type="3"].showBlock .por-col-sm-12:nth-child(2n) .por-card {
		border-left: 1px solid #dfe1e6
	}

	.pep-product-notices[data-type="3"].showBlock .por-col-sm-12:nth-child(3) .por-card,
	.pep-product-notices[data-type="3"].showBlock .por-col-sm-12:nth-child(4) .por-card {
		border-top: 1px solid #dfe1e6
	}

	.pep-product-notices[data-type="3"].showBlock .por-card {
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 15px 20px 15px 48px
	}

	.pep-product-notices[data-type="3"].showBlock .por-card.noIconMb {
		padding-left: 20px
	}

	.pep-product-notices[data-type="3"].showBlock .icon {
		left: 24px;
		position: absolute;
		top: 15px
	}

	.pep-product-notices[data-type="3"].showBlock .notice-caption {
		margin-left: 16px;
		margin-top: 2px;
		text-align: left
	}

	.pep-product-notices[data-type="3"] .por-carousel {
		display: none
	}

	.pep-product-notices[data-type="3"] .por-row {
		margin-left: -8px;
		margin-right: -8px;
		padding: 12px 0
	}

	.pep-product-notices[data-type="3"] [class^=por-col-] {
		padding-left: 8px;
		padding-right: 8px
	}

	.pep-product-notices[data-type="3"] [class^=por-col-]>a {
		padding: 0;
		text-align: center
	}

	.pep-product-notices[data-type="3"] [class^=por-col-]+[class^=por-col-]>a:before {
		width: 0
	}

	.pep-product-notices[data-type="3"] .icon {
		display: inline-block;
		height: 24px;
		position: static;
		width: 24px
	}

	.pep-product-notices[data-type="3"] .notice-caption {
		line-height: 18px;
		margin-bottom: 0;
		margin-top: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.pep-product-notices[data-type="3"] .notice-caption span:first-child {
		font-size: 12px;
		font-weight: 400;
		max-width: 100% !important
	}

	.pep-product-notices[data-type="3"] .notice-caption span:nth-child(2),
	.pep-product-notices[data-type="3"] .notice-summary {
		display: none
	}
}









.pep-common-banner .mb {
	display: none !important
}

.pep-common-banner .por-countdown-container {
	margin-top: 32px;
	position: absolute;
	right: 0
}

.pep-common-banner .por-carousel.showView {
	overflow: visible
}

.pep-common-banner .por-carousel-slide>.pc {
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.pep-common-banner .por-carousel-slide video {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center top;
	object-position: center top;
	width: 100%
}

.pep-common-banner .por-carousel-slide>.por-container {
	position: relative
}

.pep-common-banner .por-carousel-slide>.por-container>.mb {
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.pep-common-banner .prodoc-banner-main {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 0;
	height: 400px;
	justify-content: center;
	position: relative;
	width: 730px
}

.pep-common-banner .guiding-info {
	margin-bottom: 16px
}

.pep-common-banner .guiding-info * {
	display: inline-block;
	vertical-align: middle
}

.pep-common-banner .guiding-info img {
	margin-right: 8px
}

.pep-common-banner .guiding-info span {
	margin-right: 8px;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pep-common-banner .guiding-info span.por-label {
	max-width: 128px
}

.pep-common-banner.domain-banner .guiding-info {
	margin-bottom: 12px
}

.pep-common-banner.domain-banner .guiding-info span {
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	max-width: 100%;
	white-space: normal
}

.pep-common-banner .prodoc-banner-title {
	display: inline-block;
	max-width: calc(100% - 56px)
}

.pep-common-banner .prodoc-banner-title .por-text-title-t2 {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}

.pep-common-banner .prodoc-banner-title.noPlayer {
	max-width: 100%
}

.pep-common-banner .por-player-btn {
	background: transparent;
	border: 1px solid #252b3a;
	color: #252b3a;
	cursor: pointer;
	display: inline-block;
	line-height: 38px;
	margin-left: 16px;
	position: relative;
	top: 5px;
	vertical-align: top
}

.pep-common-banner .por-player-btn:hover {
	opacity: .7
}

.pep-common-banner .banner-summary {
	font-weight: 400;
	margin-top: 12px
}

.pep-common-banner .banner-summary.hide {
	display: none !important
}

.pep-common-banner .prodoc-description {
	margin-top: 12px
}

.pep-common-banner .prodoc-description+.prodoc-description {
	margin-top: 8px
}

.pep-common-banner .prodoc-description.hide {
	display: none !important
}

.pep-common-banner .prodoc-description em {
	font-style: normal;
	font-weight: 700
}

.pep-common-banner .prodoc-description a {
	color: #526ecc;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s
}

.pep-common-banner .prodoc-description a:hover {
	text-decoration: underline
}

.pep-common-banner .prodoc-features {
	margin-top: 4px
}

.pep-common-banner .prodoc-banner-btnGroup {
	margin-top: 24px
}

.pep-common-banner .prodoc-banner-btnGroup .por-btn {
	margin-right: 16px
}

.pep-common-banner .banner-notice {
	font-size: 12px;
	line-height: 18px;
	margin-top: 16px
}

.pep-common-banner .banner-notice-item {
	font-size: 0;
	-webkit-transition: .2s;
	transition: .2s
}

.pep-common-banner .banner-notice-item object,
.pep-common-banner .banner-notice-item p {
	display: inline-block;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
	width: calc(100% - 14px)
}

.pep-common-banner .banner-notice-item .before-line {
	border-top: 2px solid #8a8e99;
	margin-right: 8px;
	vertical-align: -1px;
	width: 6px
}

.pep-common-banner .banner-notice-item+.banner-notice-item {
	margin-top: 4px
}

.pep-common-banner .prodoc-banner-view {
	overflow: hidden;
	position: relative
}

.pep-common-banner .prodoc-banner-view:before {
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	background-color: hsla(0, 0%, 100%, .3);
	bottom: -10px;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: -10px
}

.pep-common-banner .prodoc-banner-view .por-container {
	position: relative
}

.pep-common-banner .prodoc-banner-view .por-section-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.pep-common-banner .prodoc-banner-about {
	padding: 56px 56px 56px 0;
	width: calc(100% - 373px)
}

.pep-common-banner .prodoc-banner-about .por-text-title-t3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pep-common-banner .prodoc-banner-about.full-space {
	width: 100%
}

.pep-common-banner .por-row {
	margin-left: -16px;
	margin-right: -16px;
	margin-top: 56px
}

.pep-common-banner .por-row [class^=por-col-] {
	padding-left: 16px;
	padding-right: 16px;
	text-align: center
}

.pep-common-banner .por-row .caption {
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pep-common-banner .por-row .por-text-title-t7 {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	font-weight: 400;
	line-height: 22px;
	margin-top: 24px;
	overflow: hidden;
	text-overflow: ellipsis
}

.pep-common-banner .por-col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}

.pep-common-banner .prodoc-banner-fun {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	background-color: hsla(0, 0%, 100%, .3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	padding: 24px 32px;
	width: 373px
}

.pep-common-banner .prodoc-banner-fun:not(.show-form) .prodoc-banner-form {
	display: none
}

.pep-common-banner .prodoc-banner-picks .por-text-title-t3 {
	margin-bottom: 16px
}

.pep-common-banner .prodoc-banner-picks li {
	margin-top: 8px
}

.pep-common-banner .prodoc-banner-picks li .por-link-red {
	display: block;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pep-common-banner .prodoc-banner-picks li .por-link-red em {
	color: #252b3a;
	font-style: normal;
	font-weight: 700
}

.pep-common-banner .prodoc-banner-picks li .por-link-red a,
.pep-common-banner .prodoc-banner-picks li .por-link-red p {
	display: inline
}

.pep-common-banner .prodoc-banner-cases .logo {
	height: 60px
}

.pep-common-banner .prodoc-banner-cases .logo img {
	height: 100%
}

.pep-common-banner .prodoc-banner-cases .por-text-title-t7:not(.witness) {
	font-weight: 400
}

.pep-common-banner .prodoc-banner-cases .description {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	display: -webkit-box;
	line-height: 22px;
	margin-top: 16px;
	overflow: hidden;
	text-overflow: ellipsis
}

.pep-common-banner .prodoc-banner-cases .witness {
	margin-top: 24px
}

.pep-common-banner .prodoc-banner-advertisement .caption {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis
}

.pep-common-banner .prodoc-banner-advertisement .por-text-title-t7 {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	font-weight: 400;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis
}

.pep-common-banner .prodoc-banner-advertisement .por-btn {
	margin-top: 20px
}

.pep-common-banner .prodoc-banner-form {
	position: relative
}

.pep-common-banner .prodoc-banner-form .caption {
	margin-bottom: 8px
}

.pep-common-banner .prodoc-banner-form .por-text-title-t7 {
	font-weight: 400;
	margin-bottom: 8px
}

.pep-common-banner .prodoc-banner-form .por-text-wrap {
	margin-bottom: 12px
}

.pep-common-banner .prodoc-banner-form .por-text-input {
	width: 100%
}

.pep-common-banner .prodoc-banner-form .por-btn {
	margin-top: 20px
}

.pep-common-banner.topic-banner .banner-summary,
.pep-common-banner.topic-banner .prodoc-description {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}

.pep-common-banner.topic-banner .prodoc-description.price,
.pep-common-banner.topic-banner .prodoc-description.price p {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pep-common-banner.domain-banner .por-carousel-slide,
.pep-common-banner.index-banner .por-carousel-slide {
	height: 530px
}

.pep-common-banner.domain-banner .prodoc-banner-main,
.pep-common-banner.index-banner .prodoc-banner-main {
	height: 480px
}

.pep-common-banner.domain-banner .por-text-title-t2,
.pep-common-banner.index-banner .por-text-title-t2 {
	font-size: 52px;
	line-height: 64px
}

.pep-common-banner.domain-banner .por-player-btn,
.pep-common-banner.index-banner .por-player-btn {
	top: 15px
}

.pep-common-banner.domain-banner .fillet-btn,
.pep-common-banner.index-banner .fillet-btn {
	border-radius: 24px;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	padding-left: 56px;
	padding-right: 56px
}

.pep-common-banner.domain-banner .fillet-btn:hover,
.pep-common-banner.index-banner .fillet-btn:hover {
	background-color: #252b3a;
	border-color: #252b3a;
	color: #fff;
	font-weight: 700
}

.pep-common-banner.domain-banner .fillet-btn:first-child,
.pep-common-banner.index-banner .fillet-btn:first-child {
	background-color: #252b3a;
	color: #fff
}

.pep-common-banner.domain-banner .fillet-btn:first-child:hover,
.pep-common-banner.index-banner .fillet-btn:first-child:hover {
	background: #626262;
	border: 1px solid #626262
}

.pep-common-banner.second-banner .banner-summary,
.pep-common-banner.second-banner .prodoc-description {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis
}

.pep-common-banner.second-banner .prodoc-banner-main {
	height: 350px
}

.pep-common-banner.second-banner .prodoc-banner-btnGroup {
	margin-top: 16px
}

.pep-common-banner .adContent-pc {
	background-color: transparent;
	left: 0;
	margin-top: -100px;
	position: absolute;
	right: 0;
	width: 100%
}

.pep-common-banner .adContent-pc:before {
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	background-color: hsla(0, 0%, 100%, .3);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.pep-common-banner .adContent-pc .por-row {
	margin: 0 -24px;
	padding-bottom: 24px;
	padding-top: 24px
}

.pep-common-banner .adContent-pc [class^=por-col-] {
	padding-left: 24px;
	padding-right: 24px
}

.pep-common-banner .adContent-pc [class^=por-col-]+[class^=por-col-] a:before {
	background-color: #d8d8d8;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 1px
}

.pep-common-banner .adContent-pc a {
	font-size: 0
}

.pep-common-banner .adContent-pc .notice-caption {
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 8px
}

.pep-common-banner .adContent-pc .por-label {
	margin-left: 8px
}

.pep-common-banner .adContent-pc .notice-summary,
.pep-common-banner .adContent-pc .por-label {
	display: inline-block;
	vertical-align: middle
}

.pep-common-banner .adContent-pc .notice-summary {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: .2s;
	transition: .2s;
	white-space: nowrap
}

.pep-common-banner .adContent-pc a:hover .notice-summary {
	color: #575d6c;
	font-weight: 400
}

.pep-common-banner .adContent-pc .por-carousel {
	display: none
}

@media (min-width:768px) {
	.pep-common-banner .adContent-pc [class^=por-col-] a {
		color: #252b3a
	}

	.pep-common-banner .adContent-pc [class^=por-col-] a:hover .notice-caption {
		color: #2468f2
	}

	.pep-common-banner .adContent-pc [class^=por-col-] a:hover .notice-summary {
		color: #252b3a
	}
}

@media (max-width:767px) {
	.pep-common-banner .adContent-pc .por-row {
		display: none
	}

	.pep-common-banner .adContent-pc .por-section-body {
		padding: 16px 15px
	}

	.pep-common-banner .adContent-pc .por-carousel {
		display: block;
		padding-bottom: 20px
	}

	.pep-common-banner .adContent-pc .por-carousel-slide {
		font-size: 0;
		text-align: center
	}

	.pep-common-banner .adContent-pc .por-carousel-slide a {
		display: block;
		font-size: 0
	}

	.pep-common-banner .adContent-pc .por-carousel-pagination {
		bottom: -6px
	}

	.pep-common-banner .adContent-pc .notice-caption {
		font-size: 14px;
		margin-bottom: 4px
	}

	.pep-common-banner .adContent-pc .notice-summary {
		font-size: 12px
	}
}

.pep-common-banner.autoHeight .por-carousel-slide>.pc {
	background-size: auto auto;
	background-size: initial;
	overflow: hidden;
	text-align: center
}

.pep-common-banner.autoHeight .por-carousel-slide video {
	height: auto;
	-o-object-fit: none;
	object-fit: none;
	width: auto
}

.pep-common-banner.autoHeight .prodoc-banner-main {
	height: auto;
	min-height: 400px;
	padding: 56px 0
}

.pep-common-banner.autoHeight .banner-summary,
.pep-common-banner.autoHeight .prodoc-banner-title .por-text-title-t2,
.pep-common-banner.autoHeight .prodoc-description {
	display: block
}

.pep-common-banner.autoHeight .prodoc-description.price,
.pep-common-banner.autoHeight .prodoc-description.price p {
	white-space: normal
}

.pep-common-banner.autoHeight .prodoc-banner-btnGroup {
	margin-bottom: -16px;
	margin-right: -16px
}

.pep-common-banner.autoHeight .prodoc-banner-btnGroup .por-btn {
	height: auto;
	line-height: 22px;
	margin-bottom: 16px;
	max-width: 100%;
	padding-bottom: 8px;
	padding-top: 8px;
	white-space: normal
}

.pep-common-banner.autoHeight.domain-banner .por-carousel-slide,
.pep-common-banner.autoHeight.index-banner .por-carousel-slide {
	height: auto;
	min-height: 530px
}

.pep-common-banner.autoHeight.domain-banner .prodoc-banner-main,
.pep-common-banner.autoHeight.index-banner .prodoc-banner-main {
	height: auto;
	min-height: 480px
}

@media (min-width:768px) {
	.pep-common-banner.extend-space {
		margin-top: -48px
	}

	.pep-common-banner.extend-space .por-countdown-container {
		margin-top: 80px
	}

	.pep-common-banner.extend-space .prodoc-banner-main {
		padding-top: 48px
	}

	.pep-common-banner.showAd .prodoc-banner-main {
		padding-bottom: 100px
	}

	.pep-common-banner.showAd .por-carousel-pagination {
		bottom: 130px
	}
}

@media (max-width:767px) {
	.pep-common-banner .pc {
		display: none !important
	}

	.pep-common-banner .mb {
		display: -webkit-box !important
	}

	.pep-common-banner .por-countdown-container {
		display: none
	}

	.pep-common-banner .prodoc-banner-main {
		height: auto;
		padding-bottom: 32px;
		padding-top: 32px;
		width: 100%
	}

	.pep-common-banner .prodoc-banner-main.align-center {
		text-align: center
	}

	.pep-common-banner .prodoc-banner-content {
		max-width: 600px
	}

	.pep-common-banner .por-text-title-t2 {
		font-size: 24px;
		line-height: 30px
	}

	.pep-common-banner .por-text-title-t2.pc {
		display: none
	}

	.pep-common-banner .por-text-title-t2.mb {
		display: -webkit-box
	}

	.pep-common-banner .prodoc-banner-main .prodoc-description {
		margin-top: 8px !important
	}

	.pep-common-banner .prodoc-banner-main .prodoc-description.pc {
		display: none
	}

	.pep-common-banner .prodoc-banner-main .prodoc-description.mb {
		display: block;
		font-size: 12px;
		line-height: 18px
	}

	.pep-common-banner.topic-banner .prodoc-description {
		-webkit-line-clamp: 10
	}

	.pep-common-banner.topic-banner .prodoc-description.price,
	.pep-common-banner.topic-banner .prodoc-description.price p {
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		white-space: normal
	}

	.pep-common-banner .prodoc-banner-title {
		max-width: calc(100% - 32px)
	}

	.pep-common-banner .prodoc-banner-title .por-text-title-t2.mb {
		display: block
	}

	.pep-common-banner .por-player-btn {
		font-size: 12px;
		height: 24px;
		line-height: 22px;
		margin-left: 8px;
		padding-left: 2px;
		top: 2px;
		width: 24px
	}

	.pep-common-banner .prodoc-banner-btnGroup {
		margin-top: 16px
	}

	.pep-common-banner .prodoc-banner-btnGroup .por-btn {
		margin-right: 12px
	}

	.pep-common-banner .banner-notice,
	.pep-common-banner .prodoc-banner-btnGroup .por-btn:nth-child(n+3),
	.pep-common-banner .prodoc-banner-btnGroup.hidden-mb {
		display: none
	}

	.pep-common-banner .por-col-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.pep-common-banner .prodoc-banner-fun {
		background-color: #f5f5f6;
		display: block;
		float: none;
		height: auto;
		margin-top: 14px;
		padding: 16px 15px;
		width: 100%
	}

	.pep-common-banner .prodoc-banner-fun.show-form-mb>div:not(.prodoc-banner-form) {
		display: none
	}

	.pep-common-banner .prodoc-banner-fun.show-form-mb .prodoc-banner-form {
		display: block
	}

	.pep-common-banner .por-row {
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 28px
	}

	.pep-common-banner .por-row [class^=por-col-]:nth-child(odd) {
		padding-left: 15px;
		padding-right: 12px
	}

	.pep-common-banner .por-row [class^=por-col-]:nth-child(2n) {
		padding-left: 12px;
		padding-right: 15px
	}

	.pep-common-banner .por-row [class^=por-col-]:nth-child(n+3) {
		margin-top: 24px
	}

	.pep-common-banner .por-row .por-text-title-t7 {
		display: inline-block;
		font-size: 12px;
		margin-top: 8px;
		vertical-align: middle
	}

	.pep-common-banner .por-container:nth-child(2) {
		background-color: #fff
	}

	.pep-common-banner .prodoc-banner-notices {
		background-image: none !important;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0 0 24px
	}

	.pep-common-banner .prodoc-banner-notices .por-text-title-t6 {
		font-size: 14px;
		margin-top: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.pep-common-banner .prodoc-banner-view {
		padding: 28px 0
	}

	.pep-common-banner .prodoc-banner-view:before {
		background-color: #fff;
		-webkit-filter: blur(0);
		filter: blur(0)
	}

	.pep-common-banner .prodoc-banner-about {
		min-height: auto;
		padding: 0;
		width: 100%
	}

	.pep-common-banner .prodoc-banner-about .por-text-title-t3 {
		font-size: 18px;
		line-height: 22px;
		text-align: center
	}

	.pep-common-banner .prodoc-banner-cases .logo {
		height: 50px
	}

	.pep-common-banner .prodoc-banner-cases .por-text-title-t7 {
		font-size: 12px
	}

	.pep-common-banner .prodoc-banner-cases .description,
	.pep-common-banner .prodoc-banner-cases .witness {
		margin-top: 12px
	}

	.pep-common-banner .prodoc-banner-picks {
		float: none;
		width: 100%
	}

	.pep-common-banner .prodoc-banner-picks .por-text-title-t3 {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 4px
	}

	.pep-common-banner .prodoc-banner-picks li {
		margin-top: 4px
	}

	.pep-common-banner .prodoc-banner-picks li .por-link-red {
		font-size: 12px;
		line-height: 18px
	}

	.pep-common-banner .prodoc-banner-advertisement .caption {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 0
	}

	.pep-common-banner .prodoc-banner-advertisement .caption.pc {
		display: none
	}

	.pep-common-banner .prodoc-banner-advertisement .caption.mb {
		display: block
	}

	.pep-common-banner .prodoc-banner-advertisement .por-text-title-t7 {
		font-size: 12px;
		margin-top: 4px
	}

	.pep-common-banner .prodoc-banner-advertisement .por-btn {
		margin-top: 12px
	}

	.pep-common-banner .prodoc-banner-form .caption {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 4px
	}

	.pep-common-banner .prodoc-banner-form .por-text-title-t7 {
		font-size: 12px
	}

	.pep-common-banner .prodoc-banner-form .por-text-wrap {
		margin-bottom: 8px
	}

	.pep-common-banner .prodoc-banner-form .por-btn {
		margin-top: 12px
	}

	.pep-common-banner.domain-banner .por-carousel-slide,
	.pep-common-banner.index-banner .por-carousel-slide {
		height: 350px
	}

	.pep-common-banner.domain-banner .por-carousel-slide>.por-container,
	.pep-common-banner.index-banner .por-carousel-slide>.por-container {
		position: static
	}

	.pep-common-banner.domain-banner .por-player-btn,
	.pep-common-banner.index-banner .por-player-btn {
		top: 5px;
		vertical-align: top
	}

	.pep-common-banner.domain-banner .prodoc-banner-main,
	.pep-common-banner.index-banner .prodoc-banner-main {
		height: 160px;
		padding-bottom: 32px;
		padding-top: 32px;
		text-align: center
	}

	.pep-common-banner.domain-banner .por-text-title-t2,
	.pep-common-banner.index-banner .por-text-title-t2 {
		font-size: 24px;
		line-height: 30px
	}

	.pep-common-banner.domain-banner .banner-summary,
	.pep-common-banner.index-banner .banner-summary {
		margin-top: 8px
	}

	.pep-common-banner.domain-banner .banner-summary.mb,
	.pep-common-banner.index-banner .banner-summary.mb {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.pep-common-banner.domain-banner .fillet-btn,
	.pep-common-banner.index-banner .fillet-btn {
		border-radius: 19px;
		font-size: 14px;
		height: 38px;
		line-height: 38px;
		padding-left: 42px;
		padding-right: 42px
	}

	.pep-common-banner.domain-banner .prodoc-banner-main {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		height: auto;
		justify-content: start;
		padding-top: 16px
	}

	.pep-common-banner.index-banner .guiding-info,
	.pep-common-banner.index-banner .prodoc-banner-btnGroup {
		display: none
	}

	.pep-common-banner.domain-banner .guiding-info {
		margin-bottom: 8px
	}

	.pep-common-banner.domain-banner .guiding-info span {
		font-size: 14px;
		line-height: 18px;
		max-width: 100%;
		white-space: normal
	}

	.pep-common-banner.second-banner .banner-summary,
	.pep-common-banner.second-banner .prodoc-description {
		-webkit-line-clamp: 2
	}

	.pep-common-banner.second-banner .por-carousel-slide,
	.pep-common-banner.second-banner .prodoc-banner-main {
		height: 200px
	}

	.pep-common-banner .adContent-pc {
		display: none
	}

	.pep-common-banner .adContent-mb {
		display: block
	}

	.pep-common-banner .adContent-mb .por-section-body {
		padding: 16px 0
	}

	.pep-common-banner .adContent-mb .por-carousel {
		padding-bottom: 20px
	}

	.pep-common-banner .adContent-mb .por-carousel-slide {
		font-size: 0;
		height: auto;
		text-align: center
	}

	.pep-common-banner .adContent-mb .por-carousel-slide>a {
		display: block;
		font-size: 0
	}

	.pep-common-banner .adContent-mb .por-carousel-pagination {
		bottom: -6px
	}

	.pep-common-banner .adContent-mb .notice-caption {
		font-size: 14px;
		margin-bottom: 4px
	}

	.pep-common-banner .adContent-mb .notice-summary {
		display: inline-block;
		font-size: 12px;
		vertical-align: middle
	}

	.pep-common-banner .adContent-mb .por-label {
		margin-left: 8px
	}

	.pep-common-banner.autoHeight .por-carousel-slide>.por-container>.mb {
		background-size: auto auto;
		background-size: initial
	}

	.pep-common-banner.autoHeight .prodoc-banner-main {
		height: auto;
		min-height: 250px;
		padding-bottom: 32px;
		padding-top: 32px
	}

	.pep-common-banner.autoHeight .banner-summary,
	.pep-common-banner.autoHeight .prodoc-banner-title .por-text-title-t2.mb,
	.pep-common-banner.autoHeight .prodoc-description {
		display: block !important
	}

	.pep-common-banner.autoHeight .banner-summary.pc,
	.pep-common-banner.autoHeight .prodoc-description.pc {
		display: none !important
	}

	.pep-common-banner.autoHeight .prodoc-description.price,
	.pep-common-banner.autoHeight .prodoc-description.price p {
		white-space: normal
	}

	.pep-common-banner.autoHeight .prodoc-banner-btnGroup {
		margin-bottom: -8px;
		margin-right: -12px
	}

	.pep-common-banner.autoHeight .prodoc-banner-btnGroup .por-btn {
		line-height: 18px;
		margin-bottom: 8px;
		padding-bottom: 6px;
		padding-top: 6px
	}

	.pep-common-banner.autoHeight.domain-banner .por-carousel-slide,
	.pep-common-banner.autoHeight.domain-banner .prodoc-banner-main,
	.pep-common-banner.autoHeight.index-banner .por-carousel-slide,
	.pep-common-banner.autoHeight.index-banner .prodoc-banner-main {
		height: auto;
		min-height: 350px
	}

	.pep-common-banner.autoHeight.domain-banner .prodoc-banner-main,
	.pep-common-banner.autoHeight.index-banner .prodoc-banner-main {
		height: auto;
		min-height: 160px
	}

	.pep-common-banner.autoHeight.second-banner .por-carousel-slide,
	.pep-common-banner.autoHeight.second-banner .prodoc-banner-main {
		height: auto;
		min-height: 200px
	}
}

.pep-common-banner .por-tip-notice-outContainer {
	position: absolute
}

.mod-dialog {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .8);
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: opacity .175s ease-in-out;
	transition: opacity .175s ease-in-out;
	will-change: opacity;
	z-index: 99999
}

.mod-dialog-inner {
	background-color: #fff;
	border: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	max-width: 700px;
	min-width: 400px;
	padding: 0;
	position: relative
}

.mod-dialog header {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #252b3a;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 24px;
	margin: 19px 0;
	padding-left: 30px
}

.mod-dialog-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px
}
.mod-dialog-info {
	background-position: 0 0
}

.mod-dialog-success {
	background-position: -24px 0
}

.mod-dialog-error {
	background-position: -48px 0
}

.mod-dialog-warning {
	background-position: -72px 0
}

.mod-dialog section {
	word-wrap: break-word;
	color: #575d6c;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 18px;
	margin: 12px 0;
	padding: 0 30px;
	text-align: justify
}

.mod-dialog footer {
	padding: 20px 30px 30px;
	text-align: center
}

.mod-dialog footer button {
	-webkit-tap-highlight-color: transparent;
	background: #f66f6a;
	border: 1px solid #f66f6a;
	border-radius: 1px;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	line-height: 14px;
	margin: 0 4px;
	padding: 5px 20px
}

.mod-dialog footer button.cancel {
	background: #fff;
	border: 1px solid #adb0b8;
	color: #252b3a
}

.mod-dialog-close {
	cursor: pointer;
	height: 18px;
	overflow: hidden;
	position: absolute;
	right: 18px;
	top: 18px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 18px
}

.mod-dialog-close:after,
.mod-dialog-close:before {
	background-color: #666a75;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 18px
}

.mod-dialog-close:after {
	height: 18px;
	left: 8px;
	top: 0;
	width: 2px
}

.mod-dialog[open] {
	opacity: 1
}

@media (max-width:768px) {
	.mod-dialog-inner {
		max-width: calc(100% - 30px);
		min-width: 60%
	}
}

.shade,
.shade-product {
	background-color: rgba(0, 0, 0, .8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200
}

.modal-realName {
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 10px;
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: hidden;
	width: 100%;
	z-index: 999
}

.modal-realName .iframe-realName {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.modal-logRegister {
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: hidden;
	width: 100%;
	z-index: 999
}

.modal-logRegister .iframe-logRegister {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.modal-product {
	-webkit-animation: mymove .3s ease-in-out;
	animation: mymove .3s ease-in-out;
	height: 100%;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: hidden;
	width: 100%;
	z-index: 999
}

.modal-product .iframe-product {
	left: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%)
}

.opacity-fifty {
	opacity: .5
}

@-webkit-keyframes mymove {
	0% {
		left: 960px
	}

	to {
		left: 0
	}
}

@keyframes mymove {
	0% {
		left: 960px
	}

	to {
		left: 0
	}
}

.mod-dialog-body .free-test-dialog .dialog-content-title {
	font-size: 14px;
	line-height: 24px
}

.mod-dialog-body .free-test-dialog .dialog-info-inner {
	background: #f5f5f6;
	color: #575d6c;
	font-size: 12px;
	line-height: 34px;
	padding: 0 10px
}

.mod-dialog-body .free-test-dialog .dialog-warn-inner {
	color: #2468f2;
	font-size: 12px;
	line-height: 18px
}

.mod-dialog .mod-dialog-inner {
	width: 400px !important
}

.mod-dialog footer button {
	background: #2468f2 !important;
	border-color: #2468f2 !important;
	border-radius: 2px !important;
	cursor: pointer !important;
	font-size: 12px !important;
	height: 32px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	-webkit-transition: .2s !important;
	transition: .2s !important
}

.mod-dialog footer button:hover {
	background-color: #d64a52 !important;
	border-color: #d64a52 !important
}

.mod-dialog footer button.cancel {
	background: #fff !important;
	border: 1px solid #252b3a !important;
	color: #252b3a !important
}

.mod-dialog footer button.cancel:hover {
	background-color: #fff !important;
	border-color: #2468f2 !important;
	color: #2468f2 !important
}


.pep-banner-notices {
	position: relative;
	z-index: 1
}

.pep-banner-notices .por-carousel-slide>.mb,
.pep-banner-notices .por-carousel-slide>.pc {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.pep-banner-notices .por-carousel-slide>.mb {
	display: none
}

.pep-banner-notices .por-carousel-slide .por-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.pep-banner-notices .hideTab .por-carousel-slide .por-container {
	height: calc(100% - 114px)
}

.pep-banner-notices .hideTab.hasPagination .por-carousel-slide .por-container {
	height: calc(100% - 130px)
}

.pep-banner-notices .hasTab .por-carousel-slide .por-container {
	height: calc(100% - 156px)
}

.pep-banner-notices .hasTab.hasPagination .por-carousel-slide .por-container {
	height: calc(100% - 172px)
}

.pep-banner-notices .noTab.hasPagination .por-carousel-slide .por-container {
	height: calc(100% - 46px)
}

.pep-banner-notices .banner-title {
	width: 720px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.pep-banner-notices .banner-summary,
.pep-banner-notices .banner-summary p {
	display: -webkit-box;
	width: 560px;
	max-height: 144px;
	margin-top: 8px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden
}

.pep-banner-notices .banner-summary p {
	margin-top: 0
}

.pep-banner-notices .btn-group {
	margin-top: 24px;
	font-size: 0
}

.pep-banner-notices .btn-group .por-btn {
	margin-right: 16px
}

.pep-banner-notices>.por-section {
	position: absolute;
	bottom: 0;
	z-index: 2;
	left: 0;
	right: 0;
	width: 100%;
	padding: 0;
	background-color: transparent
}

.pep-banner-notices>.por-section>.por-container {
	position: relative;
	z-index: 3
}

.pep-banner-notices .por-tab-wrapper {
	padding: 20px 0
}

.pep-banner-notices [class^=por-col-]+.pep-banner-notices [class^=por-col-] .ad-card {
	border-left: 1px #8a8e99
}

.pep-banner-notices .por-col-5 {
	max-width: 20%
}

.pep-banner-notices .por-col-7 {
	max-width: 14.28571%
}

.pep-banner-notices .por-tab {
	border-bottom: none
}

.pep-banner-notices .por-tab-text {
	font-size: 14px
}

.pep-banner-notices a[class^=por-col-]:not([href]) {
	cursor: default
}

.pep-banner-notices .ad-card {
	padding: 4px 32px;
	text-align: center
}

.pep-banner-notices .ad-card.hasIcon {
	text-align: left
}

.pep-banner-notices .ad-card.hasIcon .ad-summary,
.pep-banner-notices .ad-card.hasIcon .ad-title {
	margin-left: 64px
}

.pep-banner-notices [class^=por-col-]+[class^=por-col-] .ad-card {
	border-left: 1px solid #8a8e99
}

.pep-banner-notices[data-theme=light] [class^=por-col-]+[class^=por-col-] .ad-card {
	border-color: rgba(138, 142, 153, .4)
}

.pep-banner-notices .ad-icon {
	float: left;
	width: 48px;
	height: 48px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%
}

.pep-banner-notices .ad-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.pep-banner-notices .ad-summary {
	margin-top: 4px
}

.pep-banner-notices .ad-summary,
.pep-banner-notices .ad-summary>p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pep-banner-notices[data-theme=blue] .ad-summary {
	opacity: .8
}

.pep-banner-notices[data-theme=blue] .banner-notice-item>a .before-line {
	border-color: #fff
}

.pep-banner-notices[data-theme=blue] [class^=por-col-]+[class^=por-col-] .ad-card {
	border-left: 1px solid rgba(222, 225, 230, .2)
}

.pep-banner-notices .hasTab .por-carousel-pagination {
	bottom: 156px
}

.pep-banner-notices .hideTab .por-carousel-pagination {
	bottom: 114px
}

.pep-banner-notices .banner-notice {
	margin-top: 16px;
	width: 862px;
	line-height: 18px
}

.pep-banner-notices .banner-notice-item {
	opacity: .8
}

.pep-banner-notices .banner-notice-item.por-link-red {
	opacity: 1
}

.pep-banner-notices .banner-notice-item>a {
	display: block;
	font-size: 0;
	-webkit-transition: .2s;
	transition: .2s
}

.pep-banner-notices .banner-notice-item>a object,
.pep-banner-notices .banner-notice-item>a p {
	display: inline-block;
	width: calc(100% - 14px);
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle
}

.pep-banner-notices .banner-notice-item>a .before-line {
	width: 6px;
	margin-right: 8px;
	border-top: 2px solid #8a8e99;
	vertical-align: -1px
}

.pep-banner-notices .banner-notice-item+.banner-notice-item {
	margin-top: 4px
}

@media (min-width:768px) {
	.pep-banner-notices>.por-section:after {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		bottom: 0;
		height: 96px;
		background-color: hsla(0, 0%, 100%, .8)
	}
}

@media (max-width:1023px) {
	.pep-banner-notices .banner-notice {
		width: 100%
	}
}

@media (max-width:767px) {
	.pep-banner-notices .por-carousel {
		height: 200px !important
	}

	.pep-banner-notices .por-carousel-slide>.pc {
		display: none
	}

	.pep-banner-notices .por-carousel-slide>.mb {
		display: block
	}

	.pep-banner-notices .por-carousel-slide .por-container {
		height: 200px !important
	}

	.pep-banner-notices .hasPagination .por-carousel-slide .por-container {
		height: 182px !important
	}

	.pep-banner-notices .banner-title {
		width: 100%;
		font-size: 24px;
		line-height: 30px
	}

	.pep-banner-notices .banner-summary {
		width: 100%;
		margin-top: 8px;
		font-size: 12px;
		line-height: 18px
	}

	.pep-banner-notices .banner-summary p {
		width: 100%
	}

	.pep-banner-notices .btn-group {
		margin-top: 16px
	}

	.pep-banner-notices .btn-group .por-btn:nth-child(n+3),
	.pep-banner-notices>.por-section {
		display: none
	}

	.pep-banner-notices .por-carousel-pagination {
		bottom: 10px !important
	}
}