/***********************
=========================

苏州悠言

诚邀各位大佬合作共赢
联系人:赵经理
联系电话:17625381495
茶水充足，静待大佬~~

========================= 
************************/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
	padding: 0;
	margin: 0
}

* {
	outline: none;
}

body {
	font-size: 12px;
	text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
	outline: 0
}

ul,
ol,
li {
	list-style: none
}

img {
	vertical-align: top;
	border: 0
}

a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

* img {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 0;
}

input,
button {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

/*网站单位设置*/

@media (max-width: 320px) {
	html {
		font-size: 20px !important;
	}
}

@media (max-width: 479px) {
	html {
		font-size: 24px !important;
	}
}

@media (max-width: 767px) {
	html {
		font-size: 26px !important;
	}
}

@media (min-width: 768px) {
	html {
		font-size: 28px !important;
	}
}

@media (min-width: 1200px) {
	html {
		font-size: 30px !important;
	}
}

@media (min-width: 1440px) {
	html {
		font-size: 34px !important;
	}
}

@media (min-width: 1680px) {
	html {
		font-size: 40px !important;
	}
}

div,
ul,
li,
span,
a {
	box-sizing: border-box;
}

/* 右侧滚动条 */
::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

::-webkit-scrollbar {
	width: 16px;
	height: 16px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
	border-radius: 999px;
	border: 5px solid transparent;
}

::-webkit-scrollbar-track {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset;
}

::-webkit-scrollbar-thumb {
	min-height: 20px;
	background-clip: content-box;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset;
}

.youyantopnav {
	margin-top: 1.6rem;
}

/* 
====================
====================
共用顶部&左侧
====================
====================
 */

.indexthumb {
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	background-color: #fff;
	box-shadow: 0 12px 48px 0 rgb(9 32 68 / 10%);
	border-radius: 0.2rem;
	z-index: 999;
}

.indexthumbbox {
	display: flex;
	padding: 0.6rem;
	position: relative;
}

.indexthumbspan {
	position: absolute;
	top: 0.4rem;
	right: 0.5rem;
	cursor: pointer;
}

.indexthumbspan span {
	font-size: 0.35rem;
	color: #999;
}

.indexthumbspan span:hover {
	color: #2878ff;
}

.BottomConsult_politPopupLogo__ZVgZ7 {
	width: 80px;
	height: 80px;
	position: relative;
}

.BottomConsult_politPopupF1__j6gXB {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	z-index: 400;
	background: url('../image/index_item_08.png') 50% no-repeat;
	-webkit-animation: BottomConsult_rotate__DvxVx 2s cubic-bezier(.4, .1, .4, 1) infinite;
	animation: BottomConsult_rotate__DvxVx 2s cubic-bezier(.4, .1, .4, 1) infinite;
	background-size: contain;
}

.BottomConsult_politPopupF2__FFFEk {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	z-index: 420;
	background: url('../image/index_item_09.png') 50% no-repeat;
	-webkit-animation: BottomConsult_rotate__DvxVx 2s cubic-bezier(.4, .1, .4, 1) 1s infinite;
	animation: BottomConsult_rotate__DvxVx 2s cubic-bezier(.4, .1, .4, 1) 1s infinite;
	background-size: contain;
}

.BottomConsult_politPopupHead__mUEHe {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 430;
	width: 60px;
	height: 60px;
	margin: 10px;
	background: url('../image/you_logo.png') 50% no-repeat;
	background-size: contain;
}

@-webkit-keyframes BottomConsult_rotate__DvxVx {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes BottomConsult_rotate__DvxVx {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.indexthumbmain {
	margin-left: 0.3rem;
	padding-top: 0.2rem;
}

.indexthumbmaintext {
	font-size: 0.5rem;
	color: #17181b;
	line-height: 1rem;
	color: #6b6b6b;
}

.indexthumbmaintext span {
	font-size: 0.5rem;
	font-weight: bold;
	color: #333;
}

.indexthumbmainbtn {
	display: flex;
	margin-top: 0.6rem;
}

.indexthumbmainbtn .indexchild01 {
	border-radius: 2px;
	color: #fff;
	background: linear-gradient(225deg, #64a9ff, #2878ff);
	font-size: 0.4rem;
	text-align: center;
	line-height: 1.2rem;
	padding: 0 1rem;
	border-radius: 0.2rem;
	overflow: hidden;
	margin-right: 0.5rem;
	cursor: pointer;
}

.indexthumbmainbtn .indexchild01:hover {
	background: linear-gradient(225deg, #2878ff, #64a9ff);
}

.indexthumbmainbtn .indexchild02 {
	border-radius: 2px;
	color: #2878ff;
	background-color: #f2f7ff;
	font-size: 0.4rem;
	text-align: center;
	line-height: 1.2rem;
	padding: 0 1rem;
	border-radius: 0.2rem;
	overflow: hidden;
	margin-right: 0.5rem;
	cursor: pointer;
}

.indexthumbmainbtn .indexchild02:hover {
	background-color: #e5efff;
}

.younavfixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}

.younav {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 99999;
}

.younavmain {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.35rem 0.35rem;
	position: relative;
}

.younav-l {
	display: flex;
	align-items: center;
}

.logobox {
	width: 6rem;
}

.younavlogo {
	width: 5rem;
	display: block;
	height: 0.85rem;
	overflow: hidden;
}

.younavlink {
	display: flex;
}

.parentlink {
	position: relative;
}

.younavlink li>a,
.parentlink p {
	font-size: 0.425rem;
	color: #1b2337;
	padding: 0.2rem 0.5rem;
	margin-right: 0.3rem;
	border-radius: 0.2rem;
	display: block;
	cursor: pointer;
}

.younavlink li>a:hover,
.parentlink:hover p,
.parentlink:hover p span {
	background-color: #f2f7ff;
	color: #2878ff !important;
}

.younavlinkactive {
	background-color: #f2f7ff;
	font-weight: bold !important;
	color: #2878ff !important;
}

.parentlink:hover .parentabout {
	display: block;
}

.parentlink p {
	display: flex;
	align-items: center;
	justify-content: center;
}

.parentlink span {
	color: #6b6b6b;
	font-size: 0.25rem !important;
	margin-left: 0.2rem;
	display: block;
}

.parentabout {
	position: absolute;
	top: 0.8rem;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 100;
	transition: all .3s;
	display: none;
	padding-top: 0.4rem;
	width: 25rem;
	margin-left: -0.25rem;
}

.parentcontant {
	background-color: #fff;
	border: #2878ff 1px solid;
	position: relative;
	padding: 0.8rem;
	border-radius: 0.2rem;
	box-shadow: 12px 0 43px rgb(40 120 255 / 14%);
}

.parentcontant::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -11px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 11px solid #2878ff;
}

.parenttitle {
	font-size: 0.5rem;
	font-weight: bold;
	text-align: center;
}

.parentab {
	display: flex;
	justify-content: space-between;
	font-weight: initial;
}

.parentablink {
	border: 1px solid #eaeefb;
	text-align: center;
	font-size: 0.35rem;
	line-height: 1.2rem;
	border-radius: 0.2rem;
	overflow: hidden;
	margin-top: 0.6rem;
}

.parentablink .parentab:first-child {
	background-color: #fafafa;
	font-weight: bold;
}

.parentab>a:nth-child(1) {
	width: 25%;
	display: block;
	color: #6b6b6b;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 0.3rem;
}

.parentab>a:nth-child(2) {
	width: 35%;
	display: block;
	color: #6b6b6b;
}

.parentab>a:nth-child(3) {
	width: 25%;
	display: block;
	color: #6b6b6b;
}

.parentab>a:nth-child(4) {
	width: 20%;
	display: block;
	color: #6b6b6b;
}

.rightline {
	border-right: #eaeefb 1px solid;
	box-sizing: border-box;
}

.bottomline {
	border-bottom: #eaeefb 1px solid;
	box-sizing: border-box;
}

.parenthttp:hover {
	color: #2878ff !important;
	text-decoration: underline;
	cursor: pointer;
}

.shiyongbtn {
	color: #2878ff !important;
}

.parentsolid {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.parentsoliditem {
	width: 3.3rem;
	font-size: 0.35rem;
	text-align: center;
	color: #6b6b6b;
	margin-top: 0.8rem;
	font-weight: bold;
	margin-right: 1.2rem;
}

.parentsoliditem:nth-child(5n) {
	margin-right: 0;
}

.parentsolidimg {
	width: 3.3rem;
	height: 3.3rem;
	border-radius: 0.2rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
}


.younavimg {
	height: 1rem;
	display: block;
	width: 7.65rem;
	border-radius: 0.05rem;
	overflow: hidden;
}

.younav-r {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	height: 100%;
	background-color: #2878ff;
	color: #fff;
	padding: 0 0.6rem;
	overflow: hidden;
	cursor: pointer;
	font-size: 0.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.younav-r:hover {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	background-color: #005eff;
}

.youside {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.yousidemain {
	width: 80px;
	background: #fff;
	border-radius: 1rem;
	padding-top: 0.6rem;
	box-shadow: 0 0 40px rgb(79 122 253 / 15%);
	-webkit-box-shadow: 0 0 40px rgb(79 122 253 / 15%);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.item-before {
	position: absolute;
	z-index: 2;
	top: 0.3rem;
	left: -49px;
	/* display: none; */
}

.yousideitem:hover .item-before {
	display: block;
}

.helpexcel {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.6rem;
}

.helpexcelflex {
	width: 32%;
	display: flex;
	background-color: #f2f7ff;
	border-radius: 12px;
	padding: 15px 25px;
	align-items: center;
	justify-content: space-between;
	margin-right: 2%;
	margin-top: 2%;
}

.helpexcelflex:nth-child(3n) {
	margin-right: 0;
}

.helpexcelflex:nth-child(1),
.helpexcelflex:nth-child(2),
.helpexcelflex:nth-child(3) {
	margin-top: 0;
}

.helpexcelflex:hover .helpexcelitemtitle {
	color: #2878ff !important;
}

.helpexcelimg {
	width: 1rem;
	height: 1rem;
	overflow: hidden;
}

.helpexcelitem {
	width: calc(100% - 1.5rem);
	font-size: 0.35rem;
	color: #999;
}

.helpexcelitem .helpexcelitemtitle {
	font-size: 0.45rem;
	color: #1b2337;
	margin-bottom: 0.1rem;
}



/* 底部 */
.slide-foot {
	background-color: #f7f9fc;
	overflow: hidden;
}

.slidebetween {
	width: 35rem;
	margin: 0 auto;
}

.slidebetweennav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #dde2e9;
	padding: 0.8rem 0;
	overflow: hidden;
}

.slidebetweennavitem {
	display: flex;
	align-items: center;
}

.slidebetweennavimg {
	width: 1rem;
	height: 1rem;
	overflow: hidden;
}

.slidebetweennavtext {
	color: #41464f;
	font-size: 0.35rem;
	margin-left: 0.5rem;
}

.slidebetweennavtext div:first-child {
	color: #020814;
	font-size: 0.45rem;
	font-weight: 500;
	letter-spacing: .003em;
	line-height: 24px;
	margin-bottom: 6px;
}

.swiperfootdiv {
	display: flex;
	justify-content: space-between;
	margin: 1rem 0;
}

.swiperfootmain {
	display: flex;
	justify-content: space-between;
	width: 65%;
}

.swiperfootitem {
	width: 25%;
}

.swiperfootitemname {
	font-size: 0.4rem;
	color: #1a1a1a;
	margin-bottom: 0.2rem;
	font-weight: bold;
}

.swiperfootitemline {
	width: 1.5rem;
	height: 4px;
	background-color: #f5f5f5;
	margin: 0.5rem 0;
	position: relative;
}

.swiperfootitemline span {
	position: absolute;
	top: 0;
	display: block;
	width: 0.6rem;
	height: 4px;
	background-color: #2878ff;
	z-index: 9;
}

.swiperfootitemlink a,
.swiperfootitemlink p {
	display: block;
	font-size: 0.375rem;
	color: #6b6b6b;
	line-height: 1rem;
	cursor: pointer;
}

.swiperfootitemlink a:hover {
	color: #2878ff;
	text-decoration: underline;
}


.swiperfootfont {
	display: flex;
	justify-content: space-between;
	margin-top: 0.2rem;
}

.swiperfootfontimg {
	text-align: center;
	font-size: 0.14rem;
	color: #999999;
}

.swiperfootfontimg img {
	width: 0.78rem;
	height: 0.78rem;
	display: block;
	margin: 0 auto 0.05rem auto;
}

.swiperfootfontimg span {
	font-size: 0.14rem;
	margin-right: 5px;
}

.swiperfootflexmain {
	width: 94%;
}

.swiperfootflexlink {
	font-size: 0.375rem;
	color: #6b6b6b;
	height: 0.375rem;
	line-height: 0.375rem;
}

.swiperfootflexhref {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 0.375rem;
	color: #6b6b6b;
}

.swiperfootflexhref a {
	border-right: #999 1px solid;
	padding-right: 0.4rem;
	display: block;
	margin-right: 0.4rem;
	height: 0.35rem;
	line-height: 0.35rem;
	cursor: pointer;
}

.swiperfootflexhref a:hover {
	color: #2878ff;
	text-decoration: underline;
}

.swiperfootflexhref a:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: #999 0px solid;
}

.Copyright {
	font-size: 0.35rem;
	color: #6b6b6b;
	margin-top: 0.5rem;
}

.Copyright a {
	color: #6b6b6b;
}

.Copyright a:hover {
	color: #2878ff;
}



.swiperfootyan {
	width: 25%;
	display: flex;
	justify-content: space-between;
}

.swiperfootyanitem {
	width: 40%;
}

.swiperfootrout {
	font-size: 0.35rem;
	text-align: center;
}

.swiperfootrout>div:first-child {
	width: 3.8rem;
	height: 3.8rem;
	border-radius: 0.2rem;
	border: #f5f5f5 1px solid;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 0.3rem;
}

.swiperfootrexian,
.swiperfootweek,
.swiperfootphone {
	font-size: 0.35rem;
	color: #1a1a1a;
	text-align: left;
	line-height: 0.6rem;
}


.swiperpadd {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2rem 0;
}

.swiperpaddname {
	font-size: 0.8rem;
	color: #2878ff;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.swiperpaddtext {
	font-size: 0.375rem;
	color: #2878ff;
	text-align: center;
	margin-bottom: 1rem;
}

.swiper-bold {
	margin: 0 auto;
	display: block;
	box-shadow: 0 .2rem .5rem 0 rgba(79, 122, 253, .05);
	border-radius: 0.2rem;
	width: 4rem;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center;
	font-size: 0.45rem;
	color: #fff;
	background: linear-gradient(225deg, #64a9ff, #2878ff);
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	cursor: pointer;
}

.swiper-bold:hover {
	background: linear-gradient(225deg, #2878ff, #64a9ff);
}




.youplan {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.youplanitem {
	width: 32.6%;
	margin-right: 1%;
	padding: 0.8rem;
	border-radius: 0.2rem;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 28, 85, .06);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	top: 0;
	position: relative;
}

.youplanitem:hover {
	top: -8px;
	box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 28, 85, .06);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youplanitembot {
	margin-bottom: 1%;
}

.youplanitem:nth-child(3n) {
	margin-right: 0;
}

.youplanspan {
	width: 1.2rem;
	height: 1.2rem;
	overflow: hidden;
	text-align: center;
}


.youplanmain {
	width: 84%;
}

.youplanname {
	font-size: 0.5rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.youplanname .yourehot {
	background: linear-gradient(to top, #ff0000, #fe5b63);
	font-size: 0.3rem;
	color: #fff;
	border-radius: 0.4rem 0.4rem 0.4rem 0;
	overflow: hidden;
	display: block;
	margin-left: 0.2rem;
	padding: 0 0.3rem;
	line-height: 0.6rem;
	height: 0.6rem;
	font-weight: initial;
}

.youplanname .yourezhuan {
	background: linear-gradient(to top, #1fcece, #23e8e8);
	font-size: 0.3rem;
	color: #fff;
	border-radius: 0.4rem 0.4rem 0.4rem 0;
	overflow: hidden;
	display: block;
	margin-left: 0.2rem;
	padding: 0 0.3rem;
	line-height: 0.6rem;
	height: 0.6rem;
	font-weight: initial;
}

.youplantext {
	font-size: 0.35rem;
	line-height: 0.6rem;
	margin: 0.5rem 0 0.8rem 0;
	color: #6b6b6b;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
}

.youplanbtn {
	font-size: 0.3rem;
	color: #999999;
	cursor: pointer;
}

.youplanbtn span {
	font-size: 0.3rem;
	margin-left: 0.2rem;
}

.youopt {
	display: flex;
	justify-content: space-between;
}

.youoptitem {
	width: 24%;
	overflow: hidden;
	box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 28, 85, .06);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	border-radius: 0.2rem;
}

.youoptitem:hover {
	box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 28, 85, .08);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.youoptitem:hover .youoptspan {
	top: -10px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youoptmain {
	padding: 1rem;
}

.youoptspan {
	width: 2rem;
	margin: 0 auto 0.8rem auto;
	position: relative;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youoptname {
	font-size: 0.6rem;
	font-weight: bold;
	text-align: center;
}

.youoptpro {
	margin-top: 0.8rem;
	font-size: 0.35rem;
	text-align: center;
	margin-bottom: 0.3rem;
}

.youopttext {
	font-size: 0.35rem;
	line-height: 0.6rem;
	text-align: center;
	color: #6b6b6b;
}

.youoptbtn {
	background: linear-gradient(to right, #2878ff, #0f67ff);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.4rem 0;
	position: relative;
	letter-spacing: 1px;
}

.youoptbtn::after {
	content: '';
	position: absolute;
	top: -0.5rem;
	left: -0.3rem;
	width: 2rem;
	height: 2rem;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
	border-radius: 50%;
	overflow: hidden;
}

.youoptbtn::before {
	content: '';
	position: absolute;
	bottom: -0.8rem;
	right: -0.5rem;
	width: 5rem;
	height: 5rem;
	background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
	border-radius: 50%;
	overflow: hidden;
}

.youoptbtnflex {
	text-align: center;
	color: #fff;
	font-size: 0.35rem;
	line-height: 0.8rem;
}

.youoptbtnflex>div:first-child {
	font-size: 0.5rem;
}


.swiperfootflex {
	margin: 0 auto 0.8rem auto;
	padding-top: 0.6rem;
	border-top: #e5e7eb 1px solid;
	display: flex;
	justify-content: space-between;
}

/* 底部 */

/* ------------ */
/* 
====================
====================
共用顶部&左侧
====================
====================
 */
/* 
====================
====================
首页
====================
====================
 */
.globalover {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99999999;
	color: #1a1a1a;
	font-size: 1rem;
	text-align: center;
	letter-spacing: 4px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.globalover .globaloverload {
	margin-bottom: 10%;
}

.globaloverload span {
	margin-top: 1rem;
	display: block;
}

.globalover .globaloverload img {
	width: 10rem;
	height: 10rem;
	margin: 0 auto;
}

.headerpointer {
	margin-top: 1.6rem;
	overflow: hidden;
	background-color: #fff;
}

.youlunbo {
	width: 100%;
	height: 15rem;
	overflow: hidden;
	position: relative;
}

.youlunbo .youbanner li {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
}

.youlunbomain {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	background: hsla(0, 0%, 94%, .6);
}

.youlunbomainbold {
	width: 35rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.youlunbomainlink {
	font-size: 0.35rem;
	padding: 0.5rem 0;
	cursor: pointer;
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.youlunbomainlink .youlunbocenter {
	font-size: 0.35rem;
	color: #595959;
	width: calc(100% - 1.3rem);
}

.youlunbomainlink .youlunbocenter>div:first-child {
	font-weight: bold;
	color: #191919;
	margin-bottom: 0.1rem;
	font-size: 0.45rem;
	position: relative;
	left: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youlunboicon {
	width: 1rem;
	height: 1rem;
	overflow: hidden;
	position: relative;
	top: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youlunbomainlink:hover .youlunboicon {
	top: -3px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youlunbomainlink:hover .youlunbocenter>div:first-child {
	left: 5px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	color: #2878ff;
}

.youlunboover {
	display: flex;
	align-items: center;
}

.youlunboover span {
	line-height: 0.45rem;
	background: linear-gradient(270deg, #FB4214 1.94%, #FC35A3 108.8%);
	color: #fff;
	font-size: 0.3rem;
	display: block;
	padding: 0 0.15rem 0 0.1rem;
	border-radius: 0.1rem;
	overflow: hidden;
	margin-left: 0.1rem;
	font-weight: bold;
	font-style: italic;
}






.youconment {
	width: 35rem;
	margin: 1.5rem auto;
}

.youzhuantext {
	margin-bottom: 1rem;
	position: relative;
}

.youzhuantextrem {
	margin-bottom: 2.4rem;
}

.youzhuantexttop {
	margin-top: 2rem;
}

.youzhuanxing::after {
	content: 'What do we do';
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	font-size: 3.5rem;
	color: rgba(0, 0, 0, 0.015);
}

.youteam::after {
	content: 'OUR TEAM';
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	font-size: 3.5rem;
	color: rgba(0, 0, 0, 0.015);
}

.youfangan::after {
	content: 'YOUYAN API';
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	font-size: 3rem;
	color: rgba(0, 0, 0, 0.015);
}

.youchose::after {
	content: 'Honesty Win-win';
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	font-size: 3rem;
	color: rgba(0, 0, 0, 0.015);
}

.youzhuanname {
	font-size: 0.7rem;
	font-weight: bold;
}

.youzhuanline {
	width: 0.5rem;
	height: 4px;
	background-color: #2878ff;
	margin: 0.6rem 0 0.3rem 0;
	overflow: hidden;
}

.youzhuanand {
	font-size: 0.4rem;
	line-height: 0.7rem;
	color: #6b6b6b;
}

.youzhuanmain {
	background: url("../image/index_zhuan_01.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 1rem;
	border-radius: 0.2rem;
}

.youflexmain {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: -1.4rem;
	width: 30rem;
	margin: 0 auto;
}

.youflexmain::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3rem;
	z-index: 1;
}

.youzhuanflex {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 11;
	width: 30rem;
	margin: 0 auto;
	overflow: hidden;
}

.youzhuanflex .youzhuanflexitem {
	background-color: #fff;
	box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.04);
	padding: 0.8rem 0.5rem 0.6rem 0.5rem;
	overflow: hidden;
	width: 3.8rem;
	font-size: 0.375rem;
	cursor: pointer;
	border: #f5f5f5 1px solid;
	border-radius: 0.2rem;
}

.youzhuanflexitem div:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
}

.youzhuanflexitem span {
	font-size: 1.1rem;
	background-image: linear-gradient(45deg, #2878ff, #669eff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youzhuanflexitem:hover span {
	transform: scale(1.05);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	background-image: linear-gradient(45deg, #669eff, #2878ff);
}

.youzhuanflexitem>div:nth-child(2) {
	font-weight: bold;
	text-align: center;
	margin-top: 0.5rem;
}

.youzhuan {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 82, 217, 0.3);
	padding: 0.4rem 0;
	width: 30rem;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 0.2rem;
}

.youzhuanlink {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.youzhuanitem {
	font-size: 0.35rem;
	text-align: center;
	color: #fff;
	padding: 0 0.8rem;
	position: relative;
}

.youzhuanitem::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0.9rem;
	border-top: #fff 1px dashed;
	width: 0.8rem;
	height: 2px;

}

.youzhuanitem::before {
	content: '';
	position: absolute;
	right: 0;
	top: 0.9rem;
	width: 0.8rem;
	height: 2px;
	border-top: #fff 1px dashed;
}

.youzhuanitem>div:first-child {
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	overflow: hidden;
	border: #fff 1px solid;
	text-align: center;
	line-height: 1.8rem;
	color: #2878ff;
	margin-bottom: 0.3rem;
}

.youzhuanitem span {
	font-size: 0.8rem;
	color: #fff;
}



.youline {
	display: flex;
	justify-content: space-between;
}

.youlinesize {
	width: 19%;
	padding: 0.8rem 0.6rem;
	overflow: hidden;
	position: relative;
	z-index: 9;
	box-sizing: border-box;
	box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 28, 85, .08);
	background: url('../image/index_item_01.png') no-repeat;
	background-size: 100% 100%;
	border-radius: 0.2rem;
}

.youlinediv {
	font-size: 0.35rem;
	margin: 0.3rem auto;
	background-color: #05cece;
	color: #fff;
	font-weight: bold;
	width: 3rem;
	height: 1rem;
	line-height: 1rem;
	border-radius: 0.2rem;
	text-align: center;
	cursor: pointer;
	letter-spacing: 1px;
	z-index: 9;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youlinediv:hover {
	background-color: #ffae01;
	color: #fff;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youlineke {
	display: flex;
	justify-content: space-between;
	line-height: 0.6rem;
	margin-bottom: 0.6rem;
}

.youlineke:last-child {
	margin-bottom: 0;
}

.youlinekespan {
	width: 0.4rem;
	height: 0.4rem;
}

.youlinekemain {
	color: #fff;
	font-size: 0.35rem;
	width: 90%;
}

.youlinekemain>div:first-child {
	color: #fff;
	font-weight: bold;
}

.youlinesizelogo {
	width: 2rem;
	margin: 0 auto;
}

.youlinesizename {
	font-size: 0.35rem;
	line-height: 0.6rem;
	color: #fff;
	text-align: center;
	margin: 0.3rem 0;
}

.youlinekebox {
	margin: 1rem auto;
}

.youlinesizetext {
	font-size: 0.35rem;
	line-height: 0.6rem;
	color: #fff;
}

.youlineitem {
	width: 19%;
	padding: 1.2rem 0.6rem;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	box-shadow: 0 0rem 0.5rem 0 rgba(0, 28, 85, .05);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	border-radius: 0.2rem;
	background-color: #fff;
	top: 0;
}

.youlineitem:hover {
	top: -10px;
	box-shadow: 0 0.1rem 0.5rem 0 rgba(0, 28, 85, .08);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youlineitem:last-child {
	border-right: #f2f7ff 0px solid;
}

.youlineitemfixed {
	position: absolute;
	bottom: 0.8rem;
	left: 0;
	font-size: 0.35rem;
	color: #999;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-weight: bold;
}

.youlineitemfixed span {
	font-size: 0.3rem;
	margin-left: 0.2rem;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}

.youlineitem:hover .youlineitemfixed span {
	margin-left: 0.4rem;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}

.youlineicon {
	width: 2rem;
	height: 2rem;
	overflow: hidden;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	margin-bottom: 0.8rem;
}

.youlinename {
	font-size: 0.5rem;
	font-weight: bold;
	margin-bottom: 0.3rem;
	text-align: center;
}

.youlinexian {
	width: 4.5rem;
	height: 1px;
	opacity: .2;
	background-image: radial-gradient(50% 148%, #000 0, transparent 100%);
	margin: 0.6rem auto;
}

.youlinetext {
	font-size: 0.35rem;
	line-height: 0.6rem;
	color: #6b6b6b;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
}

.youlinesolid {
	margin-top: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.youlinesolid span {
	background: rgba(0, 82, 217, .05);
	font-size: 0.3rem;
	color: #2878ff;
	overflow: hidden;
	line-height: 0.7rem;
	padding: 0 0.3rem;
	display: inline-block;
	text-align: center;
	margin-right: 0.2rem;
	border-radius: 0.1rem;
}






.youyanmain {
	margin-top: 2rem;
}

.youyantitle {
	color: #020814;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0.8rem;
}

.scroll-container {
	position: relative;
	overflow: hidden;
	border-radius: 0.2rem;
}

.first-img-big-container,
.second-img-big-container {
	height: 2.2rem;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center
}

@-webkit-keyframes auto-swipe-data-v-b465cab2 {
	0% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-50%)
	}
}

@keyframes auto-swipe-data-v-b465cab2 {
	0% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-50%)
	}
}

.first-img-big-container .animation1,
.second-img-big-container .animation1 {
	-webkit-animation: auto-swipe-data-v-b465cab2 40s linear infinite;
	animation: auto-swipe-data-v-b465cab2 40s linear infinite;
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards
}

.first-img-big-container .animation1:hover,
.second-img-big-container .animation1:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.first-img-big-container .animation2,
.second-img-big-container .animation2 {
	-webkit-animation: auto-swipe-data-v-b465cab2 50s linear infinite;
	animation: auto-swipe-data-v-b465cab2 50s linear infinite;
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards
}

.first-img-big-container .animation2:hover,
.second-img-big-container .animation2:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.container-left,
.container-right {
	height: 200px;
	min-width: 200px;
	max-width: 400px;
	position: absolute;
	top: 0px;
	margin: 0
}

.container-left {
	background: linear-gradient(90deg, #fafafa, hsla(0, 0%, 100%, 0))
}

.container-right {
	right: 0;
	background: linear-gradient(270deg, #fafafa, hsla(0, 0%, 100%, 0))
}

.animation1,
.animation2 {
	position: absolute;
	left: 0
}

.section1-imgs {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center
}

.section1-imgs .section1-img-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 170px;
	height: 60px;
	margin-right: 0.6rem;
	border-radius: 4px 20px;
	transition: background .2s ease;
	background-color: #fff;
}

.section1-imgs .section1-img-container:hover {
	background: #fff;
	box-shadow: 0 4px 12px rgba(100, 104, 251, .0836156);
	cursor: pointer
}

.section1-imgs .section1-img-container img {
	width: 160px;
	height: 50px
}

.section1-imgs .section1-img-container:last-child {
	margin-right: 0
}




/* 
====================
====================
首页
====================
====================
 */

/* 
====================
====================
行业方案
====================
====================
 */

.planentbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.planentitem {
	border-radius: 0.2rem;
	overflow: hidden;
	width: 49.5%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 1%;
	padding: 1rem;

	margin-bottom: 1%;
}

.planentitem:nth-child(2n) {
	margin-right: 0;
}

.planentitemcolor01 {
	background-color: #d1e7ff;
}

.planentitemcolor02 {
	background-color: #d0f4ea;
}

.planentitemcolor03 {
	background-color: #cbdafe;
}

.planentitemcolor04 {
	background-color: #fff7cc;
}

.planentitemcolor05 {
	background-color: #d1effe;
}

.planentitemcolor06 {
	background-color: #d5d7f4;
}

.planentitemname {
	font-size: 0.5rem;
	font-weight: bold;
}

.planentitemtext {
	font-size: 0.35rem;
	line-height: 0.7rem;
	color: #1c2252;
	margin-top: 0.2rem;
}

.planentitemcont {
	margin: 0.6rem 0;
}

.planentitembox {
	width: 50%;
}

.planentitemcontname {
	font-size: 0.35rem;
	line-height: 0.8rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
}

.planentitemcontwarp {
	display: flex;
	flex-wrap: wrap;
}

.planentitemcontwarp>div {
	width: 50%;
	font-size: 0.35rem;
	line-height: 0.8rem;
}

.planentitemcontwarp>div span {
	font-size: 0.35rem;
	margin-right: 0.2rem;
	color: #19be6b;
}

.planentitembtn {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	width: 3rem;
	text-align: center;
	font-size: 0.35rem;
	overflow: hidden;
	line-height: 1rem;
	cursor: pointer;
}

.planentitembtn span {
	font-size: 0.3rem;
	margin-left: 0.2rem;
}

.planentitemimg {
	width: 9rem;
}

.planentitembtn:hover {
	background-color: #2878ff;
	color: #fff;
}

.planentitembtn:hover span {
	color: #fff;
}

/* 
====================
====================
行业方案
====================
====================
 */

/* 
====================
====================
模板商城
====================
====================
 */
.youworkbanner {
	overflow: hidden;
}

.youworkindex {
	background: url('../image/index_work_01.png') no-repeat;
	background-size: 100%;
	width: 100%;
	height: 6rem;
	overflow: hidden;
	position: relative;
	border-radius: 0.2rem;
}

.youworkfixed {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30rem;
	font-size: 0.8rem;
}

.youworkfixed .youworkfixedtext {
	font-size: 0.375rem;
	color: #6b6b6b;
	line-height: 0.7rem;
}

.youworkfixedimg {
	width: 8.5rem;
	margin-bottom: 0.5rem;
}

.youworkround {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}

.youworkroundtent {
	font-size: 0.45rem;
	padding: 0.5rem 0.8rem;
	margin-right: 0.3rem;
	cursor: pointer;
	border-bottom: transparent 2px solid;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youworkroundtent:last-child {
	margin-right: 0;
}

.tentactive {
	background-color: #fafafa;
	border-bottom: #2878ff 2px solid;
	box-sizing: border-box;
	color: #2878ff;
	font-weight: bold;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}



.youworkplayshadow {
	padding: 1.5rem 0;
}

.youworkplayshadowimg {
	width: 218px;
	height: 182px;
	margin: 0 auto;
	overflow: hidden;
}

.youworkplayshadowimg img {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 0;
}

.youworkplayshadowtext {
	font-size: 0.5rem;
	text-align: center;
	color: #2878ff;
	margin-top: 0.5rem;
}


.youworkcenter {
	background-color: #fafafa;
}

.youworkbox {
	width: 35rem;
	margin: 0 auto;
	padding: 1rem 0 1.5rem 0;
}


.youworkbottom {
	padding-bottom: 2rem;
}

.youworkplay {
	display: none;
	width: 100%;
}

.youworkplayline {
	display: flex;
	flex-wrap: wrap;
}

.maxplayactive {
	display: block;
}

.youworkitem {
	width: 23.875%;
	margin-right: 1.5%;
	margin-top: 1.5%;
	overflow: hidden;
	box-shadow: 0 0rem 0.5rem 0 rgb(71 105 235 / 2%);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	border-radius: 0.2rem;
	background-color: #fff;
	position: relative;
}

.youworkitem:hover {
	box-shadow: 0 0 0.5rem 0 rgb(71 105 235 / 20%);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youworkitem:nth-child(1),
.youworkitem:nth-child(2),
.youworkitem:nth-child(3),
.youworkitem:nth-child(4) {
	margin-top: 0;
}

.youworkitem:nth-child(4n) {
	margin-right: 0;
}

.youworkimg {
	position: relative;
	border-radius: 0.2rem;
	overflow: hidden;
}

.youworktag {
	position: absolute;
	top: 0;
	right: 0;
	width: 2rem;
	line-height: 0.8rem;
	text-align: center;
	background-color: #ff9900;
	color: #fff;
	font-size: 0.3rem;
	border-radius: 0 0 0 0.5rem;
	overflow: hidden;
	z-index: 9;
}

.youworkmain {
	margin: 0.5rem;
}

.youworkname {
	font-size: 0.475rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.youworkname span {
	width: 2px;
	height: 0.4rem;
	background-color: #1a1a1a;
	display: block;
	margin: 0.1rem 0.15rem 0 0.15rem;
}

.youworktext {
	font-size: 0.35rem;
	color: #6b6b6b;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0.2rem 0 0.5rem 0;
}

.youworklink span {
	display: inline-block;
	height: 30px;
	margin-right: 10px;
	padding: 0 12px;
	line-height: 30px;
	font-size: 12px;
	color: #849aae;
	background: rgba(132, 154, 174, .1);
}

.youworkpic {
	font-size: 0.35rem;
	font-weight: bold;
	color: #ff0000;
	display: flex;
	align-items: center;
	margin-top: 0.5rem;
}

.youworkpic span {
	font-size: 0.5rem;
	margin-right: 0.05rem;
}

.youworktitle {
	display: flex;
	align-items: center;
	margin-top: 1rem;
}

.youworktitle .youworkspan {
	font-size: 0.5rem;
	color: #1b2337;
	font-weight: bold;
	white-space: nowrap;
	margin-right: 0.6rem;
}

.youworktags {
	font-size: 0.325rem;
	color: #505a71;
	background-color: #f3f4f9;
	padding: 4px 10px;
	line-height: 0.55rem;
	border-radius: 4px;
	display: inline-block;
	margin-right: 0.3rem;
}



.youworkitembox {
	position: absolute;
	top: 0;
	right: 0;
	left: -100%;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .95);
	z-index: 99;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.youworkitem:hover .youworkitembox{
	left: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.youworkabsolute {
	padding: 0.6rem;
}

.youworkabsoluteimg {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.2rem;
	overflow: hidden;
}
.youworkabsolutetitle{
	font-size: 0.5rem;
	font-weight: bold;
	margin: 0.3rem 0 0.5rem 0;
}
.youworkabsoluteindex{
	font-size: 0.35rem;
	color: #6b6b6b;
	line-height: 0.6rem;
}
.youworklinkddg{
	font-size: 0.35rem;
	color: #2878ff;
	margin-top: 0.4rem;
	cursor: pointer;
	display: block;
}
.youworklinkddg:hover{
	text-decoration: underline;
}
.youworkline{
	color: #ccc;
}
.youworkbold span{
	font-weight: bold;
	color: #1a1a1a;
}
/* 
====================
====================
模板商城
====================
====================
 */





/* 
====================
====================
商城模板详情
====================
====================
 */
.youcaseimg {
	width: 100%;
	height: 7rem;
	overflow: hidden;
	position: relative;
	border-radius: 0.2rem;
}

.youcasefixed {
	position: absolute;
	top: 0%;
	left: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.youcasefixedmain {
	width: 30rem;
	margin: 0 auto;
}

.youcasefixedname {
	font-size: 0.8rem;
}

.youcasefixedtext {
	font-size: 0.35rem;
	line-height: 0.8rem;
	color: #333;
	margin: 0.3rem 0 0.8rem 0;
	width: 50%;
}

.youcasefixedbtn {
	border: #2878ff 1px solid;
	color: #2878ff;
	width: 3rem;
	text-align: center;
	line-height: 1rem;
	font-size: 0.35rem;
	border-radius: 0.2rem;
	overflow: hidden;
}

.youspaceitem {
	font-size: 0.5rem;
	text-align: center;
	line-height: 1rem;
}

.youspaceimg {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 1.2rem;
}

.youspaceimg>div {
	width: 40%;
	margin-right: 5%;
}

.youspaceimg>div:last-child {
	margin-right: 0;
}

.youlabel,
.youlabel03,
.youlabelerp,
.youlabelddg {
	margin: 2rem auto;
	position: relative;
}

.youlabel::after {
	content: 'V 2.0';
	position: absolute;
	top: -2.5rem;
	left: 0;
	font-weight: bold;
	font-size: 5rem;
	color: rgba(0, 0, 0, 0.02);
}

.youlabel03::after {
	content: 'V 3.0';
	position: absolute;
	top: -2.5rem;
	left: 0;
	font-weight: bold;
	font-size: 5rem;
	color: rgba(0, 0, 0, 0.02);
}

.youlabelerp::after {
	content: 'E·R·P';
	position: absolute;
	top: -2.5rem;
	left: 0;
	font-weight: bold;
	font-size: 5rem;
	color: rgba(0, 0, 0, 0.02);
}

.youlabelddg::after {
	content: '代·代·果';
	position: absolute;
	top: -2.5rem;
	left: 0;
	font-weight: bold;
	font-size: 5rem;
	color: rgba(0, 0, 0, 0.02);
}

.youlabelmain {
	width: 30rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: #e5e7eb 1px solid;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}

.youlabelmain:last-child {
	border-bottom: #e5e7eb 0px solid;
	padding-bottom: 0rem;
	margin-bottom: 0rem;
}

.youlabeltag {
	font-size: 0.6rem;
	line-height: 1rem;
}

.youlabeltag>div:last-child {
	color: #808082;
	font-size: 0.4rem;
	line-height: 0.8rem;
	margin-top: 0.8rem;
}

.youlabelblank {
	width: 10rem;
	text-align: center;
}

.youlabelblankname {
	font-size: 0.6rem;
}

.youlabelblanka {
	font-size: 0.5rem;
	color: #2878ff;
	margin: 0.6rem 0;
	display: block;
	cursor: pointer;
}

.youlabelblankbtn {
	width: 2.5rem;
	background-color: #2878ff;
	text-align: center;
	line-height: 1rem;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	font-size: 0.35rem;
	color: #fff;
	border-radius: 0.2rem;
}

.youlabelblankbtn:hover {
	background-color: #0d66ff;
	color: #fff;
}

.youlabellinkmain {
	display: flex;
}

.youlabellink {
	margin-left: 2.5rem;
}

.youlabellink:first-child {
	margin-left: 0;
}

.youlabellinknum {
	font-size: 1rem;
	line-height: 1rem;
	color: #0071ef;
	font-family: WEMONum-Medium, WEMONum;
}

.youlabellinknum span {
	font-size: 0.375rem;
	margin-left: 0.1rem;
}

.youlabellinkline {
	background-color: #2878ff;
	width: 0.6rem;
	height: 4px;
	margin-top: 0.8rem;
}

.youlabellinktext {
	font-size: 0.4rem;
	color: #5c5d5f;
	margin-top: 0.8rem;
}

.youflexend {
	width: 360px;
	height: 100px;
	overflow: hidden;
	margin: 3rem auto;
}

.youprojetimg {
	width: 30rem;
	margin: 1.2rem auto 0 auto;
	background-color: #fff;
	padding: 0.5rem 2rem;

	overflow: hidden;
}


/* 框架 */
.yybuildalign {
	overflow: hidden;
	margin-top: 1rem;
}

.yybuild {
	width: 31rem;
	padding: 0 0.5rem;
	overflow: hidden;
	margin: 0.5rem auto 0 auto;
	display: flex;
	justify-content: space-between;
}

.yybuildnamemain {
	position: relative;
	background-color: #3D74F5;
	width: 10%;
	color: #fff;
	font-size: 0.7rem;
	font-weight: bold;
	border-radius: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.yybuildname span {
	display: block
}

.yybuildbox {
	background-color: #ebf3ff;
	width: 44%;
	border-radius: 0.2rem;
	overflow: hidden;
	position: relative;
	padding: 0.6rem 0 2rem 0;
}

.yybuildboxtitle {
	font-size: 0.7rem;
	text-align: center;
	margin-bottom: 0.8rem;
	font-weight: bold;
}

.yybuildboxlist {
	display: flex;
	justify-content: space-between;
	padding: 0 0.5rem;
}

.yybuildboxitem {
	background-color: #fff;
	border-radius: 0.2rem;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 0.2rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.itemflex {
	text-align: center;
}

.itemspan {
	background-color: #3D74F5;
	width: 1rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	border-radius: 0.2rem;
	margin: 0 auto 0.2rem auto;
	overflow: hidden;
}

.itemspan span {
	font-size: 0.5rem;
	color: #fff;
}

.fixedweixin {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #e0edff;
	display: flex;
	padding: 0.2rem 0;
}

.fixedweixinname {
	font-size: 0.4rem;
	font-weight: bold;
	line-height: 0.7rem;
	padding-left: 0.3rem;
}

.fixedweixinimg {
	display: flex;
}

.fixedweixinimg img {
	width: 0.7rem;
	height: 0.7rem;
	display: block;
	font-size: 0;
	margin: 0 0.2rem;
}

.yybuildmore {
	background-color: #ebf3ff;
	width: 44%;
	border-radius: 0.2rem;
	overflow: hidden;
	position: relative;
	padding: 0.6rem;
}

.yybuildboxname {
	font-size: 0.6rem;
	text-align: center;
	margin-bottom: 0.5rem;
	font-weight: bold;
}

.yybuilditemsmain {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.yybuilditems {
	background-color: #fff;
	font-size: 0.375rem;
	color: #3D74F5;
	width: 48%;
	text-align: center;
	line-height: 1.3rem;
	margin: 0.2rem 0;
	border-radius: 0.15rem;
	overflow: hidden;
	font-weight: bold;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
}

.yybuilditems:nth-child(2n) {
	margin-right: 0;
}

.yybuilditems span {
	color: #FD482C;
}

.yybuilditems:hover,
.yybuildbaselist:hover {
	background-color: #3D74F5;
	color: #fff;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
}

.yybuildbase {
	background-color: #ebf3ff;
	width: 89%;
	border-radius: 0.2rem;
	overflow: hidden;
	position: relative;
	padding: 0.6rem;
}

.yybuildbasebox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.yybuildbaselist {
	background-color: #fff;
	font-size: 0.375rem;
	color: #3D74F5;
	width: 24%;
	text-align: center;
	line-height: 1.3rem;
	margin: 0.2rem 0;
	border-radius: 0.15rem;
	overflow: hidden;
	font-weight: bold;
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
}

.yybuildbaselist:nth-child(4n) {
	margin-right: 0;
}

/* 框架 */
.youfafa {
	padding: 1.5rem 0;
	border-radius: 0.2rem;
	overflow: hidden;
	background: linear-gradient(180deg, #f7fafc 0%, #fafbfc 100%);
	margin: 2rem 0;
}

.youtarget {
	overflow: hidden;
	margin: 2rem auto;
}

.youstyle {
	padding: 1.5rem 0;
	border-radius: 0.2rem;
	overflow: hidden;
	background: linear-gradient(180deg, #f7fafc 0%, #fafbfc 100%);
	overflow: hidden;
}

.youkehubox {
	width: 35rem;
	margin: 0 auto;
	padding-bottom: 1.2rem;
}

.youeshll {
	width: 35rem;
	margin: 0 auto 0.5rem auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.youeshllcenter {
	border-top: #f73131 1px solid;
	width: 17rem;
	height: 0.8rem;
	overflow: hidden;
	margin: 0 auto;
}

.youeshllbox {
	background-color: #ff6b01;
	text-align: center;
	font-size: 0.35rem;
	border-radius: 0.2rem;
	padding: 0.35rem 0.8rem;
	color: #fff;
	position: relative;
	z-index: 9;
}

.youeshllbox::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	height: 3rem;
	width: 1px;
	background-color: #ff6b01;
	z-index: -1;
}

.youeshllbox>div:first-child {
	font-size: 0.5rem;
	font-weight: bold;
	margin-bottom: 0.1rem;
}

.youkehu {
	display: flex;
	justify-content: space-between;
}

.youkehuitem {
	width: 40%;
}

.youkehuitemcenter {

	border-top: #2878ff 1px solid;
	width: 100%;
	height: 0.8rem;
	overflow: hidden;
}

.youkehuitemauto {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.8rem;
	z-index: 9;
}

.youkehuitemauto .youkehuitemindex,
.youkehuitemauto .youkehuitemalign {
	width: 4rem;
	height: 1.2rem;
	line-height: 1.2rem;
	background-color: #2878ff;
	text-align: center;
	color: #fff;
	border-radius: 0.2rem;
	display: block;
	position: relative;
	z-index: 9;
	font-size: 0.4rem;
	font-weight: bold;
}

.youkehuitemalign::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 12rem;
	height: 1px;
	background-color: #2878ff;
	z-index: -1;
}

.youkehuitemindex::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 14rem;
	height: 1px;
	background-color: #2878ff;
	z-index: -1;
}



.youkehuitemmain {
	display: flex;
	justify-content: space-between;
}

.youkehulist {
	width: 3rem;
}


.youkehulist {
	background-color: #f2f7ff;
	border-radius: 0.2rem;
	width: 2.4rem;
	height: 2.4rem;

	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.youkehulistflex {
	text-align: center;
}

.youkehulistspan {
	background-color: #3D74F5;
	width: 1rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	margin: 0 auto 0.2rem auto;
	overflow: hidden;
	border-radius: 0.2rem;
}

.youkehulistspan span {
	font-size: 0.5rem;
	color: #fff;
}

.fixedweicenter {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	overflow: hidden;
	padding: 0.3rem 0;
	margin-top: 0.8rem;
}

.fixedweixinflex {
	display: flex;
}

.fixedweixinflex img {
	width: 0.7rem;
	height: 0.7rem;
	display: inline-block;
	font-size: 0;
	margin: 0 0.25rem;
}


.youtargetinline {
	overflow: hidden;
	margin: 2rem 0;
	background-color: #fafafa;
	padding: 1.5rem 0;
	border-radius: 0.2rem;
}

.youtargetliucheng {
	width: 30rem;
	margin: 1.2rem auto 0 auto;
	border: #fafafa 1px solid;

	overflow: hidden;
	box-sizing: border-box;
	padding: 0.5rem;
}

.youtargetname {
	font-size: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	color: #1a1a1a;
}

.youtargetname>div:last-child {
	line-height: 0.6rem;
	color: #6b6b6b;
	font-size: 0.35rem;
	margin-top: 0.4rem;
}

.youtargetmain {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1.2rem;
	width: 30rem;
	margin: 1.2rem auto 0 auto;
}

.youtargetlist {
	width: 5rem;
	height: 3.2rem;
	overflow: hidden;
	margin-right: 0.5rem;
	position: relative;
	border-radius: 0.2rem;
}

.youtargetlist:last-child {
	margin-right: 0;
}

.youtargetalign {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.6rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 4px;
}





.youpage {
	margin: 2rem 0;
	overflow: hidden;

}

.youpage .youtargetname {
	margin-bottom: 1.2rem;
}

.swiperitem {
	margin-top: 1.2rem !important;
}

.swiperitem .swiper-slide {
	width: 228px;
	transition-timing-function: linear;
}

@media only screen and (max-width:1200px) {
	.swiperitem .swiper-slide {
		width: 228px;
	}
}

@media only screen and (max-width:980px) {
	.swiperitem .swiper-slide {
		width: 228px;
	}
}

@media only screen and (max-height:480px) {
	.swiperitem .swiper-slide {
		width: 228px;
	}
}

.swiperitem .swiper-slide img {
	width: 100%;
	border-radius: 4px;
}

.swiperitem .swiper-slide .title {
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top;
	left: -3px;
	font-size: 11px;
	color: rgb(102, 102, 102);
}

.swiperitem .swiper-button-next,
.swiperitem .swiper-button-prev {
	width: 40px;
	height: 52px;
	background-size: 40px 52px;
	outline: none;
}

.swiperitem .swiper-pagination-bullet {
	background: none;
	opacity: 1;
	margin: 0 6px !important;
	width: 9px;
	height: 9px;
	position: relative;
	outline: none;
	vertical-align: middle;
}

.swiperitem .swiper-pagination-bullet span {
	width: 3px;
	height: 3px;
	background: #CCC;
	display: block;
	border-radius: 50%;
	margin-top: 3px;
	margin-left: 3px;
}

.swiperitem .swiper-pagination-bullet i {
	background: #000;
	height: 1px;
	width: 20px;
	position: absolute;
	top: 4px;
	transform: scaleX(0);
	transform-origin: left;
	z-index: 3;
	transition-timing-function: linear;
}

.swiperitem .swiper-pagination-bullet-active span,
.swiperitem .swiper-pagination-bullet:hover span {
	width: 9px;
	height: 9px;
	margin-top: 0;
	margin-left: 0;
	background: #000;
	position: relative;
	z-index: 1;
}

.swiperitem .swiper-pagination-bullet-active i {
	animation: middle 6s;
}

.swiperitem .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
	animation: first 6s;
}

.swiperitem .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
	animation: last 6s;
}

@keyframes first {
	0% {
		transform: scaleX(0.5);
		left: 0px;
	}

	/*091*/
	100% {
		transform: scaleX(1);
		left: 2px;
	}

	/*0915*/
}

@keyframes last {
	0% {
		transform: scaleX(0.7);
		left: -10px;
	}

	/*1090*/
	20% {
		transform: scaleX(0.3);
		left: 2px;
	}

	/*090*/
	100% {
		transform: scaleX(0.3);
		left: 0px;
	}

	/*090*/
}

@keyframes middle {
	0% {
		transform: scaleX(0.7);
		left: -10px;
	}

	/*1091*/
	20% {
		transform: scaleX(0.45);
		left: 2px;
	}

	/*092*/
	100% {
		transform: scaleX(1);
		left: 2px;
	}

	/*0913*/
}




.youscale {
	width: 30rem;
	margin: 1.2rem auto 0 auto;
	display: flex;
	justify-content: space-between;
	background: linear-gradient(180deg, #f8f9fc, #fff);
	box-shadow: 0px 12px 48px 0px rgba(0, 33, 71, .05);
	border-radius: 0.2rem;
	overflow: hidden;
}

.youscaleleft {
	width: 24%;
	background-color: #2878ff;
	padding: 0.6rem 0.8rem;
}

.youscalenav {
	font-size: 0.35rem;
	line-height: 0.6rem;
	color: #fff;
	padding-bottom: 0.7rem;
	border-bottom: #669eff 1px solid;
	margin-bottom: 0.7rem;
}

.youscalenav>div:first-child {
	box-shadow: 0 12px 48px rgb(0 33 71 / 5%);
	font-size: 0.5rem;
	color: #fff;
	margin-bottom: 0.3rem;
}

.youscaletranspan {
	font-size: 0.35rem;
	color: #fff;
	margin-top: 0.6rem;
	display: flex;
	align-items: center;
}

.youscaletranspan span {
	font-size: 0.35rem;
	margin-right: 0.2rem;
}

.youscaletranspan:last-child {
	margin-bottom: 0;
}

.youscaletranspan>div {
	opacity: 0.7;
}

.youscaletranbtn {
	width: 3rem;
	line-height: 1rem;
	border: #fff 1px solid;
	border-radius: 0.2rem;
	text-align: center;
	color: #fff;
	font-size: 0.35rem;
	overflow: hidden;
	margin-top: 1rem;
}

.youscaleright {
	width: 76%;
	display: flex;
	flex-wrap: wrap;
}

.youscaleitem {
	width: 25%;
	padding: 0.8rem;
	border-right: #e5e7eb 1px solid;
	box-sizing: border-box;
}

.youscaleitem:nth-child(4n) {
	border-right: #e5e7eb 0px solid;
}

.youscaleitemrem {
	color: #808082;
	margin-top: 0.4rem;
}

.youscaleitem:nth-child(1),
.youscaleitem:nth-child(2),
.youscaleitem:nth-child(3),
.youscaleitem:nth-child(4) {
	border-bottom: #e5e7eb 1px solid;
	box-sizing: border-box;
}

.youscaleitemnav {
	display: flex;
	align-items: center;
	font-size: 0.4rem;
}

.youscaleitemnav>div:first-child {
	width: 0.8rem;
	height: 0.8rem;
	text-align: center;
	line-height: 0.8rem;
	font-size: 0.35rem;
	border-radius: 0.2rem;
	overflow: hidden;
	background-color: #2878ff;
	margin-right: 0.4rem;
}

.youscaleitemnav>div:first-child span {
	color: #fff;
}



.youfuwu {
	width: 30rem;
	margin: 1.2rem auto 0 auto;
	display: flex;
	justify-content: space-between;
}

.youfuwuitem {
	width: 24%;
	padding: 1.2rem 1rem;
	background-color: #fff;
	color: #808082;
	font-size: 0.35rem;
	line-height: 0.6rem;
	text-align: center;
}

.youfuwuitem>span {
	font-size: 1.5rem;
	color: #2878ff;
	display: block;
}

.youfuwuname {
	font-size: 0.6rem;
	color: #333;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

.yousearch {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 1.5rem 0;

	overflow: hidden;
}

.yousearchname {
	font-size: 0.6rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.yousearchline {
	width: 0.7rem;
	height: 2px;
	background-color: #fff;
	margin: 0.3rem auto 0.5rem auto;
}

.yousearchphone {
	font-size: 0.35rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.yousearchphone span {
	font-size: 0.35rem;
	margin-right: 0.2rem;
	color: #fff;
}

.yousearchinput {
	width: 14rem;
	overflow: hidden;
	border-radius: 0.8rem;
	margin: 1.2rem auto 0 auto;
	position: relative;
	background-color: #f0f6fc;
	border: #fff 2px solid;
	box-sizing: border-box;
}

.yousearchinput input {
	width: 100%;
	line-height: 1.2rem;
	padding: 0 0.5rem;
	background-color: #fafbfc;
	font-size: 0.375rem;
}

.yousearchinputbtn {
	position: absolute;
	top: 0;
	right: 0;
	width: 4rem;
	height: 1.2rem;
	text-align: center;
	border-radius: 0.8rem;
	background-color: #2878ff;
	color: #fff;
	font-size: 0.35rem;
	z-index: 5;
	line-height: 1.2rem;
}

/* 
====================
====================
商城模板详情
====================
====================
 */


/* 
====================
====================
用户协议
====================
====================
 */
.wellmain {
	width: 35rem;
	margin: 3rem auto 2rem auto;
}

.well {
	font-size: 0.375rem;
	line-height: 0.8rem;
	text-indent: 0.8rem;
	color: #6a6a6a;
}

.wellbold {
	text-align: center;
	font-weight: bold;
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
	color: #1a1a1a;
}

.wellauto {
	font-size: 0.5rem;
	font-weight: bold;
	margin-top: 0.8rem;
	color: #1a1a1a;
}

.wellsize {
	font-size: 0.4rem;
	font-weight: bold;
	color: #1a1a1a;
}

/* 关于我们 */
.navfixed {
	width: 100%;
	height: 6rem;
	overflow: hidden;
	position: relative;
	border-radius: 0.2rem;
}

.navfixedimg {
	width: 100%;
	height: 6rem;
	overflow: hidden;
}

.navfixedmain {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	overflow: hidden;

}

.navfixeddiv {
	width: 35rem;
	margin: 0 auto;
}

.navfixedname {
	font-size: 0.8rem;
	color: #fff;
	font-weight: bold;
}

.navfixedtext {
	font-size: 0.375rem;
	color: #fff;
	width: 50%;
	line-height: 0.8rem;
	margin-top: 0.4rem;
}

.navfixedline {
	border-bottom: #f5f5f5 1px solid;
}

.navfixedlinemain {
	display: flex;
	font-size: 0.375rem;
	margin: 0 auto;
	width: 30rem;

}

.navfixedlinemain .navfixeditem {
	margin-right: 2rem;
	cursor: pointer;
	color: #6b6b6b;
	line-height: 1.5rem;
	display: block;
	font-weight: bold;
}

.navfixedlinemain .activeitem {
	color: #2878ff !important;
	border-bottom: #2878ff 2px solid;
}

.aboutmain {
	width: 35rem;
	margin: 0 auto;
}

.aboutmainlink {
	display: flex;
	justify-content: space-between;
	padding: 2rem 0;
	width: 35rem;
	margin: 0 auto;
}

.aboutmainimg {
	width: 30%;
	display: flex;
	align-items: center;
}

.aboutmainimg img {
	width: 12rem;
	height: 2rem;
	display: block;
}

.aboutmaintext {
	width: 52%;
	font-size: 0.375rem;
	line-height: 0.8rem;
	color: #6b6b6b;
}

.aboutmaintext div {
	margin-bottom: 0.5rem;
}

.aboutmaintext div:last-child {
	margin-bottom: 0;
}

.iconline {
	padding: 2rem 0;
	width: 35rem;
	margin: 0 auto;
}

.iconlineitemname {
	font-size: 0.5rem;
	font-weight: bold;
}

.iconlineitemmain {
	margin-top: 0.3rem;
	padding-bottom: 1.5rem;
}

.iconlineitemtext {
	font-size: 0.4rem;
	line-height: 1rem;
	color: #6b6b6b;
}

.iconlineitem {
	border-left: #2878ff 1px dashed;
	padding-left: 1rem;
	margin-left: 0.25rem;
	position: relative;
}

.iconlineitem:last-child {
	border-left: #2878ff 0px dashed;
}

.iconlineitem:last-child .iconlineitemmain {
	padding-bottom: 0;
}

.iconlineitemspan {
	position: absolute;
	top: 0;
	left: -0.4rem;
	width: 0.8rem;
	height: 0.8rem;
	background-color: #2878ff;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	line-height: 0.8rem;
}

.iconlineitemspan span {
	color: #fff;
	font-size: 0.35rem;
	display: block;
}

.Culturebox01 {
	background: #fff;
	overflow: hidden;
}

.Culturebox {
	background: #fafafa;
	overflow: hidden;
}

.Culture {
	width: 35rem;
	margin: 0 auto;
	padding: 1.5rem 0;
}

.Culturetitle {
	margin-bottom: 1rem;
}

.Culturetitle>div:first-child {
	font-size: 0.6rem;
	font-weight: bold;
}

.Culturetitle>div:last-child {
	font-size: 0.375rem;
	margin-top: 0.3rem;
	color: #6b6b6b;
}

.Culturemain {
	display: flex;
	flex-wrap: wrap;
}



.Culturenth {
	padding: 1rem 0 1rem 2rem;
	width: 100%;
	background-color: #fff;
	margin-top: 2%;
	position: relative;
	border-radius: 0.2rem;
	overflow: hidden;
}

.Culturenth::after {
	content: '03';
	position: absolute;
	top: 0.25rem;
	left: 0.8rem;
	font-size: 2rem;
	font-weight: bold;
	opacity: 0.1;
	letter-spacing: 8px;
	color: #2878ff;
}

.Culturelist::after {
	content: '01';
	position: absolute;
	top: 0.25rem;
	left: 0.8rem;
	font-size: 2rem;
	font-weight: bold;
	opacity: 0.1;
	letter-spacing: 8px;
	color: #2878ff;
}

.Culturelistname {
	font-size: 0.8rem;
	color: #2878ff;
	font-weight: bold;
	margin-bottom: 0.3rem;
}

.Culturelisttab>div:first-child {
	font-size: 0.5rem;
	font-weight: bold;
}

.Culturelisttab>div:last-child {
	font-size: 0.375rem;
	margin-top: 12px;
	color: #6b6b6b;
}

.Culturemain {
	margin-top: 0.5rem;
}

.Culturelist {
	padding: 1rem 0 1rem 2rem;
	width: 40%;
	background-color: #fff;
	margin-right: 2%;
	position: relative;
	border-radius: 0.2rem;
	overflow: hidden;
}

.Culturerem {
	width: 40%;
	background-color: #fff;
	margin-right: 2%;
	padding: 1.1rem 0 1.2rem 1.8rem;
	position: relative;
	border-radius: 0.2rem;
	overflow: hidden;
}

.Culturerem::after {
	content: '02';
	position: absolute;
	top: 0.25rem;
	left: 0.8rem;
	font-size: 2rem;
	font-weight: bold;
	opacity: 0.1;
	letter-spacing: 8px;
	color: #2878ff;
}

.Culturewrap {
	width: 16%;
	background-color: #2878ff;
	font-size: 0.2rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
}

.Culturewrap div {
	transform: rotate(45deg)
}

.newflex {
	width: 35rem;
	margin: 0 auto;
}

.newflexname {
	font-size: 0.6rem;
	padding-bottom: 0.3rem;
	font-weight: bold;
	text-align: center;
}

.newflexname>div:last-child {
	font-size: 0.35rem;
	font-weight: initial;
	margin-top: 0.3rem;
	color: #6b6b6b;
}

.newflexmain {
	display: flex;
	justify-content: space-between;
	margin-top: 1.2rem;
}

.newflexitem {
	width: 24%;
	background: #fff;
	overflow: hidden;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	border-radius: 0.2rem;
}

.newflexitemdeg {
	padding: 0.6rem;
	display: flex;
	justify-content: space-between;
}

.newflexitemname {
	font-size: 0.45rem;
	padding-bottom: 0.3rem;
	font-weight: bold;
}

.newflexitemname span {
	font-size: 0.5rem;
	margin-right: 0.3rem;
	color: #2878ff;
	font-weight: initial;
}

.newflexitemdegflex {
	width: 88%;
}

.newflexitemdegname {
	font-size: 0.45rem;
	font-weight: bold;
	margin-bottom: 0.3rem;
}


.newflexitemtext {
	font-size: 0.35rem;
	padding-bottom: 0.3rem;
	line-height: 0.6rem;
	color: #6b6b6b;
}

.newflexitemphone {
	font-size: 0.375rem;
	line-height: 0.8rem;
}

.list1-map {
	position: relative;
	margin: 1.2rem auto;
	height: 15rem;
	border-radius: 0.2rem;
	overflow: hidden;
}

#allmap1 {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	text-align: center;
}

.map-address-name {
	text-align: center;
	font-size: .4rem;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
	font-weight: bold;
}

.map-address-detail {
	text-align: center;
	font-size: 0.3rem;
	line-height: 1.8;
	color: #888;
}

/* 
====================
====================
用户协议
====================
====================
 */


.online-btn {
	cursor: pointer;
	border-bottom: 1px solid #ededed;
	position: relative;
	z-index: 999;
	text-align: center;
}

.online-btn .fake-inner,
.online-btn .fake-outer {
	width: 49px;
	height: 49px;
	position: absolute;
	background: 0 0;
	border: 2px solid #4f7afd;
	margin: auto;
	border-radius: 50%;
	left: 0;
	top: -3px;
	z-index: -1;
	animation: inner 800ms ease-out infinite;
}

.online-btn .fake-outer {
	width: 55px;
	height: 55px;
	border: 0.5px solid #4f7afd;
	left: -3px;
	top: -6px;
	animation: outer 800ms ease-out infinite;
}

.phone-img2 {
	width: 44px;
	height: 44px;
	border-radius: 100%;
	transition: all .5s;
	opacity: 1;
	margin: 0 auto 17px;
}

.online-btn p {
	font-weight: 400;
	font-size: 12px;
	margin-top: 0.2rem;
	color: #666;
	padding-bottom: 0.5rem;
}

.online-btn-span {}

.online-btn-span span {
	font-size: 0.5rem;
}

.online-icon {
	cursor: pointer;
	border-bottom: 1px solid #ededed;
	position: relative;
	z-index: 999;
	text-align: center;
	padding: 0.5rem 0;
}

.online-icon:last-child {
	border-bottom: 0px solid #ededed;
}

.online-icon p {
	font-weight: 400;
	font-size: 12px;
	margin-top: 0.2rem;
	color: #666;
}

@keyframes outer {
	0% {
		transform: scale(1);
		opacity: 1
	}

	to {
		transform: scale(1.2);
		opacity: 0
	}
}

@keyframes inner {

	0%,
	to {
		transform: scale(1)
	}

	50% {
		transform: scale(1.1)
	}
}


.onlinefixed {
	position: absolute;
	bottom: 0;
	right: 2rem;
	background-color: #fff;
	width: 6rem;
	padding: 0.6rem 0.4rem;
	text-align: left;
	box-shadow: 0 0 40px rgb(79 122 253 / 15%);
	border-radius: 0.2rem;
	display: none;
	z-index: 9;
}

.onlinefixeddiv {
	font-size: 0.375rem;
	margin-bottom: 0.5rem;
	display: flex;
	justify-content: space-between;
}

.onlinefixeddiv:last-child {
	margin-bottom: 0;
}

.onlinefixedicon {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
	background-color: #f7faff;
}

.onlinefixeddiv span {
	color: #2878ff;
	font-size: 0.5rem
}

.onlinefixedbold {
	width: calc(100% - 64px);
	font-size: 0.4rem;
}

.onlinefixedbold>div:last-child {
	margin-top: 0.1rem;
	color: #2878ff;
	font-size: 0.35rem;
	line-height: 0.6rem;
}

.online-icon:hover .onlinefixed {
	display: block;
}




.applyfixed {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}

.inactive {
	display: block;
}

.inclose {
	display: none;
}

.applymain {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #e5efff;
	width: 19rem;
	padding: 1.5rem 0 1.2rem 0;
	border-radius: 0.2rem;
	overflow: hidden;
}

.applyabsolute {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.applyabsoluteimg {
	width: 4rem;
	height: 4rem;
	overflow: hidden;
	margin: 0 1.5rem;
}

.applyabsolutezuo {
	width: 48px;
	height: 40px;
	animation: moveRightLeftTransform 0.6s ease-in-out infinite;
}

@keyframes moveRightLeftTransform {

	0%,
	100% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(40px);
	}
}

.applyabsoluteyou {
	width: 48px;
	height: 40px;
	animation: moveRightLeftTransform01 0.6s ease-in-out infinite;
}

@keyframes moveRightLeftTransform01 {

	0%,
	100% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-40px);
	}
}

.applyanimation {
	font-size: 0.6rem;
	color: #2878ff;
	font-weight: bold;
	position: relative;
	text-align: center;
	margin: 0.5rem 0 0.8rem 0;
}

.applyanimation::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 12%;
	width: 4rem;
	height: 4px;
	background: linear-gradient(to right, #e5efff, #2878ff);
	z-index: 9;
	margin-top: -2px;
}

.applyanimation::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 12%;
	width: 4rem;
	height: 4px;
	background: linear-gradient(to left, #e5efff, #2878ff);
	z-index: 9;
	margin-top: -2px;
}

.applybefore {
	background-color: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
	margin: 0 1rem;
	padding: 0.5rem 0.8rem;
	display: flex;
	font-size: 0.45rem;
	line-height: 0.8rem;
	align-items: center;
	justify-content: space-between;
}

.applybeforelink span {
	font-size: 0.425rem;
	color: #666;
}


.applyclose {
	position: absolute;
	top: 0.3rem;
	right: 0.3rem;
	z-index: 999;
	background: #f5f5f5;
	padding: 0.2rem 0.5rem;
	border-radius: 0.5rem;
	cursor: pointer;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}

.applyclose span {
	font-size: 0.3rem;
}

.applyclose:hover {
	background-color: #2878ff;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}

.applyclose:hover span {
	color: #fff;

}

/* 
====================
====================
解决方案
====================
====================
 */

.planauto {
	margin: 1.2rem auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.planautoitem {
	width: 9rem;
	padding: 0.8rem;
	box-shadow: 0 0 0.5rem 0 rgb(71 105 235 / 5%);
	border-radius: 0.2rem;
	overflow: hidden;
}

.planautoitemsrc {
	width: 14.5rem;
}

.planautocenter {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.planautocenter:last-child {
	margin-bottom: 0;
}

.planautoitemline {
	width: 6px;
	height: 0.4rem;
	margin-top: 0.025rem;
	background-color: #2878ff;
	overflow: hidden;
	border-radius: 0.2rem;
}

.planautoitemmain {
	font-size: 0.35rem;
	line-height: 0.6rem;
	width: 94%;
	color: #6b6b6b;
}

.planautoitemmain>div:first-child {
	font-size: 0.5rem;
	line-height: 0.45rem;
	margin-bottom: 0.4rem;
	color: #1a1a1a;
	font-weight: bold;
}

.planautoitemcolor {
	color: #2878ff !important;
}

.planblock {
	margin: 2rem auto 0 auto;
	background: linear-gradient(180deg, #f7fafc 0%, #fafbfc 100%);
	padding: 1.5rem 0;
}

.plannobackimg {
	width: 30rem;
	margin: 1.2rem auto 0 auto;
	background-color: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
	padding: 0.5rem 1rem;
}


/* 产品讲解 */

.youexplandiv {
	width: 30rem;
	margin: 1.2rem auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: #e5e7eb 1px solid;
}

.youexplandivitem {
	font-weight: 700;
	color: rgb(0, 113, 239);
	line-height: 1.2rem;
	font-size: 0.45rem;
	border-bottom: transparent 0.1rem solid;
	cursor: pointer;
}

.explanactive {
	border-bottom: #2878ff 0.1rem solid;
}

.youexplanmax {
	margin-top: 1rem;
}

.youexplanmaxlist {
	display: none;
	border-radius: 0.2rem;
	overflow: hidden;
}

.youexplanmaxcenter {
	display: flex;
	justify-content: space-between;
}

.youexplanmaxblock {
	width: 50%;
	background-color: #2878ff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.youexplanmaxremname {
	font-size: 0.6rem;
	color: #fff;
	margin-bottom: 0.5rem;
}

.youexplanmaxremtext {
	font-size: 0.35rem;
	line-height: 0.6rem;
	color: rgba(255, 255, 255, 0.7);
}

.youexplanmaxremplay {
	display: flex;
	align-items: center;
	margin-top: 1.5rem;
}

.youexplanmaxicon {
	font-size: 0.35rem;
	color: #fff;
	text-align: center;
	margin-right: 0.5rem;
}

.youexplanmaxicon:last-child {
	margin-right: 0;
}

.youexplanmaxicon span {
	font-size: 0.4rem;
	color: #fff;
	display: block;
	margin-bottom: 0.3rem;
}

.youexplanmaxrem {
	width: 50%;
}

.youexplanmaxsrc {
	width: 50%;
}

.maxactive {
	display: block;
}

/* 产品讲解 */





.shopitembox {
	width: 30rem;
	margin: 2rem auto;
	display: flex;
	justify-content: space-between;
}

.shopitem {
	position: relative;
	width: 23%;
	height: 380px;
	text-align: center;
	overflow: hidden;
	border-radius: 0.2rem;
	box-shadow: 12px 0 43px rgb(76 76 76 / 14%);
}

.shopitemname {
	font-size: 0.5rem;
	color: #fff;
	padding-top: 0.4rem;
	padding-bottom: 1.2rem;
}

.shopitemicon {
	position: absolute;
	top: 1.4rem;
	left: 50%;
	transform: translate(-50%, 0);
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	line-height: 1.8rem;
	box-shadow: 12px 0 43px rgb(76 76 76 / 14%);
}

.shopitemicon span {
	font-size: 0.8rem;
}

.shopitembtn {
	width: 3rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	font-size: 0.35rem;
	border-radius: 0.2rem;
	display: block;
	margin: 0 auto;
	color: #fff;
	cursor: pointer;
}

.shopitemfont {
	padding: 1.5rem 0.6rem 1rem 0.6rem;
}

.shopitemfontlist {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.3rem;
}

.shopitemfontlist:last-child {
	margin-bottom: 0;
}

.shopitemfontlist span {
	width: 0.2rem;
	height: 0.2rem;
	border-radius: 50%;
	display: block;
	margin-top: 0.2rem;
}

.shopitemfontlist p {
	width: 92%;
	text-align: left;
	font-size: 0.35rem;
	line-height: 0.6rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	color: #6b6b6b;
}

.back01 {
	background: linear-gradient(to right, #40cce7, #299cf8);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.back01:hover {
	background: linear-gradient(to right, #299cf8, #40cce7);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.back02 {
	background: linear-gradient(to right, #f45c43, #eb3349);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.back02:hover {
	background: linear-gradient(to right, #eb3349, #f45c43);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.back03 {
	background: linear-gradient(to right, #40cce7, #3cd3ad);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.back03:hover {
	background: linear-gradient(to right, #3cd3ad, #40cce7);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.back04 {
	background: linear-gradient(to right, #ff7e7e, #ffae00);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.back04:hover {
	background: linear-gradient(to right, #ffae00, #ff7e7e);
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}



.youshopline {
	background-size: cover;
	padding-top: 1.5rem;
	border-radius: 0.2rem;
	overflow: hidden;
}

.youshopline .youtargetname,
.youshopline .youtargetname>div:last-child {
	color: #fff;
}

.shoponline {
	width: 30rem;
	margin: 1.2rem auto 0 auto;
	display: flex;
	justify-content: space-between;
	border-radius: 0.2rem;
	overflow: hidden;
}

.shoponlinemain {
	width: 20%;
	background: rgba(23, 24, 27, .5);
	padding: 0.5rem 0.5rem;
	box-shadow: 0 12px 48px 0 rgb(0 113 239 / 10%);
	overflow: hidden;
}

.shoponlineitem {
	color: #fff;
	line-height: 1.2rem;
	font-size: 0.35rem;
	border-bottom: transparent 0.1rem solid;
	cursor: pointer;
	padding: 0 0.5rem;
	margin-bottom: 0.3rem;
	border-radius: 0.2rem;
	overflow: hidden;
	text-align: center;
}

.shopplanactive {
	background-color: #2878ff;
}

.shoponlinemax {
	width: 80%;
	background: rgba(23, 24, 27, .4);
	overflow: hidden;
}

.shoponlinemaxlist {
	display: none;
	border-radius: 0.2rem;
	overflow: hidden;
}

.shoponlineactive {
	display: block;
}

.shoponlinemaxlist {
	padding: 1rem 1.5rem;
}

.shoponlinename {
	font-size: 0.8rem;
	color: #fff;
	margin-bottom: 0.5rem;
}

.shoponlinetext {
	font-size: 0.35rem;
	line-height: 0.8rem;
	color: #fff;
	height: 1.6rem;
}

.shoponlineicon {
	display: flex;
	align-items: center;
	padding: 1rem 0;
	border-bottom: #f5f5f5 1px solid;
	margin-bottom: 1rem;
}

.shoponlineiconlist {
	font-size: 0.35rem;
	color: #fff;
	text-align: center;
	margin-right: 1rem;
}

.shoponlineiconlist:last-child {
	margin-right: 0;
}

.shoponlineiconlist span {
	font-size: 0.5rem;
	display: block;
	margin-bottom: 0.3rem;
}

.shoponlinebtnbox {
	display: flex;
	align-items: center;
}

.shoponlinebtn {
	width: 3rem;
	font-size: 0.35rem;
	background-color: #2878ff;
	border-radius: 0.2rem;
	text-align: center;
	line-height: 1rem;
	color: #fff;
	margin-right: 0.5rem;
}

.shoponlinebtnbox>.shoponlinebtn:last-child {
	margin-right: 0;
	border: #fff 1px solid;
	color: #fff;
	background: transparent;
}

/* 
====================
====================
解决方案
====================
====================
 */


/* 
====================
====================
案例
====================
====================
 */
.youddgnav {
	margin: 2rem 0;
}

.youddgnavpad {
	padding: 1.5rem 0;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0.2rem;
	overflow: hidden;
}

.youddgnavwidth {
	width: 30rem;
	margin: 0 auto 0.8rem auto;
	position: relative;
}

.youddgnavwidth::after {
	content: '悠言代代果';
	position: absolute;
	top: 0;
	right: 6px;
	width: 15px;
	font-size: 0.35rem;
	color: #ccc;
}

.youddgnavwidth::before {
	content: '';
	position: absolute;
	top: 6px;
	right: 0;
	width: 1px;
	height: 2rem;
	background-color: #ccc;
}

.youddgnavname {
	font-size: 0.7rem;
	font-weight: bold;
	display: flex;
	color: #1a1a1a;
}

.youddgnavname span {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: #1a1a1a 4px solid;
	overflow: hidden;
	margin-left: 0.2rem;
}

.youddgnavline {
	background-color: #1a1a1a;
	width: 1rem;
	height: 0.15rem;
	margin-top: 0.5rem;
}

.youddgnavitem {
	width: 30rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.youddgnavblock {
	width: 50%;
	display: flex;
	align-items: center;
}

.youddgnavcenter {
	padding-left: 1rem;
}

.youddgnavlist {
	font-size: 0.35rem;
	line-height: 0.6rem;
	color: #999;
	margin-bottom: 1rem;
}

.youddgnavpad .youddgnavname,
.youddgnavpad .youddgnavlist>div:first-child {
	color: #fff;
}

.youddgnavpad .youddgnavline {
	background-color: #fff;
}

.youddgnavpad .youddgnavname span,
.youddgnavpad .youddgnavlist span {
	border: #fff 4px solid;
}

.youddgnavpad .youddgnavlist {
	color: rgba(255, 255, 255, 0.8);
}



.youddgnavlist div {
	display: flex;
	align-items: center;
}

.youddgnavlist>div:first-child {
	font-size: 0.45rem;
	margin-bottom: 0.3rem;
	font-weight: bold;
	color: #1a1a1a;
}

.youddgnavlist:last-child {
	margin-bottom: 0;
}

.youddgnavlist span {
	width: 15px;
	height: 15px;
	border: #1a1a1a 2px solid;
	border-radius: 50%;
	display: block;
	overflow: hidden;
	margin-right: 0.3rem;
}

.spannone {
	opacity: 0;
}

.youddgnavsrc {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.youddgnavsrcleft {
	width: 50%;
	display: flex;
	align-items: center;
}

.youddgnavsrcimg {
	width: 12rem;
}


.youddgtant {
	width: 30%;
	background-color: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
	position: relative;
	padding-bottom: 2.5rem;
}

.youddgtantfixed {
	position: absolute;
	bottom: 0.6rem;
	right: 1rem;
	left: 1rem;
	line-height: 1.2rem;
	font-size: 0.35rem;
	color: #fff;
	background-color: #ff0000;
	background: linear-gradient(to left, #2878ff 0%, #005df2 100%);
	border-radius: 0.2rem;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}

.youddgtantsize {
	position: absolute;
	bottom: 0.6rem;
	right: 1rem;
	left: 1rem;
	line-height: 1.2rem;
	font-size: 0.35rem;
	color: #fff;
	background: linear-gradient(to left, #7075af 0%, #8187c9 100%);
	border-radius: 0.2rem;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}

.youddgtantline {
	position: absolute;
	bottom: 0.6rem;
	right: 1rem;
	left: 1rem;
	line-height: 1.2rem;
	font-size: 0.35rem;
	color: #fff;
	background: linear-gradient(to left, #d6af6a 0%, #f0c478 100%);
	border-radius: 0.2rem;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}

.youddgtant::after {
	content: 'YOU·DDG';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.5rem;
	line-height: 1.5rem;
	letter-spacing: 0.2rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.05);
	font-style: oblique;
	width: 100%;
	text-align: center;
}

.youddgtantname {
	text-align: center;
	background-color: #2878ff;
	font-size: 0.6rem;
	color: #fff;
	line-height: 1.8rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
	font-style: oblique;
}

.youddgtantcenter {
	text-align: center;
	background-color: #7075af;
	font-size: 0.6rem;
	color: #fff;
	line-height: 1.8rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
	font-style: oblique;
}

.youddgtantbold {
	text-align: center;
	background-color: #d6af6a;
	font-size: 0.6rem;
	color: #fff;
	line-height: 1.8rem;
	letter-spacing: 0.1rem;
	font-weight: bold;
	font-style: oblique;
}

.youddgtantmainpic {
	text-align: center;
	font-size: 0.35rem;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 1rem 0 0.3rem 0;
}

.youddgtantmainpic>div {
	color: #ff4800;
	margin-right: 0.1rem;
}

.youddgtantmainpic span {
	font-size: 1.2rem;
	font-weight: bold;
	color: #ff4800;
	line-height: 1rem;
}

.picding span {
	font-size: 0.8rem !important;
}

.youddgtantmaintext {
	overflow: hidden;
	text-align: center;
	line-height: 0.6rem;
}

.youddgtantmaintext span {
	color: #ff9502;
	font-weight: bold;
}

.youddgtantmaintao {
	font-size: 0.375rem;
	text-align: center;
	position: relative;
	margin: 0.6rem 0;
}

.youddgtantmaintao::after {
	content: '';
	position: absolute;
	top: 0.26rem;
	left: 25%;
	width: 1rem;
	height: 2px;
	background: linear-gradient(to left, #2878ff 0%, #fff 100%);
}

.youddgtantmaintao::before {
	content: '';
	position: absolute;
	top: 0.26rem;
	right: 25%;
	width: 1rem;
	height: 2px;
	background: linear-gradient(to left, #fff 0%, #2878ff 100%);
}

.youddgtantmainitem {
	padding: 0 1rem;
}

.youddgtantmainitemchild {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	font-size: 0.325rem;
	color: #1b2337;
	line-height: 0.9rem;
}

.youddgtantmainitemchild span {
	font-size: 0.3rem;
	margin-right: 0.2rem;
}

.youddgtantmainitemchild>div:last-child {
	font-size: 0.3rem;
	color: #2878ff;
}

/* 
====================
====================
案例
====================
====================
 */
/* 
====================
====================
申请合作
====================
====================
 */
.cooper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.coopercenter {
	width: calc(100% - 400px);
	height: 100vh;
	background: url('../image/cooperback.png') no-repeat;
	background-size: cover;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cooperflex {
	width: 974px;
}

.coopertext>div:first-child {
	font-size: 64px;
	color: #2878ff;
	font-weight: bold;
	text-align: center;
}

.coopertext>div:last-child {
	font-size: 24px;
	line-height: 32px;
	margin-top: 20px;
	color: #505a71;
	text-align: center;
}

.cooperplay {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 48px;
}

.cooperplayitem {
	display: flex;
	padding: 24px;
	width: 470px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 4px;
	border-radius: 20px;
	background: hsla(0, 0%, 100%, .8);
	margin-right: 32px;
	margin-bottom: 32px;
}

.cooperplayitem:nth-child(2n) {
	margin-right: 0;
}

.cooperplayitem>div:first-child {
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	color: #1b2337;
}

.cooperplayitem>div:last-child {
	color: #505a71;
	font-size: 16px;
	line-height: 32px;
}

.cooperture {
	width: 400px;
	height: 100vh;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.cooperturemain div:first-child {
	width: 200px;
	height: 200px;
	background-color: #fafafa;
	padding: 15px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 15px;
}

.cooperlogo {
	position: fixed;
	top: 0.4rem;
	left: 0.6rem;
	z-index: 99;
	display: block;
	width: 200px;
	height: 34px;
}

/* 
====================
====================
申请合作
====================
====================
 */



/* 
====================
====================
帮助支持
====================
====================
 */
.nox-solution {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}

.nox-solution-item {
	margin-right: 2%;
	width: 23.5%;
	margin-top: 1rem;
	overflow: hidden;
	border: #f5f5f5 1px solid;
	box-sizing: border-box;
	border-radius: 0.2rem;
}

.nox-solution-item:nth-child(4n) {
	margin-right: 0;
}

.nox-solution-item .solutionimg {
	width: 100%;
	height: 6rem;
	overflow: hidden;
	margin-bottom: 0.8rem;
	text-align: center;
}

.nox-solution-item a {
	display: block;
}

.solutionimg span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}

.nox-solution-item:hover span:before {
	border-color: #0085ee;
}

.nox-solution-item span:before {
	content: "";
	border: 0.1rem solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}

.nox-solution-item span:after {
	content: "...";
	color: #0085EE;
	display: block;
	font-size: 60px;
	height: 50px;
	letter-spacing: -9px;
	line-height: 26px;
	margin-left: 5px;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
}

.nox-solution-item:hover span:after {
	letter-spacing: 9px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}

.nox-solution-item:hover span img {
	opacity: 0.1;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}

.solutiontype {
	font-size: 14px;
}

.solutiontitle {
	font-size: 0.5rem;
	font-weight: bold;
	margin: 0.5rem 0;
	line-height: 0.8rem;
	height: 1.6rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
}

.solutionfu {
	font-size: 0.375rem;
	color: #999;
}

.prosolutionimg {
	width: 100%;
	height: 6rem;
	overflow: hidden;
	text-align: center;
}

.prosolutionimg span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
}

.nox-solution-item:hover span:before {
	border-color: #0085ee;
}

.prosolutiontitle {
	font-size: 0.5rem;
	font-weight: bold;
	margin: 0.5rem;
	line-height: 0.8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.prosolutiontext {
	font-size: 0.375rem;
	color: #666;
	line-height: 0.6rem;
	letter-spacing: 1px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	margin: 0.5rem;
}

/* 
====================
====================
帮助支持
====================
====================
 */


/* 
====================
====================
设计服务
====================
====================
 */
.youdesign {
	width: 100%;
	height: 6.6rem;
	overflow: hidden;
	position: relative;
}

.youdesignfixed {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	font-size: 0.4rem;
	text-align: center;
	color: #8693ab;
}

.youdesigntitle {
	font-size: 1rem;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 0.5rem;
	color: #333;
}

.youdesignlink {
	background: rgba(255, 255, 255, 0.6);
	border: #fff 1px solid;
	border-radius: 50px;
	overflow: hidden;
	line-height: 1rem;
	padding: 0 0.5rem;
}

.designwrap {
	width: 35rem;
	margin: 0 auto;
}

.youdesignmargin {
	position: relative;
	padding-bottom: 1rem;
}

.youdesigntext {
	margin: 1.2rem 0;
	position: relative;
}

.youdesignvice::after {
	content: 'All CASE STUDIES';
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	font-size: 3rem;
	color: rgba(0, 0, 0, 0.015);
}

.designservice::after {
	content: 'MORE STYLE';
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	font-size: 3rem;
	color: rgba(0, 0, 0, 0.015);
}

.design {
	display: flex;
	flex-wrap: wrap;
}

.designitem {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 1rem;
	cursor: pointer;
}

.designitem:nth-child(4n) {
	margin-right: 0;
}

.designimg {
	width: 100%;
	height: 218px;
	border: #f5f5f5 1px solid;
	border-radius: 0.2rem;
	overflow: hidden;
	margin-bottom: 0.5rem;
	position: relative;
}

.designtext {
	font-size: 14px;
	color: #8693ab;
}

.designtext>div:first-child {
	font-weight: 500;
	color: #1b2337;
	font-size: 0.4rem;
	margin-bottom: 0.3rem;
}

.designtext>div:last-child {
	line-height: 0.6rem;
	height: 1.2rem;
}

.designbtn {
	background-color: #f2f7ff;
	color: #2878ff;
	width: 2.4rem;
	text-align: center;
	border-radius: 0.2rem;
	line-height: 1rem;
	overflow: hidden;
	font-size: 0.4rem;
	margin-top: 0.5rem;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.designjiaofu {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
	background: rgba(255, 255, 255, .8);
	border: .5px solid rgba(27, 35, 55, .1);
	color: #1b2337;
	font-size: 0.3rem;
	padding: 0.2rem 0.3rem;
	border-radius: 0.3rem 0 0 0;
}

.designitem img {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.designitem:hover img {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transform: scale(1.05);
}

.designitem:hover .designbtn {
	background-color: #e5efff;
}


.youflow {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.youflowitem {
	width: 24%;
	border-radius: 0.2rem;
	overflow: hidden;
	padding: 0.7rem 0.8rem;
	position: relative;
	z-index: 9;
	box-shadow: 0 0 20px rgba(40, 120, 255, 0.08);
}

.youflowitem::after {
	content: '';
	position: absolute;
	top: -200px;
	left: -200px;
	background-color: #2878ff;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	z-index: -1;
	filter: blur(200px);
}

.youflowitem>div:nth-child(1) {
	font-size: 0.8rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}

.youflowitem>div:nth-child(2) {
	font-size: 0.45rem;
	font-weight: bold;
}

.youflowitem>div:nth-child(3) {
	font-size: 0.35rem;
	margin-top: 0.2rem;
	color: #8693ab;
}

.youflowitemtext {
	position: absolute;
	top: 0.8rem;
	right: 0.8rem;
	width: 1.8rem;
	line-height: 0.8rem;
	background: linear-gradient(to right, #2878ff, #80aeff);
	color: #fff;
	text-align: center;
	border-radius: 1rem;
	font-size: 0.35rem;
}

/* 
====================
====================
设计服务
====================
====================
 */
.banner-first-text {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -40%);
	z-index: 99;
}

.banner-first-text h2 {
	margin: 0 auto;
	font-size: 1.2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-weight: 600;
	align-items: center;
	justify-content: center;
}

.banner-first-text h2 span.linear-text {
	margin-left: .5rem;
	width: 0;
	font-size: 1.2rem;
	color: #1d2129;
	background: linear-gradient(61deg, #2878ff, #64a9ff);
	-webkit-animation: typing-3c26a3ef 3s steps(8) infinite;
	animation: typing-3c26a3ef 3s steps(8) infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: .05rem;
	overflow: hidden;
	white-space: nowrap
}

.banner-first-text h2 .text-input {
	content: "";
	display: inline-block;
	width: .2rem;
	height: 1.2rem;
	background: #2878ff;
	vertical-align: middle;
	position: relative;
	top: 0rem;
	left: 0.3rem;
}

@-webkit-keyframes typing-3c26a3ef {
	0% {
		width: 0
	}

	to {
		width: 5.6rem
	}
}

@keyframes typing-3c26a3ef {
	0% {
		width: 0
	}

	to {
		width: 5.6rem
	}
}

.bannerok {
	font-size: 1.2rem;
	text-align: center;
	font-weight: 600;
	margin-top: 0.2rem;
}

.banneroktext {
	font-size: 0.5rem;
	text-align: center;
	margin: 1rem 0 1rem 0;
}

.bannerokbtn {
	width: 4rem;
	height: 1.2rem;
	border-radius: 0.2rem;
	text-align: center;
	line-height: 1.2rem;
	font-size: 0.45rem;
	color: #fff;
	margin: 0.5rem auto 0 auto;
	cursor: pointer;
	background: linear-gradient(225deg, #5996ff, #2878ff);
}

.bannerokbtn:hover {
	background: linear-gradient(225deg, #2878ff, #5996ff);
}



.markettext {
	font-size: 14px;
	color: #8693ab;
}

.markettexttitle {
	font-weight: 500;
	color: #1b2337;
	font-size: 0.4rem;
	margin-bottom: 0.1rem;
}

.markettextalign {
	line-height: 0.5rem;
}

.marketflex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.5rem;
}

.marketpic {
	color: #ff5000;
	font-size: 0.4rem;
	font-weight: bold;
}

.marketpic span {
	font-size: 0.6rem;
}

.marketbtn {
	background-color: #ebf2ff;
	color: #2878ff;
	width: 2.4rem;
	text-align: center;
	border-radius: 0.2rem;
	line-height: 1rem;
	overflow: hidden;
	font-size: 0.35rem;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.marketbtn:hover {
	background-color: #d9e6ff;
}

.markettag {
	margin-top: 0.3rem;
	overflow: hidden;
}

.markettag span {
	display: inline-block;
	line-height: 0.6rem;
	background-color: #f7faff;
	padding: 0 0.2rem;
	border-radius: 0.1rem;
	overflow: hidden;
	margin-right: 0.2rem;
}

.markettag span:last-child {
	margin-right: 0;
}






/* 操作手册 */
.manualblock {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	background-color: #fafafa;
}

.manualproblem {
	width: 20%;
	height: calc(100vh - 1.7rem);
	margin-top: 1.7rem;
	overflow-y: auto;
	background-color: #fff;
	padding: 0 0.5rem;
}

.manualproblemtitle {
	font-size: 0.5rem;
	margin: 0.5rem 0;
	padding-left: 0.3rem;
	font-weight: bold;
	background-image: linear-gradient(45deg, #2878ff, #2878ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.manualconent {
	width: calc(100% - 40%);
	height: calc(100vh - 1.7rem);
	margin-top: 1.7rem;
	overflow-y: auto;
}

.advertradius {
	margin: 0.5rem;
	font-size: 14px;
	color: #191919;
	line-height: 22px;
}

.advertconent {
	background-color: #fff;
	margin: 0 0.5rem;
	border-radius: 0.3rem;
	padding: 0.8rem;
	overflow: hidden;
	font-family: -apple-system, HuaweiSans, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, Microsoft JhengHei, SimSun, sans-serif;
}

.manualconent::-webkit-scrollbar {
	width: 0;
}

.advertconenttitle {
	font-size: 0.6rem;
	color: #191919;
	margin-bottom: 0.8rem;
	font-weight: 600;
}

.adverttips {
	padding: 0.5rem 0.4rem;
	background-color: #fce8e3;
	border-radius: 0.1rem;
	border-left: 0.1rem solid #ed4014;
	margin: 0.5rem 0 0.8rem 0;
	font-size: 0.375rem;
	color: #5e6d82;
}

.advertmainbox {
	margin-top: 1rem;
}

.adverttitle {
	color: #2878ff;
	font-size: 0.45rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
}

.advertlinkword {
	font-size: 0.4rem;
	color: #191919;
	line-height: 0.8rem;
	word-wrap: break-word;
}

.advertlinkword span {
	color: #ff5000;
}

.advertconentlink {
	border-radius: 8px;
	padding: 0 0.5rem;
	background-color: #fafafa;
	font-size: 0.4rem;
	color: #191919;
	border: 1px solid rgb(219, 219, 219);
	margin-top: 0.3rem;
}

.advertconentlinknav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: #e5e5e5 1px solid;
	padding: 0.5rem 0;
}

.advertconentlink .advertconentlinknav:last-child {
	border-bottom: #e5e5e5 0px solid;
}

.advertconentwebcom {
	font-size: 0.375rem;
	width: 60%;
}

.advertexplain {
	width: 30%;
	font-size: 0.35rem;
	color: #6a6a6a;
}

.advertbutton {
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.advertconentwebcom a {
	color: #2878ff;
}

.advertconentwebcom a:hover {
	text-decoration: underline;
}

.advertconentlinknav button span {
	color: #999;
}

.copy-btn {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.copy-btn:hover span {
	color: #2878ff !important;
}

.copy-text {
	font-size: 14px;
	margin-left: 5px;
}

.copied {
	color: #2878ff;
}

.advertlinktant {
	margin-top: 0.6rem;
}

.advertconentwidth {
	width: 60%;
	border-radius: 0.2rem;
	overflow: hidden;
	margin: 0.3rem auto 0 auto;
	border: #e5e5e5 1px solid;
}

.advertconentimg {
	border-radius: 0.2rem;
	overflow: hidden;
	margin-top: 0.3rem;
	border: #e5e5e5 1px solid;
}

.advertlinktanttext {
	font-size: 0.35rem;
	color: #666;
	text-align: center;
	margin: 0.3rem 0;
}

.advertlinktitle {
	font-size: 0.375rem;
	font-weight: bold;
	margin-bottom: 0.3rem;
}

.advertcontent {
	display: flex;
	justify-content: space-between;
}

.advertcontentlink {
	font-size: 0.375rem;
	color: #333333;
	line-height: 1rem;
}

.advertcontenttext {
	width: calc(100% - 20px);
	font-size: 0.375rem;
	color: #333333;
	line-height: 1rem;
}




.advertnone {
	display: none;
}

.advertheader li {
	font-size: 0.375rem;
	color: #333;
	line-height: 22px;
	padding: 0.3rem 0.3rem;
	border-radius: 0.2rem;
	overflow: hidden;
	margin-top: 0.2rem;
	cursor: pointer;
}

.advertactive {
	display: block;
	background-color: #f7faff !important;
	color: #2878ff !important;
}

.advertheader li:hover {
	background-color: #f7faff;
}





.advertmessage {
	margin: 1rem 0;
	overflow: hidden;
}

.manuallink {
	width: 20%;
	height: calc(100vh - 1.7rem);
	margin-top: 1.7rem;
	background-color: #fff;
	overflow-y: auto;
	padding: 0 0.5rem;
}

.manuallinktitle {
	font-size: 0.5rem;
	margin: 0.5rem 0;
}

.manuallinkflex {
	display: flex;
	align-items: center;
	background-color: #f2f7ff;
	border-radius: 12px;
	padding: 15px 25px;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.5rem;
}

.manuallinkflex:hover .manuallinkitemtitle {
	color: #2878ff !important;
}

.manuallinkimg {
	width: 0.9rem;
	height: 0.9rem;
	overflow: hidden;
}

.manuallinkitem {
	width: calc(100% - 1.4rem);
	font-size: 0.35rem;
	color: #999;
}

.manuallinkitem>div:first-child {
	font-size: 0.45rem;
	color: #1b2337;
}

.manuallinksrc {
	display: block;
	border-radius: 0.2rem;
	overflow: hidden;
}





.advertmessage {
	overflow: hidden;
}

.advertendlink {
	font-size: 0.5rem;
	text-align: center;
	position: relative;
}

.advertendlink::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 46%;
	height: 2px;
	background: linear-gradient(to right, #fff, #e5e5e5);
	z-index: 9;
	margin-top: -1px;
}

.advertendlink::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 46%;
	height: 2px;
	background: linear-gradient(to left, #fff, #e5e5e5);
	z-index: 9;
	margin-top: -1px;
}

.advertmessageimg {
	width: 4rem;
	height: 4rem;
	overflow: hidden;
	margin: 0.5rem auto;
}

.advertmessagelink {
	text-align: center;
	font-size: 0.4rem;
	color: #999;
}

/* 操作手册 */


/* 新房报备Pro */
.youyanalign {
	margin-top: 1.6rem;
	width: 100%;
	overflow: hidden;
	padding: 2rem 0;
	cursor: pointer;
}

.youyanalignnav {
	position: relative;
	z-index: 9999;
}

.youyanalign::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url('../image/background.png') no-repeat;
	background-size: 100% 100%;
	z-index: 9;
	height: 8rem;
}

.youyanaligntitle {
	font-size: 1rem;
	text-align: center;
	font-weight: bold;
	background: linear-gradient(-45deg, #2878ff, #ff0000, #ed4014, #19be6b, #2878ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 50% 50%;
	animation: gradientMove 5s ease infinite;
}

@keyframes gradientMove {
	0% {
		background-position: 0% 75%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 75%;
	}
}

.youyanaligntext {
	font-size: 0.5rem;
	text-align: center;
	color: #636e80;
	margin-bottom: 1.2rem;
	margin-top: 0.2rem;
}

.sectioncontent {
	padding: 0.5rem 0 1.5rem 0;
	background-color: #fff;
}

.sectionback {
	padding: 1.5rem 0;
	background-color: #f9fbff;
}


.datacenternav {
	display: flex;
	justify-content: space-between;
	width: 35rem;
	margin: 1.2rem auto 0 auto;
}



.dataheader {
	width: 8.5rem;
	background-color: #fff;
	overflow: hidden;
	border-radius: 0.3rem;
}

.dataheader li {
	border: #f2f6ff 2px solid;
	margin: 0.6rem;
	padding: 0.5rem 0.4rem;
	border-radius: 0.3rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.dataheaderimg {
	width: 1.4rem;
	height: 1.4rem;
	overflow: hidden;
}

.dataheaderflex {
	width: calc(100% - 1.8rem);
	font-size: 0.45rem;
}

.dataheaderflex>div:last-child {
	font-size: 0.325rem;
	color: #636e80;
	margin-top: 0.1rem;
}

.dataactive {
	background-color: #f2f6ff !important;
	color: #2878ff !important;
	border: #f2f6ff 2px solid;
}





.dataalign {
	width: calc(100% - 9rem);
	border-radius: 0.3rem;
	overflow: hidden;
}

.datanavlist {
	background-color: #fff;
	padding: 0.5rem;
}




.yitantitle {
	color: #1f2431;
	font-size: 0.7rem;
	font-weight: bold;
	text-align: center;
}

.yitanfutext {
	color: #636e80;
	text-align: center;
	font-size: 0.4rem;
	margin-top: 0.2rem;
}

.advertnav {
	width: 35rem;
	margin: 0 auto;
	padding-top: 1.5rem;
}

.advertcrm {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.advertcrmitem {
	text-align: center;
}

.advertcrmitem>div:first-child {
	width: 2.5rem;
	height: 2.5rem;
	overflow: hidden;
	box-shadow: 0px 8px 32px 0px rgba(40, 120, 255, .1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.advertcrmitem>div:first-child span {
	font-size: 1rem;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.advert01 span {
	background: linear-gradient(135deg, #03bdfd, #0899ff);
}

.advert02 span {
	background: linear-gradient(135deg, #796bff, #8029fd);
}

.advert03 span {
	background: linear-gradient(135deg, #12de2f, #01b84f);
}

.advert04 span {
	background: linear-gradient(135deg, #f5aa01, #f57a01);
}

.advertcrmitem>div:last-child {
	color: #636e80;
	margin-top: 0.4rem;
	font-size: 0.45rem;
}



.employcenter {
	width: 35rem;
	margin: 1.5rem auto 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.employcenteritem {
	width: 32%;
	background-color: #f5f9ff;
	border: 1px solid #f2f5ff;
	margin-right: 2%;
	margin-top: 2%;
	border-radius: 0.5rem;
	padding: 0.5rem;
	display: flex;
	justify-content: space-between;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	cursor: pointer;
}

.employcenteritem:nth-child(1),
.employcenteritem:nth-child(2),
.employcenteritem:nth-child(3) {
	margin-top: 0;
}

.employcenteritem:hover {
	background: linear-gradient(180deg, #f8fbff, #fdfeff);
	border: 1px solid #f2f5ff;
	box-shadow: 0 6px 20px #4287ff1a;
	opacity: 1;
	transform: translateY(-10px);
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.employcenteritem:nth-child(3n) {
	margin-right: 0;
}

.employcentericon {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 0.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.employ01 {
	background: linear-gradient(135deg, #03bdfd, #0899ff);
}

.employ02 {
	background: linear-gradient(135deg, #796bff, #8029fd);
}

.employ03 {
	background: linear-gradient(135deg, #12de2f, #01b84f);
}

.employ04 {
	background: linear-gradient(135deg, #f5aa01, #f57a01);
}

.employcentericon span {
	font-size: 0.6rem;
	color: #fff;
}

.employcentermain {
	width: calc(100% - 2rem);
}

.employcentertitle {
	color: #1d2129;
	font-size: 0.5rem;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.employcentertitle span {
	line-height: 0.55rem;
	background: linear-gradient(270deg, #FB4214 1.94%, #FC35A3 108.8%);
	color: #fff;
	font-size: 0.3rem;
	display: block;
	padding: 0 0.15rem 0 0.1rem;
	border-radius: 0.2rem 0.2rem 0.2rem 0;
	overflow: hidden;
	margin-left: 0.2rem;
	font-weight: bold;
}

.employcentertext {
	color: #636e80;
	font-size: 0.35rem;
	line-height: 0.6rem;
	margin: 0.2rem 0 0.4rem 0;
}

.employcenterspan {
	display: flex;
	align-items: center;
}

.employcenterspan span {
	align-items: center;
	background: #e5f0ff;
	border-radius: 0.1rem;
	display: flex;
	line-height: 0.6rem;
	justify-content: center;
	margin-right: 0.2rem;
	color: #2878ff;
	display: block;
	padding: 0 0.25rem;
}

/* 代代果电销 */