/* 头部 start*/
.header {
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}

.header .header-text {
	font-size: .26rem;
	font-weight: 500;
	color: #737373;
	box-sizing: border-box;
	padding: 0 0.43rem;
	text-align: justify;
	text-indent: 0.5rem;
}

.toplogo {
	position: fixed;
	top: -.02rem;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: .30rem 0rem;
	z-index: 9;
	background: rgba(255, 255, 255, 0);
	transition: background 1s ease;
}

.header-scroll-to-top {
	box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
	background: hsla(0, 0%, 100%, .75);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.toplogo .logo {
	display: block;
	width: 1.9rem;
	height: .68rem;
}

.toplogo .header-rt {
	display: flex;
	align-items: center;
	justify-content: right;
}

.header-rt .kefu-icon {
	display: block;
	width: .45rem;
	height: .45rem;
}

 .head_more {
	display: block;
	width: .45rem;
	height: .45rem;
	margin-left: 0.28rem;
}
.head_more {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.066667rem;
    height: 100%;
    background: url(../../static/img/head_more_ico.bc48dc0.png) 50% no-repeat;
    background-size: 0.4rem 0.386667rem;
}

/* 头部 end */
/* 首页顶部 */
.content {
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.content-new {
	background: url('../images/tab_bg.png') left top no-repeat;
	background-size: 100% 8.74rem;
}

.content-new .box-1 {
	height: 8.2rem;
}

.content-padding-bottom {
	padding-bottom: 1.6rem;
}

.box-1 {
	width: 100%;
	height: 7.48rem;
	padding-top: 2.4rem;
	position: relative;
}

.box-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/header-bg.png) left center no-repeat;
	background-size: 100% 100%;
	-webkit-animation: fadeInDown .5s .2s ease both;
	-moz-animation: fadeInDown .5s .2s ease both;
}

.animation-top-content {
	-webkit-animation: fadeInUp .5s .2s ease both;
	-moz-animation: fadeInUp .5s .2s ease both;
}

/* 首页二级页面顶部 背景 tab页*/
.box-tab-top {
	width: 100%;
	height: 8.74rem;
	background: none;
	padding-top: 1.9rem;
}

.box-1 .text1 {
	text-align: center;
	color: #2C3A64;
	font-size: .66rem;
	font-weight: 800;
}

.box-1 .text2 {
	text-align: center;
	color: #2C3A64;
	font-size: .44rem;
	margin: 0.05rem 0 0;
	letter-spacing: 0.01rem;
}

.box-1 .text3 {
	text-align: center;
	font-size: .26rem;
	color: #515E84;
	width: 70%;
	letter-spacing: .02rem;
	line-height: 1.5;
	margin: 0.25rem auto 0;
}

.box-1 .kefu-btn {
	display: block;
	margin: 0.59rem auto 0;
	width: 3.1rem;
	height: 0.74rem;
	line-height: .74rem;
	text-align: center;
	background: linear-gradient(90deg, #4F7AFD, #668CFF);
	box-shadow: 0 0.08rem 0.38rem 0 rgb(83 125 253 / 64%);
	border-radius: 0.37rem;
	font-size: .3rem;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.02rem;
	position: relative;
	overflow: hidden;
}

/* footer */
.footer {
	width: 100%;
	height: 1.2rem;
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	z-index: 999;
	/* opacity: 0; */
	transition: bottom .4s ease;
}

.scroll-footer {
	bottom: 0;
	/* opacity: 1; */
}

.footer-item {
	width: 50%;
	height: 100%;
	line-height: 1.2rem;
	color: #fff;
	font-size: .36rem;
	text-align: center;
	padding-left: 0.6rem;
}

.footer-item:first-child {
	background: #517CFD url('../images/footer-demo.png') .9rem center no-repeat;
	background-size: .41rem .41rem;
}

.footer-item:first-child a {
	color: #fff;
}

.footer-item:last-child {
	background: #FF8342 url('../images/footer-kefu.png') .9rem center no-repeat;
	background-size: .41rem .41rem;
}

/* .footer2 */
/* .box-8 */
.box-8 {
	width: 100%;
	box-sizing: border-box;
	background: #303238;
	padding: .45rem .68rem;
}

.toBottom {
	position: absolute;
	bottom: 1.2rem;
	left: 0;
}

.box-8 div {
	font-size: .22rem;
	font-weight: 500;
	color: #737373;
	text-align: center;
	line-height: 1.5;
}

.box-8 div:last-child {
	line-height: initial;
}

.box-8 div a {
	color: #737373;
}

/* 客服弹窗 */
.kefu_box {
	width: 4rem;
	height: 4.6rem;
	background: #FFFFFF;
	box-shadow: 0 0 0.76rem 0 rgb(94 94 94 / 35%);
	border-radius: 0.2rem;
	margin: 5rem auto;
	position: relative;
}

.kefu_box .kefu_erweima {
	margin: 0 auto 0.25rem;
	display: block;
	width: 2.92rem;
	padding-top: 0.63rem;
}

.kefu_box .kefu_text {
	text-align: center;
	font-size: .26rem;
	font-weight: 500;
	color: #737373;
}

.kefu_box .close-icon {
	display: block;
	width: 0.22rem;
	height: 0.22rem;
	position: absolute;
	right: 0.26rem;
	top: 0.28rem;
}

/* 查看更多弹窗 */
.dialog-more {
	background: #fff;
	top: 0;
	right: -100%;
	left: initial;
}

.animate-dialog-show {
	right: 0;
	animation: scrollToLeft 0.2s linear;
}

.animate-dialog-hide {
	right: -100%;
	animation: scrollToRight 0.2s linear;
}

.more-logo {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: .3rem .35rem;
}

.more-logo .more-close {
	display: block;
	width: .3rem;
	height: .3rem;
}

.more-logo .dialog-logo {
	display: block;
	width: 1.9rem;
	height: .68rem;
}

.more_list {
	width: 100%;
	background: #fff;
	box-sizing: border-box;
}

.more_list .more_item {
	cursor: pointer;
	width: 100%;
	font-size: .32rem;
	font-weight: bold;
	color: #232323;
	box-sizing: border-box;
	padding: 0 .4rem;
}

.more_list .more_item_special {
	padding: 0;
}

.more_list .more_item_special .text {
	display: block;
	width: 100%;
	padding: .36rem .4rem;
	background: url('../images/new/bottom.png') 93% center no-repeat;
	background-size: .22rem .12rem;
	position: relative;
}

.more_list .more_item_special .text:after {
	content: '';
	display: block;
	width: calc(100% - .8rem);
	height: .01rem;
	background: #e9e9e9;
	position: absolute;
	bottom: 0;
	left: .4rem;
}

.more_list .more_item_special .text-ac-bg {
	background: url('../images/new/top.png') 93% center no-repeat;
	background-size: .22rem .12rem;
}

.more_list .more_item>a {
	display: block;
	width: 100%;
	font-size: .32rem;
	font-weight: bold;
	color: #232323;
	box-sizing: border-box;
	padding: .36rem 0;
	border-bottom: 0.01rem solid #E9E9E9;
}

.more_list .more_item .special-list {
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: height 1s ease;
	background: #F5F8FF;
}

.more_list .more_item .special-list-act {
	height: auto;
}

.more_list .more_item .special-list a {
	display: block;
	width: calc(100% - 0.8rem);
	font-size: .3rem;
	font-weight: initial;
	box-sizing: border-box;
	padding: 0.38rem 0.2rem 0.38rem 0.43rem;
	color: #383838;
	border-bottom: 0.01rem solid #E9E9E9;
	margin: 0 auto;
}

.more_list .more_item .special-list a:last-child {
	padding-bottom: .36rem;
}

/* 查看更多按钮 */
.see_more {
	display: block;
	text-align: center;
	width: 3.1rem;
	height: .74rem;
	line-height: .79rem;
	background: linear-gradient(90deg, #4F7AFD, #668CFF);
	box-shadow: 0 .08rem .38rem 0 rgba(83, 125, 253, 0.64);
	border-radius: .37rem;
	margin: 0 auto;
	font-size: .26rem;
	color: #fff;
}

.box-title {
	width: 100%;
	text-align: center;
	font-size: .4rem;
	font-weight: bold;
	color: #2A2A2A;
}

@keyframes scrollToLeft {
	from {
		transform: translate3d(50%, 0, 0);
	}

	to {
		transform: translate3d(0%, 0, 0);
	}
}

@keyframes scrollToRight {
	from {
		transform: translate3d(-50%, 0, 0);
	}

	to {
		transform: translate3d(0%, 0, 0);
	}
}

#top-content {
	-webkit-animation: fadeInLeft .5s .2s ease both;
	-moz-animation: fadeInLeft .5s .2s ease both;
}

/* 左边淡入 */
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-50px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-50px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

/* 上方淡入 */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-50px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-50px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

/* 下方淡入 */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(50px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

/* 按钮动画开始 */
.bannerBtnAnim {
	animation: anim-out .75s;
	animation-iteration-count: infinite;
	animation-duration: 1.3s;
	z-index: 1;
}

.bannerBtnAnim {
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
}

.bannerBtnAnim:before {
	position: relative;
	content: '';
	display: block;
	margin-top: 100%;
}

.bannerBtnAnim:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
}

@keyframes anim-out {
	0% {
		width: 0
	}

	50% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@keyframes anim-out-pseudo-two {
	0% {
		background: transparent
	}

	50% {
		background: rgba(255, 255, 255, .2)
	}

	100% {
		background: transparent
	}
}

@keyframes anim-out-pseudo-three {
	0% {
		background: transparent
	}


	50% {
		background: rgba(81, 124, 253, .2)
	}

	100% {
		background: transparent
	}
}

/* 按钮动画结束 */

/* 分页 */
.pagination {
	text-align: center;
	padding: .3rem 0;
}

.pagination li {
	display: inline-block;
	border-radius: .05rem;
	margin: 0 .02rem;
	border: .01rem solid #e2e2e2;
	line-height: 1.3;
}

.pagination a {
	padding: 0.1rem 0.15rem;
	font-size: .24rem;
	color: #999999;
	display: block;
}

.pagination span {
	padding: 0.1rem 0.15rem;
	font-size: .24rem;
	color: #999999;
	display: block;
}

/*.pagination li.disabled{
    background-color:#e9e9e9;
}*/
.pagination li.active {
	background: #1787fb;
	border-color: #1787fb;
}

.pagination li.active span {
	color: #f4f8ff;
}

.pagination li:hover {
	background-color: #1787fb;
	border-color: #1787fb;
}

.pagination li:hover a,
.pagination li:hover span {
	color: #f4f8ff;
	text-decoration: none;
}

.pagination li.disabled a {
	color: #bcbcbc;
	cursor: default;
	text-decoration: none;
}

.pagination li.disabled:hover span {
	color: #999;
}

.pagination li.disabled:hover {
	background: transparent;
	border-color: #e2e2e2;
	color: #999;
}

.pagination-simple li {
	display: inline-block;
	margin: 0 .02rem;
}

.pagination-simple li a {
	color: #1787fb;
}

.pagination-simple li.disabled a {
	color: #bcbcbc;
	cursor: default;
	text-decoration: none;
}

.pagination-simple li.pagenum {
	cursor: default;
}

.pagination-simple li.pagenum .color {
	color: #1787fb;
}

/*按钮特效 */
.see_more .bannerBtnAnim::after,
.box-1 .kefu-btn .bannerBtnAnim::after {
	animation: anim-out-pseudo-two 2s
}

.see_more .bannerBtnAnim,
.see_more .bannerBtnAnim::after,
.box-1 .kefu-btn .bannerBtnAnim,
.box-1 .kefu-btn .bannerBtnAnim::after {
	animation-iteration-count: infinite;
	animation-duration: 2s;
}

/* 模块出现特效 */
.animate-element {
	opacity: 0;
}

.fly-up {
	animation-name: fly-up;
	animation-fill-mode: both;
	animation-duration: .5s;
}

@keyframes fly-up {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

/* 返回顶部按钮 */
.return-top {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	position: fixed;
	bottom: 1.8rem;
	right: 0.05rem;
	display: none;
	z-index: 99;
}

.return-top img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

@keyframes rowup {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
}