* {
	font-size: inherit;
	font-family: "微软雅黑";
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
}

:root {
	--main-color: #c3261d;
	--main-text: #333;
	--f-text: #999;
	--nav-item: #666;
	font-size: calc(1440px / 1440 * 10);
	overflow-x: auto;
}

.main-box {
	width: 1440px;
	margin: auto;
}

.my-swiper-left-btn,
.my-swiper-right-btn {
	width: 30px;
	height: 60px;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	position: absolute;
	z-index: 6;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	overflow: hidden;
}

.my-swiper-left-btn:hover,
.my-swiper-right-btn:hover {
	background-color: rgba(255, 255, 255, .5);
}

.my-swiper-right-btn {
	left: auto;
	right: 10px;
}

.my-swiper-left-btn:after,
.my-swiper-right-btn:after {
	content: ">";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	font-size: 30px;
	line-height: 60px;
	text-align: center;
	transform: scaleX(.7) scaleY(1.5) translateY(-2px);
	opacity: .7;
}

.my-swiper-left-btn {
	transform: rotateY(180deg);
}



/*无效输入时的样式*/
input:required:invalid {
	background-image: url(error.png);
	background-position: right center;
	background-repeat: no-repeat;
	border-color: red;
	box-shadow: none;
	/* 兼容FF13以前版本 */
	-moz-box-shadow: none;
}

/*有效输入时的样式*/
input:required:valid {
	background-image: url(true.png);
	background-position: right center;
	background-repeat: no-repeat;
	border-color: green;
	box-shadow: none;
	/* 兼容FF13以前版本 */
	-moz-box-shadow: none;
}

input {
	border: none;
	outline: none;
}

a:focus,
video:focus,
input:focus {
	border: none;
	outline: none;
}

*:focus {
	outline: none;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #D1D1D1;
	font-size: inherit;
	font-weight: inherit;
	transform: translateY(10%);
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #D1D1D1;
	font-size: inherit;
	font-weight: inherit;
	transform: translateY(10%);
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #D1D1D1;
	font-size: inherit;
	font-weight: inherit;
	transform: translateY(10%);
}

/*包含以下四种的链接*/
a {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
}

/*正常的未被访问过的链接*/
a:link {
	text-decoration: none;
}

/*已经访问过的链接*/
a:visited {
	text-decoration: none;
}

/*鼠标划过(停留)的链接*/
a:hover {
	text-decoration: none;
}

/* 正在点击的链接*/
a:active {
	text-decoration: none;
}

span,
p,
ul li,
ol li {
	font-size: inherit;
}

.fixed {
	position: fixed;
}

[class*=van-hairline]::after {
	position: absolute;
	box-sizing: border-box;
	content: ' ';
	pointer-events: none;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	border: 0 solid #ebedf0;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
	position: relative
}

.van-hairline--top::after {
	border-top-width: 1px
}

.van-hairline--left::after {
	border-left-width: 1px
}

.van-hairline--right::after {
	border-right-width: 1px
}

.van-hairline--bottom::after {
	border-bottom-width: 1px
}

.van-hairline--top-bottom::after,
.van-hairline-unset--top-bottom::after {
	border-width: 1px 0
}

.van-hairline--surround::after {
	border-width: 1px
}

.van-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

/* 下滑线 */
.del-line {
	text-decoration: underline;
	color: var(--nav-item);
}

/* 分页 */
.pager-list-item {
	display: flex;
	justify-content: center;
}

.pager-list-item a {
	display: flex;
	align-items: center;
	align-content: center;
	font-size: 1.8rem;
	color: var(--nav-text);
	border-radius: .4rem;
	border: 1px solid rgb(209, 209, 209);
	padding: 1rem 2rem;
	padding-top: 1.1rem;
	margin: 5rem .5rem;
	box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .05);
}

.pager-list-item a.page-num-current {
	border: 1px solid transparent;
	box-shadow: none;
}

.no-data {
	padding: 12rem 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 2.2rem;
	color: var(--nav-text);
}

.page-num {
	font-size: 4rem;
	display: flex;
	align-items: center;
	color: var(--nav-text);
}