@charset "utf-8";

html {
	font-size: 20px;
}

* {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-family: PingFang, "Microsoft YaHei", Arial;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
}

body {
	font-size: 14px;
	min-width: 1100px;
	position: relative;
}

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
cite,
code,
del,
em,
img,
ins,
small,
strong,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

body,
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

strong {
	font-weight: bold;
}

ul {
	list-style-type: none;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: inherit;
}

/* a:hover,a:active{background-color: #152854;} */
img {
	border-style: none;
	border: none;
	margin: 0;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.c-hid {
	overflow: hidden;
}

.c-p {
	position: relative;
}

.c-pf {
	position: fixed;
}

.c-pa {
	position: absolute;
}

.c-bgc {
	background-size: cover
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.display-ib {
	display: inline-block;
}

/* top bottom left right */
.bottomm60 {
	bottom: -60px
}

/* z-index */
.zIndex1 {
	z-index: 1;
}

.zIndex100 {
	z-index: 100;
}

.zIndex101 {
	z-index: 101;
}

.zIndex1000 {
	z-index: 1000;
}

/* flex */
.flex-column {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}

.flex-row {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
}

.flexw-wrap {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.aligni-start {
	align-items: flex-start;
	-webkit-align-items: flex-start;
}

.aligni-end {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.aligni-center {
	align-items: center;
	-webkit-align-items: center;
}

.justify-sa {
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

.justify-sb {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.justify-center {
	justify-content: center;
	-webkit-justify-content: center;
}

.justify-end {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.flex-grow1 {
	flex-grow: 1;
	-webkit-flex-grow: 1;
}

.flex-shrink0 {
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
}

.flex-center {
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

/*高度*/
.height100p {
	height: 100%;
}

.height100vh {
	height: 100vh;
}

.height1 {
	height: 1px;
}

.height14 {
	height: 14px;
}

.height18 {
	height: 18px;
}

.height22 {
	height: 22px;
}

.height24 {
	height: 24px;
}

.height26 {
	height: 26px;
}

.height30 {
	height: 30px;
}

.height36 {
	height: 36px;
}

.height38 {
	height: 38px;
}

.height40 {
	height: 40px;
}

.height48 {
	height: 48px;
}

.height50 {
	height: 50px;
}

.height56 {
	height: 56px;
}

.height66 {
	height: 66px;
}

.height70 {
	height: 70px;
}

.height80 {
	height: 80px;
}

.height98 {
	height: 98px;
}

.height100 {
	height: 100px;
}

.height110 {
	height: 110px;
}

.height120 {
	height: 120px;
}

.height140 {
	height: 140px;
}

.height150 {
	height: 150px;
}

.height160 {
	height: 160px;
}

.height170 {
	height: 170px !important;
}

.height240 {
	height: 240px !important;
}

.height300 {
	height: 300px;
}

.height320 {
	height: 320px;
}

.height330 {
	height: 330px;
}

.height350 {
	height: 350px;
}

.height380 {
	height: 380px;
}

.height390 {
	height: 390px;
}

.height390i {
	height: 390px !important;
}

.height490 {
	height: 490px !important;
}

.height480 {
	height: 480px;
}

.height600 {
	height: 600px;
}

/*宽度*/
.width0 {
	width: 0px;
}

.width14 {
	width: 14px;
}

.width15 {
	width: 15px;
}

.width18 {
	width: 18px;
}

.width20 {
	width: 20px;
}

.width22 {
	width: 22px;
}

.width24 {
	width: 24px;
}

.width26 {
	width: 26px;
}

.width30 {
	width: 30px;
}

.width38 {
	width: 38px;
}

.width40 {
	width: 40px;
}

.width50 {
	width: 50px;
}

.width60 {
	width: 60px;
}

.width80 {
	width: 80px;
}

.width72 {
	width: 72px;
}

.width76 {
	width: 70px;
}

.width98 {
	width: 98px;
}

.width100 {
	width: 100px;
}

.width104 {
	width: 104px;
}

.width120 {
	width: 120px;
}

.width145 {
	width: 145px;
}

.width150 {
	width: 150px;
}

.width160 {
	width: 160px;
}

.width167 {
	width: 167px;
}

.width180 {
	width: 180px;
}

.width220 {
	width: 220px;
}

.width227 {
	width: 227px;
}

.width240 {
	width: 240px;
}

.width260 {
	width: 260px;
}

.width286 {
	width: 286px;
}

.width335 {
	width: 335px;
}

.width350 {
	width: 350px;
}

.width500 {
	width: 500px;
}

.width510 {
	width: 510px;
}

.width580 {
	width: 580px;
}

.width1000 {
	width: 1000px;
}

.width1100 {
	width: 1100px;
}

.width1200 {
	width: 1200px;
}

.width1240 {
	width: 1240px;
}

.min-width1440 {
	min-width: 1400px;
}

.max-width25 {
	max-width: 25px;
}

.width90p {
	width: 90%;
}

.width98p {
	width: 98%;
}

.width100p {
	width: 100%;
}

/*字体大小*/
.font-s10 {
	font-size: 10px;
}

.font-s12 {
	font-size: 12px;
}

.font-s13 {
	font-size: 13px;
}

.font-s14 {
	font-size: 14px;
}

.font-s16 {
	font-size: 16px;
}

.font-s18 {
	font-size: 18px;
}

.font-s20 {
	font-size: 20px;
}

.font-s22 {
	font-size: 22px;
}

.font-s24 {
	font-size: 24px;
}

.font-s26 {
	font-size: 26px;
}

.font-s28 {
	font-size: 28px;
}

.font-s32 {
	font-size: 32px;
}

.font-s34 {
	font-size: 34px;
}

.font-s36 {
	font-size: 36px;
}

.font-s38 {
	font-size: 38px;
}

.font-s40 {
	font-size: 40px;
}

.font-s42 {
	font-size: 42px;
}

.font-s50 {
	font-size: 50px;
}

/*字体颜色*/
.font-c-fff {
	color: #fff;
}

.font-c-3B4765 {
	color: #3B4765;
}

.font-c-5F7597 {
	color: #5F7597;
}

.font-c-50c {
	color: #f9850c;
}

.font-c-357dff {
	color: #357DFF;
}

.font-c-FFC7B7 {
	color: #FFC7B7;
}

.font-c-ffcfb7 {
	color: #ffcfb7;
}

.font-c-222 {
	color: #222222;
}

.font-c-32 {
	color: #323232;
}

.font-c-333 {
	color: #333333;
}

.font-c-666 {
	color: #666666;
}

.font-c-66 {
	color: #6D7686;
}

.font-c-383B3D {
	color: #383B3D;
}

.font-c-blue {
	color: #2380ff;
}

.font-c-dff {
	color: #FF5D3D;
}

.font-c-85b {
	color: #00b85b;
}

.font-c-200 {
	color: #FF8200;
}

.font-c-606 {
	color: #ff6606;
}

.font-c-51a {
	color: #ff551a;
}

.font-c-B7D1FF {
	color: #B7D1FF;
}

/*背景颜色*/
.bgc-409eff {
	background-color: #409eff;
}

.bgc-3BCE76 {
	background-color: #3BCE76;
}

.bgc-FFAC40 {
	background-color: #FFAC40;
}

.bgc-006cff {
	background-color: #006cff;
}

.bgc-2380ff {
	background-color: #2380ff;
}

.bgc-357dff {
	background: #357dff;
}

.bgc-f5f6f7 {
	background-color: #f5f6f7;
}

.bgc-fff {
	background-color: #fff;
}

.bgc-f4f8fc {
	background-color: #f4f8fc;
}

.bgc-f7fbff {
	background-color: #fffbfa;
}

.bgc-EA {
	background-color: #EAEAEA;
}

/*padding*/
.padding-t3 {
	padding-top: 3px;
}

.padding-t10 {
	padding-top: 10px;
}

.padding-t15 {
	padding-top: 15px;
}

.padding-t16 {
	padding-top: 16px;
}
.padding-t300 {
	padding-top: 300px !important;
}
.padding-t20 {
	padding-top: 20px;
}

.padding-t24 {
	padding-top: 24px;
}

.padding-t25 {
	padding-top: 25px;
}

.padding-t30 {
	padding-top: 30px;
}

.padding-t35 {
	padding-top: 35px;
}

.padding-t33 {
	padding-top: 33px;
}

.padding-t40 {
	padding-top: 40px;
}

.padding-t45 {
	padding-top: 45px;
}

.padding-t56 {
	padding-top: 56px;
}

.padding-t60 {
	padding-top: 60px;
}

.padding-t70 {
	padding-top: 70px;
}

.padding-t90 {
	padding-top: 90px;
}

.padding-t80 {
	padding-top: 80px;
}

.padding-b0 {
	padding-bottom: 0px !important;
}

.padding-b11 {
	padding-bottom: 11px;
}

.padding-b15 {
	padding-bottom: 15px;
}

.padding-b20 {
	padding-bottom: 20px;
}

.padding-b24 {
	padding-bottom: 24px;
}

.padding-b30 {
	padding-bottom: 30px;
}

.padding-b45 {
	padding-bottom: 45px;
}

.padding-b40 {
	padding-bottom: 40px;
}

.padding-b80 {
	padding-bottom: 80px;
}

.padding-r40 {
	padding-right: 40px;
}

.padding-l10 {
	padding-left: 10px;
}


.padding-l60 {
	padding-left: 60px;
}

.padding-l2 {
	padding-left: 2px;
}

.padding-l6 {
	padding-left: 6px;
}

.padding-l8 {
	padding-left: 8px;
}

.padding-l15 {
	padding-left: 15px;
}

.padding-l25 {
	padding-left: 25px;
}

.padding-l30 {
	padding-left: 30px;
}

.padding-l34 {
	padding-left: 34px;
}

.padding-l43 {
	padding-left: 43px;
}

.padding-l50 {
	padding-left: 50px;
}

.padding-l65 {
	padding-left: 65px;
}

.padding-h15 {
	padding-left: 15px;
	padding-right: 15px;
}

.padding-h20 {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-h30 {
	padding-left: 30px;
	padding-right: 30px;
}

.padding-h34 {
	padding-left: 34px;
	padding-right: 34px;
}

.padding-h40 {
	padding-left: 40px;
	padding-right: 40px;
}

.padding-h60 {
	padding-left: 60px;
	padding-right: 60px;
}

.padding-h70 {
	padding-left: 70px;
	padding-right: 70px;
}

.padding-h80 {
	padding-left: 80px;
	padding-right: 80px;
}

.padding-v10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-v20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-v30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-v40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-v60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.padding-v80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

/*margin*/
.margin-l2 {
	margin-left: 2px;
}

.margin-l10 {
	margin-left: 10px;
}

.margin-l15 {
	margin-left: 15px;
}

.margin-l20 {
	margin-left: 20px;
}

.margin-l25 {
	margin-left: 25px;
}

.margin-l28 {
	margin-left: 28px;
}

.margin-l40 {
	margin-left: 40px;
}

.margin-l60 {
	margin-left: 60px;
}

.margin-l120 {
	margin-left: 120px;
}

.margin-r2 {
	margin-right: 2px;
}

.margin-r8 {
	margin-right: 8px;
}

.margin-r10 {
	margin-right: 10px;
}

.margin-r15 {
	margin-right: 15px;
}

.margin-r20 {
	margin-right: 20px;
}

.margin-r30 {
	margin-right: 30px;
}

.margin-r40 {
	margin-right: 40px;
}

.margin-r52 {
	margin-right: 52px;
}

.margin-r54 {
	margin-right: 54px;
}

.margin-r60 {
	margin-right: 60px;
}

.margin-r100 {
	margin-right: 100px;
}

.margin-r177 {
	margin-right: 177px;
}

.margin-r200 {
	margin-right: 200px;
}

.margin-t2 {
	margin-top: 2px;
}

.margin-t5 {
	margin-top: 5px;
}

.margin-t8 {
	margin-top: 8px;
}

.margin-t10 {
	margin-top: 10px;
}

.margin-t12 {
	margin-top: 12px;
}

.margin-t15 {
	margin-top: 15px;
}

.margin-t18 {
	margin-top: 18px;
}

.margin-t20 {
	margin-top: 20px;
}

.padding-t22 {
	padding-top: 22px;
}

.margin-t25 {
	margin-top: 25px;
}

.margin-t30 {
	margin-top: 30px;
}

.margin-t31 {
	margin-top: 31px;
}

.margin-t32 {
	margin-top: 32px;
}

.margin-t35 {
	margin-top: 35px;
}

.margin-t40 {
	margin-top: 40px;
}

.margin-t45 {
	margin-top: 45px;
}

.margin-t48 {
	margin-top: 48px;
}

.margin-t50 {
	margin-top: 50px !important;
}

.margin-t56 {
	margin-top: 56px;
}

.margin-t60 {
	margin-top: 60px;
}

.margin-t61 {
	margin-top: 61px;
}

.margin-t65 {
	margin-top: 65px;
}

.margin-t70 {
	margin-top: 70px;
}

.margin-t80 {
	margin-top: 80px;
}

.margin-t85 {
	margin-top: 85px;
}

.margin-t90 {
	margin-top: 90px;
}

.margin-t100 {
	margin-top: 100px;
}

.margin-t133 {
	margin-top: 133px;
}

.margin-t150 {
	margin-top: 150px;
}

.margin-t200 {
	margin-top: 200px;
}

.margin-t230 {
	margin-top: 230px;
}

.margin-t300 {
	margin-top: 300px;
}

.margin-0auto {
	margin: 0px auto;
}

/*行高*/
.line-height18 {
	line-height: 18px;
}

.line-height20 {
	line-height: 20px;
}

.line-height22 {
	line-height: 22px;
}

.line-height24 {
	line-height: 24px;
}

.line-height28 {
	line-height: 28px;
}

.line-height30 {
	line-height: 30px;
}

.line-height32 {
	line-height: 32px;
}

.line-height34 {
	line-height: 34px;
}

.line-height36 {
	line-height: 36px;
}

.line-height40 {
	line-height: 40px;
}

.line-height48 {
	line-height: 48px;
}

.line-height56 {
	line-height: 56px;
}

.line-height66 {
	line-height: 66px;
}

/*边框*/
.border-fff {
	border: 1px solid #fff;
}

.border-r1 {
	border-right: 1px solid #F1F2F5;
}

/*圆角*/
.border-radius4 {
	border-radius: 4px;
}

.border-radius2 {
	border-radius: 2px;
}

.border-radius10 {
	border-radius: 10px;
}

/*字体对齐方式*/
.text-align-center {
	text-align: center;
}

.text-align-left {
	text-align: left;
}

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

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

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

.text-ellipsis4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

/* font-weight */
.font-w300 {
	font-weight: 300;
}

.font-w400 {
	font-weight: 400;
}

.font-w500 {
	font-weight: 500;
}

.font-w600 {
	font-weight: 600;
}

.font-w700 {
	font-weight: 700;
}

/* box-sizing */
.box-s-border {
	box-sizing: border-box;
}

/* 遮罩层 */
.mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: -9999px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999;
}

.cursor-p {
	cursor: pointer;
}

.padding-t0 {
	padding-top: 0 !important;
}

#body {
	background: #fff;
	overflow-x: hidden;
}

.border-f2f2f2 {
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
}

.show-qrcode {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 999999;
	text-align: center;
	width: calc(100% - 110px);
	height: 300px;
}

.show-qrcode .link-media-box {
	padding-top: 16px;
	margin-top: 16px;
}

.imgBox {
	margin: 0 auto;
	background: #fff;
	width: 100%;
	height: 300px;
	padding: 30px 0 0;
	box-sizing: border-box;
	border-radius: 4px;
}

.imgTitle {
	margin-bottom: 20px;
}

.qrContent {
	padding-top: 12px;
	font-size: 12px;
	color: #999;
	box-sizing: border-box;
}

.qrContent+.link-media-box {
	border-top: 1px solid #E6E6E6;
}

.img-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/**/
#__vconsole .vc-switch {
	z-index: 1000000 !important;
}

#__vconsole .vc-panel {
	z-index: 1000000 !important;
}

.margin-0auto {
	margin: 0 auto;
}

.yh {
	font-family: 'Microsoft YaHei';
}

.container {
	width: 1100px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	/* overflow: hidden; */
	position: relative;
}

/*首页*/
.sj-header {
	display: none;
	position: relative;
}

.tik-mask {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -9999px;
	top: -70px;
	z-index: 1000;
}

.tik-toast-box {
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10000;
}

.tik-toast {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}

.tik-toast-text {
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	padding: 10px 16px;
}

.pc-mask,
.tik-agent-alert-mask,
.intromask {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -9999px;
	top: -70px;
	z-index: 99999;
}

.video-box {
	position: fixed;
	top: 80px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999999;
}

.video-js {
	margin: 0 auto;
}

.under img {
	margin-right: 10px;
}

.header {
	display: block;
	height: 70px;
}

.header .top-header,
.top .top-header,
.case-header .top-header,
.join-header .top-header,
.introduce-header .top-header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	height: 70px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.top-header a {
	color: #333;
	height: 100%;
	display: inline-block;
}

.nav-r>li>a {
	padding: 20px;
}

.prod_serve_item .nav-hot-icon {
	width: 24px;
	height: 10px;
	border-radius: 2px;
	position: absolute;
	right: 30px;
	bottom: 4px;
}

.swiper-container.header-banner {
	height: 490px;
	/* margin-top: 70px; */
}

.swiper-container.tik-banner {
	height: 490px;
	/* margin-top: 70px; */
}

.tik-banner {
	height: 490px;
	/* margin-top: 70px; */
}

.tik-single-banner {
	height: 490px;
	/* margin-top: 70px; */
}

.fun_price .header-banner,
.bigShot .header-banner,
.join-us .header-banner,
.introduction .header-banner {
	height: 390px;
	/* margin-top: 70px; */
}

.header-banner {
	height: 490px;
	/* margin-top: 70px; */
}

.swiper-container.header-banner .swiper-pagination-switch,
.tik-banner .swiper-pagination-switch {
	width: 80px;
	height: 4px;
}

.swiper-container.header-banner .swiper-pagination-switch,
.tik-banner .swiper-pagination-switch {
	background: rgba(255, 255, 255, 1);
	opacity: 0.4;
}

.swiper-container.header-banner .swiper-active-switch,
.tik-banner .swiper-active-switch {
	background: rgba(255, 255, 255, 1);
	opacity: 1;
}

.swiper-container.header-banner .pagination,
.tik-banner .pagination {
	bottom: 30px;
}

.header .scrolledDown {
	background-color: rgba(8, 23, 59, .9)
}

.header .nav,
.top .nav,
.case-header.nav,
.join-header .nav,
.introduce-header .nav {
	width: 1100px;
	height: 70px;
	;
	color: #fff;
	font-size: 14px;
	margin: 0 auto;

}

.nav .logo {
	height: auto;
	height: 100%;
	display: table;
	line-height: 0;
}

.nav .logo img {
	height: 36px;
}

.nav .logo .logo-icon {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

.nav .nav-r {
	font-size: 15px;
	line-height: 70px;
	height: 70px;
	margin-right: 20px;
}

.nav .nav-r a:hover {
	color: #FF5D3D;
}

.nav-item-text:hover h1 {
	color: #FF5D3D;
}

.nav .nav-r .home:after,
.nav .nav-r .fp:after,
.nav .nav-r .case:after,
.nav .nav-r .join:after,
.nav .nav-r .endorsements:after,
.nav .nav-r .introduce:after,
.nav .nav-r .tikShop:after,
.nav .nav-r .ps:after,
.nav .nav-r .sol:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 3px;
	background: #FF5D3D;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.nav .nav-r .home a,
.nav .nav-r .fp>a,
.nav .nav-r .case a,
.nav .nav-r .join a,
.nav .nav-r .introduce a,
.nav .nav-r .bigShot a,
.nav .nav-r .tik_shop a,
.nav .nav-r .ps a,
.nav .nav-r .sol a {
	color: #FF5D3D;
}

.nav-r>li {
	height: 70px;
	box-sizing: border-box;
	position: relative;
}

.nav-item-active p,
.nav-item-active a {
	color: #FF5D3D !important;
	transform: scale(1.02);
}

.nav-item-text:hover p,
.nav-item-text a:hover,
.nav-item-text span:hover,
.nav-item-text:hover img {
	color: #FF5D3D !important;
	transform: scale(1.02);
	transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
}

.fn-price-item,
.endors-hover-item {
	display: none;
	line-height: 50px;
	text-align: center;
	position: absolute;
	width: 100%;
	background: #fff;
	overflow: hidden;
	box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.1);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 100;
}

.prod_serve_item {
	position: fixed;
	left: 0;
	width: 100%;
	height: 0px;
	background: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10) inset;
	transition: all .3s;
	overflow: hidden;
}

.prod_serve:hover .prod_serve_item {
	height: 380px;
}

.prod_serve:hover .prod_serve_p {
	color: #FF5D3D;
}

.prod_serve_item img {
	width: 36px;
	height: 36px;
}

.prod_serve_item_box {
	width: 270px;
	height: max-content;
	box-sizing: border-box;
}

.prod_serve_item_br1 {
	border-right: 1px solid #f4f8fc;
}

.prod_serve-bg {
	background: url(../images/prod_serve_bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	z-index: 100;
	width: 286px;
	height: 238px;
	bottom: 0;
	right: 0;
}


.fn-price:hover .fn-price-item,
.endors-hover:hover .endors-hover-item {
	display: block;
}

.fn-price:hover>a,
.endors-hover:hover>a {
	color: #FF5D3D;
}

.fn-price-item li,
.endors-hover-item li {
	width: 100%;
}

.fn-price-item li a,
.endors-hover-item li a {
	display: block;
	color: #333;
}

.fn-price-item li:hover,
.endors-hover-item li:hover {
	background: #EBEFF2;
}

.fn-price-item li:hover a,
.endors-hover-item li:hover a {
	color: #FF5D3D;
}

.nav .register-login .register,
.nav .register-login .login {
	width: 70px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #FF5D3D;
	font-size: 14px;
	border-radius: 4px;
}

.nav .register-login .register {
	width: 96px;
}

.nav .register-login .register a,
.nav .register-login .login a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #FF5D3D;
}

.nav .register-login .login {
	margin-right: 20px;
	color: #fff;
}

/* .nav .register-login .login a:hover {
    color: #0091FF;
} */
.register-login .register {
	color: #fff;
	background: #FF5D3D;
	border-radius: 2px;
}

.nav .register-login .register a {
	color: #fff;
}

.banner-content {
	padding-top: 75px;
}

.banner-content.toggle {
	margin-top: 0;
}

.banner-title {
	font-size: 42px;
	font-weight: normal;
}

.toggle {
	text-align: center;
}

.toggle .banner-title {
	font-size: 42px;
}

.banner-feature {
	font-size: 20px;
	margin-top: 28px;
}

.banner-content .free-trial {
	display: inline-block;
	width: 180px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	color: #FF5D3D;
	border-radius: 4px;
	margin-top: 75px;
	background: rgba(255, 255, 255, 1);
	border-radius: 4px;
}

.office-time {
	display: inline;
}

.btn-center {
	display: block !important;
	text-align: center !important;
}

.banner-content .free-trial a {
	color: #FF5D3D
}

.color333 {
	color: #333 !important;
}

.banner-content .under {
	display: inline-block;
	width: 150px;
	height: 48px;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 4px;
	margin-left: 16px;
	line-height: 48px;
	text-align: center;
}

.banner-content .under a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
}

.top-header .banner-content .free-trial {
	margin-top: 52px;
}

.banner-content .free-trial a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

/* .banner-content .free-trial a:hover {
    background-color: #1a88fb;
    border-radius: 4px;
} */
.function-container {
	padding-top: 85px;
	padding-bottom: 80px;
	text-align: center;
}

.function-title {
	font-size: 34px;
	color: #323232;
	margin-bottom: 33px;
}

.function-content {
	color: #666;
	font-size: 14px;
	text-align: left;
	text-indent: 2em;
	line-height: 28px;
}

.function-content .video-js {
	width: 1000px !important;
	height: auto !important;
}

.function-content strong span {
	font-weight: bold;
}

.function-freeTrial {
	width: 145px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background-color: #2380ff;
	margin: 61px auto 0;
	border-radius: 2px;
}

.function-freeTrial a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.function-freeTrial a:hover {
	background-color: #1a88fb;
	border-radius: 2px;
}

.resource {

	padding: 80px 0;
}

.resource {
	background-color: #fff;
}

.swiper-wrapper-small {
	height: 74px;
	overflow: hidden;
}

.knowledge-realize,
.used {
	background-color: #f5f6f7;
}

.resource-title {
	font-size: 34px;
	margin-bottom: 81px;
}

.user-business {
	font-size: 16px;
	color: #333;
}

.user-business span:first-of-type {
	font-size: 64px;
	line-height: 72px;
	color: #208dfc;
	vertical-align: top;
}

.user-business .wan {
	vertical-align: top;
	font-size: 54px;
	color: #208dfc;
	position: relative;
}

#teacher-num {
	position: relative;
}

/* .user-business .wan:after,#teacher-num:after { 
    content: '+';
    font-size: 30px;
    color: #208dfc;
    position: absolute;
    right: -26px;
    line-height: 1;
    padding-top: 14px;
} */
.user-business .wan:after {
	content: '+';
	font-size: 30px;
	color: #208dfc;
	position: absolute;
	right: -26px;
	line-height: 1;
	padding-top: 14px;
}

.user-business .jia {
	color: #208dfc;
	font-size: 30px;
}

.user-business>div {
	/* padding: 0 85px; */
	margin: 0 68px;
}

.user-business .active-user {
	/*width: 260px;*/
}

.user-business .quality-user {
	display: inline-block;
	margin: 0 68px 0 90px;
	/*width: 252px;*/
}

.user-business .teacher {
	/*width: 179px;*/
}

.user-business>div>div {
	margin-top: 10px;
}

/* .clearfix:after {
    content: " ";
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
} */
.knowledge-realize {
	padding: 84px 0;
}

.knowledge-realize-title {
	font-size: 34px;
	color: #323232;
	margin-bottom: 51px;
}

.knowledge-realize .knowledge-service {
	border-bottom: 1px solid #edeff0;
}

.knowledge-realize .knowledge-service>div {
	padding: 10px 0 25px;
	width: 20%;
	cursor: pointer;
}

.knowledge-realize .knowledge-service>div>.img {
	height: 101px;
}

.knowledge-realize .knowledge-service>div>div {
	font-size: 16px;
	color: #323232;
	margin-top: 20px;
}

.knowledge-realize .knowledge-service>.slideActive>div {
	color: #208DFC;
}

.swiper-container {
	width: 100%;
	height: 152px;
}

/* 大咖代言 */
.endorsement {
	padding-bottom: 80px;
}

.endorsement-head {
	text-align: center;
	position: relative;
	font-size: 0;
	margin-bottom: 42px;
}

.endorsement-head>.endorsement-item {
	padding: 0 10px;
	display: inline-block;
	width: 120px;
	text-align: center;
}

.endorsement-head>.endorsement-item .endorsement-mini {
	opacity: 0.5;
}

.endorsement-head>.endorsement-item .endorsement-name {
	font-size: 20px;
	color: #333;
	margin: 20px 0 12px;
}

.endorsement-slide .endorsement-slide-content .endorsement-desc {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.endorsement-head>.endorsement-item .endorsement-title {
	font-size: 14px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 120px;
}

.endorsement-head>.endorsement-item.isActive .endorsement-mini {
	opacity: 1;
}

.endorsement-head>.endorsement-item .endorsement-mini {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	background: #bbb;
	margin: 0 auto;
	overflow: hidden;
}

.endorsement-head>.endorsement-item .endorsement-mini img {
	width: 100%;
}

.endorsement-head>.more-endorsement {
	width: 36px;
	height: 96px;
	position: absolute;
	top: 0;
	margin: auto;
	left: calc((100% - ((96px + 60px) * 5)) / 2 + (96px + 60px) * 5 + 60px);
	font-size: 14px;
	background: #F5F6F7;
	border-radius: 2px;
	color: #333;
}

.endorsement-head>.more-endorsement a {
	display: block;
	height: 100%;
	position: relative;
	color: #333;
}

.endorsement-head>.more-endorsement:hover {
	background: #0091FF;
}

.endorsement-head>.more-endorsement:hover a span {
	color: #fff;
}

.endorsement-head>.more-endorsement a span {
	display: inline-block;
	width: 16px;
	height: 64px;
	line-height: 16px;
	color: #333;
	word-wrap: break-word;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.endorsement-body .swiper-slide {
	width: 48.6%;
	transform: scale(0.8);
	opacity: 0.5;
}

.endorsement-swip.swiper-container {
	height: 260px;
}

.endorsement-body .swiper-slide .endorsement-slide {
	height: 240px;
	box-sizing: border-box;
	margin: 10px 2px;
	padding: 52px 28px 52px 18px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	position: relative;
}

.endorsement-body .cur-slide {
	transform: scale(1);
	opacity: 1;
}

.u-more {
	text-align: center;
}

.u-more a {
	font-size: 12px;
	color: #0091FF;
}

.endorsement-body .swiper-slide .endorsement-slide .play-endorsement {
	position: absolute;
	bottom: 30px;
	right: 28px;
}

.play-endorsement {
	color: #FF5D3D !important;
	width: 84px;
	cursor: pointer;
	position: relative;
}

/* 播放按钮 */
.play-endorsement:before {
	content: '';
	width: 18px;
	height: 18px;
	left: -26px;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	background: url(../images/icon/icon_play.png);
	background-size: cover;
}

.endorsement-slide .endorsement-slide-img {
	width: 136px;
	height: 136px;
	border-radius: 50%;
	margin-right: 27px;
	overflow: hidden;
}

.endorsement-slide .endorsement-slide-img img {
	width: 100%;
	height: 100%;
}

.endorsement-slide .endorsement-slide-content {
	width: calc(100% - 136px - 27px);
}

.endorsement-slide .endorsement-slide-content .endorsement-name {
	font-size: 20px;
	margin-bottom: 24px;
	margin-top: 17px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.endorsement-slide-content .endorsement-name span {
	font-size: 14px;
	color: #999;
	margin-left: 20px;
}

.media-box {
	position: relative;
}

.media .media-box {
	padding-top: 40px;
}

.media-box .media-content {
	padding: 30px 19px 30px 20px;
	width: 540px;
	height: 210px;
	background: #fff;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	position: relative;
	transition: all 0.1s;
}

.media-box .media-content:hover {
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}

.media-box .media-content:nth-child(2n+1) {
	margin-right: 10px;
	margin-left: 0;
}

.media-box .media-content .media-img {
	width: 200px;
	height: 150px;
	box-sizing: border-box;
	margin-right: 20px;
}

.media-box .media-content .media-img img {
	width: 100%;
	height: 100%;
}

.media-content .media-inner {
	width: calc(100% - 200px - 20px);
}

.media-content .media-inner .media-name {
	font-size: 16px;
	margin-bottom: 16px;
	margin-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 24px;
}

.media-content .media-inner .media-desc {
	color: #999;
	font-size: 12px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.media-content .media-inner .media-link {
	color: #333;
	font-size: 12px;
	position: absolute;
	bottom: 29px;
	font-size: 0;
	height: 24px;
}

.media-inner .media-link em {
	margin-left: 19px;
	font-size: 12px;
	line-height: 30px;
}

.media-inner .media-link img {
	height: 30px;
	vertical-align: bottom;
}

.link-media-box {
	font-size: 0;
	clear: both;
	text-align: center;
	padding-top: 20px;
}

.link-media-box .link-media {
	text-align: center;
	font-size: 14px;
	line-height: 1;
}

.link-media-box .link-media .more-media-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 7px;
	background: url(../images/icon/icon_more.png);
	background-size: cover;
	vertical-align: bottom;
}

.endorsement-inner {
	position: relative;
}

.endorsement-inner .arrow-left,
.endorsement-inner .arrow-right {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 33px;
}

.endorsement-inner .arrow-left {
	left: 0;
}

.endorsement-inner .arrow-right {
	right: 0;
}

.endorsement-swiper {
	height: 240px;
	width: 1020px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 1);
}

.endorsement-swiper .role-img,
.endorsement-swiper .role {
	float: left;
}

.endorsement-swiper .role-img {
	margin: 0 53px 0 40px;
}

.endorsement-swiper .role {
	margin-top: 51px;
}

.endorsement-swiper .role h3 {
	font-weight: normal;
	font-size: 24px;
	color: #333;
	margin-bottom: 18px;
}

.endorsement-swiper .role h3 span {
	font-size: 14px;
	color: #999;
	padding-left: 16px;
}

.endorsement-swiper .role h3+p {
	color: #666;
	width: 630px;
}

.endorsement-swiper .img-box {
	height: 220px;
	display: table-cell;
	vertical-align: middle;
}

.endorsement-swiper .swiper-slide {
	position: relative;
}

.endorsement-swiper .swiper-slide .swiper-inner {
	position: relative;
	box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
	height: 220px;
	width: 1000px;
	margin: 0 auto;
	margin-top: 10px;
}

.play-video {
	line-height: 36px;
	border: 1px solid #0091FF;
	display: inline-block;
	position: absolute;
	left: 254px;
	bottom: 36px;
}

.play-video a {
	color: #0091FF;
	display: inline-block;
	width: 108px;
	height: 34px;
	text-align: center;
}

.knowledge-realize .knowledge-realize-point {

	/* padding: 0 275px; */
}

.knowledge-realize .knowledge-realize-point>div {
	font-size: 14px;
	color: #323232;
	margin-top: 53px;
	display: inline-block;
	margin-left: 30px;
	margin-right: 50px;
}

.knowledge-realize .knowledge-realize-point>div>img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 5px;
}

.sj-knowledgePay {
	display: none;
}

.module-display {
	padding: 80px 0;
}

.module-display .module {
	/* padding: 0 50px; */
	margin-top: 60px;
}

.module-display-title {
	font-size: 34px;
	color: #323232;
}

/* .module-display .module .img{
    float: left;
}
.module-display .module .content-img{
    float: right;
} */
.module-display .module .img img {
	width: 420px;
	height: 640px;
}

/* .module-display .module-content {
    margin-top: 101px;
    float: right;
} */
/* .moudle-content-box {
    float: right;
} */
.moudle-content-box .module-content {
	height: 640px;
	display: table-cell;
	vertical-align: middle;
}

.module-content1 .active,
.module-content3 .active,
.module-content5 .active {
	background: #F5F6F7 !important;
}

.module-content2 .active,
.module-content4 .active {
	background: #fff !important;
}

/* .module .content-realize {
    float: left;
} */
.module-display .module-content>div {
	padding: 15px 16px;
	cursor: pointer;
	margin-bottom: 20px;
	border-left: 3px solid transparent;
}

#knowledgePay>div,
#marketing>div {
	border-left: 3px solid transparent;
}

/* #knowledgePay {
        margin: 12px 0;
    } */
/* #interaction,#marketing,#module-select,#unique {
    margin: 118px 0 0;
} */

#knowledgePay>div.active,
#marketing>div.active {
	border-left: 3px solid #00a8ff;
}

/* #interaction>div.active,#unique>div.active,#module-select>div.active {
    background-color: #fff;
    border-left: 3px solid #00a8ff;
} */
.module-content>div.active {
	border-left: 3px solid #00a8ff;
}

/* 奇数模块 */
.module-content1>div.active {
	background-color: #F5F6F7;
}

/* 偶数模块 */
.module-content0>div.active {
	background-color: #fff;
}

.module-content .serial-number {
	font-size: 72px;
	height: 56px;
	margin-right: 34px;
	color: rgba(0, 0, 0, .05);
	float: left;
	line-height: 56px;
}

.module-content .home-module {
	width: 504px;
	/* height: 82px; */
	float: left;
}

.module-content .home-module .module-title {
	margin-bottom: 5px;
	font-size: 20px;
	color: #333;
}

.module-title .panorama {
	font-size: 14px;
	color: #0091FF;
	margin-left: 30px;
}

.panorama-box,
.intromask-box {
	display: block;
	position: fixed;
	top: 20px;
	bottom: 20px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	z-index: 999999;
	transform: scale(0, 0);
	transition: all 0.67s;
}

.panorama-img {
	height: 100%;
	overflow-x: hidden;
	display: inline-block;
	background: #fff;
}

.module-content .home-module .module-item {
	line-height: 25px;
	color: #666;
}

/*功能与价格页面*/

header.top {
	width: 100%;
	background-image: url(../images/banner/banner_2.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

header.case-header {
	width: 100%;
	background-image: url(../images/banner/banner_3.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

header.join-header {
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.introduce-header {
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.news-header {
	width: 100%;
	height: 390px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.news-bg {
	width: 100%;
	height: 225px;
	background-repeat: no-repeat;
	background-size: 100%;
}

.bigShot-header {
	width: 100%;
	height: 490px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.media-header {
	width: 100%;
	height: 280px !important;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

header.top .f-p-content {
	margin-top: 150px;
}

#price-main .goods-list {
	margin-right: -40px;
	white-space: nowrap;
	position: relative;
	z-index: 80;
	transition: all 0.67s;
	font-size: 0;
}

#price-main .edition>div .prev {
	position: absolute;
	top: 240px;
	background: url(../images/icon/prev.png) center;
	width: 52px;
	height: 52px;
	z-index: 80;
	left: -60px;
	cursor: pointer;
}

#price-main .edition>div .next {
	position: absolute;
	top: 240px;
	background: url(../images/icon/next.png) center;
	width: 52px;
	height: 52px;
	z-index: 80;
	right: -60px;
	cursor: pointer;
}

#price-main .goods-list .goods-item {
	width: 240px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid #F2F2F2;
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
	border-radius: 6px;
	/* padding-bottom: 10000px;
    margin-bottom: -10000px; */
	padding-bottom: 84px;
	/* float: left; */
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	margin-right: 40px;
	vertical-align: top;
}

/* #price-main .edition>div {
    width: 1200px;
    overflow: hidden;
} */
#price-main {
	/* background-color: #F7F9FA; */
	background-color: #fff;
}

#price-main .product-detail {
	/* background-color: #fff; */
	background-color: #f5f6f7;
}

#price-main .edition>div {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

.price-main-content {
	width: 100%;
	overflow: hidden;
}

.brt1 {
	border-top: 6px solid #5090FC !important;
}

.brt2 {
	border-top: 6px solid #2BBB9D !important;
}

.brt3 {
	border-top: 6px solid #F8A255 !important;
}

.brt4 {
	border-top: 6px solid #F26D6D !important;
}

.brt5 {
	border-top: 6px solid #4D61AD !important;
}

.theme.goods-item .fun-list .title i {
	position: absolute;
	width: 6px;
	height: 6px;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	left: -12px;
	margin: auto;
}


#price-main h2+p {
	text-align: center;
	margin: 20px 0 50px;
}

#price-main h2+p span {
	color: #999;
	font-size: 14px;
}

#price-main .goods-list .goods-item>.title {
	font-size: 24px;
	text-align: center;
	width: 100%;
	text-align: center;
}

#price-main .goods-list .goods-item>.title p {
	margin-top: 70px;
	margin-bottom: 18px;
}

#price-main .goods-list .goods-item>.title span {
	display: block;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

#price-main .goods-list .goods-item>p {
	font-size: 34px;
	text-align: center;
	margin: 32px 0 0 0;
}

#price-main .goods-list .goods-item>p span,
#price-main .goods-list .goods-item>p em {
	font-size: 14px;
}

#price-main .goods-list .goods-item>a {
	display: block;
	width: 110px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin: 0 auto;
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
	margin-top: 20px;
}

#price-main .goods-list .goods-item .fun-list {
	border-top: 1px solid #F2F2F2;
	padding-top: 36px;
	margin-bottom: 18px;
	text-align: center;
}

#price-main .goods-list .goods-item .fun-list+.fun-list {
	border-top: none;
	padding-top: 0;
}

#price-main .goods-list .goods-item .fun-list .title {
	font-size: 14px;
	margin-bottom: 12px;
	display: inline-block;
	position: relative;
}

#price-main .goods-list .goods-item .fun-list ul>li {
	line-height: 32px;
	text-align: center;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
}

.color-15D8D3 {
	color: #15D8D3 !important;
}

.banner-content .trial {
	margin: 52px auto 97px;
}

.fp-container {
	border-bottom: 1px solid #f2f2f2;
	font-size: 16px;
	color: #323232;
}

.function-price .function {

	width: 50%;
	text-align: right;
	padding: 30px 0;

}

.function-price .price {
	width: 50%;
	text-align: left;
	padding: 30px 0;

}

.f-span,
.p-span {
	border-bottom: 3px solid #FF5D3D;
}

.function-span {
	margin-right: 96px;
	padding: 30px 0 29px;
	line-height: 24px;
	cursor: pointer;
}

.price-span {
	margin-left: 96px;
	padding: 30px 0;
	line-height: 24px;
	cursor: pointer;
}

/* .content-realize {
    padding-bottom: 80px;
}  */
.content-realize .title {
	font-size: 34px;
	padding-top: 80px;
	margin-bottom: 10px;
}

.content-realize {
	padding-bottom: 80px;
}

.content-realize .second-title {
	font-size: 14px;
}

.content-realize .item-realize {
	padding: 4px 140px;
}

.content-realize .item-realize>div {
	width: 16.667%;
	font-size: 14px;
	margin-top: 50px;
}

.img-box1 {
	border-radius: 50%;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.img-box2 {
	width: 64px;
	height: 64px;
	display: table-cell;
	vertical-align: middle;
	font-size: 0;
}

.content-realize .item-realize>div img {
	width: 28px;
}

.own-shop {
	padding: 84px 0 63px;
	color: #fff;
	font-size: 34px;
}

.own-shop .btn {
	margin: 54px auto 0;
}

.own-shop .btn a {
	color: #FF5D3D;
	font-size: 14px;
}

.function-banner {
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

/*价格模块*/
.edition {
	padding: 61px 0 50px;
}

.sj-edition {
	display: none;
}

.edition .edition-content {
	text-align: center;
	padding: 49px 0 16px 0;
}

.edition .title {
	font-size: 34px;
	color: #323232;
}

.edition .order a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #FF5D3D;
}

.edition .order a:hover {
	background-color: #FF5D3D;
	border-radius: 24px;
	color: #ffffff;
}

.editPrice {
	color: #208dfc;
	font-size: 48px;
	/* margin-right: 113px; */
}

.face {
	margin-right: 137px;
}

.have>div {
	margin-bottom: 15px;
}

.have img {
	width: 14px;
	height: 10px;
}

.editPrice span {
	font-size: 14px;
}

.r-title {
	color: #999;
}

.edition .order {
	/* width: 300px; */
	width: 180px;
	/* margin: 50px auto 0; */
	margin: 0 auto;
	height: 48px;
	border-radius: 24px;
	/* background-color: #FF5D3D; */
	border: 1px solid #FF5D3D;
	box-sizing: border-box;
	text-align: center;
	line-height: 48px;
	color: #FF5D3D;
}

.product-detail .title {
	font-size: 24px;
	color: #323232;
	padding: 52px 0 43px;
	border-bottom: 1px solid #e6e6e6;
}

.product-detail .detail {
	margin: 0 70px;
	padding-bottom: 81px;
}

.product-detail .detail>div {
	height: auto;
	padding-left: 60px;
	border-bottom: 1px solid #e6e6e6;
	color: #333;
	position: relative;
}

.product-detail .detail>div>div {
	height: auto;
	margin-right: 90px;
	font-size: 20px;
	float: left;
	position: absolute;
	top: 50%;
	left: 60px;
	margin-top: -10px;
}

.product-detail .detail>div>p {
	width: 720px;
	padding: 30px 0;
	font-size: 14px;
	float: right;
}

/* .clearfix:after {
    content: " ";
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
} */


header.header {
	width: 100%;
	height: 490px;
}

header.header1 {
	background: url(../images/home_banner/home_banner1.jpg) center/1920px 490px;
}

.header-banner .swiper-slide {
	width: 100%;
}

header.header2 {
	background: url(../images/home_banner/home_banner2.jpg) center/1920px 490px;
}

header.header3 {
	background: url(../images/home_banner/home_banner3.jpg) center/1920px 490px;
}

/* 栅格布局 */
.base-grid1-1 {
	width: 100%;
}

.base-grid2-1 {
	width: 50%;
	float: left;
}

.base-grid3-2 {
	width: 66.6667%;
	float: left;
}

.base-grid4-1 {
	width: 25%;
	float: left;
}

.base-grid6-1 {
	width: 16.6667%;
	float: left;
}

.clearfix:after {
	content: '';
	display: table;
	height: 0;
	clear: both;
}

.inner-box {
	width: 1100px;
	margin: 0 auto;
}

.pc-background:nth-child(2n-1) {
	background: #fff;
}

.pc-background:nth-child(2n) {
	background: #f5f6f7;
}

.cooperation {
	height: 280px;
	background: #fff;
}

.pc-cooper {
	background: #f5f6f7;
}

.cooperation.dynamic {
	padding-bottom: 0;
	background: #f5f6f7;
}

.wraper {
	min-width: 1100px;
}

.wraper-title h1 {
	font-weight: normal;
	font-size: 34px;
	color: rgba(50, 50, 50, 1);
	line-height: 48px;
	text-align: center;
	padding-top: 80px;
}

.wraper-title h2 {
	font-weight: 600;
	font-size: 34px;
	color: rgba(50, 50, 50, 1);
	line-height: 48px;
	text-align: center;
	padding-top: 80px;
}

.wraper-title {
	margin-bottom: 50px;
}

.wraper .en-title {
	font-size: 14px;
	color: RGBA(50, 50, 50, 1);
	line-height: 18px;
	display: block;
	text-align: center;
	padding-top: 19px;
	letter-spacing: 2px;
}

.wraper .ch-title {
	font-size: 14px;
	color: RGBA(50, 50, 50, 1);
	line-height: 18px;
	display: block;
	text-align: center;
	padding-top: 19px;
}

.box-shadow {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;
}

.qr-box {
	opacity: 0;
}

.used {
	padding-bottom: 80px;
}

.used .more {
	margin-top: 20px;
}

.used .used-list {
	width: calc(25% - 20px);
}

.used-list {
	height: 320px;
	background: rgba(255, 255, 255, 1);
	border-radius: 5px;
	margin: 0 10px 20px 10px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.used-item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.6s;
}

/* .used-list:hover .used-item{
    top: -160px;
} */
.used-item .top-img {
	padding: 40px 0 0 0;
	height: 120px;
}

.used-item .top-img img {
	display: inline-block;
	height: 100%;
}

.used-down {
	position: absolute;
	left: 0;
	right: 0;
	top: 161px;
	padding-top: 31px;
	background: #fff;
	transition: all 0.2s;
}

.used-item .img-title {
	height: 20px;
	font-size: 20px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: 20px;
}

.used-item .img-title+p {
	padding: 0 20px;
	/* margin-bottom: 36px; */
	margin-bottom: 24px;
	height: 38px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.used-item .scavenging {
	display: inline-block;
	color: rgba(32, 141, 252, 1);
	margin-bottom: 9px;
	color: #666;
}

.used-item .play-endorsement {
	margin-right: -26px;
}

.used-item .play-endorsement:before {
	width: 16px;
	height: 16px;
	left: -22px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-size: cover;
}

.support-list img {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 120px;
}

.cooperation-swiper {
	margin-top: -10px;
}

.bottom-bar {
	height: 360px;
	background: url(../images/bottom_bg.jpg) center;
}

.bottom-bar .inner-box {
	position: relative;
	height: 360px;
}

.bottom-bar .inner-box .btn {
	position: relative;
	position: absolute;
	right: 358px;
	bottom: 92px;
	background: transparent;
}

.bottom-bar .inner-box .btn .free {
	background: transparent;
	border: 1px solid #ffffff;
	color: #fff;
}

.bar-msg {
	padding-top: 90px;
	color: rgba(255, 255, 255, 1);
	position: absolute;
	right: 140px;
}

.bar-msg .title {
	height: 34px;
	font-size: 34px;
	line-height: 48px;
	text-align: center;
}

.bar-msg .msg {
	height: 21px;
	font-size: 32px;
	line-height: 48px;
	margin-top: 19px;
	margin-bottom: 59px;
	text-align: center;
}

.bar-msg .title+.msg {
	font-size: 20px;
}

.btn {
	width: 160px;
	height: 44px;
	background: rgba(255, 255, 255, 1);
	border-radius: 4px;
	text-align: center;
}

.center {
	margin: 0 auto;
}

.btn a {
	display: inline-block;
	height: 100%;
	width: 100%;
	font-size: 18px;
	margin: 0 auto;
	color: #FF5D3D;
	line-height: 44px;
}

.btn a:hover {
	background-color: #FFF6F6;
	border-radius: 4px;
}

.btn .free {
	background: #fafafa;
	border-radius: 4px;
}

.btn .free:hover {
	background: #fff;
}

.more {
	border: 1px solid #FF5D3D;
}

.mobile-show {
	display: none !important;
}

.bottom-bar .btn {
	margin: 0 auto;
}

.about {
	background: rgba(47, 54, 61, 1);
	position: relative;
	padding-bottom: 54px;
}

.about>.inner-box {
	padding-top: 60px;
	width: 900px;
}

.about .inner-box {
	color: rgba(255, 255, 255, 1);

}

.about>.friend-link {
	padding: 31px 0 30px;
}

.friend-link a {
	color: #666;
}

.about>.copyright {
	padding: 0;
}

.friend-link p {
	font-size: 12px;
	line-height: 24px;
	color: #666;
}

.dynamic {
	padding-bottom: 70px;
	font-size: 0;
	background: #f5f6f7;
}

.act {
	padding-bottom: 70px;
	font-size: 0;
}

.act .table-box {
	width: calc(50% - 46px);
	float: left;
}

.act .table-box:nth-child(1) {
	margin-right: 46px;
}

.act .table-box:nth-child(2) {
	margin-left: 46px;
}

.act table {
	width: 100%;
	table-layout: fixed;
}

.act table th {
	font-weight: normal;
	text-align: left;
	padding-bottom: 8px;
}

.act table th:nth-child(2) {
	text-align: right;
}

.act table td:nth-child(1) a {
	color: #333;
}

.act table td:nth-child(2) {
	text-align: right;
	color: #999;
}

.act table td:nth-child(2) a {
	color: #999;
}

.act table th.title {
	font-size: 18px;
	color: #333333;
}

.act table th.moreDynamic {
	font-size: 14px;
	color: #999999;
	width: 100px;
}

.act table th.moreDynamic a {
	font-size: 14px;
	color: #999999;
}

.act table td {
	color: #333333;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	width: calc(100% - 10px);
}

.act table td a {
	height: 28px;
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.about .inner-box h4 {
	height: 16px;
	font-size: 12px;
	margin-bottom: 18px;
	opacity: 0.8;
	font-weight: normal;
}

.about-list li:not(:last-child) {
	padding-bottom: 10px;
}

.about-list li {
	font-size: 12px;
	opacity: 0.6;
}

.about-list a {
	font-size: 12px;
	color: rgba(255, 255, 255, 1);
	line-height: 16px;
}

.link {
	font-size: 12px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 53px;
}

.contact {
	position: relative;
}

.usqrcode {
	position: absolute;
	right: -100px;
	top: 1px;
}

.usqrcode img {
	width: 90px;
}

li.area {
	height: 14px;
	overflow: hidden;
}

.link span {
	color: #666;
}

.link-all {
	display: none;
}

.link img {
	vertical-align: bottom;
	margin: 0 5px 0 20px;
}

.img-logo {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}

.qr-code {
	font-size: 0;
}

.qr-code img {
	width: 100px;
	margin-bottom: 18px;
}

/* 轮播 */

.pagination {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.swiper-pagination-switch {
	display: inline-block;
	margin: 0 5px;
	border-radius: 0;
	opacity: .1;
	width: 60px;
	height: 5px;
	background: RGBA(0, 0, 0, 1);
	cursor: pointer;
}

.swiper-active-switch {
	opacity: 1;
	background: rgba(32, 141, 252, 1);
}

.cooperation .swiper-container {
	height: 68px;
}

/* 新闻内容 */
.news {
	background: #f5f6f7 !important;
}

.news-list {
	position: relative;
	margin: 0 40px;
}

.news-item {
	margin: 0 30px 0 20px;
	border-bottom: 1px dashed #E6E6E6;
}

.news-list:hover {
	background: #F7F9FA;
}

.news-item>h2 {
	color: #333;
	font-weight: normal;
	text-align: left;
	padding: 39px 0 13px;
	position: relative;
	font-size: 14px;
	height: 15px;
}

.news-list:hover .news-item>h1 {
	color: #0091FF;
}

.news .news-banner {
	width: 100%;
	height: 280px;
}

.init-icon {
	position: absolute;
	font-size: 10px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background: #FC6721;
	color: #fff;
	border-radius: 4px;
	top: 40px;
	left: -19px;
}

.news-item-text {
	line-height: 22px;
	font-size: 12px;
	color: #999;
}

.news-msg {
	margin-top: 15px;
	color: #999;
	font-size: 12px;
	margin-bottom: 40px;
	width: 410px;
	font-size: 0;
}

.news-msg i {
	font-size: 12px;
	display: inline-block;
	width: 33.33%;
	white-space: nowrap;
}

.news-module {
	margin-top: 20px;
	margin-bottom: 40px;
}

/* .news .inner-box {
    position: relative;
} */
.news-type {
	width: 180px;
	padding: 24px 0;
	background: #fff;
	float: left;
}

.news-type>div {
	display: block;
	line-height: 62px;
	width: 100%;
	text-align: center;
}

.news-type a {
	font-size: 14px;
	color: #333;
	display: inline-block;
	line-height: 62px;
	position: relative;
}

.news-type .cur {
	color: #0091FF;
}

.news-type .cur:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 14px;
	left: -12px;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #0091FF;
}

.news-container {
	float: left;
	width: calc(100% - 270px);
	background: #fff;
	padding: 0 0 80px;
}

.pages {
	text-align: center;
	margin-top: 40px;
}

.news-container .record {
	margin-right: 11px;
	padding: 18px 0 18px 30px;
	border-bottom: 1px dashed #E6E6E6;
}

.news-container .record a {
	color: #FF5D3D;
	font-size: 14px;
}

.news-container .record span {
	margin: 0 -4px;
}

.news-container .record .current {
	color: #333;
}

.news-right {
	width: 250px;
	margin-left: 20px;
	float: right;
}

.news-right .news-r-item {
	background: #fff;
	margin-bottom: 20px;
}

.news-right .news-r-item h2 {
	font-size: 14px;
	color: #333;
	border-bottom: 1px dashed #F5F6F7;
	line-height: 50px;
	padding: 0 20px;
	position: relative;
	text-indent: 1em;
	font-weight: normal;
}

.news-right .news-r-item h2:after {
	content: '';
	width: 2px;
	height: 14px;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.bc-FC6721:after {
	background: #FC6721;
}

.bc-0091FF:after {
	background: #FF5D3D;
}

.news-right .news-r-item>.news-r-link {
	padding-top: 9px;
	padding-bottom: 28px;
}

.news-right .news-r-item>.news-r-link a {
	font-size: 12px;
	padding: 0 20px;
	color: #666;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 24px;
}

.news-right .news-r-item>.news-r-link a:hover {
	color: #FF5D3D;
}

.news-right .news-r-item .news-r-imgs {
	padding: 20px 20px 0px;
	overflow: hidden;
}

.news-right .news-r-item .news-r-imgs img {
	width: 210px;
}

.news-right .news-r-item .news-r-img {
	margin-bottom: 15px;
	display: block;
}

.news-right .news-r-item .news-r-img>img {
	height: 140px;
	float: left;
	margin-bottom: 4px;
}

.news-right .news-r-item .news-r-img>p {
	font-size: 12px;
	float: left;
	line-height: 24px;
	color: #666;
}

/*.news-content>h2 {*/
.news-content>h1 {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-top: 38px;
	margin-bottom: 20px;
	text-align: center;
}

.news-content {
	border-bottom: 1px solid #F5F6F7;
}

.news-content .abstract {
	padding: 20px 36px 25px 32px;
	margin: 0 55px;
	background: #F5F6F7;
}

.history-new {
	margin-top: 40px;
	margin-left: 59px;
}

.history-new>p:not(:nth-last-child(1)) {
	margin-bottom: 16px;
}

.history-new p a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: calc(100% - 55px);
}

.history-new p a:hover {
	color: #0091FF;
	text-decoration: underline;
}

.news-content .abstract p {
	font-size: 12px;
	color: #666;
	line-height: 22px;
}

.news-content .abstract p em {
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

.news-content>p {
	font-size: 0;
	width: 460px;
	margin: 0 auto;
	margin-bottom: 21px;
}

.news-content>p i {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	width: 33.333%;
	color: #999;
}

.news-wraper {
	padding: 30px 10px 30px 30px;
	display: block;
	position: relative;
	transition: all 0.2s;
}

.news-wraper:after {
	content: '';
	position: absolute;
	height: 1px;
	left: 30px;
	right: 10px;
	bottom: 0;
	border-bottom: 1px dashed #E6E6E6;
}

.news-wraper:nth-last-of-type(1):after {
	left: 0;
	right: 0;
}

.news-wraper:hover {
	box-shadow: 0px 4px 6px 0px rgba(4, 0, 0, 0.1);
}

.news-wraper:hover:after {
	border: none;
}

.news-wraper:hover .news-title {
	color: #FF5D3D;
}

.news-contents .news-title {
	font-size: 18px;
	margin: 10px 0 16px;
}

.thumbnail {
	padding-right: 18px;
	line-height: 1;
	font-size: 0;
}

.thumbnail img {
	display: inline-block;
	width: 240px;
	height: 160px;
}

.news-contents {
	width: calc(100% - 258px);
}

.news-contents .news-text {
	text-indent: 0;
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: justify;
	padding-right: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 64px;
}

.news-contents .from {
	font-size: 0;
	color: #666;
	margin-top: 12px;
}

.news-contents .from i {
	display: inline-block;
	font-size: 12px;
	margin-right: 50px;
}

.news-text {
	line-height: 28px;
	color: #666;
	/*text-indent: 2em;*/
	padding: 0 66px 40px 59px;
}

.news .menu {
	background: #fff;
}

.news .menu-item {
	float: left;
	margin-right: 50px;
	line-height: 60px;
	height: 60px;
	position: relative;
}

.news .menu-item a {
	display: block;
	height: 100%;
}

.news .menu-item.current:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #FF5D3D;
	bottom: 1px;
}

.news .menu-item.current a {
	color: #FF5D3D;
}

/* .news-container .menu {
    text-align: center;
    border-bottom: 1px solid #F5F6F7;
}
.news-container .menu>div {
    font-size: 0;
    display: inline-block;
}
.news-container .menu>div:hover {
    background: #f5f5f5;
}
.news-container .menu>div a {
    display: inline-block;
    margin: 0 25px;
    padding: 32px 0;
    font-size: 14px;
    color: #323232;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
}
.news-container .menu>div .current {
    border-bottom: 2px solid #0091FF;
} */
.about-news {
	margin-bottom: 80px;
}

.abount-container {
	width: calc(100% - 210px);
	margin-left: 210px;
	background: #fff;
	padding: 49px 0 63px;
}

.abount-container .about-title {
	color: #333;
	margin: 0 42px 40px 40px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #E6E6E6;
}

.abount-container .about-items {
	padding: 0 49px 0 39px;
	margin-right: -30px;
}

.abount-container .about-items>div {
	float: left;
	padding-right: 30px;
	width: 25%;
	box-sizing: border-box;
}

.abount-container .about-items>div img {
	margin-bottom: 20px;
}

/* case页面 */
.cases .select {
	margin-bottom: 20px;
	padding: 0 30px;
	font-size: 0;
	text-align: center;
}

.cases a.select-item {
	display: inline-block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	background: rgba(255, 255, 255, 1);
	border-radius: 18px;
	font-size: 16px;
	text-align: center;
	color: rgb(50, 50, 50);
	margin: 0 5px 26px;
	color: RGBA(50, 50, 50, 1);
}

.cases a.select-item:hover {
	background-color: #FFF6F6;
}

.cases a.select-active,
.cases a.select-active:hover {
	background: #FF5D3D;
	color: rgba(254, 254, 254, 1);
}

.cases .case-header .banner-content {
	margin-top: 0;
}

.cases .toggle .banner-title {
	margin-top: 150px;
}

.cases .case-header .banner-content .banner-feature {
	width: 750px;
	margin: 20px auto 0;
	line-height: 32px;
}

.banner-box {
	max-width: 770px !important;
	margin: 28px auto 0;
	text-align: center;
}

/* 合作加盟页面 */
.introduction .introduce-header .banner-content {
	margin-top: 150px;
}


.introduction .swiper-container {
	/* width: 100%; */
	height: 425px;
}

.introduction .swiper-list {
	background: rgba(255, 255, 255, 1);
	/* box-shadow:0px 0px 10px rgba(0,0,0,0.1); */
	box-sizing: border-box;
	margin-top: 10px;
	margin: 0 15px;
	/* height: calc(100% - 72px); */
}

.introduction .swiper-content {
	color: RGBA(50, 50, 50, 1);
}

.introduction .swiper-title {
	margin: 53px 29px 15px 0;
	font-size: 16px;
}

.introduction .swiper-text {
	line-height: 30px;
	margin: 0 29px 53px 0;
	color: #666;
}

.introduction .swiper-img {
	font-size: 0;
	padding: 20px;
	box-sizing: border-box;
}

.introduction .swiper-box {
	height: 50px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid #E6E6E6;
	padding: 0 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	line-height: 50px;
}

.introduction .pagination {
	bottom: 14px;
}

.pagination .swiper-pagination-switch {
	height: 4px;
	opacity: 1;
	width: 48px;
	background: RGBA(0, 0, 0, 0.05);
}

.pagination .swiper-active-switch {
	background: #FF5D3D;
}

.vframe .swiper-img {
	background: url(../images/vframe.png);
	background-size: cover;
	width: 227px;
	height: 308px;
}

.vframe .swiper-box {
	width: 227px;
	height: 50px;
}

/* .vframe.swiper-slide {
    width: 227px !important;
}
.hframe.swiper-slide {
    width: 308px !important;
} */
.hframe .swiper-img {
	background: url(../images/hframe.png);
	background-size: cover;
	width: 308px;
	height: 227px;
}

.hframe .swiper-list {
	width: 308px;
	padding-top: 50px;
}

.hframe .swiper-box {
	width: 308px;
	height: 50px;
}

.introduction .swiper-img img {
	width: 160px;
}

.introduction .img-box {
	/* display: table-cell; */
	/* vertical-align: middle; */
	/* margin: 0 19px; */
	width: 100%;
	height: 100%;
}

.introduction .img-box img {
	display: block;
	width: 100%;
	height: 100%;
}

.introduction .history-box {
	position: relative;
}

.introduction .history-content {
	padding: 41px 30px;
	width: calc(50% - 75px);
	background: rgba(251, 251, 251, 1);
	color: rgba(50, 50, 50, 1);
	font-size: 0;
	border: 1px solid RGBA(240, 240, 240, 1);
	box-sizing: border-box;
	margin-bottom: 30px;
}

.introduction .history-box .history-content:nth-child(2) {
	margin-top: 50px;
}

.introduction .left-time-line {
	margin-right: 75px;
	float: left;
}

.introduction .right-time-line {
	margin-left: 75px;
	float: right;
}

.introduction .month-title {
	font-size: 34px;
}

.introduction .month-title+span {
	font-size: 14px;
}

.introduction .month-content {
	font-size: 14px;
	width: calc(100% - 86px);
	display: inline-block;
	padding-left: 28px;
}

.introduction .month-item {
	margin-bottom: 58px;
}

.introduction .time-round,
.time-text,
.horizontal-line,
.vertical-line,
.dot {
	position: absolute;
}

.introduction .dot {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

.introduction .time-text {
	background: url(../images/history_bg2.png);
	width: 100px;
	height: 46px;
	text-align: center;
	color: #FF5D3D;
	font-size: 16px;
	line-height: 46px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 50;
}

.introduction .time-round {
	background: url(../images/history_bg2.png);
	background-position: 100px;
	width: 28px;
	height: 28px;
	background-position: 28px -9px;
}

.introduction .horizontal-line {
	width: 22px;
	height: 1px;
	background: #FF5D3D;
	border-radius: 1px;
	position: absolute;
}

.introduction .vertical-line {
	width: 1px;
	background: #FF5D3D;
	left: 0;
	right: 0;
	margin: auto;
}

.introduce-banner {
	width: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.banner-header {
	height: 460px
}

.banner-header .swiper-wrapper {
	height: 100%;
}

.banner-header .swiper-slide {
	height: 100%;
}

/* 地图 */
.introduction .map-content {
	width: calc(50% - 20px);
	height: 270px;
	margin-right: 20px;
}

.introduction .map-choise {
	text-align: center;
	font-size: 0;
}

.introduction .map-item {
	width: 120px;
	height: 36px;
	line-height: 36px;
	background: rgba(255, 255, 255, 1);
	border-radius: 18px;
	border: 1px solid RGBA(237, 237, 237, 1);
	font-size: 16px;
	text-align: center;
	display: inline-block;
	margin: 0 15px;
	cursor: pointer;
	margin-bottom: 44px;
	box-sizing: border-box;
}

.map-msg {
	margin-top: 9px;
	width: calc(50% - 20px);
	margin-left: 20px;
}

.map-title {
	font-size: 24px;
	margin-bottom: 30px;
}

.map-msg p {
	line-height: 22px;
	font-size: 14px;
}

.cur {
	color: rgba(254, 254, 254, 1);
	background: RGBA(32, 141, 252, 1);
	border: none;
}

.introduction .cur {
	color: rgba(254, 254, 254, 1);
	background: #FF5D3D;
	border: none;
}

.function-container {
	padding-bottom: 20px;
}

/* 加盟 */
/* .join-us .join-header .banner-content {
    line-height: 390px;
} */
.join-us .join-card {
	border: 1px solid RGBA(237, 237, 237, 1);
	box-sizing: border-box;
	height: 220px;
	padding: 29px 30px 37px;
	margin-bottom: 30px;
	width: calc(50% - 10px);
}

.join-us .banner-title {
	text-align: center;
}

.join-us .banner-feature {
	text-align: center;
}

.join-us .join-card:hover {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.join-us .join-card:nth-child(2n+1) {
	margin-right: 10px;
}

.join-us .join-card:nth-child(2n) {
	margin-left: 10px;
}

.join-us .join-card .right-container {
	width: calc(100% - 156px);
	padding-left: 30px;
	box-sizing: border-box;
}

.join-us .card-item {
	width: calc(25% - 15px);
	height: 400px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid RGBA(237, 237, 237, 1);
	box-sizing: border-box;
	margin-bottom: 80px;
	border-top-width: 0px;
	margin-left: 20px;
	position: relative;
}

.join-us .card-item:hover {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.join-us .card-item:nth-child(1) {
	margin-left: 0;
}

.join-us .card-item:nth-child(2n):after {
	content: '';
	display: block;
	position: absolute;
	left: -1px;
	right: -1px;
	top: 0;
	height: 5px;
	background: RGBA(255, 151, 15, 1);
}

.join-us .card-item:nth-child(2n+1):after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -1px;
	right: -1px;
	height: 5px;
	background: #FF5D3D;
}

.join-us .card-img {
	margin: 62px 0 52px;
	text-align: center;
}

.join-us .card-title {
	font-size: 24px;
	padding: 0 32px 27px;
	text-align: center;
}

.join-us .card-msg {
	font-size: 14px;
	padding: 0 32px;
	color: RGBA(153, 153, 153, 1);
	line-height: 28px;
	text-align: center;
}

.join-us .card-img img {
	height: 60px;
	width: auto;
}

.join-us .right-container {
	color: rgba(102, 102, 102, 1);
}

.join-us .right-container .qrcode {
	width: 88px;
	height: auto;
}

.join-us .person {
	height: calc(162px - 44px);
}

.join-us .phone p {
	margin-bottom: 2px;
}

.join-us .person-name {
	color: rgba(50, 50, 50, 1);
}

.join-us .person-msg p {
	font-size: 28px;
	margin-bottom: 2px;
}

.join-us .person-msg i {
	height: 15px;
}

.join-us .right-container .person-phone p {
	font-size: 16px;
}

.rate,
.collaborate {
	position: absolute;
	width: 100%;
}

.rate {
	top: 40%;
}

.collaborate {
	top: 0;
}

.about-list li.wx-qr {
	opacity: 1;
}

.wx-qr a>span em {
	opacity: 0.6;
}

.wx-qr-box {
	position: absolute;
	/* background: #fff; */
	color: #333;
	text-align: center;
	/* padding: 10px; */
	z-index: 9999;
	top: -70px;
	display: none;
	padding-bottom: 12px;
}

.wx-qr-box:before {
	content: '';
	width: 0;
	height: 0;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #fff transparent transparent;
	/*灰 透明 透明 */
	position: absolute;
	bottom: 2px;
	left: calc(50% - 10px);
}

.wx-qr-container {
	padding: 10px;
	background: #fff;
}

.wx-qr a:hover .wx-qr-box {
	display: block;
}

.wx-qr a:hover span em {
	color: #fff;
	opacity: 1;
}

.wx-qr-box .wx-qr-img img {
	height: 120px;
}

.wx-qr a:hover .wechat-icon {
	background-position: 78.57% -8px;
}

.wechat-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/icon/global-icon.png);
	background-repeat: no-repeat;
	background-size: 625% auto;
	vertical-align: bottom;
	margin-right: 4px;
	background-position: 47.61% -8px;
}

/* 831代码 */
footer .link-to:hover {
	opacity: 1;
	color: #fff;
}

footer .link-to:hover a {
	text-decoration: underline;
}

.friend-link p {
	/*display: none;*/
}

.index .friend-link p {
	/*display: block;*/
}

.news-container .pagination {
	display: inline-block;
	padding-left: 0;
	border-radius: 0;
	position: static;
	width: auto;
}

.news .pagination>li {
	display: inline
}

.news .pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #666;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}

.news .pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.news .pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.news .pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	z-index: 2;
	background-color: #ecf0f1;
	border-color: #ddd;
	color: #0091FF;
}

.news .pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: 3;
	color: #b4bcc2;
	background-color: #f5f5f5;
	border-color: #ddd;
	cursor: default
}

.news .pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #b4bcc2;
	background-color: #fff;
	color: #b4bcc2;
	cursor: not-allowed
}

.news .pagination-lg>li>a,
.pagination-lg>li>span {
	padding: 8px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.news .pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.news .pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.news .pagination-sm>li>a,
.pagination-sm>li>span {
	padding: 2px 8px;
	font-size: 12px;
	line-height: 1.5
}

.news .pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.news .pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	list-style: none;
	text-align: center
}

.pager li {
	display: inline
}

.pager li>a,
.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0
}

.pager li>a:hover,
.pager li>a:focus {
	text-decoration: none;
	background-color: #ecf0f1
}

.pager .next>a,
.pager .next>span {
	float: right
}

.pager .previous>a,
.pager .previous>span {
	float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
	color: #b4bcc2;
	background-color: #fff;
	cursor: not-allowed
}

.news-content .video-js {
	display: block;
	height: 30vh;
	width: 100% !important;
	height: 30%;
}

#body.bigShot {
	background: #f5f6f7;
}

.bigShot .banner-content.toggle {
	top: 220px;
}

.bigShot-list {
	padding: 20px 10px 70px;
	box-sizing: border-box;
}

.bigShot-item {
	width: 530px;
	height: 220px;
	box-sizing: border-box;
	padding: 42px 40px 42px 20px;
	background: #fff;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	transition: all 0.2s;
}

.bigShot-item:hover {
	box-shadow: 0px 4px 6px 0px rgba(4, 0, 0, 0.1);
}

.bigShot-item:nth-child(2n+1) {
	margin-right: 10px;
}

.bigShot-item:nth-child(2n) {
	margin-left: 10px;
}

.bigShot-item .bigShot-img {
	width: 136px;
	height: 136px;
	border-radius: 50%;
	margin-right: 20px;
	overflow: hidden;
}

.bigShot-item .bigShot-img img {
	width: 136px;
	height: 136px;
}

.bigShot-content {
	width: calc(100% - 136px - 20px);
}

.bigShot-content .bigShot-name {
	font-size: 14px;
	color: #999;
	margin-top: 16px;
	margin-bottom: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bigShot-content .bigShot-name span {
	font-size: 20px;
	color: #333;
}

.bigShot-content .bigShot-name em {
	margin-left: 14px;
}

.bigShot-content .bigShot-desc {
	color: #333;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.bigShot-item .playBigShot {
	position: absolute;
	bottom: 23px;
	right: 32px;
	color: #FF5D3D;
	cursor: pointer;
}

.playBigShot:before {
	content: '';
	width: 18px;
	height: 18px;
	left: -26px;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	background: url(../images/icon/icon_play.png);
	background-size: cover;
}

.news-text img {
	max-width: 100%;
}

.mescroll {
	width: auto !important;
	height: auto !important;
	overflow: auto !important;
}

/* 多行超出隐藏 */
.multiLine {
	width: 100%;
	height: 45px;
	overflow: hidden;
}

.multiLine span {
	width: 100%;
}

.mobile-footer {
	display: none;
}

@media only screen and (min-width: 641px) {
	.used-list:hover .qr-box {
		opacity: 1;
	}

	.used-list:hover .used-down {
		top: 0;
	}
}

/* 抖店 */
::-webkit-scrollbar {
	width: 6px;
	height: 10px;
	/* background-color: #fff; */
}

/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #e5e5e5;
}

/*滚动条的上下两端的按钮*/
::-webkit-scrollbar-button {
	height: 0;
}

/* input属性为number时，去掉右边的 +、-号 */
/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

/* 火狐 */
input {
	-moz-appearance: textfield;
}

input::-webkit-input-placeholder {
	color: #CCCCCC;
	font-size: 14px;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

textarea::-webkit-input-placeholder {
	color: #CCCCCC;
	font-size: 14px;
}

.tik-title {
	font-size: 42px;
}

.tik-feature {
	font-size: 20px;
	margin-top: 30px;
	width: 430px;
}

.tik-free-trial {
	width: 180px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #fff;
	color: #FF5D3D;
	border-radius: 4px;
	margin-top: 64px;
	font-size: 20px;
}

.tik-flex-column {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}

.tik-flex-column-center {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.tik-flex-row {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
}

.tik-flexw-wrap {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.tik-aligni-end {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.tik-aligni-center {
	align-items: center;
	-webkit-align-items: center;
}

.tik-flex-grow1 {
	flex-grow: 1;
	-webkit-flex-grow: 1;
}

.tik-flex-shrink0 {
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
}

.tik-flex-row-center {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}

.tik-advantage {
	padding-top: 80px;
	padding-bottom: 50px;
}

.tik-title {
	font-size: 32px;
}

.tik-small-title {
	font-size: 16px;
	color: #666666;
	margin-top: 12px;
}

.tik-advantage-content {
	margin-bottom: 40px;
	height: 400px;
}

.tik-advantage-point-box {
	width: 370px;
	height: 400px;
}

.tik-advantage-point {
	width: 340px;
	height: 316px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 20px 0px rgba(0, 83, 145, 0.10);
}

.tik-advantage-point:hover {
	transform: scale(1.06);
	transition: all 0.2s;
}

.tik-mh30 {
	margin-left: 30px;
	margin-right: 30px;
}

.tik-advantage-content img {
	width: 100px;
	height: 100px;
}

.tik-advantage-title {
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	color: #333333;
	line-height: 36px;
	padding-top: 18px;
	padding-bottom: 16px;
}

.tik-advantage-small-title {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	color: #666666;
	line-height: 28px;
}

.tik-reason-bgblue {
	background: #f6fbff;
}

.tik-reason-img {
	width: 500px;
	height: 500px;
}

.tik-reason-title {
	font-size: 26px;
	font-weight: 500;
	text-align: left;
	color: #333333;
	line-height: 37px;
	position: absolute;
	bottom: 6px;
	z-index: 11;
}

.tik-step {
	margin-bottom: 16px;
	position: relative;
}

.tik-step-img {
	height: 50px !important;
	margin-bottom: 16px;
	position: absolute;
	bottom: 0;
	left: 6px;
	z-index: 10;
}

.tik-reason-small-title {
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	color: #666666;
	line-height: 30px;
}

.tik-reason-interval-l {
	margin-left: 70px;
}

.tik-reason-interval-height {
	height: 220px;
}

.tik-reason-button {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	line-height: 22px;
	width: 160px;
	height: 44px;
	background: #FF5D3D;
	border-radius: 4px;
}

.tik-reason-button-img {
	width: 16px;
	height: 12px;
}

.tik-justify-sb {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.tik-justify-end {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.tik-popup-box {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: auto;
	background: #fff;
	z-index: 1001;
	width: 500px;
	border-radius: 10px;
	padding-bottom: 10px;
}

.tik-popup-header {
	height: 54px;
	border-bottom: #f1f1f1 solid 1px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	line-height: 22px;
	padding: 0 24px;
}

.tik-popup-header-icon {
	color: #666666;
	height: 12px;
	width: 12px;
}

.tik-popup-select-icon {
	color: #666666;
	height: 12px;
	width: 12px;
}

.tik-popup-content {
	padding: 0 0 30px 0;
	overflow: scroll;
	max-height: 500px;
}

.tik-agent-popup-content {
	padding: 0 0 10px 0;
	overflow: scroll;
	max-height: 600px;
}

.tik-popup-title {
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	line-height: 22px;
	margin: 20px 0;
	height: 22px;
	position: relative;
}

.tik-popup-title-text {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 11;
	font-weight: 600;
}

.tik-popup-blue-tip {
	height: 6px;
	width: 24px;
	background-color: #FF5D3D;
	opacity: 0.8;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 6px;
	z-index: 10;
}

.tik-popup-cell {
	width: 100%;
	margin-top: 24px;
}

.tik-popup-label {
	width: 80px;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
}

.tik-agent-popup .tik-popup-label{
	width: 100px;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
}

.tik-popup-label-tip {
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 20px;
}

.tik-popup-red-star {
	color: #FF4A35;
}

.tik-popup-input {
	height: 40px;
	/* border: 1px solid #e5e5e5; */
	border-radius: 5px;
}

.tik-bd1-e5 {
	border: 1px solid #e5e5e5;
}

.tik-popup-input input {
	height: 100%;
	border: none;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: transparent !important;
	outline: none;
	font-size: 14px;
}

.tik-popup-textarea {
	height: 120px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 24px;
}

.tik-agent-popup-textarea {
	height: 80px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 24px;
}

.tik-agent-popup-textarea textarea, .tik-popup-textarea textarea {
	resize: none;
	border: none;
	outline: none;
	border-radius: 5px;
	padding: 0 15px;
	font-size: 14px;
}

.tik-popup-tag {
	width: 76px;
	height: 32px;
	opacity: 1;
	border: 1px solid #e5e5e5;
	background: #ffffff;
	border-radius: 20px;
	color: #333333;
}

.actived {
	color: #FFFFFF;
	background: #0091ff !important;
	border: 1px solid #0091ff !important;
}

.tik-w35 {
	width: 35%;
}

.tik-w50 {
	width: 50%;
}

.tik-w100 {
	width: 100%;
}

.tik-ml12 {
	margin-left: 12px;
}

.tik-mr10 {
	margin-right: 10px;
}

.tik-mr12 {
	margin-right: 12px;
}

.tik-mt3 {
	margin-top: 3px;
}

.tik-mt10 {
	margin-top: 10px;
}

.tik-mt12 {
	margin-top: 12px;
}

.tik-mt20 {
	margin-top: 20px;
}

.tik-mt30 {
	margin-top: 30px;
}

.tik-mb40 {
	margin-bottom: 40px;
}

.tik-mb50 {
	margin-bottom: 50px;
}

.tik-mb60 {
	margin-bottom: 60px;
}

.tik-ph10 {
	padding-left: 10px;
	padding-right: 10px;
}

.tik-ph30 {
	padding-left: 30px;
	padding-right: 30px;
}

.tik-ph36 {
	padding-left: 36px;
	padding-right: 36px;
}

.tik-popup-button {
	width: 300px;
	height: 44px;
	background: #0091ff;
	border-radius: 4px;
	color: #FFFFFF;
	margin-top: 20px;
}

.tik-translate-xy-50 {
	transform: translate(-50%, -50%);
}

.tik-rotate180 {
	transform: rotate(180deg);
}

.tik-form-label-error {
	font-size: 12px;
	font-weight: 400;
	color: #ff4a35;
	line-height: 17px;
	position: absolute;
	left: 0px;
	bottom: -20px;
}

.tik-br-error {
	border: 1px solid #ff4a35 !important;
}

.tik-pr {
	position: relative;
}

.tik-cursor-p {
	cursor: pointer;
}

.tik-alert {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: auto;
	background: #fff;
	z-index: 100000;
	width: 420px;
	height: 280px;
	border-radius: 10px;
	padding-bottom: 10px;
	transform: translate(-50%, -50%);
}

.tik-agent-alert {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: auto;
	background: #fff;
	z-index: 100000;
	width: 500px;
	border-radius: 10px;
	padding: 0 0 30px 0;
	transform: translate(-50%, -50%);
}

.tik-alert-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.tik-agent-alert-content {
	position: relative;
	overflow: scroll;
	max-height: 500px;
	padding: 0 30px;
}

.tik-alert-text {
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 22px;
}
.tik-agent-alert-content {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 22px;
}

.tik-alert-button {
	width: 160px;
	height: 40px;
	background: #0091ff;
	border-radius: 4px;
	color: #FFFFFF;
}

.tik-alert-tip {
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 20px;
}

.tik-alert-close-icon {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 12px;
	height: 12px;
}

.tik-text-length {
	font-size: 14px;
	font-weight: 400;
	color: #ded5d2;
	line-height: 20px;
	position: absolute;
	right: 10px;
	bottom: 2px;
}

.tik-agent-address-popup {
	position: absolute;
	top: 50px;
	background: #ffffff;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow-y: auto;
	max-height: 156px;
	box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
	z-index: 100;
	width: 100%;
}
.tik-agent-address-item {
	padding: 10px;
}
.agent-province-select:hover, .agent-city-select:hover {
	background: #EBEFF2;
}

/* 首页 */
.index-top-tab {
	width: 1200px;
	height: 120px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 2px 20px 0px rgba(149, 46, 7, 0.10);
	position: absolute;
	z-index: 101;
	bottom: -60px;
}

.index-top-tab-first-item {
	width: 296px;
	height: 116px;
	background: linear-gradient(332deg, #fff5ef 16%, #ffffff);
	border: 2px solid #ffffff;
	border-radius: 10px 0px 0px 10px;
	box-shadow: 0px 1px 3px 0px undefined inset;
}

.index-top-tab-item-part {
	width: 2px;
	height: 72px;
	background-color: #f5f6f7;
	transform: scale(0.5);
}

.index-solve-tab-item {
	width: 87px;
	height: 115px;
	padding-bottom: 10px;
	position: relative;
}

.index-solve-tab-item img {
	width: 48px;
	height: 48px;
}

.animate-number {
	font-family: TG-TYPE-Bold;
}

/* .index-solve-tab-item .isActived::after {
	position: absolute;
	content: '';
	width: 87px;
	height: 6px;
	background: #357dff;
	border-radius: 100px 100px 0px 0px;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: auto;
} */

.index-solve-tab-blue {
	position: absolute;
	width: 87px;
	height: 6px;
	background: #FF5D3D;
	border-radius: 100px 100px 0px 0px;
	bottom: 0px;
	transition: all 0.3s;
}

.index-solve-banner {
	width: 100%;
	min-width: 1200px;
	height: 518px;
}

.index-solve-banner-item {
	width: 100%;
	min-width: 1200px;
	height: 500px;
	transition: opacity .3s;
	display: none;
	opacity: 0;
}

.index-solvepro-img {
	width: 600px;
	height: 500px;
}

.index-solve-banner .isActived {
	opacity: 1;
	display: flex;
}

.index-goods-box {
	margin-bottom: 80px;
}

.index-goods-item {
	/* width: 278px; */
	width: 340px;
	height: 400px;
	background: #ffffff;
	border: 1px solid #FFE5D8;
	border-radius: 10px;
	align-items: center;
	position: relative;
	transition: all 1s;
	overflow: hidden;
}

.index-goods-item::after {
	content: '';
	width: 0px;
	height: 6px;
	background: #FF5D3D;
	position: absolute;
	top: 0;
	transition: width .3s;
	border-radius: 8px 8px 0px 0px;
}

.index-goods-item:hover:after {
	/* width: 278px; */
	width: 340px;
}

.index-goods-item:hover {
	border: 1px solid #FFE5D8;
	box-shadow: 0px 10px 20px 0px rgba(149, 55, 7, 0.20);
}

.index-goods-item:hover .index-goods-item-btn {
	transform: translateY(-110px);
}

.index-goods-item:hover .index-next-icon {
	transform: translateX(200px);
}

.index-goods-item:hover .index-goods-item-img {
	opacity: 0;
}

.index-next-icon {
	transform: translateX(0px);
	transition: all .2s;
}

.index-goods-item:hover .index-goods-item-contant {
	transform: translateY(-70px);
}

.index-goods-item-img {
	width: 54px;
	height: 54px;
	transition: opacity .3s;
}

.index-goods-item-contant {
	transition: all .3s;
}

.index-goods-item-btn {
	transform: translateY(150px);
	transition: all .3s;
}

.index-goods-item-btn-fir,
.index-goods-item-btn-two {
	width: 237px;
	height: 45px;
	border-radius: 4px;
	text-align: center;
	line-height: 45px;
}

.index-goods-item-btn-fir {
	border: 1px solid #FF5D3D;

}

.index-goods-item-btn-two {
	background: #FF5D3D;
	border: 1px solid;
}

.index-solve-banner-item-button {
	width: 160px;
	height: 45px;
	background: #FF5D3D;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30px, 0, 0) scale(0.9);
		transform: translate3d(30px, 0, 0) scale(1);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px, 0, 0) scale(1);
		transform: translate3d(0px, 0, 0) scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30px, 0, 0) scale(1);
		transform: translate3d(30px, 0, 0) scale(1);
		-ms-transform: translate3d(30px, 0, 0) scale(1);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px, 0, 0) scale(1);
		transform: translate3d(0px, 0, 0) scale(1);
		-ms-transform: translate3d(0px, 0, 0) scale(1);
	}
}

.bounceIn {
	animation: bounceIn 0.2s ease-in;
	animation-fill-mode: backwards !important;
}

.index-solve-case-tab {
	width: 700px;
	padding-left: 250px;
	padding-right: 250px;
	border-bottom: 1px solid #DDC9BD;
}

.index-solve-tab-bd {
	width: 1200px;
	border-bottom: 1px solid #DDC9BD;
}

.index-solve-case-tab-item {
	width: 87px;
	height: 115px;
	padding-bottom: 10px;
	position: relative;
}

.index-solve-case-tab-item img {
	width: 48px;
	height: 48px;
}

/* .index-solve-case-tab-item .isActived::after {
	position: absolute;
	content: '';
	width: 87px;
	height: 6px;
	background: #357dff;
	border-radius: 100px 100px 0px 0px;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: auto;
} */

.index-solve-case-banner {
	width: 100%;
	height: 470px;
	min-width: 1200px;
}

.index-solve-case-banner-item {
	width: 100%;
	min-width: 1200px;
	height: 470px;
	transition: opacity .3s;
	display: none;
	opacity: 0;
}

.index-solve-case-banner .isActived {
	opacity: 1;
	display: flex;
}

.index-solve-case-button {
	width: 160px;
	height: 45px;
	background: #FF5D3D;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
}

.index-solve-case-sbutton {
	width: 160px;
	height: 45px;
	border: 1px solid #FF5D3D;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 400;
	color: #FF5D3D;
}

.index-solve-case-banner-item img {
	width: 600px;
	height: 500px;
}

.escort {
	width: 100%;
	height: 800px;
	/* background: url(../images/index/escort/bg-escort.jpg) no-repeat;
	background-size: 100% 100%; */
}

.escort-bg {
	width: 100%;
	height: 430px;
	background: url(../images/index/escort/bg-escort.jpg) no-repeat;
	background-size: 100%;
}

.escort-content {
	width: 100%;
	height: 800px;
	position: absolute;
	top: 0;
	left: 0;
}

.escort-item {
	width: 380px;
	height: 433px;
	background: #ffffff;
	border-radius: 10px 80px 10px 10px;
	box-shadow: 0px 4px 10px 0px rgba(149, 55, 7, 0.10);
	position: relative;
}

.escort-item:hover {
	background: linear-gradient(180deg, #ffffff 37%, #ffece3);
	box-shadow: 0px 10px 20px 0px rgba(149, 55, 7, 0.20);
}

.escort-item::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 0px;
	height: 6px;
	border-radius: 0px 0px 10px 10px;
	background: #FF5D3D;
	transition: width .3s;
}

.escort-item:hover:after {
	width: 380px;
}

.escort-item-top {
	height: 172px;
}

.escort-item-top-img {
	width: 184px;
	height: 168px;
	top: 8px;
	left: 8px;
}

.escort-item-top-text {
	height: 122px;
	padding: 50px 40px 0px 40px;
}

.escort-item-top-text img {
	width: 28px;
	height: 28px;
}

.escort-item-top-icon {
	width: 36px;
	height: 2px;
	background: #FF5D3D;
}

.escort-item-bottom {
	padding-top: 10px;
	padding-left: 40px;
}

.escort-item-bottom img {
	width: 18px;
	height: 18px;
}

.escort-item-bottom-item {
	padding: 15px 0;
}

.be-used {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 80px;
}

.be-used-item {
	width: 274px;
	height: 327px;
	background: #ffffff;
	border: 1px solid #f5f6f7;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	transition: height .2s cubic-bezier(.87, 0, .13, 1) .1s;
}

.be-used-box-h {
	height: 357px;
}

.be-used-item-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.6s;
}

.be-used-item-split {
	width: 0px;
	height: 2px;
	background: #FF5D3D;
	margin-top: 15px;
	margin-bottom: 15px;
	transition: all .8s;
}

.be-used-item-qr {
	opacity: 0;
}

.be-used-item-qr img {
	width: 136px;
	height: 136px;
}

.be-used-item-down {
	position: absolute;
	left: 0;
	right: 0;
	top: 160px;
	background: #fff;
	transition: all .3s;
	height: 100%;
}

.be-used-item-top-img {
	width: 184px;
	height: 168px;
	top: 8px;
	left: 8px;
	opacity: 0;
}

.be-used-item-img img {
	width: 120px;
	height: 120px;
}

.be-used-item:hover .be-used-item-qr,
.be-used-item:hover .be-used-item-top-img {
	opacity: 1;
}

.be-used-item:hover .be-used-item-split {
	width: 36px;
}

.be-used-item:hover {
	box-shadow: 0px 10px 20px 0px rgba(149, 55, 7, 0.20);
}

.be-used-item:hover .be-used-item-down {
	top: 0;
	padding-bottom: 40px;
	background: #ffffff;
}

.be-used-item:hover .be-used-item-top-text {
	padding-top: 20px;
}

.information {
	width: 100%;
	height: 854px;
}

.information-box {
	width: 1200px;
	columns: 2;
	column-gap: 100px;
}

.information-item {
	border-bottom: 1px solid #e9ecf2;
}

.information-item-title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.information-item-title:hover {
	color: #FF5D3D;
}

.information-item-desc {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.next-icon:hover {
	color: #FF5D3D;
}

.next-icon:hover span {
	background: url(../images/next-icon-actived.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.information-item-icon {
	width: 56px;
	height: 22px;
}

.next-icon span {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	background: url(../images/next-icon.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.endor {
	width: 100%;
	padding-top: 90px;
	padding-bottom: 80px;
	background: url(../images/index/beUsed/be-used-bg.jpg) no-repeat;
	background-size: 100% 100%;
}

.endor-bg {
	width: 184px;
	height: 168px;
	background: url(../images/index/endorsements/endor-bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 195px;
	left: 74px;
	z-index: -1;
}

.endor-content {
	width: 100%;
	height: 510px;
	margin: 50px 0 30px 0;
	overflow: scroll;
}

.endor-item {
	width: 450px;
	height: 443px;
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 10px 20px 0px rgba(149, 45, 7, 0.10);
	margin-right: 30px;
}

.endor-comm {
	width: 28px;
	height: 24px;
	background: url(../images/index/endorsements/endor-comma.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 175px;
	left: 12px;
	z-index: 1;
}

.endor-item-content {
	height: 330px;
	padding-left: 50px;
	padding-right: 50px;
}

.endor-header-img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
}

.endor-button {
	width: 180px;
	height: 45px;
	border: 1px solid #FF5D3D;
	border-radius: 4px;
	color: #FF5D3D;
	transition: all .45s ease-in-out;
}

.endor-play {
	width: 11px;
	height: 16px;
	background: url(../images/index/endorsements/play-icon.png) no-repeat;
	background-size: 100% 100%;
	margin-right: 6px;
}

.endor-button:hover {
	color: #FFFFFF;
	background-color: #FF5D3D;
}

.endor-button:hover .endor-play {
	width: 11px;
	height: 14px;
	background: url(../images/index/endorsements/play-icon-hover.png) no-repeat;
	background-size: 100% 100%;
	margin-right: 6px;
}

.endor-arrow-left {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #ffffff;
}

.endor-arrow-left-icon {
	width: 10px;
	height: 18px;
	background: url(../images/index/endorsements/left-icon.png) no-repeat;
	background-size: 100% 100%;
}

.endor-arrow-left:hover {
	box-shadow: 0px 10px 20px 0px rgba(7, 58, 149, 0.10);
}

.endor-arrow-left:hover .endor-arrow-left-icon {
	width: 10px;
	height: 18px;
	background: url(../images/index/endorsements/left-icon-hover.png) no-repeat;
	background-size: 100% 100%;
}

.endor-arrow-right {
	width: 50px;
	height: 50px;
	border: 1px solid #f5f6f7;
	border-radius: 50%;
	background: #ffffff;
}

.endor-arrow-right-icon {
	width: 10px;
	height: 18px;
	background: url(../images/index/endorsements/right-icon.png) no-repeat;
	background-size: 100% 100%;
}

.endor-arrow-right:hover,
.endor-more:hover {
	box-shadow: 0px 10px 20px 0px rgba(149, 45, 7, 0.10);
	color: #FF5D3D;
}

.endor-arrow-right:hover .endor-arrow-right-icon {
	width: 10px;
	height: 18px;
	background: url(../images/index/endorsements/right-icon-hover.png) no-repeat;
	background-size: 100% 100%;
}

.endor-more {
	width: 148px;
	height: 50px;
	background: #ffffff;
	border-radius: 26px;
}

.endor-more-icon {
	width: 16px;
	height: 16px;
	background: url(../images/next-icon.png) no-repeat;
	background-size: 100% 100%;
}

.endor-more:hover .endor-more-icon {
	width: 16px;
	height: 16px;
	background: url(../images/next-icon-actived.png) no-repeat;
	background-size: 100% 100%;
}

/* footer */
.bg-footer {
	width: 100%;
	height: 306px;
	background: url(../images/bg-footer.jpg) no-repeat;
	background-size: 100% 100%;
}

.footer-box {
	min-width: 1200px;
	background: #0d1021;
	padding: 70px 120px 60px 120px;
}

.footer-about {
	padding-bottom: 30px;
	border-bottom: 1px solid #242634;
}

.footer-about .title {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
}

.footer-about .icon {
	width: 14px;
	height: 11px;
	margin-right: 5px;
}


.footer-about-news a {
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footer-about-item a {
	margin-top: 20px;
}

.footer-about-item .hot-icon {
	width: 24px;
	height: 10px;
	border-radius: 2px;
	position: absolute;
	right: -30px;
	bottom: 4px;
}

.footer-link {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #242634;
	width: 100%;
}

.footer-link a {
	margin-right: 14px;
}

.footer-about-item a:hover,
.footer-link a:hover {
	color: #FFFFFF !important;
}

.edition-box {
	padding-top: 30px;
}

/* 产品和服务 */
.prod_first_img {
	height: 490px;
	background: url(../images/prod/banner_pay.jpg) center/1920px 490px;
	background-repeat: no-repeat;
}

.prod_content {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 115px;
}

.prod_first_img_txt {
	margin-bottom: 135px;
}

.prod_first_img_btn {
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #ffffff;
	border-radius: 4px;
}

.prod_process {
	background: #f4f8fc;
}

.prod_process_box {
	margin-bottom: 80px;
	padding: 0px 120px;
}

.prod_process_box_left {
	width: 330px;
}

.prod_process_box_center {
	width: 480px;
}

.ppb_left_img {
	display: flex;
	height: 237px;
	padding: 20px 20px 33px 20px;
}

.prod_left_bg_img {
	background: url(../images/prod/proess_box.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.prod_center_bg_img {
	background-image: url(../images/prod/trading_box.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.prod_right_bg_img {
	background-image: url(../images/prod/operating_box.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.coll-left {
	width: 147px;
	border-radius: 10px;
	box-shadow: 0px 4px 10px 0px rgba(9, 52, 129, 0.20);
	align-items: center;
	border: 2px solid #ffffff;
}

.coll-left_blue:hover {
	border: 2px solid #357DFF;
}

.coll-left_green:hover {
	border: 2px solid #36BF62;
}

.coll-left_orange:hover {
	border: 2px solid #FF5D3D;
}

.prod_icon {
	width: 33px;
	height: 33px;
	padding: 25px 0px 12px 0px;
}

.prod_p_num {
	font-family: PingFangSC, PingFangSC-Semibold;
	margin-right: 10px;
}

.prod_p_blue {
	color: #357DFF;
}

.prod_p_green {
	color: #36BF62;
}

.prod_p_orange {
	color: #FF5D3D;
}

.prod_arrow {
	height: 65px;
}

.prod_arrow_img {
	width: 30px;
	height: 16px;
}

.prod_brand {
	height: 600px;
}

.prod_brand_fir {
	font-size: 40px;
}

.prod_brand_two {
	line-height: 32px;
}

.prod_right_img {
	width: 680px;
}

.prod_left_txt {
	width: 500px;
	padding: 160px 0px 211px 0px;
}

/* 教育培训 */
.edu_bg_img {
	height: 490px;
	background: url(../images/edu/banner_2.jpg) center/1920px 490px;
	background-repeat: no-repeat;
}

.edu_bg_txt {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 115px;
}

.edu_bg_btn {
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #ffffff;
	border-radius: 4px;
	color: #FF5D3D;
}

.edu_scenario {
	margin-bottom: 80px;
	padding: 0px 120px;
}

.edu_platform {
	width: 366px;
	height: 376px;
	background-image: url(../images/edu/changjing_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.edu_platform_img {
	width: 40px;
	height: 40px;
}

.edu_platform_name {
	text-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10), 0px 5px 10px 0px rgba(14, 81, 203, 0.10);
	padding-left: 10px;
}

.edu_platform_lon,
.edu_platform_short,
.edu_platform_half,
.edu_platform_ve,
.edu_platform_offline {
	height: 52px;
	background: #ffffff;
	border-radius: 36px 36px 10px 36px;
	box-shadow: 0px 3px 10px 0px rgba(203, 60, 14, 0.20);
}

.edu_platform_lon {
	width: 146px;
	margin: 0px 30px 0px 35px;
}

.edu_platform_short {
	width: 98px;
	margin-right: 40px;
}

.edu_platform_half {
	width: 121px;
	margin-right: 21px;
}

.edu_platform_ve {
	width: 114px;
	margin: 0px 30px 0px 35px;
}

.edu_platform_offline {
	width: 130px;
	margin: 0px 30px 0px 35px;
}

.edu_arrow {
	width: 72px;
	height: 110px;
}

.edu_online {
	width: 780px;
	height: 152px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-left: -10px;
}


.edu_icon_online,
.edu_icon_offline {
	width: 36px;
	height: 36px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	transition: all .3s;
}

.edu-txt {
	margin-bottom: 12px;
}

.edu_icon_offline {
	margin-top: 12px;
}

.edu_icon_online:hover,
.edu_icon_offline:hover {
	transform: scale(1.2);
	box-shadow: 0px 3px 10px 0px rgba(203, 60, 14, 0.10);
}

.edu_platform_left {
	transition: all .3s;
}

.edu_platform_left:hover {
	transform: scale(1.1);
}

.edu_icon_arrow_right,
.edu_icon_arrow_left {
	width: 30px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: cover;
}

.edu_icon_arrow_right {
	margin: 45px 10px 0px 10px;
}

.edu_icon_arrow_left {
	margin: 50px 10px 0px 10px;
}

.edu_wrap_contxt {
	width: 1035px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 90px;
}

.edu_wrap_item {
	width: 258px;
	height: 207px;
	background: #ffffff;
}

.edu_wrap_item:hover {
	box-shadow: 0px 10px 20px 0px rgb(149 55 7 / 20%);
	transform: translateY(-10px);
	transition: transform .42s cubic-bezier(.165, .84, .44, 1);
}

.edu_wrap_item_img {
	width: 88px;
	height: 88px;
	padding-bottom: 24px;
}

/* 企业内训 */
.train_bg_img {
	height: 490px;
	background: url(../images/train/banner_qiye.png) center/1920px 490px;
	background-repeat: no-repeat;
}

.train_block_body {
	width: 1100px;
	margin-bottom: 100px;
}

.train_block_item {
	width: 340px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	float: left;
	margin: 24px 0px 0px 24px;
}

.train_mask_img {
	width: 340px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.train_block_item:hover .train_main {
	bottom: 0px;
}

.train_block_item:hover::after {
	opacity: 1;
}

.train_block_item::after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 8px;
	background-image: linear-gradient(227deg, rgba(202, 97, 77, .09), #CA614D);
	opacity: 0;
	transition: opacity .3s;
}

.train_main {
	position: absolute;
	bottom: -82px;
	z-index: 1;
	padding: 0 21px 36px;
	transition: bottom .3s;
}


.train_title {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.train_title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 20px;
	height: 4px;
	border-radius: 2px;
	background-color: #fff;
}

.train_name {
	position: relative;
	padding-bottom: 30px;
}

.train_name::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 30px;
	height: 4px;
	background: #FF5D3D;
	border-radius: 2px;
}

.train_wrap_item {
	width: 300px;
	height: 230px;
	background: #ffffff;
	border-radius: 4px;
	box-shadow: 0 2px 16px 0 rgb(127 143 172 / 15%);
	float: left;
	margin: 24px 0px 0px 24px;
	transition: transform .42s cubic-bezier(.165, .84, .44, 1);
}

.train_wrap_item:hover {
	transform: translateY(-10px);
	box-shadow: 0px 10px 20px 0px rgb(149 55 7 / 20%)
}

.train_wrap {
	width: 1300px;
	margin-bottom: 90px;
}

.train_wrap_item_img {
	width: 59px;
	height: 59px;
	padding-bottom: 30px;
}

/* 客户服务 */
.cServe_bg_img {
	height: 490px;
	background: url(../images/cServe/banner_serve.jpg) center/1920px 490px;
	background-repeat: no-repeat;
}

.cServe_bg_txt {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 115px;
}

.cServe_bg_btn {
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #ffffff;
	border-radius: 4px;
	color: #FF5D3D;
}

.cServe_excessive {
	width: 1155px;
	margin-bottom: 100px;
}

.cServe_excessive_bor_fir,
.cServe_excessive_bor_two,
.cServe_excessive_bor_thr,
.cServe_excessive_bor_for,
.cServe_excessive_bor_fiv {
	width: 225px;
	height: 332px;
	align-items: center;
	position: relative;
}

.cServe_excessive_bor_fir::after {
	content: '';
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	border: 1px solid rgba(53, 125, 255, 0.40);
	background: #f1f6ff;
	border-radius: 10px;
}

.cServe_excessive_bor_fir:hover::after {
	border: 2px solid rgba(53, 125, 255, 1);
}

.cServe_excessive_bor_two::after {
	content: '';
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	border-radius: 10px;
	background: #f4fbf4;
	border: 1px solid rgba(54, 191, 98, 0.40);
}

.cServe_excessive_bor_two:hover::after {
	border: 2px solid rgba(54, 191, 98, 1);
}

.cServe_excessive_bor_thr::after {
	content: '';
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 10px;
	position: absolute;
	background: #fffaef;
	border: 1px solid rgba(255, 128, 25, 0.40);
}

.cServe_excessive_bor_thr:hover::after {
	border: 2px solid rgba(255, 128, 25, 1);
}

.cServe_excessive_bor_for::after {
	content: '';
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 10px;
	position: absolute;
	background: #fff8f4;
	border: 1px solid rgba(255, 102, 6, 0.40);
}

.cServe_excessive_bor_for:hover::after {
	border: 2px solid rgba(255, 102, 6, 1);
}

.cServe_excessive_bor_fiv::after {
	content: '';
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 10px;
	position: absolute;
	background: #fff6f6;
	border: 1px solid rgba(255, 85, 26, 0.40);
}

.cServe_excessive_bor_fiv:hover::after {
	border: 2px solid rgba(255, 85, 26, 1);
}

.cServe_h {
	height: 137px;
}

.cServe_center_txt,
.cServe_center_txt_two {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #ffffff;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 150px;
	left: -26px;
}

.cServe_center_txt {
	width: 276px;
	height: 95px;
}

.cServe_center_txt_two {
	width: 550px;
	height: 95px;
}

.cServe_excessive_bottom {
	width: 1165px;
	height: 72px;
	line-height: 72px;
	text-align: center;
	background: #f8faff;
	background-image: url(../images/cServe/bg4.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 13px;
}

.cServe_swarp_box {
	height: 450px;
}

.cServe_swrap_left {
	margin: 90px 178px 0px 130px;
}

.cServe_swrap_left_txt {
	width: 342px;
	margin-top: 25px;
	padding-left: 10px;
}

.cServe_swrap_left_tlt {
	padding-top: 12px;
	margin-left: -12px;
}

.cServe_swrap_btn {
	width: 50px;
	height: 50px;
	background: #ffffff;
	border-radius: 50%;
}

.cServe_wrapper {
	margin: 0 auto;
	overflow: hidden;
}

.cServe_slider {
	width: 1700px;
	display: flex;
	align-items: center;
	height: 439px;
	position: relative;
	left: 0;
	transition: left 0.6s;
}

.cServe_slider li {
	display: inline-block;
}

.cServe_swiper_slide {
	width: 416px;
	height: 260px;
	background: #ffffff;
	border-radius: 14px;
}

.cServe_swiper-img {
	width: 46px;
	height: 40px;
	margin: -20px 0px 0px 34px;
}

.cServe_swiper-txt {
	line-height: 32px;
	margin: 39px 23px 68px 34px;
	height: 60px;
}

.cServe_star {
	width: 66px;
	height: 10px;
	padding-top: 4px;
}

/* 渠道经营 */
.channel_bg_img {
	height: 490px;
	background: url(../images/channel/qudao_icon1.png) center/1920px 490px;
	background-repeat: no-repeat;
}

.channel_bg_txt {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 115px;
}

.channel_bg_btn {
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #ffffff;
	border-radius: 4px;
	color: #FF5D3D;
}

.channel_brand_fir {
	font-size: 40px;
}

.channel_brand_two {
	line-height: 32px;
}

.channel_right_img {
	width: 630px;
	height: 414px;
	position: relative;
	margin-left: 70px;
}

.channel_left_txt {
	width: 500px;
	margin-left: 40px;
}

.channel_left_cir {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #333333;
	border-radius: 50%;
	margin-right: 8px;
}

.channel_tlt {
	color: #FF5D3D !important;
}

.channel_left_cir_active {
	background: #FF5D3D !important;
}

.channel_right_txt {
	width: 390px;
	line-height: 22px;
	color: #666666;
}

.channel_dis_img {
	position: absolute;
	top: 0px;
	left: 0px;
}



/* 定制服务 */
.sto_bg_img {
	height: 490px;
	background: url(../images/sto/dingzhi.jpg) center/1920px 490px;
	background-repeat: no-repeat;
}

.sto_bg_txt {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 115px;
}

.sto_bg_btn {
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #ffffff;
	border-radius: 4px;
	color: #FF5D3D;
}

.sto_liucheng_img {
	width: 1008px;
	height: 214px;
	padding: 80px 0px;
}

/* 获客引流 */
.drainage_bg_img {
	height: 490px;
	background: url(../images/drainage/huoke.jpg) center/1920px 490px;
	background-repeat: no-repeat;
}

.drainage_bg_txt {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 115px;
}

.drainage_bg_btn {
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #ffffff;
	border-radius: 4px;
	color: #FF5D3D;
}

/* 成交转化 */
.marketing_bg_img {
	height: 490px;
	background: url(../images/marketing/chengjiao.jpg) center/1920px 490px;
	background-repeat: no-repeat;
}

.marketing_bg_txt {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 115px;
}

.marketing_bg_btn {
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #ffffff;
	border-radius: 4px;
	color: #FF5D3D;
}

/* 用户运营 */
.operation_bg_img {
	height: 490px;
	background: url(../images/operation/mobile-operation-banner.jpg) center/1920px 490px;
	background-repeat: no-repeat;
}

.operation_bg_txt {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 115px;
}

.operation_bg_btn {
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #ffffff;
	border-radius: 4px;
	color: #FF5D3D;
}

.operation_img_box {
	width: 1205px;
	height: 510px;
	background: url(../images/operation/oper_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.operation_img_box_txt {
	width: 182px;
	height: 38px;
	margin: 35px 20px 0px 15px;
}

.operation_img_box_txt:hover {
	transform: scale(1.1);
}

.operation_domain {
	width: 550px;
	height: 230px;
	background: #f1f6ff;
	border: 1px solid #A5C5FF;
	border-radius: 8px;
}

.operation_domain_item {
	width: 130px;
	height: 52px;
	background: #ffffff;
	border-radius: 36px 36px 10px 36px;
	box-shadow: 0px 5px 10px 0px rgba(14, 81, 203, 0.10);
}

.operation_domain_item:hover {
	transform: scale(1.1);
}

/* 企微助手 */
.qiwei_slide {
	width: 1100px;
	height: 490px;
}

.qiwei_slide-img {
	display: block;
	height: 490px;
}

.qiwei-banner {
	position: relative;
	overflow: hidden;
	height: 490px !important;
}

.qiwei-pagination {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.swiper-active-switch {
	background: #ffffff !important;
}

.swiper-pagination-switch {
	width: 40px;
	border-radius: 10px;
	height: 4px;
}

.qiwei-container1,
.qiwei-container2 {
	width: 1100px;
	margin: 0px auto;
}

.qiwei-container1 {
	height: 72%;
}

.qiwei-container1-tlt {
	font-size: 80px;
	font-family: YouSheBiaoTiHei;
	font-weight: bold;
	padding-top: 73px;
}

.qiwei-txt {
	opacity: 0.7;
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
}

.qiwei-container2 {
	height: 80%;
}

.qiwei-scan {
	width: 190px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 33px;
}

.btn-fff {
	background: #ffffff;
	color: #FF5D3D;
}

.btn-orange {
	background: #FF5D3D;
	color: #ffffff;
}

.bor-fff {
	border: 1px solid #ffffff;
	color: #fff;
}

.bor-orange {
	border: 1px solid #FF5D3D;
	color: #FF5D3D;
}

.qiwei-mall-btn {
	width: 96px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #ff5d3d;
	border-radius: 18px;
}

.qiwei-item-active {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 0px 20px 0px rgb(149 0 0 / 10%);
}

.qiwei-move-img {
	width: 630px;
	height: 414px;
	position: relative;
}

.qiwei-operating-item {
	box-shadow: 0px 0px 20px 0px rgba(149, 0, 0, 0.10);
}

.qiwei-code {
	background: #FF5D3D;
}

.qiwei-mask {
	position: fixed;
	z-index: 888;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

/* 抖音 */

.i_pros ul li {
	flex-basis: 350px;
	border-radius: 10px;
	overflow: hidden
}

.tik-bg-fir,
.tik-bg-two,
.tik-bg-thr {
	height: 369px;
	background: #8d8989;
	border: 1px solid #fbeeed;
	border-radius: 10px;
	background: url(../images/tik/tik_bg_default.png) center center no-repeat;
	background-size: cover;
	transition: all ease .3s;
}

.i_pros ul li h3 {
	height: 80px;
	line-height: 80px;
	font-size: 24px;
	font-weight: 600;
	color: #ff5d3d;
	padding-left: 30px;

}

.i_pros ul li .con {
	padding: 30px 30px 0px 30px;
	text-align: center;
}

.tik-banebn-p {
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
}

.i_pros ul li .con p::after {
	content: "";
	width: 36px;
	height: 2px;
	background: #ffcec5;
	display: block;
	margin: 20px auto;
}

.i_pros ul li .con img {
	width: 54px;
	vertical-align: top;
}

.i_pros ul li.on {
	flex: 1;
	border: none;
	box-shadow: 0px 4px 10px 0px rgba(149, 55, 7, 0.10);
}

.i_pros ul li.on .con p {
	text-align: left;
}

.i_pros ul li.on h3 {
	color: #fff;
}

.i_pros ul li.on .con p::after {
	content: "";
	height: 6px;
	background: #ff5d3d;
	margin-top: 20px;
	margin-left: 0px;
}

.i_pros ul li.on .con img {
	display: none;
}

.i_pros ul li.on .tik-bg-fir {
	background-image: url(../images/tik/bg-1.png);
}

.i_pros ul li.on .tik-bg-two {
	background-image: url(../images/tik/bg-2.png);
}

.i_pros ul li.on .tik-bg-thr {
	background-image: url(../images/tik/bg-3.png);
}

.icon-info {
	position: absolute;
	right: -36px;
	top: 10px;
	width: 20px;
	height: 20px;
}

.info-area {
	display: none;
	position: absolute;
	right: -546px;
	top: -44px;
}
.info-content {
	box-shadow: 0px 5px 14px 2px rgba(0, 0, 0, 0.1);
	background: #fff;
	border-radius: 10px;
	/* overflow: auto; */
	padding: 16px 10px;
	box-sizing: border-box;
}
.info-box {
	width: 460px;
}
.info-title {
	font-size: 14px;
	color: #666;
}
.triangle{
    position: absolute;
    top: 50px;
    left: -10px;
    margin-right: 12px;
    border-top-width: 0;
    border-bottom-color: #ebeef5;
}
.triangle::after{
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: " ";
  border-width: 12px;
  top: 1px;
  margin-left: -2px;
  border-left-width: 0;
  border-right-color: #fff;
	-webkit-filter: drop-shadow(-10px 0px 6px rgba(0,0,0,0.1));
	filter: drop-shadow(-10px 0px 6px rgba(0,0,0,0.1));
}
.bd1-eee {
	border-bottom: 1px solid #eee;
}
.info-target:hover .info-area {
	display: block !important;
}
.filter-gray {
	-webkit-filter: grayscale(100%); /*  webkit */
	-moz-filter: grayscale(100%); /*firefox*/
	-ms-filter: grayscale(100%); /*ie9*/
	-o-filter: grayscale(100%); /*opera*/
	filter: grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
	filter:gray; /*ie9- */
}