@charset "UTF-8";

body {
	line-height: 1.5;
	font-size: 14px;
	font-family: Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
	color: #545454;
	margin: 0;
	padding: 0;
	background-color: #fff;
	-webkit-tap-highlight-color: transparent
}

a,button,input {
	-webkit-tap-highlight-color: rgba(255,0,0,0);
	border: 0;
	outline: none
}

dd,dl,dt,p {
	padding: 0;
	margin: 0
}

a {
	cursor: pointer
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	margin: 0;
	padding: 0
}

input::-webkit-input-placeholder {
	color: #8b8b8b!important
}

input:-moz-placeholder,input::-moz-placeholder {
	color: #8b8b8b!important
}

input:-ms-input-placeholder {
	color: #8b8b8b!important
}

input::-webkit-search-cancel-button {
	display: none
}

.content {
	max-width: 1140px;
	margin: 0 auto
}

.clearfix {
	*zoom: 1
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.clr {
	clear: both
}

.bluecol {
	color: #5199f9
}

.blue {
	color: #4587f0
}

.blue:hover {
	color: #5199f9
}

a {
	text-decoration: none
}

ul {
	padding: 0;
	margin: 0
}

li {
	list-style: none
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	padding: 0
}

.mb0 {
	margin-bottom: 0!important
}

.mt20 {
	margin-top: 20px
}

.mt25 {
	margin-top: 25px
}

.mt30 {
	margin-top: 30px!important
}

.mt50 {
	margin-top: 50px
}

.mt60 {
	margin-top: 60px
}

.mb30 {
	margin-bottom: 30px
}

.mb50 {
	margin-bottom: 50px
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml20 {
	margin-left: 20px
}

.mr30 {
	margin-right: 30px
}

.pt100 {
	padding-top: 100px
}

.w250 {
	width: 250px
}

.w315 {
	width: 315px
}

.left {
	float: left
}

.left,.right {
	*display: inline
}

.right {
	float: right
}

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

.text-align-c {
	text-align: center
}

.text-align-r {
	text-align: right
}

.fwb {
	font-weight: 700
}

.displayib {
	display: inline-block
}

.displayNone {
	display: none
}

.try-now-button {
	display: inline-block;
	border-radius: 2px;
	text-align: center;
	cursor: pointer
}

.mobileShow {
	display: none
}

@media screen and (max-width:768px) {
	.mobileNone {
		display: none!important
	}

	.mobileShow {
		display: inline-block
	}
}

.wpsplus-link-arrow {
	display: inline-block;
	padding-right: 26px;
	position: relative;
	transition: padding .3s cubic-bezier(.77,0,.175,1);
	color: #3d77e3;
	font-size: 15px;
	letter-spacing: .058em;
	text-decoration: none;
	text-transform: uppercase
}

.wpsplus-link-arrow:hover {
	padding-left: 10px
}

.wpsplus-link-arrow:hover:before {
	right: -5px;
	width: 15px
}

.wpsplus-link-arrow:hover:after {
	right: -10px
}

.wpsplus-link-arrow:after,.wpsplus-link-arrow:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	content: ""
}

.wpsplus-link-arrow:after {
	margin-top: -5px;
	border-top: 5px dashed transparent;
	border-bottom: 5px dashed transparent;
	border-left: 5px solid #3d77e3;
	transition: right .3s cubic-bezier(.77,0,.175,1)
}

.wpsplus-link-arrow:before {
	margin-top: -1px;
	right: 4px;
	width: 11px;
	height: 2px;
	background-color: #3d77e3;
	transition: right .3s cubic-bezier(.77,0,.175,1),width .3s cubic-bezier(.77,0,.175,1)
}

header a.header-button {
	display: inline-block;
	border: 1px solid #ff4b21;
	line-height: 35px;
	font-size: 14px;
	text-align: center;
	width: 109px;
	height: 35px;
	float: right;
	*display: inline;
	border-radius: 4px;
	box-sizing: border-box
}

header .header-login {
	color: #ff4b21
}

header .header-login:hover {
	color: #fff;
	background-color: #fe5c36;
	border-color: #ff4536
}

header .header-regist {
	background-color: #ff4b21;
	color: #fff;
	border-color: #ff4536
}

header .header-regist:hover {
	background-color: #fe5c36
}

header .dropdown-toggle {
	display: inline-block;
	float: right;
	margin-left: 20px;
	height: 35px;
	line-height: 35px;
	position: relative;
	color: #303030
}

header .dropdown-toggle>img {
	cursor: pointer;
	width: 20px;
	vertical-align: middle;
	border-radius: 50%
}

header .dropdown-toggle .header-dropdown-info-contact {
	margin: 5px;
	font-size: 13px;
	color: #8b8b8b;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: normal;
	max-width: 200px;
	margin-left: auto;
	margin-right: auto
}

header .dropdown-toggle .dropdown-line {
	height: 1px;
	background-color: #e8e8e8;
	width: 100%;
	margin: 4px 0
}

header .dropdown-toggle .header-info-list>a {
	font-size: 14px;
	color: #303030;
	text-align: center;
	display: inline-block;
	width: 100%;
	height: 38px;
	line-height: 38px
}

header .dropdown-toggle .header-info-list:hover {
	background-color: #fafafa
}

header .dropdown-toggle .user-name {
	font-size: 14px;
	margin-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: normal
}

header .dropdown-toggle .dropdown-menu {
	width: 228px;
	position: absolute;
	top: 44px;
	left: -157px;
	z-index: 99999999;
	min-width: 160px;
	padding: 5px 0;
	list-style: none;
	font-size: 14px;
	text-align: center;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	background-clip: padding-box
}

header .dropdown-toggle .dropdown-menu .header-avatar-circle {
	width: 50px;
	border-radius: 50%
}

header .dropdown-toggle .dropdown-menu>li {
	cursor: pointer
}

header .dropdown-toggle .dropdown-menu .arrow-border {
	top: -16px;
	right: 10px;
	border-color: transparent transparent rgba(0,0,0,.2);
	border-width: 8px
}

header .dropdown-toggle .dropdown-menu .arrow-border,header .dropdown-toggle .dropdown-menu .arrow-inner {
	position: absolute;
	display: block;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	border-style: dashed dashed solid
}

header .dropdown-toggle .dropdown-menu .arrow-inner {
	top: -9px;
	left: -10px;
	border-color: transparent transparent #fff;
	border-width: 10px
}

section .button {
	width: 162px;
	height: 50px;
	background-color: #5199f9;
	color: #fff;
	line-height: 50px;
	font-size: 18px;
	margin-top: 40px
}

section .button:hover {
	background-color: #4284f5
}

.main .small-category-title {
	font-size: 22px;
	color: #545454;
	line-height: 30px;
	font-weight: lighter
}

.main .big-category-title {
	font-size: 38px;
	color: #303030;
	line-height: 53px;
	margin: 10px 0 22px
}

.main .category-details {
	font-size: 18px;
	color: #8b8b8b;
	line-height: 32px;
	text-align: left;
	font-weight: 300
}

.main .wpsplus-link-arrow {
	margin-top: 27px
}

.main .motif-title {
	font-size: 40px;
	line-height: 56px;
	color: #303030
}

.center-header-shadow {
	box-shadow: 0 6px 3px -6px hsla(0,0%,53%,.41)
}

input.app-search {
	color: #8b8b8b;
	border-radius: 3px;
	padding-left: 45px;
	background: url(/wps/images/search.png) no-repeat 17px
}

.activity-doctasks-swiper,.activity-spring-swiper {
	background-color: #fff;
	text-align: center
}

.activity-doctasks-swiper .small-category-title,.activity-spring-swiper .small-category-title {
	margin-top: 64px
}

.activity-doctasks-swiper .category-details,.activity-spring-swiper .category-details {
	text-align: center
}

.activity-doctasks-swiper .swiper-pagination-bullet,.activity-spring-swiper .swiper-pagination-bullet {
	width: 49px;
	height: 5px;
	border-radius: 2px
}

.activity-doctasks-swiper .swiper-pagination-bullet-active,.activity-spring-swiper .swiper-pagination-bullet-active {
	background: #66b8ff!important
}

.activity-doctasks-swiper .office>img,.activity-spring-swiper .office>img {
	margin: 48px auto 133px
}

.activity-doctasks-swiper .doc>img,.activity-spring-swiper .doc>img {
	margin: 45px auto 0
}

.activity-doctasks-swiper .safe>img,.activity-spring-swiper .safe>img {
	margin: 17px auto 0
}

.activity-doctasks-swiper .serve>img,.activity-spring-swiper .serve>img {
	margin: 62px auto 0
}

.activity-doctasks-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.activity-doctasks-swiper .swiper-pagination-custom,.activity-doctasks-swiper .swiper-pagination-fraction,.activity-spring-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.activity-spring-swiper .swiper-pagination-custom,.activity-spring-swiper .swiper-pagination-fraction {
	bottom: 60px
}

.layui-layer-setwin .layui-layer-close2 {
	background: url(/wps/images/close.png) no-repeat;
	width: 20px!important;
	height: 20px!important;
	top: -6px!important;
	right: -6px!important;
	background-position: 0!important
}

.springplan-alert-wrap {
	text-align: center;
	border-radius: 4px;
	height: 300px
}

.springplan-alert-wrap p {
	font-size: 17px;
	color: #303030;
	line-height: 21px
}

.springplan-alert-wrap .alert-button {
	width: 180px;
	height: 38px;
	line-height: 38px;
	background-color: #5199f9;
	color: #fff
}

.springplan-alert-wrap .alert-button:hover {
	background-color: #4284f5
}

.springplan-alert-wrap .success>h5 {
	padding-top: 10px;
	font-size: 20px;
	color: #303030
}

.springplan-alert-wrap .failure>img {
	margin-top: 36px;
	margin-bottom: 10px
}

.springplan-alert-wrap .failure>h5 {
	font-size: 20px;
	color: #303030
}

.springplan-alert-wrap .failure .index {
	display: inline-block;
	margin-top: 10px;
	font-size: 14px;
	color: #545454
}

.springplan-alert-wrap .failure .index:active,.springplan-alert-wrap .failure .index:hover {
	color: #545454
}

.springplan-alert-wrap .repeat>img {
	margin-top: 27px
}

.workbench-dialog .fedialog_content {
	padding: 50px 30px
}

.workbench-dialog .fedialog_content .fedialog-centerText {
	font-size: 17px
}

.workbench-dialog .fedialog_content .fedialog-btn {
	margin-top: 20px;
	text-align: right;
	display: flex;
	justify-content: center
}

.workbench-dialog .fedialog_content .fedialog-btn .fedialog-login,.workbench-dialog .fedialog_content .fedialog-btn .fedialog-register {
	height: 38px;
	background: #5199f9;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	line-height: 32px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0 25px
}

.workbench-dialog .fedialog_content .fedialog-btn .fedialog-login.fedialog-register,.workbench-dialog .fedialog_content .fedialog-btn .fedialog-register.fedialog-register {
	margin-right: 20px
}

.workbench-dialog .fedialog_content .fedialog-btn .fedialog-login:hover,.workbench-dialog .fedialog_content .fedialog-btn .fedialog-register:hover {
	background: #4284f5
}

header {
	width: 100%;
	background-color: #fff;
	position: fixed;
	box-sizing: border-box;
	z-index: 10;
	border-bottom: 1px solid #ececec
}

header.header-wrap .content {
	height: 80px;
	display: flex;
	align-items: center;
	position: relative;
	*zoom: 1
}

header.header-wrap .content:after {
	content: "";
	display: table;
	clear: both
}

header.header-wrap .content .logo-link {
	display: inline-block;
	margin-left: 30px
}

header.header-wrap .content .logo {
	border: 0;
	width: 99px;
	height: 34px;
	background: url(/wps/images/logo.svg) no-repeat;
	background-size: 100% 100%
}

header.header-wrap .right-warp {
	width: 238px;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -17.5px
}

nav.nav-wrap {
	box-sizing: border-box;
	z-index: 9;
	display: inline-block;
	width: calc(100% - 367px)
}

nav.nav-wrap .navigation {
	box-sizing: border-box;
	justify-content: center
}

nav.nav-wrap .navigation .navigation-tier-one {
	font-size: 15px;
	height: 80px;
	line-height: 80px;
	display: inline-block
}

nav.nav-wrap .navigation .navigation-tier-one a {
	color: #444;
	font-size: 15px
}

nav.nav-wrap .navigation .navigation-tier-one a:active,nav.nav-wrap .navigation .navigation-tier-one a:hover,nav.nav-wrap .navigation .navigation-tier-one a:visited {
	color: #444
}

nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-product {
	margin-right: 50px
}

nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-public {
	margin-right: 45px
}

nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-personal {
	margin-right: 46px
}

nav.nav-wrap .navigation .navigation-tier-three,nav.nav-wrap .navigation .navigation-tier-two {
	display: none
}

nav.nav-wrap .navigation .navigation-tier-two {
	position: absolute;
	padding: 22px 0;
	background-color: #fff;
	line-height: 45px;
	font-size: 14px;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	box-shadow: 0 3px 7px rgba(0,0,0,.15);
	box-sizing: border-box
}

nav.nav-wrap .navigation .navigation-tier-three {
	position: absolute;
	left: 230px;
	background: #fafafa;
	width: 232px;
	top: 0;
	box-shadow: 3px 3px 7px rgba(0,0,0,.15);
	line-height: 45px;
	border-left: 0;
	padding: 22px 0
}

nav.nav-wrap .navigation .navigation-products-categories {
	float: left;
	*display: inline;
	width: 209px
}

nav.nav-wrap .navigation .navigation-products-categories .navigation-item {
	color: #545454!important
}

nav.nav-wrap .navigation .navigation-products-categories span.fwb {
	color: #303030!important
}

nav.nav-wrap .navigation .navigation-subnav {
	width: 232px
}

nav.nav-wrap .navigation .navigation--item,nav.nav-wrap .navigation .navigation-category-cta,nav.nav-wrap .navigation .navigation-item {
	color: #303030;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-left: 30px;
	cursor: pointer;
	box-sizing: border-box
}

nav.nav-wrap .navigation .navigation--item:active,nav.nav-wrap .navigation .navigation--item:hover,nav.nav-wrap .navigation .navigation--item:visited,nav.nav-wrap .navigation .navigation-category-cta:active,nav.nav-wrap .navigation .navigation-category-cta:hover,nav.nav-wrap .navigation .navigation-category-cta:visited,nav.nav-wrap .navigation .navigation-item:active,nav.nav-wrap .navigation .navigation-item:hover,nav.nav-wrap .navigation .navigation-item:visited {
	color: #303030
}

nav.nav-wrap .navigation p.navigation-item {
	cursor: default
}

nav.nav-wrap .navigation .navigation-category:hover {
	background-color: #fafafa
}

nav.nav-wrap .navigation .navigation-products-item:hover {
	background-color: #e0e0e0
}

nav.nav-wrap .navigation .navigation-category-cta {
	background: url(/wps/images/left.svg) no-repeat 90%
}

nav.nav-wrap .navigation .navigation-has-secondary:after {
	content: "";
	background: url(/wps/images/down.svg) no-repeat;
	position: relative;
	top: 50%;
	margin-top: -3px;
	right: -6px;
	float: right;
	display: inline-block;
	color: #72848e;
	width: 10px;
	height: 10px;
	transition: all .25s ease
}

nav.nav-wrap .navigation .navigation-has-secondary-active:after {
	margin-top: -7px;
	transform: rotate(180deg)
}

header.appheader-wrap {
	border-bottom: 1px solid #e8e8e8;
	height: 65px
}

header.appheader-wrap a.logo-link {
	width: 99px;
	height: 34px;
	margin-top: 15px;
	display: inline-block;
	background: url(/wps/images/logo.png) no-repeat 50%
}

header.appheader-wrap .app-logo-link {
	font-size: 18px;
	color: #303030;
	display: inline-block;
	position: relative;
	top: -10px;
	left: 10px;
	border-left: 2px solid #979797;
	line-height: 20px;
	height: 20px;
	padding-left: 20px;
	margin-left: 20px
}

header.appheader-wrap .app-category-search {
	width: 360px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border: 1px solid #e8e8e8;
	margin: 12px 153px 0 0;
	float: right;
	color: #545454
}

header.appheader-wrap .app-category-search:focus {
	border: 1px solid #5199f9
}

@media screen and (max-width:1040px) {
	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-product {
		margin-right: 36px
	}

	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-public {
		margin-right: 32px
	}

	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-personal {
		margin-right: 33px
	}
}

@media screen and (max-width:918px) {
	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-product {
		margin-right: 24px
	}

	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-public {
		margin-right: 19px
	}

	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-personal {
		margin-right: 20px
	}
}

@media screen and (max-width:850px) {
	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-product {
		margin-right: 20px
	}

	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-public {
		margin-right: 15px
	}

	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-personal {
		margin-right: 16px
	}
}

@media screen and (max-width:806px) {
	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-product {
		margin-right: 16px
	}

	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-public {
		margin-right: 11px
	}

	nav.nav-wrap .navigation .navigation-tier-one.navigation-tier-one-personal {
		margin-right: 12px
	}
}

@media screen and (max-width:768px) {
	header.header-wrap .content {
		height: 55px;
		display: block
	}

	header.header-wrap .content .logo-link {
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}

	header.header-wrap .content .logo-link .logo {
		width: 60px;
		height: 20.59px;
		margin-left: 20px
	}

	.mobile-nav {
		position: relative;
		top: 10px;
		float: right;
		display: block;
		width: 38px;
		height: 38px;
		border-radius: 100%;
		border: 0;
		background: #dde6ed;
		transition: background 125ms ease 0ms;
		z-index: 20;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-indent: -9999px;
		right: 20px;
		cursor: pointer
	}

	.mobile-nav:after,.mobile-nav:before {
		position: absolute;
		left: 0;
		right: 0;
		display: block;
		margin: auto;
		content: "";
		background: #000;
		height: 1px;
		width: 18px;
		transition: transform 125ms ease 0ms;
		top: 22px
	}

	.mobile-nav:before {
		top: 15px
	}

	.mobile-nav-active {
		background: #5199f9
	}

	.mobile-nav-active:after {
		background: #fff;
		transform: rotate(-45deg);
		bottom: 23px
	}

	.mobile-nav-active:before {
		background: #fff;
		transform: rotate(45deg);
		top: 18px
	}

	.mobile-nav-wrap {
		position: fixed;
		width: 100%;
		height: 100%;
		padding-top: 55px;
		z-index: 9;
		opacity: 0;
		background-color: #fff;
		transition: right 125ms ease;
		right: -100%;
		overflow: hidden
	}

	.mobile-nav-wrap .list .button,.mobile-nav-wrap .list a {
		font-size: 16px;
		line-height: 50px;
		padding-left: 25px;
		color: #3f3f3f;
		transition: color 125ms ease;
		display: block;
		width: 100%;
		text-align: left
	}

	.mobile-nav-wrap .list .button:after {
		content: "";
		background: url(/wps/images/down.svg) no-repeat;
		position: relative;
		top: 24px;
		right: 36px;
		float: right;
		display: inline-block;
		margin-right: 20px;
		color: #72848e;
		width: 10px;
		height: 10px;
		transition: transform .25s ease
	}

	.mobile-nav-wrap .list .mobile-nav-item-active {
		color: #303030
	}

	.mobile-nav-wrap .list .mobile-nav-item-active:after {
		transform: rotate(180deg)
	}

	.mobile-nav-wrap .list .item {
		display: none
	}

	.mobile-nav-wrap .list .item>a {
		display: block;
		font-size: 15px;
		line-height: 45px;
		padding-left: 25px;
		color: #545454
	}

	.mobile-nav-wrap-active {
		opacity: 1;
		right: 0
	}
}

footer {
	background-color: #262626
}

footer .content {
	padding-top: 47px;
	position: relative
}

footer .content .list_left .list_left_top {
	margin-bottom: 42px
}

footer .contactUs-list {
	width: 269px
}

footer .contactUs-list li .phoneWrapper,footer .list li .phoneWrapper {
	display: flex;
	flex-direction: row;
	color: #999;
	font-size: 13px;
	padding-left: 2px
}

footer .contactUs-list li .phoneWrapper .phone_above,footer .list li .phoneWrapper .phone_above {
	margin-right: 35px
}

footer .contactUs-list li .phoneWrapper .phone p,footer .list li .phoneWrapper .phone p {
	line-height: 31px
}

footer .contactUs-list li>h5,footer .list li>h5 {
	font-size: 16px;
	color: #fff;
	margin-bottom: 19px;
	line-height: 22px;
	font-weight: 400;
	padding-left: 2px
}

footer .list li>h5 a {
	color: #fff;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #ff4b21;
}

footer .contactUs-list li>a,footer .list li>a {
	font-size: 13px;
	line-height: 31px;
	display: block;
	cursor: pointer;
	color: #999
}

footer .contactUs-list li>a:hover,footer .list li>a:hover {
	color: #e9e9e9
}

footer .contactUs-list li>p,footer .list li>p {
	line-height: 31px;
	color: #999
}

footer .contactUs-list li .text,footer .list li .text {
	line-height: 20px;
	margin-bottom: 0
}

footer .contactUs-list li .text span:nth-child(2),footer .list li .text span:nth-child(2) {
	padding-left: 39px
}

footer .list_left {
	float: left;
	margin-left: 30px;
	padding-bottom: 60px;
}

footer .list {
	*zoom: 1;
	box-sizing: border-box
}

footer .list:after {
	content: "";
	display: table;
	clear: both
}

footer .list>li {
	width: 161px;
	max-width: 161px;
	float: left;
	*display: inline
}

footer .contactUs-list {
	text-align: left;
	float: right;
	margin-right: 76px
}

footer .contactUs-list>li>img {
	width: 61px;
	margin-top: 9px
}

footer .contactUs-list .title {
	font-size: 15px;
	color: #3f3f3f
}

footer .contactUs-list .tel {
	font-size: 20px;
	color: #575757;
	line-height: 31px;
	margin-bottom: 13px
}

footer .contactUs-list .time {
	margin-top: 3px
}

footer .contactUs-list .icon {
	margin-top: 15px;
	height: 35px
}

footer .contactUs-list .icon .img {
	display: inline-block;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	margin-right: 9px
}

footer .contactUs-list .icon .qq {
	background: url(/wps/images/qq.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list .icon .qq:hover {
	background: url(/wps/images/qq2.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list .icon .mail {
	background: url(/wps/images/email.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list .icon .mail:hover {
	background: url(/wps/images/email2.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list .icon .weibo {
	background: url(/wps/images/weibo.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list .icon .weibo:hover {
	background: url(/wps/images/weibo2.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list .icon .weixin {
	margin-right: 0;
	position: relative;
	background: url(/wps/images/weixin.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list .icon .weixin:hover {
	background: url(/wps/images/weixin2.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list .icon .weixinHoverImgOne {
	width: 96px;
	height: 90px;
	vertical-align: top;
	display: none;
	margin-left: 6px;
	background: url(/wps/images/wpsma.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list .icon .weixinHoverImgTwo {
	width: 96px;
	height: 90px;
	vertical-align: top;
	display: none;
	margin-left: 6px;
	background: url(/wps/images/wpsCode.png) no-repeat;
	background-size: 100% 100%
}

footer .contactUs-list li.contactUs-list-two {
	margin-top: 56px
}

footer .footer-copy {
	font-size: 12px;
	color: #666;
	padding: 62px 0 45px;
	text-align: left;
	line-height: 17px
}

footer .footer-copy>b {
	position: relative;
	font-size: 12px;
	display: inline;
	line-height: 17px;
	margin-left: 30px
}

@media screen and (max-width:1104px) {
	footer .content {
		width: 96%
	}
}

@media screen and (max-width:1077px) {
	footer .list>li {
		width: 140px
	}
}

@media screen and (max-width:990px) {
	footer .list>li {
		width: 120px
	}
}

@media screen and (max-width:906px) {
	footer .list>li {
		width: 100px
	}
}

@media screen and (max-width:823px) {
	footer .contactUs-list {
		margin-right: 20px
	}

	footer .contactUs-list li .phoneWrapper .phone_above {
		margin-right: 15px
	}
}

@media screen and (max-width:768px) {
	footer .footer-copy {
		width: 100%;
		font-size: 12px;
		padding: 15px 0;
		text-align: center
	}
}

.public-contact-us {
	overflow: hidden;
	background: url(/wps/images/solution/modernity_9.png) no-repeat 50%;
	background-size: 100% 100%;
	text-align: center
}

.public-contact-us .line {
	width: 54px;
	height: 10px;
	display: block;
	margin: 0 auto;
	background: #5199f9;
	border-radius: 6px
}

.public-contact-us div {
	display: inline-block
}

.public-contact-us h2 {
	margin: 114px 0 28px;
	font-size: 30px;
	line-height: 30px;
	color: #303030;
	font-weight: 500
}

.public-contact-us .service {
	font-size: 28px;
	line-height: 36px;
	color: #575a5c;
	margin: 43px 0 49px;
	font-weight: 200
}

.public-contact-us .tel {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	line-height: 50px;
	color: #303030;
	text-align: left;
	letter-spacing: 2px
}

.public-contact-us .wechat {
	font-size: 20px;
	line-height: 20px;
	margin-top: 17px;
	color: #303030;
	letter-spacing: 4px
}

.public-contact-us img {
	margin-top: 16px!important
}

.public-contact-us div div {
	margin-left: 84px;
	margin-bottom: 100px
}

@media screen and (max-width:768px) {
	.public-contact-us {
		background: #fff
	}

	.public-contact-us .line {
		width: 15px;
		height: 3px
	}

	.public-contact-us h2 {
		margin: 0;
		font-size: 19px;
		line-height: 26px;
		letter-spacing: 2px
	}

	.public-contact-us .service {
		font-size: 15px;
		color: #2c2c2c;
		line-height: 21px;
		margin: 17px 0
	}

	.public-contact-us .tel {
		font-size: 15px;
		line-height: 30px;
		color: #2c2c2c;
		text-align: center;
		display: block
	}

	.public-contact-us div {
		display: block
	}

	.public-contact-us div div {
		margin: 0
	}

	.public-contact-us img {
		width: 125px!important;
		margin: 16px auto 0!important
	}

	.public-contact-us .wechat {
		font-size: 18px;
		line-height: 25px;
		color: #2c2c2c;
		margin: 10px 0 52px
	}
}

.bottom-layer {
	width: 100%;
	height: 95px;
	background-color: rgba(0,0,0,.8);
	z-index: 10;
	display: none
}

.bottom-layer.fixed {
	position: fixed;
	bottom: 0;
	left: 0
}

.bottom-layer .contain {
	max-width: 1200px;
	position: relative;
	height: 95px;
	margin: 0 auto
}

.bottom-layer .contain .lf {
	float: left
}

.bottom-layer .contain .rf {
	float: right
}

.bottom-layer .contain .img {
	width: 53px;
	height: 53px;
	background: url(/wps/images/layer-wps.png) no-repeat;
	margin-top: 21px;
	margin-right: 102px;
	margin-left: 8px
}

.bottom-layer .contain .txt {
	height: 95px;
	line-height: 95px;
	font-size: 26px;
	color: #fff
}

.bottom-layer .contain .txt strong {
	font-size: 30px;
	font-weight: 600;
	color: #5199f9
}

.bottom-layer .contain .vertical-line {
	height: 57px;
	width: 1px;
	background: #fff;
	margin-top: 19px;
	margin-right: 91px
}

.bottom-layer .contain .register {
	width: 142px;
	height: 43px;
	background: #5199f9;
	border-radius: 2px;
	color: #fff;
	padding: 0;
	font-size: 18px;
	margin-top: 26px;
	text-align: center;
	line-height: 43px;
	margin-right: 10px
}

.bottom-layer .contain .register:hover {
	background: #4284f5
}

.bottom-layer .cancel {
	cursor: pointer;
	width: 13px;
	height: 13px;
	background: url(/wps/images/layer-cancel.png) no-repeat;
	position: absolute;
	right: 25px;
	top: 14px
}

@media screen and (max-width:1300px) {
	.bottom-layer .contain .register {
		margin-right: 60px
	}
}

@media screen and (max-width:850px) {
	.bottom-layer .contain .img {
		margin-right: 50px
	}

	.bottom-layer .contain .vertical-line {
		display: none
	}

	.bottom-layer .contain .register {
		margin-right: 60px
	}
}

@media screen and (max-width:768px) {
	.bottom-layer {
		display: none!important
	}
}

.banner-swiper-container {
	padding: 81px 0 0!important;
	width: 100%;
	height: 470px
}

.banner-swiper-container .swiper-container {
	width: 100%
}

.banner-swiper-container .industry_solution {
	width: 100%;
	height: 100%;
	background: linear-gradient(#ffd739,#ffb515)
}

.banner-swiper-container .industry_solution .industry_solution_content {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.banner-swiper-container .industry_solution .industry_solution_content .bg_left {
	width: 216px;
	height: 224px;
	background: url(/wps/images/industrySolution/bg_l.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 18px;
	top: 51px
}

.banner-swiper-container .industry_solution .industry_solution_content .bf_right {
	width: 701px;
	height: 438px;
	background: url(/wps/images/industrySolution/bg_r.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 61px;
	top: 33px
}

.banner-swiper-container .industry_solution .industry_solution_content .text_box {
	color: #050505;
	z-index: 2;
	position: absolute;
	top: 136px;
	left: 18px
}

.banner-swiper-container .industry_solution .industry_solution_content .text_box p.one {
	font-size: 50px;
	line-height: 70px;
	letter-spacing: 4px;
	margin-left: 9px;
	font-weight: 500
}

.banner-swiper-container .industry_solution .industry_solution_content .text_box .line {
	width: 501px;
	height: 16px;
	margin-top: -20px;
	background: linear-gradient(90deg,#27afff,#0021ff)
}

.banner-swiper-container .industry_solution .industry_solution_content .text_box p.two {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 4px;
	margin: 19px 0 33px 10px;
	font-weight: 500
}

.banner-swiper-container .industry_solution .industry_solution_content .text_box .btn {
	width: 200px;
	height: 54px;
	line-height: 54px;
	font-size: 20px;
	display: inline-block;
	border-radius: 6px;
	color: #fff;
	text-align: center;
	margin-left: 6px;
	background: linear-gradient(#616161,#2f2d2d)
}

.banner-swiper-container .m_industry_solution {
	width: 100%;
	height: 7.9rem;
	background: url(/wps/images/industrySolution/m_bg.png) no-repeat;
	background-size: 100% 100%
}

.banner-swiper-container .activity-img {
	width: 100%;
	height: 100%;
	background: url(/wps/images/personal.jpg) no-repeat 50%
}

.banner-swiper-container .activity-img>a {
	display: block;
	width: 100%;
	max-width: 1530px;
	height: 100%;
	padding-top: 30px;
	text-align: center;
	background: url(/wps/images/personal.png) no-repeat 50%;
	margin: 0 auto;
	background-size: auto
}

.banner-swiper-container .cloud-document .content-document,.banner-swiper-container .wps-document .content-document {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width: 1200px
}

.banner-swiper-container .cloud-document .left,.banner-swiper-container .wps-document .left {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.banner-swiper-container .cloud-document a,.banner-swiper-container .wps-document a {
	color: #fff;
	display: inline-block;
	width: 200px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	background-color: #ecb925;
	border-radius: 5px;
	font-size: 18px;
	margin-top: 28px
}

.banner-swiper-container .cloud-document a:hover,.banner-swiper-container .wps-document a:hover {
	background-color: #d9ad33
}

.banner-swiper-container .cloud-document {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(/wps/images/cloud-document-back.jpg) no-repeat 50%;
	background-size: auto
}

.banner-swiper-container .cloud-document .left {
	left: 0
}

.banner-swiper-container .cloud-document h1 {
	font-size: 40px;
	line-height: 56px
}

.banner-swiper-container .cloud-document p {
	font-size: 32px;
	line-height: 45px;
	font-weight: lighter
}

.banner-swiper-container .cloud-document a {
	margin-top: 28px
}

.banner-swiper-container .wps-document {
	position: relative;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,#3467f8 80%,#f8d41f 0);
	background: -ms-linear-gradient(to right,#3467f8 80%,#f8d41f 20%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3467f8,endColorstr=#F8D41F)
}

.banner-swiper-container .wps-document h1 {
	font-size: 42px;
	line-height: 59px
}

.banner-swiper-container .wps-document h1 span {
	font-weight: lighter
}

.banner-swiper-container .wps-document p {
	font-size: 22px;
	line-height: 30px;
	font-weight: lighter
}

.banner-swiper-container .wps-document a {
	margin-top: 20px
}

.banner-swiper-container .wps-document .left {
	text-align: center;
	left: 140px
}

.banner-swiper-container .wps-document .right {
	width: 50%;
	max-width: 1044px;
	height: 470px
}

.banner-swiper-container .wps-document .right img {
	height: 470px
}

.mini-swiper-side .banner-swiper-container,.swiper-word .banner-swiper-container {
	padding: 0!important
}

.swiper-word .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	bottom: 85px
}

.swiper-word .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff
}

.main .small-category-title {
	font-weight: 500
}

.page-contents .small-category-title {
	font-size: 24px;
	line-height: 49px;
	color: #444
}

.page-contents .big-category-title {
	font-size: 34px;
	line-height: 49px;
	color: #444;
	font-weight: 500;
	margin: 0 0 20px
}

.page-contents .category-details {
	color: #666;
	line-height: 29px
}

.page-contents .terrace .left {
	margin: 150px 0 150px 16px
}

.page-contents .terrace .left h1 {
	line-height: 60px;
	font-size: 50px;
	color: #303030
}

.page-contents .terrace .scrollReveal-css {
	visibility: hidden
}

.page-contents .terrace .right {
	position: relative;
	left: 0;
	top: 70px
}

.page-contents .wpsplus-link-arrow-new {
	display: inline-block;
	margin-top: 20px;
	font-size: 15px;
	line-height: 21px;
	color: #6d97e4
}

.page-contents .wpsplus-link-arrow-new span {
	display: inline-block;
	position: relative;
	top: 1px;
	width: 8px;
	height: 12px;
	background: url(/wps/images/arrow-new.svg) no-repeat 50%;
	background-size: 8px 12px
}

.page-contents .wpsplus-link-arrow-new:hover {
	color: #4f87ee
}

.page-contents .wpsplus-link-arrow-new:hover span {
	background: url(/wps/images/arrow-new-hover.svg) no-repeat 50%;
	background-size: 8px 12px
}

.page-contents .content-left {
	float: left
}

.page-contents .content-right {
	float: right
}

.page-contents .page-contents-item.color {
	background-color: #f8f6f6
}

.page-contents .drive-wrap {
	position: relative;
	height: 660px
}

.page-contents .drive-wrap .content-left {
	height: 462px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	box-shadow: 0 0 10px #e6e6e6;
	border-radius: 5px
}

.page-contents .drive-wrap .content-left .mini-banner {
	width: 600px;
	height: 35px
}

.page-contents .drive-wrap .content-left .swiper-wrapper {
	position: absolute;
	top: 60px
}

.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	height: 60px;
	width: 600px;
	outline: none;
	position: absolute;
	top: 0
}

.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index1,.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index5 {
	background-color: #4993ea
}

.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index2 {
	background-color: #137b25
}

.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index3 {
	background-color: #eb896f
}

.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index0,.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index4 {
	background-color: #44516f
}

.page-contents .drive-wrap .content-left .swiper-pagination-bullet {
	display: inline-block;
	width: 54px;
	height: 52px;
	border-radius: 2px;
	margin-top: 4px;
	opacity: 1
}

.page-contents .drive-wrap .content-left .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	content: " ";
	display: inline-block;
	width: 54px;
	height: 52px;
	border-radius: 2px;
	background-color: #fff;
	opacity: .3
}

.page-contents .drive-wrap .content-left .swiper-pagination-bullet:first-child {
	z-index: 2000;
	background: url(/wps/images/icon1.svg) no-repeat 50%
}

.page-contents .drive-wrap .content-left .swiper-pagination-bullet:nth-child(2) {
	background: url(/wps/images/icon2.svg) no-repeat 50%
}

.page-contents .drive-wrap .content-left .swiper-pagination-bullet:nth-child(3) {
	background: url(/wps/images/icon3.svg) no-repeat 50%
}

.page-contents .drive-wrap .content-left .swiper-pagination-bullet:nth-child(4) {
	background: url(/wps/images/icon4.svg) no-repeat 50%
}

.page-contents .drive-wrap .content-left .content-img {
	width: 600px;
	overflow: hidden;
	position: relative;
	top: -6px
}

.page-contents .drive-wrap .content-left .content-img .banner-swiper-container {
	padding: 0!important
}

.page-contents .drive-wrap .content-left .content-img img {
	width: 100%
}

.page-contents .drive-wrap .content-right {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	right: 45px
}

.page-contents .office-wrap .content-right img {
	width: 660px;
	height: 490px
}

.page-contents .office-wrap,.page-contents .safe-wrap {
	position: relative;
	height: 660px
}

.page-contents .office-wrap .content-left,.page-contents .safe-wrap .content-left {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	left: 110px
}

.page-contents .office-wrap .content-right,.page-contents .safe-wrap .content-right {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.page-contents .office-wrap .content-right .mini-swiper-side,.page-contents .safe-wrap .content-right .mini-swiper-side {
	position: absolute;
	top: 50px;
	right: 8px;
	width: 177px;
	height: 237px
}

.page-contents .office-wrap .content-right .mini-swiper-side .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets,.page-contents .safe-wrap .content-right .mini-swiper-side .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	height: 30px;
	width: 177px
}

.page-contents .office-wrap .content-right .mini-swiper-side .swiper-pagination-bullet,.page-contents .safe-wrap .content-right .mini-swiper-side .swiper-pagination-bullet {
	display: inline-block;
	width: 60px;
	height: 30px
}

.page-contents .office-wrap .content-right .mini-swiper-side .swiper-pagination-bullet:first-child,.page-contents .safe-wrap .content-right .mini-swiper-side .swiper-pagination-bullet:first-child {
	background: url(/wps/images/mini-icon1.svg) no-repeat 50%
}

.page-contents .office-wrap .content-right .mini-swiper-side .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active,.page-contents .safe-wrap .content-right .mini-swiper-side .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active {
	background: url(/wps/images/mini-icon2.svg) no-repeat 50%
}

.page-contents .office-wrap .content-right .mini-swiper-side .swiper-pagination-bullet:nth-child(2),.page-contents .safe-wrap .content-right .mini-swiper-side .swiper-pagination-bullet:nth-child(2) {
	background: url(/wps/images/mini-icon3.svg) no-repeat 50%
}

.page-contents .office-wrap .content-right .mini-swiper-side .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active,.page-contents .safe-wrap .content-right .mini-swiper-side .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
	background: url(/wps/images/mini-icon4.svg) no-repeat 50%
}

.page-contents .office-wrap .content-right .mini-swiper-side .swiper-wrapper,.page-contents .safe-wrap .content-right .mini-swiper-side .swiper-wrapper {
	position: absolute;
	top: 30px
}

.page-contents .office-wrap .content-right .mini-swiper-side .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets,.page-contents .safe-wrap .content-right .mini-swiper-side .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	position: absolute;
	top: 0
}

.page-contents .office-wrap .content-right .mini-swiper-side .block1,.page-contents .safe-wrap .content-right .mini-swiper-side .block1 {
	height: 200px;
	width: 100%;
	background: url(/wps/images/mini-side2.png) no-repeat 50%;
	background-size: contain
}

.page-contents .office-wrap .content-right .mini-swiper-side .block2,.page-contents .safe-wrap .content-right .mini-swiper-side .block2 {
	height: 200px;
	width: 100%;
	background: url(/wps/images/mini-side1.png) no-repeat 50%;
	background-size: contain
}

.page-contents .serve-wrap {
	position: relative;
	height: 660px
}

.page-contents .serve-wrap .content-left {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.page-contents .serve-wrap img {
	width: 600px
}

.page-contents .serve-wrap .content-right {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	right: 110px
}

.page-contents .version-content {
	padding: 50px 20px
}

.page-contents .version-content p {
	color: #444;
	font-weight: 500;
	font-size: 34px;
	text-align: center;
	margin-bottom: 40px
}

.page-contents .version-content p.title {
	font-size: 20px;
	text-align: left;
	font-weight: 500;
	margin-bottom: 22px
}

.page-contents .version-content .content {
	width: 670px
}

.page-contents .version-content .price {
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 1px 0;
	padding-top: 30px
}

.page-contents .version-content ul {
	padding: 24px 0 0 25px
}

.page-contents .version-content ul li {
	font-size: 13px;
	line-height: 30px;
	color: #666
}

.page-contents .version-content ul img {
	display: inline-block;
	margin-right: 12px
}

.page-contents .version-content span.icon {
	position: relative;
	bottom: 40px;
	font-size: 15px;
	color: #4993ea
}

.page-contents .version-content span.desc {
	font-size: 20px;
	color: #4993ea
}

.page-contents .version-content span.number {
	font-size: 60px;
	color: #4993ea
}

.page-contents .version-content .content-left,.page-contents .version-content .content-right {
	width: 312px;
	padding: 70px 30px 40px;
	box-sizing: border-box;
	border: 1px solid #cbcbcb;
	border-radius: 6px;
	float: left;
	height: 629px
}

.page-contents .version-content .content-right {
	margin-left: 30px
}

.page-contents .version-content .btn {
	text-align: center;
	margin-top: 121px
}

.page-contents .version-content .btn a {
	display: inline-block;
	width: 160px;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	font-size: 16px
}

.page-contents .version-content .btn .btn-regist {
	color: #fff;
	background-color: #ff4b21;
	border: 1px solid #ff4b21
}

.page-contents .version-content .btn .btn-regist:hover {
	background-color: #ff5d37;
	border: 1px solid #ff5d37
}

.page-contents .version-content .btn .btn-buy {
	color: #ff4b21;
	border: 1px solid #ff4b21;
	background-color: #fff
}

.page-contents .version-content .btn .btn-buy:hover {
	color: #fff;
	border: 1px solid #ff4b21;
	background-color: #ff4b21
}

.page-contents .swiper-word {
	height: 400px
}

.page-contents .swiper-word .swiper-slide div {
	position: relative
}

.page-contents .swiper-word .block-detail {
	max-width: 800px;
	position: absolute;
	left: 50%;
	top: 88px;
	transform: translate(-50%);
	padding: 0 20px
}

.page-contents .swiper-word .block1 p,.page-contents .swiper-word .block2 p {
	color: #fff
}

.page-contents .swiper-word .block-detail__title {
	font-weight: 400;
	font-size: 28px;
	line-height: 40px;
	text-align: center
}

.page-contents .swiper-word .block-detail__desc {
	position: relative;
	height: 90px;
	margin-top: 24px
}

.page-contents .swiper-word .block-detail__desc .block-detail__desc-left {
	float: left;
	width: 40px;
	top: 10px
}

.page-contents .swiper-word .block-detail__desc .block-detail__desc-left p {
	font-size: 100px;
	line-height: 60px;
	position: relative;
	right: 12px
}

.page-contents .swiper-word .block-detail__desc .block-detail__desc-right {
	float: left;
	position: absolute;
	margin-left: 40px
}

.page-contents .swiper-word .block-detail__desc .block-detail__desc-right p {
	text-align: justify;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	font-weight: 300
}

.page-contents .swiper-word .block3 .block-detail__desc p,.page-contents .swiper-word .block3 .block-detail__footer,.page-contents .swiper-word .block4 .block-detail__desc p,.page-contents .swiper-word .block4 .block-detail__footer {
	color: #666
}

.page-contents .swiper-word .block-detail__footer {
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	text-align: right
}

.page-contents .swiper-word .block1 {
	height: 400px;
	background-color: #ffafa2;
	padding: 0 40px 0 20px
}

.page-contents .swiper-word .block2 {
	height: 400px;
	background-color: #b9d0e5;
	padding: 0 40px 0 20px
}

.page-contents .swiper-word .block3 {
	height: 400px;
	background-color: #fae9d4;
	padding: 0 40px 0 20px
}

.page-contents .swiper-word .block4 {
	height: 400px;
	background-color: #d8e7d2;
	padding: 0 40px 0 20px
}

.page-contents .user-content {
	padding: 70px;
	text-align: center
}

.page-contents .user-content p {
	color: #444;
	font-weight: 500;
	font-size: 34px;
	text-align: center;
	margin-bottom: 20px
}

.page-contents .user-content img {
	width: 100%;
	max-width: 1024px
}

.page-contents .try-out-wrap {
	height: 300px;
	text-align: center;
	padding-top: 75px;
	box-sizing: border-box;
	background: #5199f9;
	background: linear-gradient(90deg,#66b8ff,#4284f5)
}

.page-contents .try-out-wrap h2 {
	font-size: 38px;
	color: #fff
}

.page-contents .try-out-wrap .button {
	width: 246px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #539dfa;
	background-color: #fff;
	margin-top: 30px
}

.page-contents .try-out-wrap .button:hover {
	color: #fff;
	background-color: #5ad8df
}

.page-contents .app-center {
	background: url(/wps/images/appbg.jpg) no-repeat 50%
}

.page-contents .app-center .details {
	text-align: center;
	padding: 102px 0 140px;
	box-sizing: border-box;
	height: 469px
}

.page-contents .app-center .details>h6 {
	margin-bottom: 10px
}

.page-contents .app-center .details>h4 {
	font-size: 42px;
	color: #303030;
	line-height: 59px
}

.page-contents .app-center .details>p {
	font-size: 18px;
	color: #8b8b8b;
	line-height: 32px;
	margin: 15px 0 0;
	font-weight: 300
}

.page-contents .app-center .details .more {
	font-size: 15px;
	color: #3d77e3;
	cursor: pointer
}

@media screen and (min-width:1921px) and (max-width:3328px) {
	.banner-swiper-container .activity-img,.banner-swiper-container .cloud-document {
		background-size: 100% 490px
	}
}

@media screen and (max-width:1240px) {
	.terrace .left h1 {
		font-size: 40px
	}

	.terrace .right {
		width: 60%
	}

	.page-contents .drive-wrap,.page-contents .serve-wrap {
		margin: 0 20px
	}

	.page-contents .drive-wrap .content-left,.page-contents .serve-wrap .content-left {
		width: 50%
	}

	.page-contents .drive-wrap .content-left .content-img,.page-contents .drive-wrap .content-left .mini-banner,.page-contents .drive-wrap .content-left img,.page-contents .serve-wrap .content-left .content-img,.page-contents .serve-wrap .content-left .mini-banner,.page-contents .serve-wrap .content-left img {
		width: 100%;
		height: auto
	}

	.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets,.page-contents .serve-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		width: 100%
	}

	.page-contents .office-wrap,.page-contents .safe-wrap {
		margin: 0 20px
	}

	.page-contents .office-wrap .content-right,.page-contents .safe-wrap .content-right {
		width: 660px
	}

	.page-contents .office-wrap .content-right img,.page-contents .safe-wrap .content-right img {
		width: 100%;
		height: auto
	}

	.drive-wrap .banner-swiper-container {
		height: 420px
	}

	.banner-swiper-container .cloud-document .left {
		left: 10px
	}
}

@media screen and (max-width:1060px) {
	.page-contents .terrace .left h1 {
		font-size: 40px
	}

	.page-contents .terrace .right {
		width: 60%
	}

	.page-contents .drive-wrap .content-left {
		height: 350px;
		overflow: hidden
	}

	.page-contents .drive-wrap,.page-contents .serve-wrap {
		margin: 0 20px
	}

	.page-contents .drive-wrap .content-left,.page-contents .serve-wrap .content-left {
		width: 40%
	}

	.page-contents .drive-wrap .content-left .content-img,.page-contents .drive-wrap .content-left .mini-banner,.page-contents .drive-wrap .content-left img,.page-contents .serve-wrap .content-left .content-img,.page-contents .serve-wrap .content-left .mini-banner,.page-contents .serve-wrap .content-left img {
		width: 100%;
		height: auto
	}

	.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets,.page-contents .serve-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		width: 100%
	}

	.page-contents .office-wrap,.page-contents .safe-wrap {
		margin: 0 20px
	}

	.page-contents .office-wrap .content-right,.page-contents .safe-wrap .content-right {
		width: 600px
	}

	.page-contents .office-wrap .content-right img,.page-contents .safe-wrap .content-right img {
		width: 100%;
		height: auto
	}

	.page-contents .banner-swiper-container .wps-document {
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(/wps/images/wps-document-back.jpg) no-repeat 50%;
		background-size: 100% 470px;
		padding: 0 20px;
		box-sizing: border-box
	}

	.page-contents .banner-swiper-container .wps-document .content {
		position: relative
	}

	.page-contents .banner-swiper-container .wps-document h1 {
		font-size: 40px
	}

	.page-contents .banner-swiper-container .wps-document p {
		font-size: 32px
	}

	.page-contents .banner-swiper-container .wps-document a {
		display: inline-block;
		width: 200px;
		height: 52px;
		line-height: 52px;
		text-align: center;
		background-color: #ecb925;
		border-radius: 5px;
		font-size: 18px;
		margin-top: 20px
	}

	.page-contents .banner-swiper-container .wps-document a:hover {
		background-color: #d9ad33
	}

	.page-contents .banner-swiper-container .wps-document .left {
		color: #fff;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%)
	}

	.page-contents .banner-swiper-container .wps-document .right {
		margin-top: 30px
	}
}

@media screen and (max-width:1145px) {
	.page-contents .office-wrap .content-left,.page-contents .safe-wrap .content-left {
		left: 0
	}

	.page-contents .drive-wrap .content-right,.page-contents .serve-wrap .content-right {
		right: 0
	}
}

@media screen and (max-width:1020px) {
	.page-contents .office-wrap,.page-contents .safe-wrap {
		margin: 0 20px
	}

	.page-contents .office-wrap .content-right,.page-contents .safe-wrap .content-right {
		width: 600px
	}

	.page-contents .office-wrap .content-right img,.page-contents .safe-wrap .content-right img {
		width: 100%;
		height: auto
	}

	.banner-swiper-container .wps-document .right {
		width: 65%
	}

	.banner-swiper-container .wps-document .left {
		left: 10px
	}
}

@media screen and (max-width:987px) {
	.page-contents .terrace .right {
		width: 50%
	}

	.main .small-category-title {
		font-size: 24px;
		line-height: 49px;
		color: #444;
		text-align: center
	}

	.main .big-category-title {
		font-size: 34px;
		line-height: 49px;
		font-weight: 500;
		color: #444;
		margin: 10px 0 15px;
		text-align: center
	}

	.main .category-details {
		font-size: 18px;
		color: #666;
		line-height: 29px;
		font-weight: 300;
		text-align: center
	}

	.main .wpsplus-link-arrow-new {
		width: 100%;
		text-align: center
	}

	.page-contents {
		padding: 0
	}

	.page-contents .terrace .left {
		width: 100%;
		text-align: center;
		margin: 0
	}

	.page-contents .terrace .left>h1 {
		font-size: 30px;
		line-height: 45px
	}

	.page-contents .terrace .left>img {
		width: 100%;
		margin-top: 45px
	}

	.page-contents .content {
		max-width: 600px;
		margin: 0 auto
	}

	.page-contents .drive-wrap .content-left {
		height: auto;
		overflow: hidden
	}

	.page-contents .drive-wrap .content-left .swiper-wrapper {
		position: relative;
		top: 0
	}

	.page-contents .drive-wrap,.page-contents .serve-wrap {
		padding: 45px 20px;
		height: auto
	}

	.page-contents .drive-wrap .content-left,.page-contents .drive-wrap .content-right,.page-contents .serve-wrap .content-left,.page-contents .serve-wrap .content-right {
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0);
		margin-top: 30px
	}

	.page-contents .drive-wrap .content-left .content-img,.page-contents .drive-wrap .content-left .mini-banner,.page-contents .drive-wrap .content-left img,.page-contents .serve-wrap .content-left .content-img,.page-contents .serve-wrap .content-left .mini-banner,.page-contents .serve-wrap .content-left img {
		width: 100%;
		height: auto
	}

	.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets,.page-contents .serve-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		width: 100%
	}

	.page-contents .office-wrap,.page-contents .safe-wrap {
		padding: 45px 20px;
		height: auto
	}

	.page-contents .office-wrap .content-left,.page-contents .safe-wrap .content-left {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		transform: translate(0)
	}

	.page-contents .office-wrap .content-right,.page-contents .safe-wrap .content-right {
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0);
		width: 100%;
		margin-top: 30px
	}

	.page-contents .office-wrap .content-right img,.page-contents .safe-wrap .content-right img {
		width: 100%;
		height: auto
	}

	.page-contents .swiper-word {
		height: 450px
	}

	.page-contents .swiper-word .swiper-slide div {
		position: relative
	}

	.page-contents .swiper-word .block-detail {
		max-width: 800px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		padding: 0 40px
	}

	.page-contents .swiper-word .block1 p,.page-contents .swiper-word .block2 p {
		color: #fff
	}

	.page-contents .swiper-word .block-detail__title {
		font-size: 25px;
		text-align: center
	}

	.page-contents .swiper-word .block-detail__desc {
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		margin: 44px 0;
		height: auto
	}

	.page-contents .swiper-word .block-detail__desc span {
		font-size: 50px;
		line-height: 30px;
		position: relative;
		top: 20px;
		right: 10px
	}

	.page-contents .swiper-word .block-detail__footer {
		font-size: 13px;
		text-align: right
	}

	.page-contents .swiper-word .block1 {
		height: 450px;
		background-color: #ffafa2;
		padding: 0
	}

	.page-contents .swiper-word .block2 {
		height: 450px;
		background-color: #b9d0e5;
		padding: 0
	}

	.page-contents .swiper-word .block3 {
		height: 450px;
		background-color: #fae9d4;
		padding: 0
	}

	.page-contents .swiper-word .block4 {
		height: 450px;
		background-color: #d8e7d2;
		padding: 0
	}

	.page-contents .swiper-word .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		bottom: 40px
	}

	.page-contents .user-content {
		padding: 60px 20px;
		text-align: center
	}

	.page-contents .user-content p {
		font-size: 1.34rem;
		text-align: center;
		margin-bottom: 20px
	}

	.page-contents .user-content img {
		width: 100%;
		height: auto
	}

	.page-contents .version-content {
		padding: 48.5px 30px
	}

	.page-contents .version-content .content {
		width: 100%
	}

	.page-contents .version-content .content-left,.page-contents .version-content .content-right {
		float: none;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		border-radius: 3px;
		padding: 57.5px 32.5px
	}

	.page-contents .version-content .content-right {
		margin: 40px auto 0
	}

	.page-contents .version-content p {
		font-size: 25px;
		line-height: 35px;
		color: #444;
		margin-bottom: 30px
	}

	.page-contents .version-content p.title {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 22px
	}

	.page-contents .version-content span.number {
		line-height: 84px
	}

	.page-contents .version-content span.desc {
		line-height: 14px
	}

	.page-contents .version-content ul {
		padding: 24px 0 0 22px
	}

	.page-contents .version-content ul li {
		font-size: 12px;
		line-height: 29px
	}

	.page-contents .version-content .btn {
		margin-top: 114px
	}

	.page-contents .version-content .btn a {
		width: 160px;
		height: 46px;
		line-height: 46px
	}

	.page-contents .drive-wrap .content-left .content-img img {
		margin-top: 60px
	}

	.cloud-document .right img {
		width: 550px
	}

	.banner-swiper-container .cloud-document .left {
		left: 10px
	}
}

@media screen and (max-width:910px) {
	.page-contents .terrace .right {
		width: 50%
	}

	.cloud-document .right img {
		width: 420px
	}

	.banner-swiper-container .cloud-document .left {
		left: 10px
	}

	.banner-swiper-container .cloud-document h1 {
		font-size: 35px
	}

	.banner-swiper-container .cloud-document p {
		font-size: 27px
	}
}

@media screen and (max-width:768px) {
	.banner-swiper-container {
		padding: 55px 0 0!important;
		height: auto
	}

	.banner-swiper-container .banner-img {
		display: inline-block
	}

	.banner-swiper-container .banner-img img {
		width: 100%
	}

	.main .small-category-title {
		font-size: 18px
	}

	.main .big-category-title,.main .small-category-title {
		color: #444;
		line-height: 36px;
		font-weight: Medium;
		text-align: center
	}

	.main .big-category-title {
		font-size: 25px;
		margin: 0
	}

	.main .category-details {
		font-size: 14px;
		color: #8b8b8b;
		line-height: 24px;
		font-weight: 300;
		text-align: center;
		margin-top: 13px
	}

	.main .wpsplus-link-arrow-new {
		width: 100%;
		text-align: center;
		margin-top: 16px;
		font-size: 13px
	}

	.page-contents {
		padding: 0
	}

	.page-contents .terrace .left {
		width: 100%;
		text-align: center;
		margin: 0
	}

	.page-contents .terrace .left>h1 {
		font-size: 30px;
		line-height: 45px
	}

	.page-contents .terrace .left>img {
		width: 100%;
		margin-top: 45px
	}

	.page-contents .content {
		max-width: 640px;
		margin: 0 auto
	}

	.page-contents .drive-wrap .content-left .swiper-wrapper {
		position: relative;
		top: 0
	}

	.page-contents .drive-wrap,.page-contents .serve-wrap {
		padding: 40px 30px;
		height: auto
	}

	.page-contents .drive-wrap .content-right,.page-contents .serve-wrap .content-right {
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0);
		margin-top: 0
	}

	.page-contents .drive-wrap .content-left,.page-contents .serve-wrap .content-left {
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0);
		margin-top: 30px
	}

	.page-contents .drive-wrap .content-left .content-img,.page-contents .drive-wrap .content-left .mini-banner,.page-contents .drive-wrap .content-left img,.page-contents .serve-wrap .content-left .content-img,.page-contents .serve-wrap .content-left .mini-banner,.page-contents .serve-wrap .content-left img {
		width: 100%;
		height: auto
	}

	.page-contents .drive-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets,.page-contents .serve-wrap .content-left .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		width: 100%
	}

	.page-contents .office-wrap,.page-contents .safe-wrap {
		padding: 40px 30px;
		height: auto
	}

	.page-contents .office-wrap .content-left,.page-contents .safe-wrap .content-left {
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0)
	}

	.page-contents .office-wrap .content-right,.page-contents .safe-wrap .content-right {
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0);
		width: 100%;
		margin-top: 30px
	}

	.page-contents .office-wrap .content-right img,.page-contents .safe-wrap .content-right img {
		width: 100%;
		height: auto
	}

	.page-contents .swiper-word {
		height: 450px
	}

	.page-contents .swiper-word .swiper-slide div {
		position: relative
	}

	.page-contents .swiper-word .block-detail {
		max-width: 800px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		padding: 0 30px 32px
	}

	.page-contents .swiper-word .block1 p,.page-contents .swiper-word .block2 p {
		color: #fff
	}

	.page-contents .swiper-word .block-detail__title {
		font-size: 25px;
		line-height: 35px;
		text-align: center
	}

	.page-contents .swiper-word .block-detail__desc {
		font-size: 16px;
		font-weight: 400;
		line-height: 27.5px;
		margin: 22px 0;
		height: auto
	}

	.page-contents .swiper-word .block-detail__desc span {
		font-size: 50px;
		line-height: 30px;
		position: relative;
		top: 20px;
		right: 10px
	}

	.page-contents .swiper-word .block-detail__footer {
		font-size: 13px;
		line-height: 18px;
		text-align: center
	}

	.page-contents .swiper-word .block1 {
		height: 450px;
		background-color: #ffafa2;
		padding: 0
	}

	.page-contents .swiper-word .block2 {
		height: 450px;
		background-color: #b9d0e5;
		padding: 0
	}

	.page-contents .swiper-word .block3 {
		height: 450px;
		background-color: #fae9d4;
		padding: 0
	}

	.page-contents .swiper-word .block4 {
		height: 450px;
		background-color: #d8e7d2;
		padding: 0
	}

	.page-contents .swiper-word .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		bottom: 32px
	}

	.page-contents .user-content {
		padding: 48px 20px;
		text-align: center
	}

	.page-contents .user-content p {
		font-size: 27px;
		line-height: 37px;
		text-align: center;
		margin-bottom: 16px
	}

	.page-contents .user-content img {
		width: 100%;
		height: auto
	}

	.page-contents .version-content {
		padding: 48.5px 30px
	}

	.page-contents .version-content .content {
		width: 100%
	}

	.page-contents .version-content .content-left,.page-contents .version-content .content-right {
		float: none;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		border-radius: 3px;
		padding: 57.5px 32.5px
	}

	.page-contents .version-content .content-right {
		margin: 40px auto 0
	}

	.page-contents .version-content p {
		font-size: 25px;
		line-height: 35px;
		color: #444;
		margin-bottom: 30px
	}

	.page-contents .version-content p.title {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 22px
	}

	.page-contents .version-content span.number {
		line-height: 84px
	}

	.page-contents .version-content span.desc {
		line-height: 14px
	}

	.page-contents .version-content ul {
		padding: 24px 0 0 22px
	}

	.page-contents .version-content ul li {
		font-size: 12px;
		line-height: 29px
	}

	.page-contents .version-content .btn {
		margin-top: 114px
	}

	.page-contents .version-content .btn a {
		width: 160px;
		height: 46px;
		line-height: 46px
	}

	.page-contents .drive-wrap .content-left .content-img img {
		margin-top: 60px
	}

	.page-contents .wpsplus-link-arrow-new span {
		top: 1px;
		background-size: 8px 10px
	}

	.drive-wrap .banner-swiper-container {
		height: auto
	}
}

@media screen and (max-width:320px) {
	.page-contents .drive-wrap,.page-contents .serve-wrap {
		padding: 40px 13px
	}
}

.appcenter-contents {
	padding-top: 65px
}

.appcenter-contents section {
	background-color: #fafafa
}

.appcenter-contents section .top-content {
	max-width: 1200px;
	margin: 0 auto
}

.appcenter-contents section .top-content .left {
	padding-top: 75px;
	padding-left: 103px
}

.appcenter-contents section .top-content .left h1 {
	font-size: 50px;
	color: #303030;
	line-height: 60px
}

.appcenter-contents section .top-content .left .text {
	font-size: 18px;
	color: #545454;
	margin: 18px 0 37px;
	font-weight: 300
}

.appcenter-contents section .top-content .left .button {
	margin-bottom: 125px;
	margin-top: 0
}

.appcenter-contents section .top-content .right {
	padding: 24px 95px 0 0
}

.appcenter-contents section .top-content .right .appcenter_gallery-top {
	width: 456px;
	height: 266px
}

.appcenter-contents section .top-content .right .appcenter_gallery-top .swiper-slide {
	background-size: 100% 100%
}

.appcenter-contents section .top-content .right .appcenter_gallery-thumbs {
	width: 456px;
	height: 66px
}

.appcenter-contents section .top-content .right .appcenter_gallery-thumbs .swiper-slide {
	width: 66px;
	height: 66px
}

.appcenter-contents .app-recommend {
	margin: 65px auto 0;
	max-width: 1200px
}

.appcenter-contents .app-recommend .left {
	padding-left: 103px
}

.appcenter-contents .app-recommend .right {
	max-width: 786px;
	padding: 0 103px 60px 0
}

.appcenter-contents .app-recommend-details {
	margin: 38px auto 0
}

.appcenter-contents .app-recommend-details .right {
	padding: 0 70px 85px 0
}

.appcenter-contents .recommend .left {
	width: 200px;
	margin-left: -8px
}

.appcenter-contents .recommend .left .title {
	margin: 0 0 19px;
	color: #303030;
	font-size: 17px;
	font-weight: 700;
	padding-left: 8px;
	font-family: 微软雅黑
}

.appcenter-contents .recommend .left .list>li>p {
	width: 100%;
	display: inline-block;
	color: #545454;
	font-size: 16px;
	line-height: 37px;
	padding-left: 8px;
	box-sizing: border-box
}

.appcenter-contents .recommend .left .list>li .active,.appcenter-contents .recommend .left .list>li>p:hover {
	background-color: #eee;
	border-radius: 2px
}

.appcenter-contents .recommend .right .search .app-search {
	width: 783px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	border: 0;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	color: #545454
}

.appcenter-contents .recommend .right .search .app-search:focus {
	border: 1px solid #5199f9;
	box-shadow: none
}

.appcenter-contents .recommend .right .category-wrap>h5 {
	color: #303030;
	font-size: 20px;
	margin: 35px 0 20px;
	line-height: 28px;
	font-family: 微软雅黑;
	font-weight: 700
}

.appcenter-contents .recommend .right .category-wrap>h5>a {
	font-size: 16px;
	color: #303030;
	float: right;
	margin-top: 3px
}

.appcenter-contents .recommend .right .category-wrap .list>li {
	box-sizing: border-box;
	width: 240px;
	height: 74px;
	margin-right: 32px;
	margin-bottom: 15px;
	float: left
}

.appcenter-contents .recommend .right .category-wrap .list>li>a {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 1px solid #e8e8e8;
	border-radius: 2px
}

.appcenter-contents .recommend .right .category-wrap .list>li>a>img {
	width: 40px;
	height: 40px;
	float: left;
	margin: 17px 15px 17px 12px
}

.appcenter-contents .recommend .right .category-wrap .list>li>a>h6 {
	font-size: 16px;
	color: #545454;
	margin-top: 15px
}

.appcenter-contents .recommend .right .category-wrap .list>li>a p {
	font-size: 14px;
	color: #8b8b8b;
	margin-bottom: 15px
}

.appcenter-contents .recommend .right .category-wrap .list>li>a:hover {
	border: 1px solid transparent;
	box-shadow: 0 2px 27px rgba(0,0,0,.15)
}

.appcenter-contents .recommend .right .category-wrap .list>li:nth-child(3n) {
	margin-right: 0
}

.appcenter-contents .recommend .right .choiceness .list>li {
	width: 240px;
	height: 245px;
	margin-bottom: 40px
}

.appcenter-contents .recommend .right .choiceness .list>li>a {
	width: 100%;
	height: 100%;
	border: 1px solid #e8e8e8
}

.appcenter-contents .recommend .right .choiceness .list>li>a>img {
	float: none;
	width: 100%;
	height: 135px;
	margin: 0
}

.appcenter-contents .recommend .right .choiceness .list>li>a>h6 {
	padding: 11px 0 11px 26px;
	margin: 0
}

.appcenter-contents .recommend .right .choiceness .list>li>a>p {
	padding-left: 26px;
	line-height: 20px;
	height: 40px;
	margin: 0
}

.appcenter-contents .recommend .right .category-title {
	font-size: 30px;
	line-height: 42px;
	color: #303030;
	font-family: 微软雅黑
}

.appcenter-contents .recommend .right .category-details {
	font-size: 16px;
	line-height: 25px;
	color: #545454;
	margin: 20px 0 30px
}

.appcenter-contents .recommend .category-back {
	margin-bottom: 50px
}

.appcenter-contents .recommend .category-back .category-back-link {
	font-size: 18px;
	color: #498ef2;
	margin-left: 5px;
	background: url(/wps/images/appcenter/black.svg) no-repeat 0;
	padding-left: 10px
}

.appcenter-contents .app-recommend-item-details {
	margin: 38px auto 0;
	border-bottom: 0
}

.appcenter-contents .app-recommend-item-details .left {
	width: 180px;
	margin-left: 70px;
	margin-bottom: 50px
}

.appcenter-contents .app-recommend-item-details .left .details-logo {
	width: 180px;
	height: 180px;
	border-radius: 20px;
	background-color: #f6f6f6;
	margin-bottom: 39px
}

.appcenter-contents .app-recommend-item-details .left .details-logo>img {
	width: 136px;
	height: 136px;
	margin: 22px
}

.appcenter-contents .app-recommend-item-details .left .details-button {
	display: inline-block;
	width: 180px;
	height: 38px;
	border-radius: 2px;
	color: #fff;
	background-color: #5199f9;
	text-align: center;
	line-height: 38px;
	cursor: pointer
}

.appcenter-contents .app-recommend-item-details .left .details-button:hover {
	background-color: #4284f5
}

.appcenter-contents .app-recommend-item-details .left .details-help {
	margin: 39px 0 15px
}

.appcenter-contents .app-recommend-item-details .left .details-help>li {
	font-size: 15px;
	color: #303030;
	line-height: 34px
}

.appcenter-contents .app-recommend-item-details .left .details-help>li:first-child {
	border-bottom: 2px solid #e8e8e8
}

.appcenter-contents .app-recommend-item-details .left .details-category {
	color: #545454
}

.appcenter-contents .app-recommend-item-details .left .details-category>p {
	font-size: 15px;
	margin-bottom: 13px
}

.appcenter-contents .app-recommend-item-details .left .details-category>span {
	font-size: 14px;
	padding: 4px 12px;
	background-color: #f6f6f6;
	border-radius: 2px;
	margin: 0 10px 10px 0;
	display: inline-block
}

.appcenter-contents .app-recommend-item-details .right {
	width: 705px;
	padding: 0 70px 95px 0
}

.appcenter-contents .app-recommend-item-details .right .details-header .use {
	float: right;
	font-size: 14px;
	color: #545454
}

.appcenter-contents .app-recommend-item-details .right .details-tablist {
	margin: 37px 0 23px;
	border-bottom: 2px solid #e8e8e8;
	height: 36px
}

.appcenter-contents .app-recommend-item-details .right .details-tablist>a {
	display: inline-block;
	font-size: 15px;
	color: #8b8b8b;
	line-height: 34px;
	margin-right: 34px;
	cursor: pointer
}

.appcenter-contents .app-recommend-item-details .right .details-tablist .active {
	color: #303030;
	border-bottom: 3px solid #5199f9
}

.appcenter-contents .app-recommend-item-details .right .details-tablist-panels .details {
	font-size: 16px;
	color: #545454;
	line-height: 25px
}

.appcenter-contents .app-recommend-item-details .right .details-tablist-panels .details img {
	max-width: 100%
}

.appcenter-contents .app-recommend-item-details .right .details-tablist-panels .details .text {
	height: 50px;
	overflow: hidden
}

.appcenter-contents .app-recommend-item-details .right .details-tablist-panels .symbol {
	color: #498ef2
}

.appcenter-contents .app-recommend-item-details .right .details-tablist-panels .click-more {
	float: right;
	font-size: 14px;
	color: #498ef2;
	cursor: pointer
}

.appcenter-contents .app-recommend-item-details .right .swiper-container {
	margin-top: 60px;
	width: 705px;
	height: 350px
}

.appcenter-contents .app-recommend-item-details .right .swiper-container img {
	width: 704px;
	height: 300px;
	background-color: #f5f5f5;
	box-sizing: border-box;
	border-radius: 2px
}

.appcenter-contents .app-recommend-item-details .right .swiper-pagination-bullet {
	width: 49px;
	height: 5px;
	border-radius: 2px
}

.appcenter-contents .app-recommend-item-details .right .swiper-pagination-bullet-active {
	background: #66b8ff!important
}

.appcenter-contents .app-recommend-item-details .right .swiper-container-horizontal>.swiper-pagination-bullets,.appcenter-contents .app-recommend-item-details .right .swiper-pagination-custom,.appcenter-contents .app-recommend-item-details .right .swiper-pagination-fraction {
	bottom: 0
}

.correlation-wrap {
	background-color: #f9f9f9
}

.correlation-wrap .content {
	padding: 23px 0;
	position: relative
}

.correlation-wrap .title {
	font-size: 24px;
	color: #545454;
	line-height: 40px;
	border-bottom: 1px solid #e8e8e8
}

.correlation-wrap .correlation-swiper-container {
	width: 1000px;
	margin-top: 52px;
	position: static
}

.correlation-wrap .correlation-swiper-container .swiper-slide {
	width: 220px;
	height: 180px;
	border-radius: 2px;
	border: 1px solid #e8e8e8;
	margin-right: 45px;
	background-color: #fff;
	box-sizing: border-box
}

.correlation-wrap .correlation-swiper-container .swiper-slide img {
	width: 100%;
	height: 114px
}

.correlation-wrap .correlation-swiper-container .swiper-slide .title {
	font-size: 16px;
	color: #545454;
	line-height: 22px;
	border: 0;
	padding-left: 20px
}

.correlation-wrap .correlation-swiper-container .swiper-slide .use {
	font-size: 14px;
	color: #a3a3a3;
	padding-left: 20px
}

.correlation-wrap .correlation-swiper-container .swiper-button-prev {
	background-image: url(/wps/images/correlationLeft.png);
	left: 0
}

.correlation-wrap .correlation-swiper-container .swiper-button-next {
	background-image: url(/wps/images/correlationRight.png);
	right: 0
}

.correlation-wrap .correlation-swiper-container .swiper-button-next,.correlation-wrap .correlation-swiper-container .swiper-button-prev {
	width: 50px;
	height: 50px;
	background-size: 100% 100%;
	margin-top: 25px
}

.Opacity {
	opacity: .5;
	filter: alpha(opacity=50)
}

.appcenter-swiper {
	width: 456px;
	height: 365px;
	position: relative;
	overflow: hidden;
	_zoom: 1
}

.appcenter-swiper .img {
	width: 456px;
	height: 266px;
	position: relative
}

.appcenter-swiper .img>li {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}

.appcenter-swiper .img .active {
	opacity: 1!important;
	visibility: visible!important
}

.appcenter-swiper .img .hover-none {
	opacity: 0;
	visibility: hidden;
	transition: none
}

.appcenter-swiper .img .hover-show {
	opacity: 1;
	visibility: visible
}

.appcenter-swiper .img img {
	width: 100%
}

.appcenter-swiper .shadow {
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	height: 70px
}

.appcenter-swiper .thumb {
	width: 456px;
	height: 80px;
	background-color: #fafafa;
	position: absolute;
	bottom: 0;
	display: inline-block;
	margin-top: 22px
}

.appcenter-swiper .thumb>ul {
	width: 100%;
	height: 80px;
	overflow: hidden;
	_zoom: 1
}

.appcenter-swiper .thumb>ul>li {
	width: 66px;
	height: 66px;
	margin-right: 28px;
	display: inline-block;
	cursor: pointer;
	box-sizing: border-box;
	margin-top: 2px
}

.appcenter-swiper .thumb>ul>li>img {
	width: 100%;
	border-radius: 33px;
	margin-top: 3px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}

.appcenter-swiper .thumb>ul>li:first-child {
	margin-left: 4px
}

.appcenter-swiper .thumb>ul>li:last-child {
	margin-right: 0
}

.appcenter-swiper .thumb>ul .active {
	box-shadow: 1px 0 13px rgba(0,0,0,.15)
}

.download-content {
	text-align: center;
	color: #303030;
	padding: 111px 0 100px
}

.download-content>h2 {
	margin-top: 57px
}

.download-content .describe {
	font-size: 22px;
	line-height: 30px;
	margin: 10px auto 58px
}

.download-content .list>li {
	width: 556px;
	height: 420px;
	background-color: #fafafa;
	border: 1px solid #ececec;
	display: inline-block;
	margin-bottom: 20px;
	border-radius: 2px
}

.download-content .list>li .img {
	margin: 63px auto 18px;
	width: 70px;
	height: 70px
}

.download-content .list>li .office {
	background: url(/wps/images/download/office.svg) no-repeat
}

.download-content .list>li .pdf {
	background: url(/wps/images/download/pdf.svg) no-repeat
}

.download-content .list>li .drive {
	background: url(/wps/images/download/cloud.svg) no-repeat
}

.download-content .list>li .mail {
	background: url(/wps/images/download/email.svg) no-repeat
}

.download-content .list>li .word {
	background: url(/wps/images/download/word.svg) no-repeat
}

.download-content .list>li>h5 {
	font-size: 22px;
	color: #303030;
	line-height: 30px;
	font-family: 微软雅黑
}

.download-content .list>li>p {
	font-size: 16px;
	color: #545454;
	line-height: 22px;
	margin: 10px auto 40px;
	font-weight: 300
}

.download-content .list>li .button {
	width: 349px;
	margin: 0 auto
}

.download-content .list>li .button>a {
	display: inline-block;
	width: 172px;
	height: 40px;
	color: #fff;
	padding-left: 30px;
	text-align: center;
	line-height: 40px;
	border-radius: 6px;
	box-sizing: border-box;
	background-image: url(/wps/images/download/icon.png);
	background-color: #3a3f48;
	background-repeat: no-repeat
}

.download-content .list>li .button>a:hover {
	background-color: #272c35
}

.download-content .list>li .button>a:nth-child(3) {
	margin-top: 5px
}

.download-content .list>li .button>a:nth-of-type(odd) {
	margin-right: 5px
}

.download-content .list>li .button .pc {
	background-position: 18px -36px
}

.download-content .list>li .button .ios {
	background-position: 19px -122px
}

.download-content .list>li .button .android {
	background-position: 18px -78px;
	padding-left: 43px
}

.download-content .list>li .button .linux {
	background-position: 18px -165px
}

.download-content .list>li .button .mac {
	background-position: 18px 2px
}

.download-content .list>li .button.text-align-l {
	text-align: left
}

.download-content .list>li:nth-of-type(odd) {
	float: left
}

.download-content .list>li:nth-of-type(2n) {
	float: right
}

#driveDownloadDialog {
	height: 467px
}

#driveDownloadDialog .top {
	width: 100%;
	height: 248px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: linear-gradient(90deg,#f0f4f7,#d6e8f4)
}

#driveDownloadDialog .top .img {
	width: 78px;
	height: 78px;
	background: url(/wps/images/download/cloudBig.svg) no-repeat;
	display: inline-block;
	background-size: 100% 100%;
	margin-top: 24px
}

#driveDownloadDialog .top .topTextOne {
	color: #444;
	font-size: 32px;
	line-height: 45px
}

#driveDownloadDialog .top .topTextTwo {
	color: #666;
	font-size: 16px;
	line-height: 22px
}

#driveDownloadDialog .bottom {
	width: 100%;
	height: 219px;
	display: flex;
	justify-content: center;
	align-items: center
}

#driveDownloadDialog .bottom p {
	color: #444;
	font-size: 16px;
	line-height: 22px
}

#driveDownloadDialog .bottom .bottomItem {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

#driveDownloadDialog .bottom .bottomItem .QRcodeImg {
	width: 136px;
	height: 136px;
	margin-top: 8px
}

#driveDownloadDialog .bottom .bottomLeft {
	margin-right: 48px
}

#driveDownloadDialog .bottom .bottomLeft .iosQRcodeImg {
	background: url(/wps/images/download/iosQRCode.png) no-repeat;
	background-size: 100% 100%
}

#driveDownloadDialog .bottom .bottomRight .androidQRcodeImg {
	background: url(/wps/images/download/androidQRCode.png) no-repeat;
	background-size: 100% 100%
}

#driveDownloadDialog .close {
	width: 28px;
	height: 28px;
	background: url(/wps/images/download/close.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	margin-top: 4px;
	margin-right: 6px
}

@keyframes a {
	0% {
		left: 40%;
		top: 350px
	}

	to {
		left: 160px;
		top: 40px
	}
}

@keyframes b {
	0% {
		transform: scale(0)
	}

	50% {
		transform: scale(1.3)
	}

	70% {
		transform: scale(1.2)
	}

	to {
		transform: scale(1.3)
	}
}

@keyframes c {
	0% {
		width: 0;
		height: 0
	}

	to {
		width: 100%;
		height: 100%
	}
}

.workbench-header {
	height: 54px;
	line-height: 54px;
	color: #fff;
	position: static;
	background-color: #2e77ff
}

.workbench-header img {
	margin-left: 20px;
	vertical-align: middle;
	margin-top: -6px
}

.workbench-header>span {
	font-size: 16px;
	margin-left: 10px
}

.workbench-header .avatar {
	position: relative;
	float: right
}

.workbench-header .avatar .headerRegistButton-js {
	float: left;
	margin-right: 20px;
	color: #fff
}

.workbench-header .avatar.msg-avatar-js .headerRegistButton-js {
	float: none;
	display: inline-block;
	line-height: 54px;
	margin-right: 54px
}

.workbench-header .avatar .messageButton-js {
	position: relative;
	float: left;
	display: inline-block;
	margin-right: 20px;
	margin-top: 20px;
	width: 15px;
	height: 20px;
	background: url(/wps/images/workbench/bell.png) 0 0 no-repeat
}

.workbench-header .avatar .messageButton-js .spot {
	display: none;
	position: absolute;
	top: -4px;
	right: 0;
	width: 8px;
	height: 8px;
	background-color: #f65d5f;
	border-radius: 50%
}

.workbench-header .avatar .workbench-name {
	margin: 0 20px 0 0;
	color: #fff;
	cursor: pointer;
	height: 54px;
	line-height: 54px
}

.workbench-header .avatar .workbench-name:after {
	content: "";
	position: relative;
	top: 12px;
	left: 4px;
	width: 0;
	height: 0;
	border: 5px solid #fff;
	border-color: #fff transparent transparent
}

.workbench-header .avatar .workbench-menu {
	position: absolute;
	top: 61px;
	right: 15px;
	width: 162px;
	background-color: #fff;
	text-align: center;
	line-height: normal;
	box-shadow: 0 2px 1px 0 hsla(0,0%,53%,.41);
	border: 1px solid #efefef;
	z-index: 2
}

.workbench-header .avatar .workbench-menu>a {
	font-size: 13px;
	color: #666;
	width: 160px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	position: relative
}

.workbench-header .avatar .workbench-menu>a:hover {
	background-color: #ecf3ff
}

.workbench-header .avatar .arrow-border {
	top: -16px;
	right: 10px;
	border-color: transparent transparent hsla(0,0%,80%,.2);
	border-width: 8px
}

.workbench-header .avatar .arrow-border,.workbench-header .avatar .arrow-border .arrow-inner {
	position: absolute;
	display: block;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	border-style: dashed dashed solid
}

.workbench-header .avatar .arrow-border .arrow-inner {
	top: -9px;
	left: -10px;
	border-color: transparent transparent #fff;
	border-width: 10px
}

.workbench-title {
	font-size: 18px;
	line-height: 18px;
	border-left: 4px solid #337afe;
	padding-left: 10px
}

.workbench-content .workbench-left {
	height: 100%;
	position: relative;
	padding-right: 240px;
	z-index: 1
}

.workbench-content .workbench-left .message-content {
	width: 100%;
	border: 1px solid #cfe8fa;
	line-height: 26px;
	box-sizing: border-box;
	position: relative;
	background: #e7f3fc url(/wps/images/mess.png) no-repeat;
	background-position: 36px;
	padding: 6px 27px 6px 57px
}

.workbench-content .workbench-left .message-content .details {
	font-size: 14px;
	color: #666
}

.workbench-content .workbench-left .message-content .closed {
	cursor: pointer;
	position: absolute;
	right: 13px;
	top: 13px;
	display: block;
	width: 12px;
	height: 12px;
	background: url(/wps/images/closed.png) no-repeat;
	background-size: 100% 100%
}

.workbench-content .workbench-left .message-content .span-details-js>a {
	color: #4587f0
}

.workbench-content .workbench-left .newfile-content {
	padding: 36px
}

.workbench-content .workbench-left .newfile-content .icon {
	display: inline-block;
	color: #666;
	font-size: 14px;
	width: 168px;
	height: 40px;
	line-height: 40px
}

.workbench-content .workbench-left .newfile-content .icon:hover {
	color: #666;
	border-radius: 5px;
	box-shadow: 0 2px 16px 0 hsla(0,0%,53%,.41)
}

.workbench-content .workbench-left .newfile-content .icon .img {
	float: left;
	margin: 8px 14px 8px 28px;
	width: 24px;
	height: 24px
}

.workbench-content .workbench-left .newfile-content .icon .doc {
	background: url(/wps/images/workbench/new_1.svg) no-repeat
}

.workbench-content .workbench-left .newfile-content .icon .xls {
	background: url(/wps/images/workbench/new_2.svg) no-repeat
}

.workbench-content .workbench-left .newfile-content .icon .ppt {
	background: url(/wps/images/workbench/new_3.svg) no-repeat
}

.workbench-content .workbench-left .newfile-content .icon .txt {
	background: url(/wps/images/workbench/new_4.svg) no-repeat
}

.workbench-content .workbench-left .bottom {
	padding: 0 0 0 40px;
	box-sizing: border-box;
	border-top: 1px solid #efefef
}

.workbench-content .workbench-left .doc-content {
	padding-top: 36px
}

.workbench-content .workbench-left .doc-content>ul {
	margin-top: 20px
}

.workbench-content .workbench-left .doc-content>ul li {
	border: 1px solid #f1f3f7;
	background: #f9fafd;
	border-radius: 5px;
	margin-bottom: 30px;
	margin-right: 53px;
	min-height: 96px;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-direction: row
}

.workbench-content .workbench-left .doc-content>ul li .left-box {
	width: 170px;
	background: #fff;
	border-right: 1px solid #f0f0f0;
	text-align: center;
	position: relative
}

.workbench-content .workbench-left .doc-content>ul li .left-box .inner-left-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%)
}

.workbench-content .workbench-left .doc-content>ul li .left-box .icon {
	width: 40px;
	height: 40px;
	display: inline-block
}

.workbench-content .workbench-left .doc-content>ul li .left-box .icon1 {
	background: url(/wps/images/workbench/icon_1.svg) no-repeat
}

.workbench-content .workbench-left .doc-content>ul li .left-box .icon2 {
	background: url(/wps/images/workbench/icon_2.svg) no-repeat
}

.workbench-content .workbench-left .doc-content>ul li .left-box .icon3 {
	background: url(/wps/images/workbench/icon_3.svg) no-repeat
}

.workbench-content .workbench-left .doc-content>ul li .left-box .icon4 {
	background: url(/wps/images/workbench/icon_4.svg) no-repeat
}

.workbench-content .workbench-left .doc-content>ul li .left-box .txt {
	line-height: 18px
}

.workbench-content .workbench-left .doc-content>ul li .center-box {
	-ms-flex: 1;
	flex: 1;
	justify-content: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex
}

.workbench-content .workbench-left .doc-content>ul li .center-box .txt {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 28px 0 28px 20px;
	width: 100%
}

.workbench-content .workbench-left .doc-content>ul li .right-box {
	width: 210px;
	position: relative;
	min-height: 96px
}

.workbench-content .workbench-left .doc-content>ul li .right-box>a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	width: 130px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background-color: #2e77ff;
	border-radius: 1px solid #276ef2;
	color: #fff;
	font-size: 14px;
	font-family: Ping Fang SC,Helvetica Neue,Helvetica,Arial
}

.workbench-content .workbench-left .doc-content>ul li:hover {
	border-color: #6a9ff3;
	box-shadow: 0 1px 3px #708ab0
}

.workbench-content .workbench-right {
	width: 240px;
	position: absolute;
	right: 0;
	top: 54px;
	height: 100%;
	z-index: 1;
	background-color: #f8f8f8
}

.workbench-content .workbench-right .signIn-content {
	height: 152px;
	color: #444;
	overflow: hidden;
	text-align: center
}

.workbench-content .workbench-right .signIn-content .signInPOne {
	font-size: 14px;
	line-height: 20px;
	margin-top: 22px
}

.workbench-content .workbench-right .signIn-content .signInPTwo .workbenchDayNumber {
	font-size: 30px;
	color: #f5a623;
	line-height: 42px
}

.workbench-content .workbench-right .signIn-content .signInPTwo .daySpan {
	font-size: 14px;
	line-height: 20px;
	margin-left: 5px
}

.workbench-content .workbench-right .signIn-content .signInBtn {
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	margin: 7px auto 0;
	border-radius: 1px;
	cursor: pointer
}

.workbench-content .workbench-right .signIn-content .signIn-un {
	border: 1px solid #276ef2;
	color: #2e77ff
}

.workbench-content .workbench-right .signIn-content .signIn-ed {
	color: #cecece;
	border: 1px solid #cecece
}

.workbench-content .workbench-right .question-content {
	color: #666;
	padding: 40px 15px 20px;
	border-top: 1px solid #dcdcdc
}

.workbench-content .workbench-right .question-content>h5 {
	margin-bottom: 15px
}

.workbench-content .workbench-right .question-content>h5>a {
	float: right;
	color: #4587f0;
	font-size: 13px
}

.workbench-content .workbench-right .question-content>ul>li {
	font-size: 14px;
	line-height: 29px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.workbench-content .workbench-right .question-content>ul>li>a {
	color: #666
}

.workbench-content .workbench-right .question-content>ul>li>a:hover {
	color: #303030
}

.workbench-content .workbench-right .code-content {
	margin-top: 168px;
	text-align: center
}

.workbench-content .workbench-right .code-content>p {
	color: #666;
	font-size: 13px;
	line-height: 18px
}

.cover {
	width: 100%;
	min-width: 960px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 29;
	font-family: PingFang SC;
	display: none
}

.cover .contain {
	margin-right: 240px;
	margin-left: 20px;
	background: #fff
}

.cover .contain.mr60 {
	margin-right: 50%
}

.cover .contain.rel {
	position: relative
}

.cover .contain.rel .outline {
	z-index: 20
}

.cover .contain.question {
	width: 240px;
	position: absolute;
	right: -10px;
	top: 0;
	z-index: 1;
	margin-right: 14px
}

.cover .contain.question .outline {
	display: none
}

.cover .contain.question .workbench-right {
	border: 10px solid transparent;
	background: none
}

.cover .contain.question .workbench-right .question-content {
	background: #fff;
	position: relative
}

.cover .contain.question .workbench-right .question-content:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	outline: 2px dashed #fff;
	transform: translate(-10px,-10px)
}

.cover .contain .workbench-left {
	height: 100%;
	position: relative;
	padding-right: 240px;
	z-index: 1
}

.cover .contain .workbench-left .message-content {
	width: 100%;
	border: 1px solid #cfe8fa;
	line-height: 26px;
	box-sizing: border-box;
	position: relative;
	background: #e7f3fc url(/wps/images/mess.png) no-repeat;
	background-position: 36px;
	padding: 6px 27px 6px 57px
}

.cover .contain .workbench-left .message-content .details {
	font-size: 14px;
	color: #666
}

.cover .contain .workbench-left .message-content .closed {
	cursor: pointer;
	position: absolute;
	right: 13px;
	top: 13px;
	display: block;
	width: 12px;
	height: 12px;
	background: url(/wps/images/closed.png) no-repeat;
	background-size: 100% 100%
}

.cover .contain .workbench-left .message-content .span-details-js>a {
	color: #4587f0
}

.cover .contain .workbench-left .newfile-content {
	padding: 36px
}

.cover .contain .workbench-left .newfile-content .icon {
	display: inline-block;
	color: #666;
	font-size: 14px;
	width: 168px;
	height: 40px;
	line-height: 40px
}

.cover .contain .workbench-left .newfile-content .icon:hover {
	color: #666;
	border-radius: 5px;
	box-shadow: 0 2px 16px 0 hsla(0,0%,53%,.41)
}

.cover .contain .workbench-left .newfile-content .icon .img {
	float: left;
	margin: 8px 14px 8px 28px;
	width: 24px;
	height: 24px
}

.cover .contain .workbench-left .newfile-content .icon .doc {
	background: url(/wps/images/workbench/new_1.svg) no-repeat
}

.cover .contain .workbench-left .newfile-content .icon .xls {
	background: url(/wps/images/workbench/new_2.svg) no-repeat
}

.cover .contain .workbench-left .newfile-content .icon .ppt {
	background: url(/wps/images/workbench/new_3.svg) no-repeat
}

.cover .contain .workbench-left .newfile-content .icon .txt {
	background: url(/wps/images/workbench/new_4.svg) no-repeat
}

.cover .contain .workbench-left .bottom {
	padding: 0 0 0 40px;
	box-sizing: border-box;
	border-top: 1px solid #efefef
}

.cover .contain .workbench-left .doc-content {
	padding-top: 36px
}

.cover .contain .workbench-left .doc-content>ul {
	margin-top: 20px
}

.cover .contain .workbench-left .doc-content>ul li {
	border: 1px solid #f1f3f7;
	background: #f9fafd;
	border-radius: 5px;
	margin-bottom: 30px;
	margin-right: 53px;
	min-height: 96px;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-direction: row
}

.cover .contain .workbench-left .doc-content>ul li .left-box {
	width: 170px;
	background: #fff;
	border-right: 1px solid #f0f0f0;
	text-align: center;
	position: relative
}

.cover .contain .workbench-left .doc-content>ul li .left-box .inner-left-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%)
}

.cover .contain .workbench-left .doc-content>ul li .left-box .icon {
	width: 40px;
	height: 40px;
	display: inline-block
}

.cover .contain .workbench-left .doc-content>ul li .left-box .icon1 {
	background: url(/wps/images/workbench/icon_1.svg) no-repeat
}

.cover .contain .workbench-left .doc-content>ul li .left-box .icon2 {
	background: url(/wps/images/workbench/icon_2.svg) no-repeat
}

.cover .contain .workbench-left .doc-content>ul li .left-box .icon3 {
	background: url(/wps/images/workbench/icon_3.svg) no-repeat
}

.cover .contain .workbench-left .doc-content>ul li .left-box .icon4 {
	background: url(/wps/images/workbench/icon_4.svg) no-repeat
}

.cover .contain .workbench-left .doc-content>ul li .left-box .txt {
	line-height: 18px
}

.cover .contain .workbench-left .doc-content>ul li .center-box {
	-ms-flex: 1;
	flex: 1;
	justify-content: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex
}

.cover .contain .workbench-left .doc-content>ul li .center-box .txt {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 28px 0 28px 20px;
	width: 100%
}

.cover .contain .workbench-left .doc-content>ul li .right-box {
	width: 210px;
	position: relative;
	min-height: 96px
}

.cover .contain .workbench-left .doc-content>ul li .right-box>a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	width: 130px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background-color: #2e77ff;
	border-radius: 1px solid #276ef2;
	color: #fff;
	font-size: 14px;
	font-family: Ping Fang SC,Helvetica Neue,Helvetica,Arial
}

.cover .contain .workbench-left .doc-content>ul li:hover {
	border-color: #6a9ff3;
	box-shadow: 0 1px 3px #708ab0
}

.cover .contain .workbench-right {
	width: 240px;
	position: absolute;
	right: 0;
	top: 54px;
	height: 100%;
	z-index: 1;
	background-color: #f8f8f8
}

.cover .contain .workbench-right .signIn-content {
	height: 152px;
	color: #444;
	overflow: hidden;
	text-align: center
}

.cover .contain .workbench-right .signIn-content .signInPOne {
	font-size: 14px;
	line-height: 20px;
	margin-top: 22px
}

.cover .contain .workbench-right .signIn-content .signInPTwo .workbenchDayNumber {
	font-size: 30px;
	color: #f5a623;
	line-height: 42px
}

.cover .contain .workbench-right .signIn-content .signInPTwo .daySpan {
	font-size: 14px;
	line-height: 20px;
	margin-left: 5px
}

.cover .contain .workbench-right .signIn-content .signInBtn {
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	margin: 7px auto 0;
	border-radius: 1px;
	cursor: pointer
}

.cover .contain .workbench-right .signIn-content .signIn-un {
	border: 1px solid #276ef2;
	color: #2e77ff
}

.cover .contain .workbench-right .signIn-content .signIn-ed {
	color: #cecece;
	border: 1px solid #cecece
}

.cover .contain .workbench-right .question-content {
	color: #666;
	padding: 40px 15px 20px;
	border-top: 1px solid #dcdcdc
}

.cover .contain .workbench-right .question-content>h5 {
	margin-bottom: 15px
}

.cover .contain .workbench-right .question-content>h5>a {
	float: right;
	color: #4587f0;
	font-size: 13px
}

.cover .contain .workbench-right .question-content>ul>li {
	font-size: 14px;
	line-height: 29px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cover .contain .workbench-right .question-content>ul>li>a {
	color: #666
}

.cover .contain .workbench-right .question-content>ul>li>a:hover {
	color: #303030
}

.cover .contain .workbench-right .code-content {
	margin-top: 168px;
	text-align: center
}

.cover .contain .workbench-right .code-content>p {
	color: #666;
	font-size: 13px;
	line-height: 18px
}

.cover .contain .workbench-left {
	padding-right: 0;
	margin-top: 80px
}

.cover .contain .workbench-left .category {
	padding-top: 0;
	padding-left: 20px;
	position: relative
}

.cover .contain .workbench-left .category>.workbench-title {
	display: none
}

.cover .contain .workbench-left .category>ul {
	transform: translateY(15px)
}

.cover .contain .workbench-left .category .animate {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.cover .contain .workbench-left .category .animate .wps {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/wps/images/workbench/wps.png) 0 0 no-repeat;
	background-size: cover;
	z-index: 30;
	animation: c .4s linear 2.5s;
	animation-fill-mode: forwards
}

.cover .contain .workbench-left .category .animate .circle {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #666;
	opacity: .6;
	position: absolute;
	left: 138px;
	top: 18px;
	z-index: 28;
	transform: scale(0);
	animation: b .5s linear 2s 1 alternate
}

.cover .contain .workbench-left .category .animate .mouse {
	width: 37px;
	height: 36px;
	background: url(/wps/images/workbench/mouse.png) no-repeat 50%;
	z-index: 29;
	position: absolute;
	left: 40%;
	top: 350px;
	animation: a .8s linear 1s;
	animation-fill-mode: forwards
}

.cover .contain .workbench-left .newfile-content {
	padding-left: 16px
}

.cover .contain .workbench-right {
	height: auto
}

.cover .contain .account {
	position: absolute;
	top: -12px;
	right: 6px;
	width: 186px;
	height: 112px;
	outline: 2px dashed #fff;
	background: url(/wps/images/workbench/account.png) no-repeat 50%
}

.cover .contain .adm {
	right: -130px;
	width: 130px;
	height: 51px;
	background: url(/wps/images/workbench/adm.png) no-repeat 50%
}

.cover .contain .adm,.cover .contain .outline {
	position: absolute;
	top: 0;
	border: 2px dashed #fff
}

.cover .contain .outline {
	left: 0;
	width: 100%;
	height: 100%;
	transform: translate(-10px,-10px);
	padding: 10px
}

.cover .contain .newcomer-tips {
	position: absolute;
	margin-top: -128px;
	margin-left: -300px;
	width: 600px;
	height: 256px;
	opacity: 0;
	z-index: 20;
	background: url(/wps/images/workbench/newcomer_bg.png) no-repeat 50%;
	background-size: 100% 100%
}

.cover .contain .newcomer-tips.after {
	height: 214px
}

.cover .contain .newcomer-tips.after .triangle {
	position: absolute;
	width: 0;
	height: 0;
	border: 20px solid transparent
}

.cover .contain .newcomer-tips.after .triangle.tl {
	top: -34px;
	left: 20px;
	border-bottom: 23px solid #4587f0
}

.cover .contain .newcomer-tips.after .triangle.bl {
	bottom: -34px;
	left: 20px;
	border-top: 23px solid #fff
}

.cover .contain .newcomer-tips.after .triangle.lb {
	border-right: 23px solid #fff;
	bottom: 20px;
	left: -34px
}

.cover .contain .newcomer-tips.after .triangle.lt {
	top: 20px;
	left: -34px;
	border-right: 23px solid #4587f0
}

.cover .contain .newcomer-tips.after .triangle.tr {
	border-bottom: 23px solid #4587f0;
	top: -34px;
	right: 20px
}

.cover .contain .newcomer-tips .close {
	width: 20px;
	height: 22px;
	background: url(/wps/images/workbench/close.png) no-repeat 50%;
	position: absolute;
	top: 18px;
	right: 22px;
	cursor: pointer
}

.cover .contain .newcomer-tips .txt {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.cover .contain .newcomer-tips .txt .fs24 {
	font-size: 24px
}

.cover .contain .newcomer-tips .txt .fs16 {
	font-size: 16px
}

.cover .contain .newcomer-tips .txt .fs14 {
	font-size: 14px
}

.cover .contain .newcomer-tips .txt .cblue {
	color: #4587f0
}

.cover .contain .newcomer-tips .txt .c999 {
	color: #999
}

.cover .contain .newcomer-tips .txt .c333 {
	color: #333
}

.cover .contain .newcomer-tips .txt .lh22 {
	line-height: 22px
}

.cover .contain .newcomer-tips .txt .lh56 {
	line-height: 56px
}

.cover .contain .newcomer-tips .txt .fwb {
	font-weight: 700
}

.cover .contain .newcomer-tips .txt .fwl {
	font-weight: light
}

.cover .contain .newcomer-tips .txt .padding76 {
	padding: 0 76px;
	text-align: left
}

.cover .contain .newcomer-tips .txt .ml124 {
	margin-left: 124px;
	margin-right: 158px;
	text-align: left
}

.cover .contain .newcomer-tips .txt .mb8 {
	margin-bottom: 8px
}

.cover .contain .newcomer-tips .next-step {
	width: 90px;
	height: 32px;
	position: absolute;
	right: 22px;
	bottom: 24px;
	background: #4587f0;
	color: #fff;
	font-size: 13px;
	border-radius: 4px;
	text-align: center;
	line-height: 32px;
	cursor: pointer
}

.cover .contain .newcomer-tips .next-step.center {
	right: 50%;
	transform: translateX(50%)
}

.cover .contain .newcomer-tips.bl {
	left: 50%;
	bottom: -255px
}

.cover .contain .newcomer-tips.tl {
	left: 50%;
	top: -138px
}

.cover .contain .newcomer-tips.rt {
	right: -650px;
	top: -28px
}

.cover .contain .newcomer-tips.cc {
	left: 50%;
	top: 50%;
	position: fixed
}

.cover .contain .newcomer-tips.br {
	right: 125px;
	bottom: -254px
}

.cover .contain .newcomer-tips.accountBR {
	right: 70px;
	bottom: -356px
}

.cover .contain .newcomer-tips.admBR {
	right: -123px;
	bottom: -310px
}

.message-alert {
	height: 540px
}

.message-alert .alert-left {
	float: left;
	width: 160px;
	height: 100%;
	background-color: #f2f2f2
}

.message-alert .alert-left .left-header {
	line-height: 60px;
	font-size: 16px;
	color: #000;
	text-align: center;
	border-bottom: 1px solid #e4e4e4
}

.message-alert .alert-left .left-list ul li {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	cursor: pointer
}

.message-alert .alert-left .left-list ul li .text {
	position: relative;
	margin-left: 20px;
	font-size: 13px;
	color: #999
}

.message-alert .alert-left .left-list ul li .text .spot {
	display: block;
	position: absolute;
	top: -2px;
	right: -6px;
	width: 8px;
	height: 8px;
	background-color: #f65d5f;
	border-radius: 50%
}

.message-alert .alert-left .left-list ul li:first-child {
	background: url(/wps/images/workbench/system.png) 10px 14px no-repeat;
	background-size: 12px 12px
}

.message-alert .alert-left .left-list ul li:nth-child(2) {
	background: url(/wps/images/workbench/doc.png) 10px 12px no-repeat;
	background-size: 12px 14px
}

.message-alert .alert-left .left-list ul li:last-child {
	background: url(/wps/images/workbench/application.png) 10px 14px no-repeat;
	background-size: 12px 12px
}

.message-alert .alert-left .left-list ul li.active span,.message-alert .alert-left .left-list ul li:hover span {
	color: #fff
}

.message-alert .alert-left .left-list ul li.active:first-child,.message-alert .alert-left .left-list ul li:hover:first-child {
	background: url(/wps/images/workbench/system_hover.png) 10px 14px no-repeat;
	background-size: 12px 12px;
	background-color: #3682dc
}

.message-alert .alert-left .left-list ul li.active:nth-child(2),.message-alert .alert-left .left-list ul li:hover:nth-child(2) {
	background: url(/wps/images/workbench/doc_hover.png) 10px 12px no-repeat;
	background-size: 12px 14px;
	background-color: #3682dc
}

.message-alert .alert-left .left-list ul li.active:last-child,.message-alert .alert-left .left-list ul li:hover:last-child {
	background: url(/wps/images/workbench/application_hover.png) 10px 14px no-repeat;
	background-size: 12px 12px;
	background-color: #3682dc
}

.message-alert .alert-right {
	float: left;
	width: 540px
}

.message-alert .alert-right .loading-container {
	position: relative;
	box-sizing: border-box;
	height: 170px;
	width: 170px;
	margin: 0 auto;
	margin-top: 168px
}

.message-alert .alert-right .loading-container #rond {
	height: 105px;
	width: 105px;
	border: 2px solid #3682dc;
	border-radius: 50%;
	position: absolute;
	top: 33px;
	left: 33px;
	animation: e 2s infinite;
	-webkit-animation: e 2s infinite
}

.message-alert .alert-right .loading-container #rond #test {
	height: 10px;
	width: 10px;
	position: absolute;
	background-color: #3682dc;
	border-radius: 50%;
	top: 10px;
	left: 10px
}

.message-alert .alert-right .loading-container #load {
	color: #3682dc;
	text-align: center;
	position: absolute;
	top: 75px;
	left: 65px;
	font-size: 16px
}

.message-alert .alert-right .loading-container #load>p {
	color: #3682dc;
	font-size: 16px
}

.message-alert .alert-right .right-list {
	clear: both;
	margin-left: 6px;
	margin-right: 6px
}

.message-alert .alert-right .right-list .list-title {
	color: #333;
	font-size: 13px;
	margin-top: 35px;
	margin-left: 12px
}

.message-alert .alert-right .right-list .list-header {
	background-color: #f8f8f8;
	border-top: 1px solid #efefef;
	height: 26px;
	line-height: 26px;
	margin-top: 5px;
	color: #666;
	font-size: 13px
}

.message-alert .alert-right .right-list .list-header .un-read {
	float: right;
	margin-right: 30px
}

.message-alert .alert-right .right-list .list-header .un-read .read-input {
	position: relative;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	background-color: #fff;
	width: 14px;
	height: 14px;
	border-radius: 2px;
	border: 1px solid #ccc;
	background-clip: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: text-bottom;
	transition: background-color .25s
}

.message-alert .alert-right .right-list .list-header .un-read .read-input:checked:after {
	position: absolute;
	top: 2px;
	left: 2px;
	content: "";
	display: block;
	height: 4px;
	width: 7px;
	border: 0 solid #fff;
	border-width: 0 0 2px 2px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

.message-alert .alert-right .right-list .list-header .un-read .read-input:checked {
	background-color: #3682dc;
	border-color: #3682dc
}

.message-alert .alert-right .right-list .list-header .un-read .read-input:checked:after {
	border-color: #fff
}

.message-alert .alert-right .right-list .list-header .un-read .read-input:focus {
	outline: none;
	box-shadow: inset 0 1px 1px hsla(0,0%,100%,.075),0 0 2px #3682dc
}

.message-alert .alert-right .right-list .list-header>p {
	float: right;
	margin-right: 40px;
	cursor: pointer
}

.message-alert .alert-right .right-list .list-content {
	height: 400px;
	overflow-y: scroll
}

.message-alert .alert-right .right-list .list-content>ul .list-item {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer
}

.message-alert .alert-right .right-list .list-content>ul .list-item:before {
	position: absolute;
	top: 16px;
	left: 6px;
	content: "";
	display: block;
	height: 6px;
	width: 6px;
	border: 0 solid rgba(0,0,0,.5);
	border-width: 0 0 2px 2px;
	transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transition: transform .5s;
	-moz-transition: -moz-transform .5s;
	-webkit-transition: -webkit-transform .5s;
	-o-transition: -o-transform .5s
}

.message-alert .alert-right .right-list .list-content>ul .list-item:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid #f3f3f3
}

.message-alert .alert-right .right-list .list-content>ul .list-item .message-title {
	color: #333;
	font-size: 13px;
	margin-left: 26px
}

.message-alert .alert-right .right-list .list-content>ul .list-item .message-title.un-read {
	color: #aaa
}

.message-alert .alert-right .right-list .list-content>ul .list-item .message-time {
	color: #aaa;
	font-size: 13px;
	float: right;
	margin-right: 40px;
	line-height: 24px
}

.message-alert .alert-right .right-list .list-content>ul .list-item .message-content {
	display: none;
	background-color: #f3f3f3;
	border: 1px solid #efefef;
	padding: 10px 14px 10px 10px;
	color: #666;
	font-size: 13px;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 40px
}

.message-alert .alert-right .right-list .list-content>ul .list-item.active:before {
	top: 15px;
	transform: rotate(-46deg);
	-ms-transform: rotate(-46deg);
	-moz-transform: rotate(-46deg);
	-webkit-transform: rotate(-46deg);
	-o-transform: rotate(-46deg)
}

.message-alert .alert-right .right-list .list-content>ul .list-item.active:after {
	border-bottom: none
}

.message-alert .alert-right .right-list .list-content>ul .list-item.active .message-content {
	display: block
}

.message-alert .alert-right .right-list .list-content>ul .no-data {
	text-align: center;
	margin-top: 200px;
	font-size: 20px;
	color: #666
}

.price-content {
	padding: 81px 0 120px
}

.price-content .banner {
	background-color: #5199f9;
	color: #fff;
	text-align: center;
	padding: 64px 0 50px
}

.price-content .banner h2 {
	margin: 0;
	color: #fff;
	font-size: 40px;
	line-height: 56px
}

.price-content .banner .text {
	font-size: 22px;
	line-height: 30px;
	margin: 15px 0 11px;
	font-weight: lighter
}

.price-content .banner .price {
	font-size: 15px;
	line-height: 21px;
	margin: 35px 0 30px;
	font-weight: lighter
}

.price-content .banner .price .num {
	font-size: 40px;
	color: #f9d45f;
	padding-left: 15px;
	font-weight: 400
}

.price-content .banner .price .zero {
	font-size: 22px;
	color: #f9d45f;
	padding-right: 20px
}

.price-content .banner .button {
	display: inline-block;
	width: 162px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	box-sizing: border-box;
	border: 1px solid #fff
}

.price-content .banner .button:hover {
	background-color: #5ad8df;
	color: #fff;
	border: 1px solid #5ad8df
}

.price-content .banner .right-button {
	color: #5199f9;
	background-color: #fff;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px
}

.price-content .banner .left-button {
	color: #fff;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.price-content .banner .link {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	text-decoration: underline;
	display: block;
	margin: 25px auto 0;
	font-weight: lighter
}

.price-content .banner .link:active {
	color: #fff
}

.price-content .items {
	color: #303030;
	width: 1200px;
	margin: 0 auto
}

.price-content .items>h4 {
	font-size: 30px;
	margin: 96px 0 0;
	text-align: center
}

.price-content .items .item {
	width: 295px;
	margin-top: 90px;
	float: left;
	box-sizing: border-box
}

.price-content .items .item>h5 {
	font-size: 22px;
	margin-bottom: 44px
}

.price-content .items .item li {
	line-height: 39px
}

.price-content .items .item li .condition {
	float: right
}

.price-content .items .item li .icon {
	margin-top: 13px;
	width: 19px;
	height: 19px;
	background: url(/wps/images/price-icon.png) no-repeat
}

.price-content .items .item h6.details {
	font-size: 16px;
	font-weight: 700;
	display: inline-block
}

.price-content .items .item span.details {
	font-size: 14px;
	margin-left: 11px
}

.price-content .items .edit {
	padding: 0 40px 0 30px
}

.price-content .items .collaboration>h5 {
	padding-left: 21px
}

.price-content .items .collaboration>ul {
	padding: 0 25px 0 21px;
	border-right: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8
}

.price-content .items .collaboration .icon {
	margin-right: 10px
}

.price-content .items .safe {
	padding: 0 43px 0 21px
}

.price-content .items .serve>h5 {
	padding-left: 20px
}

.price-content .items .serve>ul {
	padding: 0 26px 0 20px;
	border-left: 1px solid #e8e8e8
}

.price-content .items .serve li .condition {
	width: 59px;
	text-align: center
}

.price-content .items .serve li .icon {
	width: 19px;
	margin-right: 20px
}

.spring-content {
	background-image: linear-gradient(-138deg,#4183f3,#66b8ff)
}

.spring-content .yellow {
	color: #f9d45f
}

.spring-content .button {
	text-align: center;
	display: inline-block;
	border-radius: 2px
}

.spring-content .banner {
	width: 100%;
	background: url(/wps/images/spring/spring-bg1.png) no-repeat top;
	text-align: center;
	color: #fff;
	padding-top: 165px
}

.spring-content .banner h1 {
	font-size: 110px;
	line-height: 110px;
	text-shadow: 0 2px 3px hsla(216,5%,42%,.5);
	margin-top: 15px;
	letter-spacing: -4px
}

.spring-content .banner h2 {
	font-size: 50px;
	line-height: 70px;
	letter-spacing: 2px;
	font-weight: 300
}

.spring-content .banner .text {
	color: #32ced0;
	font-size: 36px;
	line-height: 50px;
	letter-spacing: 12px;
	font-weight: 300
}

.spring-content .banner .time-text {
	font-size: 36px;
	line-height: 50px;
	margin-top: 45px
}

.spring-content .banner .time {
	font-size: 26px;
	line-height: 33px;
	font-weight: 300
}

.spring-content .banner .button {
	width: 400px;
	height: 68px;
	line-height: 69px;
	margin: 33px auto 82px;
	background-color: #f9d45f;
	color: #11233d;
	font-size: 28px
}

.spring-content .banner .button:hover {
	background-color: #eac54d
}

.spring-content .service {
	color: #303030;
	text-align: center;
	padding-top: 57px
}

.spring-content .service .small-title {
	font-size: 22px;
	line-height: 39px
}

.spring-content .service>h4 {
	font-size: 40px;
	line-height: 56px
}

.spring-content .service>ul {
	max-width: 845px;
	margin: 25px auto 0
}

.spring-content .service>ul>li {
	width: 121px;
	height: 58px;
	float: left;
	padding-top: 152px;
	margin-right: 60px;
	background: url(/wps/images/spring/icon.png) no-repeat top
}

.spring-content .service>ul>li>p {
	font-size: 16px;
	line-height: 22px;
	color: #fff
}

.spring-content .service>ul>li:last-child {
	margin-right: 0
}

.spring-content .service>ul .icon1 {
	background-position: 0 0
}

.spring-content .service>ul .icon2 {
	background-position: -174px 0
}

.spring-content .service>ul .icon3 {
	background-position: -348px 0
}

.spring-content .service>ul .icon4 {
	background-position: -522px 0
}

.spring-content .service>ul .icon5 {
	background-position: -696px 0
}

.spring-content .activity-details {
	color: #fff;
	text-align: center;
	margin-top: 90px;
	background: hsla(0,0%,100%,.15)
}

.spring-content .activity-details .content>.title-details {
	text-align: center;
	color: #fff
}

.spring-content .activity-details .content>.title-details>h2 {
	font-size: 40px;
	line-height: 56px;
	padding-top: 68px;
	padding-bottom: 74px
}

.spring-content .activity-details .content>.title-details .title-dom {
	top: 22px;
	border-top: 1px solid #fff;
	width: 278px;
	left: 50%;
	height: 45px;
	margin-left: -139px;
	position: relative
}

.spring-content .activity-details .content>.title-details .title-dom>span {
	position: absolute;
	margin-top: -23px;
	font-size: 32px;
	line-height: 45px;
	width: 147px;
	background-color: #6eadfa;
	left: 50%;
	margin-left: -72px
}

.spring-content .activity-details .content>.title-details>p {
	margin-top: 56px;
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
	margin-top: 8px
}

.spring-content .activity-details .content .button {
	width: 400px;
	height: 68px;
	line-height: 68px;
	margin: 20px auto 55px;
	background-color: #f9d45f;
	color: #262626;
	font-size: 24px
}

.spring-content .activity-details .content .button:hover {
	background-color: #eac54d
}

.spring-content .activity-details .content .yellow {
	color: #ffd342
}

.spring-content .activity-details .content img {
	margin-top: 20px;
	padding-left: 34px
}

.spring-content .activity-details .content .time {
	font-size: 18px;
	line-height: 33px;
	font-weight: 300;
	margin-top: 10px
}

.spring-content .activity-details .content .date {
	font-size: 26px;
	line-height: 33px;
	font-weight: 300;
	margin-bottom: 35px
}

.spring-content .footer-bg {
	background: url(/wps/images/spring/spring-bg3.png) no-repeat bottom
}

.spring-content .footer {
	font-size: 26px;
	padding: 75px 0 97px;
	text-align: center;
	color: #fff
}

.spring-content .footer h5 {
	font-size: 32px;
	line-height: 45px
}

.spring-content .footer .text {
	margin-top: 30px;
	font-size: 16px;
	line-height: 27px;
	font-weight: 300
}

.spring-content .footer .text>a {
	color: #fff;
	text-decoration: underline
}

.spring-content .footer .text>a:hover {
	color: #fff
}

.docTasks-content .button {
	text-align: center;
	display: inline-block;
	border-radius: 4px
}

.docTasks-content .account {
	text-align: center;
	font-size: 15px;
	color: #fff;
	line-height: 21px
}

.docTasks-content .account>a {
	color: #fff;
	text-decoration: underline
}

.docTasks-content .banner {
	width: 100%;
	height: 620px;
	background: url(/wps/images/doc/bg.jpg) no-repeat;
	text-align: center;
	background-size: 100%
}

.docTasks-content .banner .content {
	width: 1011px;
	height: 541px;
	padding-top: 185px;
	background: url(/wps/images/doc/computer.png) no-repeat 0 90px
}

.docTasks-content .banner .small-title {
	font-size: 21px;
	color: #fff;
	line-height: 29px
}

.docTasks-content .banner .mess {
	color: #69c2ff;
	font-size: 20px;
	line-height: 28px
}

.docTasks-content .banner img {
	margin: 25px auto 10px
}

.docTasks-content .banner .button {
	width: 246px;
	height: 42px;
	line-height: 42px;
	margin: 20px auto;
	background: #f95f4a;
	color: #fff;
	font-size: 20px
}

.docTasks-content .activity-join {
	text-align: center
}

.docTasks-content .activity-join .title {
	font-size: 34px;
	color: #202020;
	line-height: 105px;
	text-align: center;
	height: 105px;
	margin-top: 62px;
	background: url(/wps/images/doc/title-bg.jpg) no-repeat 50%
}

.docTasks-content .activity-join .button {
	width: 246px;
	height: 42px;
	line-height: 42px;
	margin: 0 auto 20px;
	background: #3e98fa;
	color: #fff;
	font-size: 20px
}

.docTasks-content .activity-join .account {
	color: #545454;
	margin-bottom: 86px
}

.docTasks-content .activity-join .account>a {
	color: #545454
}

.docTasks-content .activity-join .step {
	width: 867px;
	margin: 18px auto 0;
	padding-bottom: 78px;
	box-sizing: border-box;
	text-align: left;
	background: url(/wps/images/doc/line.png) no-repeat top
}

.docTasks-content .activity-join .step .text {
	font-size: 24px;
	color: #303030;
	line-height: 33px
}

.docTasks-content .activity-join .step .space {
	font-size: 16px;
	color: #545454;
	line-height: 22px;
	margin-top: 5px
}

.docTasks-content .activity-join .step .space>span {
	color: #f95f4a
}

.docTasks-content .activity-join .step .left>img {
	margin: 57px auto 130px
}

.docTasks-content .activity-join .step .left>div {
	padding-right: 24px;
	text-align: right
}

.docTasks-content .activity-join .step .right>div {
	margin: 161px auto 104px;
	padding-left: 24px
}

.docTasks-content .rule-content {
	height: 308px;
	background-color: #fafafa;
	text-align: center;
	color: #545454;
	padding-top: 70px;
	box-sizing: border-box
}

.docTasks-content .rule-content>h4 {
	font-size: 32px;
	line-height: 45px
}

.docTasks-content .rule-content>p {
	width: 436px;
	font-size: 16px;
	line-height: 25px;
	margin: 22px auto 0;
	text-align: left
}

.docTasks-content .rule-content>p>a {
	color: #545454;
	text-decoration: underline
}

.docTasks-content .try-content {
	text-align: center;
	background: #3e98fa;
	background: linear-gradient(top,#3e98fa,#3a8de8);
	background: -ms-linear-gradient(top,#3e98fa,#3a8de8);
	font-size: 24px;
	line-height: 38px;
	color: #fff;
	padding-top: 85px;
	height: 371px;
	box-sizing: border-box
}

.docTasks-content .try-content .button {
	width: 246px;
	height: 42px;
	line-height: 42px;
	font-size: 20px;
	color: #3a8de8;
	background-color: #fff;
	margin-top: 42px
}

.docTasks-content .footer-copy {
	font-size: 13px;
	color: #575757;
	margin: 38px auto 34px
}

.train-content {
	padding-top: 81px
}

.train-content .banner {
	height: 410px;
	background-image: url(/wps/images/train/train_1.png);
	background-position: 50%
}

.train-content .banner .content {
	max-width: 1200px;
	margin: 0 auto;
	height: 100%;
	border: 1px solid transparent;
	box-sizing: border-box
}

.train-content .banner .content .title {
	width: 269px;
	height: 56px;
	font-size: 40px;
	font-family: PingFangSC-Medium;
	color: #fff;
	letter-spacing: 2.67px;
	text-align: left;
	margin-top: 123px
}

.train-content .banner .content .add-title {
	width: 455px;
	height: 28px;
	font-family: PingFangSC-Medium;
	font-size: 20px;
	color: #fff;
	letter-spacing: 2px;
	text-align: left;
	margin-top: 11px
}

.train-content .banner .content .consult {
	background: #5199f9;
	border-radius: 2px;
	width: 156px;
	height: 40px;
	margin-top: 29px;
	display: flex;
	align-items: center;
	justify-content: center
}

.train-content .banner .content .consult span {
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1.4px;
	text-align: left
}

.train-content .banner .content .consult:hover {
	background: #4284f5
}

.train-content .train-setup {
	padding-top: 51px
}

.train-content .train-setup .title {
	position: relative;
	height: 48px;
	font-family: PingFangSC-Light;
	font-size: 34px;
	color: #333;
	letter-spacing: 2.55px;
	text-align: left;
	text-align: center;
	padding-bottom: 9px
}

.train-content .train-setup .title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	background: #1d54fb;
	border-radius: 8px;
	width: 30px;
	height: 4px
}

.train-content .train-setup .content {
	display: flex;
	justify-content: space-around
}

.train-content .train-setup .content>li .icon {
	display: block;
	width: 92px;
	height: 92px;
	margin: 95px auto 0
}

.train-content .train-setup .content>li .small-title {
	display: block;
	color: #333;
	margin-top: 12px
}

.train-content .train-setup .content>li .desc,.train-content .train-setup .content>li .small-title {
	width: 100%;
	height: 25px;
	font-family: PingFangSC-Light;
	font-size: 18px;
	letter-spacing: 1.35px;
	text-align: center
}

.train-content .train-setup .content>li .desc {
	color: #999;
	margin-top: 4px;
	padding-bottom: 85px
}

.train-content .train-setup .content>li:first-child .icon {
	background-image: url(/wps/images/train/train_2.png)
}

.train-content .train-setup .content>li:nth-child(2) .icon {
	background-image: url(/wps/images/train/train_3.png)
}

.train-content .train-setup .content>li:nth-child(3) .icon {
	background-image: url(/wps/images/train/train_4.png)
}

.train-content .course {
	padding-top: 51px;
	padding-bottom: 25px;
	background-color: #f5f5f5
}

.train-content .course .title {
	position: relative;
	height: 48px;
	font-family: PingFangSC-Light;
	font-size: 34px;
	color: #333;
	letter-spacing: 2.55px;
	text-align: left;
	text-align: center;
	padding-bottom: 9px
}

.train-content .course .title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	background: #1d54fb;
	border-radius: 8px;
	width: 30px;
	height: 4px
}

.train-content .course .course-list {
	overflow: hidden;
	margin: 55px auto 0;
	position: relative
}

.train-content .course .course-list .box {
	height: 321px
}

.train-content .course .course-list .box .li {
	float: left;
	*display: inline;
	border: 1px solid #c6d0db;
	width: 275px;
	height: 320px;
	margin-left: 25px;
	position: relative;
	box-sizing: border-box
}

.train-content .course .course-list .box .li>div {
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear
}

.train-content .course .course-list .box .li .front {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	background: #fff
}

.train-content .course .course-list .box .li .front img {
	width: 100%;
	height: 100%
}

.train-content .course .course-list .box .li .front .bg {
	background-image: url(/wps/images/train/train_6.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 130px;
	position: absolute;
	bottom: 0;
	left: 0
}

.train-content .course .course-list .box .li .front .bg .tips {
	height: 55px;
	width: 100%;
	font-family: PingFangSC-Light;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1.35px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap
}

.train-content .course .course-list .box .li .hover {
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	opacity: .9;
	background-image: linear-gradient(0deg,#2981cc,#17aedc);
	background: #2981cc;
	justify-content: center;
	align-items: center
}

.train-content .course .course-list .box .li .hover .txt {
	width: 208px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	text-align: justify;
	align-items: center
}

.train-content .course .course-list .box .li button.slick-next,.train-content .course .course-list .box .li button.slick-prev {
	opacity: 0
}

.train-content .course .course-list .box .li:first-child {
	margin-left: 0
}

.train-content .course .course-list .box .li:hover .front {
	top: -320px
}

.train-content .course .course-list .box .li:after {
	content: "";
	width: 100%;
	height: 2px;
	background: #e6e6e6;
	position: absolute;
	bottom: -25px;
	left: 0
}

.train-content .course .course-list .line {
	display: none;
	height: 2px;
	overflow: hidden;
	margin-top: 25px
}

.train-content .course .course-list .line .line-li {
	float: left;
	*display: inline;
	width: 275px;
	margin-left: 25px;
	height: 2px;
	background: red
}

.train-content .course .course-list .line .line-li:first-child {
	margin-left: 0
}

.train-content .course .course-list .button {
	opacity: .8;
	background: url(/wps/images/train/train_6_button.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
	width: 34px;
	height: 70px;
	position: absolute;
	top: 50%;
	margin-top: -60px
}

.train-content .course .course-list .button.prev {
	left: 0;
	transform: scaleX(-1)
}

.train-content .course .course-list .button.next {
	right: 25px
}

.train-content .course .course-list .mt25 {
	margin-top: 25px
}

.train-content .best-course .course-list .box .slick-next,.train-content .best-course .course-list .box .slick-prev {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.train-content .best-course .course-list .box .li .front .bg {
	background-image: url(/wps/images/train/train_5.png);
	background-size: 100% 100%
}

.train-content .best-course .course-list .box .li .hover {
	background: #17aedc
}

.train-content .best-course .course-list .button {
	margin-top: -35px
}

.train-content .custom {
	position: relative;
	padding-top: 70px;
	padding-bottom: 58px
}

.train-content .custom .title {
	position: relative;
	height: 48px;
	font-family: PingFangSC-Light;
	font-size: 34px;
	color: #333;
	letter-spacing: 2.55px;
	text-align: left;
	text-align: center;
	padding-bottom: 9px
}

.train-content .custom .title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	background: #1d54fb;
	border-radius: 8px;
	width: 30px;
	height: 4px
}

.train-content .custom ul {
	margin: 79px auto 0;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap
}

.train-content .custom ul li {
	width: 486px;
	height: 190px;
	background: #fff;
	position: relative;
	box-shadow: 0 0 5px #ddd
}

.train-content .custom ul li .out {
	position: absolute;
	right: 26px;
	top: 0;
	height: 100%;
	width: 311px
}

.train-content .custom ul li .out .txt {
	font-family: PingFangSC-Light;
	font-size: 16px;
	color: #4f5464;
	letter-spacing: 1.14px;
	text-align: center;
	margin-top: 57px
}

.train-content .custom ul li .out>.button {
	position: absolute;
	bottom: 37px;
	left: 50%;
	width: 130px;
	height: 38px;
	margin-left: -65px;
	background: #5199f9;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	line-height: 38px
}

.train-content .custom ul li .out>.button:hover {
	background: #4284f5
}

.train-content .custom ul li:first-child {
	margin-right: 126px;
	background-image: url(/wps/images/train/train_7_1.png);
	background-position: 0 100%;
	background-repeat: no-repeat
}

.train-content .custom ul li:nth-child(2) {
	background-image: url(/wps/images/train/train_7_2.png);
	background-position: 0 100%;
	background-repeat: no-repeat
}

.train-content .custom .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #f2f7ff;
	width: 100%;
	height: 147px;
	z-index: -1
}

.train-content .lectuer-team {
	padding-top: 70px;
	position: relative
}

.train-content .lectuer-team .title {
	position: relative;
	height: 48px;
	font-family: PingFangSC-Light;
	font-size: 34px;
	color: #333;
	letter-spacing: 2.55px;
	text-align: left;
	text-align: center;
	padding-bottom: 9px
}

.train-content .lectuer-team .title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	background: #1d54fb;
	border-radius: 8px;
	width: 30px;
	height: 4px
}

.train-content .lectuer-team .lectuer-list {
	width: 862px;
	height: 494px;
	margin: 70px auto 0;
	padding-bottom: 120px;
	position: relative
}

.train-content .lectuer-team .lectuer-list li {
	opacity: 0;
	background: #000;
	width: 310px;
	height: 376px;
	position: absolute;
	left: 50%;
	top: 59px
}

.train-content .lectuer-team .lectuer-list li img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.train-content .lectuer-team .lectuer-list li.prev {
	left: 0;
	margin-left: 0;
	opacity: .7
}

.train-content .lectuer-team .lectuer-list li.next {
	left: 555px;
	opacity: .7
}

.train-content .lectuer-team .lectuer-list li.cur {
	width: 384px;
	height: 494px;
	top: 0;
	left: 239px;
	opacity: 1;
	z-index: 4
}

.train-content .lectuer-team .lectuer-list li.cur .hover {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(7,15,41,.54);
	box-shadow: 0 4px 12px 0 hsla(0,0%,58%,.5);
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: PingFangSC-Light;
	font-size: 34px;
	color: #fff;
	letter-spacing: 2.55px
}

.train-content .lectuer-team .button {
	position: absolute;
	bottom: 58px;
	left: 50%;
	margin-left: -65px;
	background: #5199f9;
	width: 129px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1.05px
}

.train-content .lectuer-team .button:hover {
	background: #4284f5
}

.train-content .live {
	padding-top: 70px;
	padding-bottom: 73px;
	background: #f5f5f5
}

.train-content .live .title {
	position: relative;
	height: 48px;
	font-family: PingFangSC-Light;
	font-size: 34px;
	color: #333;
	letter-spacing: 2.55px;
	text-align: left;
	text-align: center;
	padding-bottom: 9px
}

.train-content .live .title:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px;
	background: #1d54fb;
	border-radius: 8px;
	width: 30px;
	height: 4px
}

.train-content .live .live-list {
	margin: 70px auto 67px;
	height: 230px;
	overflow: hidden;
	position: relative
}

.train-content .live .live-list .li {
	float: left;
	*display: inline;
	width: 292px;
	height: 230px;
	margin-left: 8px
}

.train-content .live .live-list .li img {
	width: 100%;
	height: 100%
}

.train-content .live .live-list .li::first-child {
	margin-left: 0
}

.train-content .live .live-list .slick-next,.train-content .live .live-list .slick-prev {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.train-content .live .live-list .button {
	opacity: .8;
	background: url(/wps/images/train/train_6_button.png) no-repeat;
	background-size: 100%;
	width: 34px;
	height: 70px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -35px
}

.train-content .public-contact-us h2 {
	font-size: 34px;
	margin-bottom: 9px
}

.train-content .public-contact-us .line {
	width: 15px;
	height: 3px
}

.train-content .public-contact-us .service {
	margin: 57px 0 18px
}

@media screen and (min-width:1200px) {
	.content {
		max-width: 1200px
	}
}

@media screen and (max-width:1199px) {
	.train-content .custom {
		width: auto
	}

	.train-content .custom ul li {
		width: 340px
	}

	.train-content .custom ul li:first-child {
		margin-right: 26px
	}
}

@media screen and (max-width:768px) {
	.train-content .public-contact-us h2 {
		margin-top: 50px;
		font-size: 19px;
		line-height: 26px;
		letter-spacing: 2px
	}

	.train-content .public-contact-us .line {
		width: 15px;
		height: 3px
	}

	.train-content .public-contact-us .service {
		margin: 17px 0
	}
}

.lectuers {
	padding-top: 111px
}

.lectuers .content {
	max-width: 1200px;
	margin: 0 auto
}

.lectuers .banner {
	background-image: url(/wps/images/lectuers/bg.png);
	width: 100%;
	height: 410px;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative
}

.lectuers .banner p {
	font-family: PingFangSC-Light;
	font-size: 40px;
	color: #fff;
	letter-spacing: 2.67px;
	text-align: center;
	margin: 0 auto;
	padding-top: 151px;
	width: 593px;
	height: 112px;
	font-weight: 100;
	line-height: 56px
}

.lectuers .banner .line {
	background: #0a59f9;
	border-radius: 100px;
	width: 87px;
	height: 6px;
	margin: 16px auto 0
}

.lectuers .detail {
	margin-top: 86px;
	padding-bottom: 136px
}

.lectuers .detail .tab-title {
	position: relative
}

.lectuers .detail .tab-title li {
	float: left;
	*display: inline;
	width: 280px;
	height: 342px;
	position: relative;
	margin-left: 178px;
	box-sizing: border-box;
	cursor: pointer
}

.lectuers .detail .tab-title li img {
	width: 100%;
	height: 100%
}

.lectuers .detail .tab-title li .hover {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(7,15,41,.54);
	box-shadow: 0 4px 12px 0 hsla(0,0%,58%,.5);
	width: 100%;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: PingFangSC-Light;
	font-size: 34px;
	color: #fff;
	letter-spacing: 2.55px
}

.lectuers .detail .tab-title li:first-child {
	margin-left: 0
}

.lectuers .detail .tab-title li.active {
	box-shadow: 6px 7px 30px #666
}

.lectuers .detail .info {
	margin-top: 57px;
	background-size: 100% 100%;
	background: #f5f5f5;
	border: 1px solid #e8e8e8;
	position: relative;
	padding-top: 37px;
	padding-bottom: 45px;
	padding-right: 50px
}

.lectuers .detail .info .triangle {
	position: absolute;
	top: -48px;
	left: 111px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-bottom: 28px solid #e8e8e8
}

.lectuers .detail .info .triangle:after {
	content: "";
	position: absolute;
	bottom: -28px;
	left: -18px;
	width: 0;
	height: 0;
	border: 18px solid transparent;
	border-bottom: 26px solid #f5f5f5
}

.lectuers .detail .info .single {
	padding-left: 50px;
	display: none
}

.lectuers .detail .info .single .experience {
	width: 460px;
	float: left;
	min-height: 144px;
	margin-bottom: 36px
}

.lectuers .detail .info .single .experience .title {
	height: 22px;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #333;
	letter-spacing: 2.55px;
	text-align: left;
	font-weight: 900;
	margin-bottom: 10px
}

.lectuers .detail .info .single .experience ul li {
	list-style: disc;
	list-style-position: inside;
	font-family: PingFangSC-Light;
	font-size: 16px;
	color: #666;
	letter-spacing: 2.55px;
	text-align: left
}

.lectuers .detail .info .single .major {
	float: left;
	margin-bottom: 36px
}

.lectuers .detail .info .single .major .title {
	height: 22px;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #333;
	letter-spacing: 2.55px;
	text-align: left;
	font-weight: 900;
	margin-bottom: 10px
}

.lectuers .detail .info .single .major .l,.lectuers .detail .info .single .major .r {
	float: left
}

.lectuers .detail .info .single .major .l {
	width: 339px
}

.lectuers .detail .info .single .major ul li {
	list-style: disc;
	list-style-position: inside;
	font-family: PingFangSC-Light;
	font-size: 16px;
	color: #666;
	letter-spacing: 2.55px;
	text-align: left
}

.lectuers .detail .info .single .strength {
	overflow: hidden
}

.lectuers .detail .info .single .strength .title {
	height: 22px;
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #333;
	letter-spacing: 2.55px;
	text-align: left;
	font-weight: 900;
	margin-bottom: 10px
}

.lectuers .detail .info .single .strength .mt36 {
	margin-top: 36px
}

.lectuers .detail .info .single .strength ul li {
	font-family: PingFangSC-Light;
	font-size: 16px;
	color: #666;
	letter-spacing: 2.55px;
	text-align: left
}

.lectuers .detail .info .single.show {
	display: block
}

@media screen and (max-width:1200) {
	.detail .tab-title li {
		margin-left: --x-840/3
	}
}

@media screen and (max-width:768) {
	.lectuers .detail .info .major {
		margin-bottom: 36px
	}
}

.HRAdministration-content,.marketOperation-content {
	padding: 111px 0;
	color: #303030;
	max-width: 1200px;
	margin: 0 auto
}

.HRAdministration-content img,.marketOperation-content img {
	display: block
}

.HRAdministration-content .headline2,.marketOperation-content .headline2 {
	letter-spacing: 0;
	line-height: 32px;
	text-align: left
}

.HRAdministration-content .text,.marketOperation-content .text {
	color: #545454;
	letter-spacing: 0;
	line-height: 32px;
	text-align: left
}

.HRAdministration-content .mt15,.marketOperation-content .mt15 {
	margin-top: 15px
}

.HRAdministration-content .market,.marketOperation-content .market {
	padding-left: 27px;
	overflow: hidden
}

.HRAdministration-content .market h1,.marketOperation-content .market h1 {
	font-size: 40px;
	margin-top: 53px
}

.HRAdministration-content .market h2,.marketOperation-content .market h2 {
	font-size: 32px;
	margin-bottom: 26px
}

.HRAdministration-content .market .fs20,.marketOperation-content .market .fs20 {
	font-size: 20px;
	margin: 25px 0 46px
}

.HRAdministration-content .market .fs18,.marketOperation-content .market .fs18 {
	font-size: 18px
}

.HRAdministration-content .market .fs22,.marketOperation-content .market .fs22 {
	font-size: 22px
}

.HRAdministration-content img,.marketOperation-content img {
	margin: 62px 0 82px
}

.HRAdministration-content {
	padding-bottom: 100px
}

.HRAdministration-content .market h1 {
	margin-bottom: 40px
}

.HRAdministration-content .market h2 {
	margin-bottom: 0
}

.HRAdministration-content .market .fs20 {
	margin: 26px 0 41px
}

.HRAdministration-content .market .mb25 {
	margin-bottom: 25px
}

.reporter-content,.sale-content {
	padding: 111px 0 100px;
	margin: 0 auto;
	max-width: 1245px;
	color: #303030
}

.reporter-content img,.sale-content img {
	display: block
}

.reporter-content .mt8,.sale-content .mt8 {
	margin-top: 8px
}

.reporter-content .ml18,.sale-content .ml18 {
	margin-left: 18px
}

.reporter-content .ml46,.sale-content .ml46 {
	margin-left: 46px
}

.reporter-content .mt59,.sale-content .mt59 {
	margin-top: 59px
}

.reporter-content .mr66,.sale-content .mr66 {
	margin-right: 66px
}

.reporter-content .mt76,.sale-content .mt76 {
	margin-top: 76px
}

.reporter-content .mb78,.sale-content .mb78 {
	margin-bottom: 78px
}

.reporter-content .mr88,.sale-content .mr88 {
	margin-right: 88px
}

.reporter-content .mt78,.sale-content .mt78 {
	margin-top: 78px
}

.reporter-content .mr106,.sale-content .mr106 {
	margin-right: 106px
}

.reporter-content .mr119,.sale-content .mr119 {
	margin-right: 119px
}

.reporter-content .mt121,.sale-content .mt121 {
	margin-top: 121px
}

.reporter-content .mr126,.sale-content .mr126 {
	margin-right: 126px
}

.reporter-content .mt127,.sale-content .mt127 {
	margin-top: 127px
}

.reporter-content .mr132,.sale-content .mr132 {
	margin-right: 132px
}

.reporter-content .mt139,.sale-content .mt139 {
	margin-top: 139px
}

.reporter-content .mt149,.sale-content .mt149 {
	margin-top: 149px
}

.reporter-content .mr152,.sale-content .mr152 {
	margin-right: 152px
}

.reporter-content .mt20,.sale-content .mt20 {
	margin-top: 20px
}

.reporter-content .mt174,.sale-content .mt174 {
	margin-top: 174px
}

.reporter-content .mt177,.sale-content .mt177 {
	margin-top: 177px
}

.reporter-content .mt60,.sale-content .mt60 {
	margin-top: 60px
}

.reporter-content .mt44,.sale-content .mt44 {
	margin-top: 44px
}

.reporter-content .mt130,.sale-content .mt130 {
	margin-top: 130px
}

.reporter-content .float,.sale-content .float {
	float: left
}

.reporter-content .sale,.sale-content .sale {
	overflow: hidden
}

.reporter-content .declare,.sale-content .declare {
	font-size: 20px;
	color: #545454;
	letter-spacing: 0;
	line-height: 32px;
	text-align: justify;
	margin: 25px 0 58px
}

.reporter-content h1,.sale-content h1 {
	font-size: 40px;
	margin-top: 53px
}

.reporter-content h2,.sale-content h2 {
	font-size: 32px;
	letter-spacing: 0;
	line-height: 32px;
	text-align: left
}

.reporter-content .detail,.reporter-content span,.sale-content .detail,.sale-content span {
	font-size: 18px;
	color: #545454;
	letter-spacing: 0;
	line-height: 32px;
	text-align: left;
	margin-top: 30px
}

.reporter-content span,.sale-content span {
	font-size: 20px;
	text-align: justify;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 18px
}

.reporter-content .lh40,.sale-content .lh40 {
	line-height: 40px
}

.reporter-content {
	max-width: 1180px
}

.reporter-content .declare {
	margin-bottom: 65px
}

.reporter-content .ml16 {
	margin-left: 16px
}

.reporter-content .mr71 {
	margin-right: 71px
}

.reporter-content .mt77 {
	margin-top: 77px
}

.reporter-content .mb15 {
	margin-bottom: 15px
}

.reporter-content .mg {
	margin-top: 70px;
	margin-right: 85px
}

.solution-content {
	padding-top: 81px
}

.solution-content .content {
	max-width: 1200px
}

.solution-content img {
	display: block
}

.solution-content h1,.solution-content h2 {
	font-size: 30px;
	line-height: 30px;
	color: #303030
}

.solution-content h2 {
	font-weight: 500
}

.solution-content h3 {
	font-size: 36px;
	line-height: 36px;
	color: #303030;
	text-align: left;
	margin-bottom: 27px;
	padding-left: 4px
}

.solution-content .little-tittle {
	font-size: 20px;
	line-height: 20px;
	color: #303030;
	font-weight: 500
}

.solution-content .text {
	font-size: 18px;
	line-height: 36px;
	color: #575a5c
}

.solution-content .consult {
	width: 188px;
	height: 48px;
	border: 1px solid #5199f9;
	display: block;
	line-height: 48px;
	text-align: center;
	background: #5199f9;
	color: #fff;
	border-radius: 4px;
	font-size: 18px;
	margin-left: 28px
}

.solution-content .detail .tick {
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-right: 14px;
	vertical-align: middle;
	background: url(/wps/images/solution/tick.png) no-repeat
}

.solution-content .detail p {
	display: inline-block;
	font-size: 20px;
	line-height: 40px;
	color: #575a5c;
	text-align: left
}

.solution-content .detail .va40 {
	vertical-align: 40px
}

.solution-content .line {
	width: 54px;
	height: 10px;
	display: block;
	margin: 0 auto;
	background: #5199f9;
	border-radius: 6px
}

.solution-content .banner1 .content {
	max-width: 1200px
}

.solution-content .banner1 .left h1 {
	margin: 86px 0 18px;
	font-weight: 500
}

.solution-content .banner1 .left p:nth-of-type(2) {
	margin: 11px 0 30px
}

.solution-content .banner1 .left a {
	margin-bottom: 93px
}

.solution-content .mobileShow {
	display: none!important
}

.modernity-content .consult:hover {
	background-color: #377edc
}

.modernity-content .banner1 {
	background: url(/wps/images/solution/modernity_6.png) no-repeat 50%;
	background-size: 100% 100%
}

.modernity-content .banner1 .left a {
	margin-left: 0;
	color: #5199f9;
	background: none
}

.modernity-content .banner1 .left a:hover {
	background: #5199f9;
	color: #fff
}

.modernity-content .banner1 .right img {
	margin-top: 88px
}

.modernity-content .banner2 {
	overflow: hidden
}

.modernity-content .banner2 h2 {
	margin: 97px 0 21px;
	text-align: center
}

.modernity-content .banner2 .left img {
	margin-top: 99px;
	margin-bottom: 92px;
	box-shadow: 7px 7px 20px #dee2e7,0 10px 30px #dee2e7
}

.modernity-content .banner2 .right h3 {
	margin-top: 112px
}

.modernity-content .banner3 {
	background: url(/wps/images/solution/modernity_7.png) no-repeat 50%;
	background-size: 100% 100%
}

.modernity-content .banner3 .left h3 {
	margin-top: 150px
}

.modernity-content .banner3 .left a {
	margin-top: 17px;
	margin-bottom: 152px
}

.modernity-content .banner3 .right img {
	margin-top: 120px;
	box-shadow: 7px 7px 20px #dee2e7
}

.modernity-content .banner4 .left img {
	margin: 127px 0;
	box-shadow: 7px 7px 20px #dee2e7,-4px 7px 20px #dee2e7
}

.modernity-content .banner4 .right h3 {
	margin-top: 192px
}

.modernity-content .banner5 {
	background: url(/wps/images/solution/modernity_8.png) no-repeat 50%;
	background-size: 100% 100%
}

.modernity-content .banner5 .left h3 {
	margin-top: 150px
}

.modernity-content .banner5 .left a {
	margin-top: 18px;
	margin-bottom: 152px
}

.modernity-content .banner5 .right img {
	margin-top: 128px;
	box-shadow: 7px 7px 20px #dee2e7
}

.modernity-content .banner6 {
	overflow: hidden;
	text-align: center
}

.modernity-content .banner6 h2 {
	margin: 138px 0 28px
}

.modernity-content .banner6 p {
	font-size: 28px;
	line-height: 36px;
	color: #575a5c;
	margin: 52px 0 75px;
	font-weight: 200
}

.modernity-content .banner6 li,.modernity-content .banner6 ul {
	display: inline-block
}

.modernity-content .banner6 ul {
	margin-bottom: 144px
}

.modernity-content .banner6 li {
	width: 80px;
	height: 80px;
	border-radius: 16px
}

.modernity-content .banner6 li:first-child {
	box-shadow: 0 0 8px #e09ea7;
	background: url(/wps/images/solution/wps_logo.png) no-repeat 50%,linear-gradient(180deg,#ff644f 38%,#fe576a 65%)
}

.modernity-content .banner6 li:nth-child(2) {
	box-shadow: 0 0 8px #7a9dd3;
	background: url(/wps/images/solution/trangle.png) no-repeat 50%,linear-gradient(180deg,#4083ef 30%,#1462df 65%);
	margin: 0 99px
}

.modernity-content .banner6 li:nth-child(3) {
	box-shadow: 0 0 8px #7f96ad;
	background: url(/wps/images/solution/square.png) no-repeat 50%,linear-gradient(180deg,#245484 30%,#16406a 65%)
}

.mobileoffice-content .line {
	background: #42d195
}

.mobileoffice-content .consult {
	border-color: #42d195;
	background-color: #42d195
}

.mobileoffice-content .consult:hover {
	background-color: #28b97c
}

.mobileoffice-content h3 {
	margin-bottom: 35px
}

.mobileoffice-content .detail .tick {
	background: url(/wps/images/solution/tick2.png) no-repeat
}

.mobileoffice-content .banner1 {
	background-image: url(/wps/images/solution/mobileoffice_6.png)
}

.mobileoffice-content .banner1 .left a {
	border-color: #42d195;
	color: #42d195
}

.mobileoffice-content .banner1 .left a:hover {
	background-color: #42d195
}

.mobileoffice-content .banner1 .right img {
	margin-top: 42px
}

.mobileoffice-content .banner2 .right h3 {
	margin-top: 183px
}

.mobileoffice-content .banner3 {
	background-image: url(/wps/images/solution/mobileoffice_7.png)
}

.mobileoffice-content .banner3 .left h3 {
	margin-top: 192px
}

.mobileoffice-content .banner3 .left a {
	margin-bottom: 235px
}

.mobileoffice-content .banner3 .right img {
	margin-top: 128px
}

.mobileoffice-content .banner4 .right h3 {
	margin-top: 220px
}

.mobileoffice-content .banner5 {
	background-image: url(/wps/images/solution/mobileoffice_8.png)
}

.mobileoffice-content .banner5 .left h3 {
	margin-top: 190px
}

.mobileoffice-content .banner5 .left a {
	margin-bottom: 235px
}

.mobileoffice-content .banner6 {
	background: url(/wps/images/solution/mobileoffice_9.png) no-repeat;
	background-size: 100% 100%
}

.mobileoffice-content .banner8 .left img {
	margin: 128px 0;
	box-shadow: 0 10px 30px #dee2e7,0 -2px 30px #dee2e7
}

.mobileoffice-content .banner8 .right h3 {
	margin-top: 207px
}

.government-content .consult {
	background-color: #2d4b72;
	border-color: #2d4b72
}

.government-content .consult:hover {
	background-color: #1a304b
}

.government-content .line {
	background-color: #2d4b72
}

.government-content .detail .tick {
	background-image: url(/wps/images/solution/tick3.png)
}

.government-content h3 {
	margin-bottom: 35px
}

.government-content .banner1 {
	background-image: url(/wps/images/solution/government_2.png)
}

.government-content .banner1 .left a {
	color: #2d4b72
}

.government-content .banner1 .left a:hover {
	background-color: #2d4b72
}

.government-content .banner1 .right img {
	margin-top: 50px
}

.government-content .banner2 .left img {
	margin-left: 45px
}

.government-content .banner2 .right h3 {
	margin-top: 156px
}

.government-content .banner2 .right ul {
	margin-top: 20px;
	padding-left: 11px
}

.government-content .banner2 .right li {
	display: inline-block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #7f8285;
	font-size: 18px;
	background-color: #f4f5f8;
	margin-left: 17px
}

.government-content .banner3 {
	background-image: url(/wps/images/solution/government_02.png)
}

.government-content .banner3 .tick {
	margin-right: 7px
}

.government-content .banner3 .content {
	overflow: hidden;
	padding-left: 170px
}

.government-content .banner3 h3 {
	margin: 110px 0 54px;
	padding-left: 0
}

.government-content .banner3 .paragraphy {
	font-size: 20px;
	color: #575a5c;
	line-height: 32px;
	margin-bottom: 35px
}

.government-content .banner3 .list {
	display: inline-block;
	vertical-align: top
}

.government-content .banner3 .list:first-of-type {
	margin-bottom: 115px;
	margin-right: 118px
}

.government-content .banner3 li {
	font-size: 18px;
	line-height: 35px;
	color: #7d8184;
	padding-left: 38px;
	position: relative
}

.government-content .banner3 li:before {
	content: "•";
	position: absolute;
	left: 22px
}

.government-content .banner4 .left img {
	margin-left: 45px
}

.government-content .banner4 .right h3 {
	margin-top: 202px
}

.government-content .banner4 .right a {
	margin-top: 25px
}

.government-content .banner5 {
	background-image: url(/wps/images/solution/government_04.png)
}

.government-content .banner5 .va80 {
	vertical-align: 80px
}

.government-content .banner5 .right img {
	margin-bottom: 126px
}

.government-content .banner6 {
	background: url(/wps/images/solution/mobileoffice_9.png) no-repeat;
	background-size: 100% 100%
}

.government-content .banner8 .left img {
	margin: 128px 0;
	box-shadow: 7px 7px 20px #dee2e7,-4px 7px 20px #dee2e7
}

.government-content .banner8 .right h3 {
	margin-top: 175px
}

.government-content .banner8 .right a {
	margin-top: 25px
}

@media screen and (min-width:1920px) {
	.modernity-content .banner1,.modernity-content .banner3,.modernity-content .banner5,.modernity-content .banner6 {
		background-size: 100% 100%
	}
}

@media screen and (max-width:1205px) {
	.solution-content .text {
		font-size: 16px
	}
}

@media screen and (max-width:1150px) {
	.solution-content {
		text-align: center
	}

	.solution-content .left,.solution-content .right {
		float: none;
		overflow: hidden
	}

	.solution-content h3 {
		text-align: center
	}

	.solution-content .detail {
		text-align: left
	}

	.solution-content img {
		margin: 50px auto
	}

	.solution-content .contact-us img {
		margin: 16px auto
	}

	.modernity-content .banner2,.modernity-content .banner4,.modernity-content .banner8 {
		padding-bottom: 50px
	}

	.modernity-content .banner1 .left {
		display: inline-block
	}

	.modernity-content .banner1 .left a {
		margin: 0 auto
	}

	.modernity-content .banner2 .right {
		display: inline-block
	}

	.modernity-content .banner2 .right h3 {
		margin-top: 0
	}

	.modernity-content .banner3 .left {
		display: inline-block
	}

	.modernity-content .banner3 .left h3 {
		margin-top: 97px
	}

	.modernity-content .banner3 .left a {
		margin: 30px auto 0
	}

	.modernity-content .banner3 .right img {
		margin: 50px auto
	}

	.modernity-content .banner4 .left img {
		margin: 97px auto 50px
	}

	.modernity-content .banner4 .right {
		display: inline-block
	}

	.modernity-content .banner4 .right h3 {
		margin-top: 0
	}

	.modernity-content .banner5 .left {
		display: inline-block
	}

	.modernity-content .banner5 .left h3 {
		margin-top: 97px
	}

	.modernity-content .banner5 .left a {
		margin: 20px auto 0
	}

	.modernity-content .banner5 .right img {
		margin: 50px auto
	}

	.modernity-content .banner8 .left img {
		margin: 97px auto 50px
	}

	.modernity-content .banner8 .right {
		display: inline-block
	}

	.modernity-content .banner8 .right h3 {
		margin-top: 0
	}

	.government-content .banner2 .left img {
		margin: 99px auto 50px
	}

	.government-content .banner2 .right ul {
		text-align: left
	}

	.government-content .banner3 .content {
		padding-left: 0
	}

	.government-content .banner3 li {
		text-align: left
	}

	.government-content .banner3 .paragraphy {
		text-align: center
	}

	.government-content .banner4 .right a,.government-content .banner8 .right a {
		margin: 25px auto 0
	}
}

@media screen and (max-width:920px) {
	.government-content .banner3 .content {
		padding-left: 0;
		text-align: left
	}

	.government-content .banner3 li {
		text-align: left
	}

	.government-content .banner3 .paragraphy {
		text-align: center
	}

	.government-content .banner3 .list:first-of-type {
		margin-right: 0
	}
}

@media screen and (max-width:800px) {
	.government-content .banner3 {
		padding-bottom: 50px
	}

	.government-content .banner3 .list {
		display: block;
		padding-left: 20px
	}

	.government-content .banner3 .list:first-of-type {
		margin-bottom: 0
	}
}

@media screen and (max-width:768px) {
	.solution-content {
		padding-top: 55px;
		text-align: center
	}

	.solution-content .mobileShow {
		display: inline-block!important
	}

	.solution-content .left,.solution-content .right {
		float: none;
		padding: 0 15px;
		overflow: hidden;
		display: block
	}

	.solution-content img {
		width: 80%;
		height: 100%
	}

	.solution-content img.mobileShow {
		display: block!important
	}

	.solution-content h1 {
		font-size: 19px;
		line-height: 26px;
		color: #2c2c2c
	}

	.solution-content h2 {
		font-size: 19px;
		line-height: 26px;
		letter-spacing: 2px
	}

	.solution-content h3 {
		font-size: 17px;
		line-height: 24px;
		letter-spacing: 2px;
		color: #2c2c2c;
		padding: 0;
		margin-bottom: 5px;
		text-align: left
	}

	.solution-content .little-tittle {
		font-size: 15px;
		line-height: 21px;
		color: #2c2c2c
	}

	.solution-content .text {
		font-size: 15px;
		line-height: 25px;
		color: #5b5b5b;
		margin-top: 11px
	}

	.solution-content .consult {
		width: 120px;
		height: 30px;
		line-height: 30px;
		margin: 0 auto 25px;
		font-size: 15px;
		letter-spacing: 2px
	}

	.solution-content .line {
		width: 15px;
		height: 3px
	}

	.solution-content .detail {
		text-align: left
	}

	.solution-content .detail .tick {
		width: 7px;
		height: 6px;
		margin-right: 5px;
		background-size: 100% 100%
	}

	.solution-content .detail p {
		font-size: 15px;
		line-height: 25px;
		color: #5b5b5b
	}

	.solution-content .detail .va40 {
		vertical-align: 27px
	}

	.solution-content .detail .va54 {
		vertical-align: 54px
	}

	.solution-content .banner1 .left h1 {
		margin: 35px 0 7px
	}

	.solution-content .banner1 .left,.solution-content .banner1 .right {
		padding: 0
	}

	.modernity-content .banner1,.modernity-content .banner2,.modernity-content .banner3,.modernity-content .banner4,.modernity-content .banner5,.modernity-content .banner6,.modernity-content .banner8 {
		padding-bottom: 0
	}

	.modernity-content .banner1 .left,.modernity-content .banner1 .right,.modernity-content .banner2 .left,.modernity-content .banner2 .right,.modernity-content .banner3 .left,.modernity-content .banner3 .right,.modernity-content .banner4 .left,.modernity-content .banner4 .right,.modernity-content .banner5 .left,.modernity-content .banner5 .right,.modernity-content .banner6 .left,.modernity-content .banner6 .right,.modernity-content .banner8 .left,.modernity-content .banner8 .right {
		display: block
	}

	.modernity-content .banner1 .right img {
		margin: 8px auto 25px;
		width: 30%;
		height: 100%
	}

	.modernity-content .banner2 h2 {
		margin: 50px 0 4px
	}

	.modernity-content .banner2 .right h3 {
		margin-top: 40px
	}

	.modernity-content .banner2 .right img {
		margin: 10px auto 25px
	}

	.modernity-content .banner3 {
		background: #f8f8f8
	}

	.modernity-content .banner3 .left h3 {
		margin-top: 15px
	}

	.modernity-content .banner3 .right img {
		margin: 10px auto 15px
	}

	.modernity-content .banner4 .right h3 {
		margin-top: 25px
	}

	.modernity-content .banner4 .right img {
		margin: 10px auto 25px
	}

	.modernity-content .banner5 {
		background: #f8f8f8
	}

	.modernity-content .banner5 .mobileShow {
		display: block!important
	}

	.modernity-content .banner5 .left h3 {
		margin-top: 15px
	}

	.modernity-content .banner5 .right img {
		margin: 10px auto 25px
	}

	.modernity-content .banner6 {
		background: #fff
	}

	.modernity-content .banner6 h2 {
		margin: 40px 0 4px
	}

	.modernity-content .banner6 p.mobileShow {
		display: block!important
	}

	.modernity-content .banner6 p {
		font-size: 15px;
		line-height: 26px;
		color: #2c2c2c;
		margin: 32px 0 20px
	}

	.modernity-content .banner6 ul {
		margin-bottom: 60px;
		display: block
	}

	.modernity-content .banner6 li {
		width: 45px;
		height: 45px;
		border-radius: 12px
	}

	.modernity-content .banner6 li:first-child {
		box-shadow: 0 0 8px #e09ea7;
		background: url(/wps/images/solution/logo_mobile_1.png) no-repeat 50%,linear-gradient(180deg,#fe576a 38%,#ff644f 65%)
	}

	.modernity-content .banner6 li:nth-child(2) {
		margin: 0 57px;
		box-shadow: 0 0 8px #1d4cff;
		background: url(/wps/images/solution/logo_mobile_2.png) no-repeat 50%,linear-gradient(180deg,#1d4cff 30%,#1d4cff 65%)
	}

	.modernity-content .banner6 li:nth-child(3) {
		box-shadow: 0 0 8px #4a4392;
		background: url(/wps/images/solution/logo_mobile_3.png) no-repeat 50%,linear-gradient(180deg,#4a4392 30%,#4a4392 65%)
	}

	.modernity-content .banner8 .right h3 {
		margin-top: 25px
	}

	.modernity-content .banner8 .right img {
		margin: 10px auto 30px
	}

	.mobileoffice-content .banner1 .right img {
		width: 70%;
		height: 100%
	}

	.mobileoffice-content .banner5 .mobileShow {
		display: inline-block!important
	}

	.government-content .banner1 .right img {
		width: 40%;
		height: 100%
	}

	.government-content .banner2 .right ul {
		padding-left: 12px;
		margin-top: 11px;
		text-align: left
	}

	.government-content .banner2 .right li {
		width: 50px;
		height: 20px;
		line-height: 22px;
		font-size: 13px;
		margin-left: 10px;
		background: #e8e8e8;
		color: #979797
	}

	.government-content .banner2 .right li:first-child {
		margin-left: 0
	}

	.government-content .banner2 .right img {
		margin-top: 15px
	}

	.government-content .banner3 .mobileShow {
		display: block!important
	}

	.government-content .banner3 .content {
		padding: 15px
	}

	.government-content .banner3 h3 {
		margin: 0 0 5px
	}

	.government-content .banner3 .paragraphy {
		font-size: 15px;
		margin-bottom: 0;
		line-height: 25px;
		text-align: left;
		color: #5b5b5b
	}

	.government-content .banner3 .detail {
		margin-top: 11px
	}

	.government-content .banner3 .list {
		display: block;
		padding-left: 0
	}

	.government-content .banner3 .list:first-of-type {
		margin: 0
	}

	.government-content .banner3 li {
		font-size: 13px;
		line-height: 18px;
		color: #8e8e8e;
		padding-left: 22px;
		position: relative;
		text-align: left
	}

	.government-content .banner3 li:before {
		left: 12px
	}

	.government-content .banner5 .mobileShow {
		display: inline-block!important
	}

	.government-content .banner5 .va80 {
		vertical-align: 76px
	}
}

@media screen and (max-width:375px) {
	.solution-content .detail p {
		font-size: 14px
	}
}

@media screen and (max-width:360px) {
	.solution-content .text {
		font-size: 14px
	}
}

@media screen and (max-width:320px) {
	.solution-content h2 {
		font-size: 16px
	}

	.solution-content h3 {
		font-size: 14px
	}

	.solution-content .detail p,.solution-content .text {
		font-size: 12px
	}

	.government-content .banner2 .right li {
		width: 42px
	}
}

.professionalService {
	padding-top: 81px
}

.professionalService h2 {
	font-size: 32px;
	line-height: 45px;
	color: #303030;
	text-align: center
}

.professionalService h3 {
	font-size: 25px;
	line-height: 36px;
	color: #303030;
	margin-bottom: 46px;
	text-align: center
}

.professionalService .hide {
	display: none
}

.professionalService .open {
	display: block
}

.professionalService .banner1 {
	width: 100%;
	height: 410px;
	background: url(/wps/images/professionalService/professionalService_banner1.png) no-repeat 50%
}

.professionalService .banner1 .content {
	padding-top: 103px
}

.professionalService .banner1 .content div {
	margin-left: 62px
}

.professionalService .banner1 h1 {
	font-size: 46px;
	line-height: 65px;
	color: #fff
}

.professionalService .banner1 p {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	margin: 9px 0 27px
}

.professionalService .banner1 a {
	width: 162px;
	height: 50px;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	display: block;
	border-radius: 2px;
	background: #5199f9
}

.professionalService .banner1 a:hover {
	background: #4284f5
}

.professionalService .banner2 .content {
	padding: 60px 0 97px
}

.professionalService .banner2 .list {
	width: 100%;
	margin-top: 83px
}

.professionalService .banner2 dl {
	display: inline-block;
	text-align: center;
	overflow: hidden
}

.professionalService .banner2 dl:first-child {
	margin-left: 10%
}

.professionalService .banner2 dl:first-child img {
	margin: 8px 0 38px
}

.professionalService .banner2 dl:nth-child(2) {
	margin: 0 23%
}

.professionalService .banner2 dl:nth-child(2) img {
	margin-bottom: 31px
}

.professionalService .banner2 dl:nth-child(3) img {
	margin: 9px 0 26px
}

.professionalService .banner2 dd {
	font-size: 18px;
	line-height: 25px;
	color: #303030;
	text-align: center
}

.professionalService .banner3 {
	background: #fafafa
}

.professionalService .banner3 .content {
	padding: 60px 0
}

.professionalService .banner3 h2 {
	margin-bottom: 30px
}

.professionalService .banner3 .mt78 {
	margin-top: 78px
}

.professionalService .banner3 .ml0 {
	margin-left: 0!important
}

.professionalService .banner3 h4 {
	font-size: 22px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 31px
}

.professionalService .banner3 p {
	font-size: 15px;
	line-height: 23px;
	color: #fff;
	margin-top: 30px
}

.professionalService .banner3 ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden
}

.professionalService .banner3 .flip,.professionalService .banner3 li {
	width: 270px;
	height: 270px
}

.professionalService .banner3 .front,.professionalService .banner3 .window {
	position: absolute
}

.professionalService .banner3 li {
	width: 270px;
	height: 270px;
	margin-bottom: 25px;
	overflow: hidden
}

.professionalService .banner3 .flip {
	position: relative;
	transition: .5s linear
}

.professionalService .banner3 .flip:hover .front {
	transform: translateY(-270px)
}

.professionalService .banner3 .front {
	font-size: 22px;
	color: #fff;
	line-height: 22px;
	padding: 209px 0 0 26px;
	width: 244px;
	height: 61px;
	transition: .5s linear
}

.professionalService .banner3 .window {
	height: 206px;
	width: 225px;
	background: #090b18;
	padding: 64px 19px 0 26px
}

.professionalService .banner3 a {
	font-size: 22px;
	line-height: 30px;
	color: #689be5;
	display: block;
	width: 70px;
	margin: 15px auto 0
}

.professionalService .banner3 .table:first-of-type li:nth-of-type(1) .front {
	background: url(/wps/images/professionalService/banner3_1.png) no-repeat
}

.professionalService .banner3 .table:first-of-type li:nth-of-type(2) .front {
	background: url(/wps/images/professionalService/banner3_2.png) no-repeat
}

.professionalService .banner3 .table:first-of-type li:nth-of-type(3) .front {
	background: url(/wps/images/professionalService/banner3_3.png) no-repeat
}

.professionalService .banner3 .table:first-of-type li:nth-of-type(4) .front {
	background: url(/wps/images/professionalService/banner3_4.png) no-repeat
}

.professionalService .banner3 .table:first-of-type li:nth-of-type(5) .front {
	background: url(/wps/images/professionalService/banner3_5.png) no-repeat
}

.professionalService .banner3 .table:first-of-type li:nth-of-type(6) .front {
	background: url(/wps/images/professionalService/banner3_6.png) no-repeat
}

.professionalService .banner3 .table:first-of-type li:nth-of-type(7) .front {
	background: url(/wps/images/professionalService/banner3_7.png) no-repeat
}

.professionalService .banner3 .table:first-of-type li:nth-of-type(8) .front {
	background: url(/wps/images/professionalService/banner3_8.png) no-repeat
}

.professionalService .banner3 .table:first-of-type li:nth-of-type(9) .front {
	background: url(/wps/images/professionalService/banner3_9.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:first-of-type .front {
	background: url(/wps/images/professionalService/banner3_10.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(2) .front {
	background: url(/wps/images/professionalService/banner3_11.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(3) .front {
	background: url(/wps/images/professionalService/banner3_12.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(4) .front {
	background: url(/wps/images/professionalService/banner3_13.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(5) .front {
	background: url(/wps/images/professionalService/banner3_14.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(6) .front {
	background: url(/wps/images/professionalService/banner3_15.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(7) .front {
	background: url(/wps/images/professionalService/banner3_16.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(8) .front {
	background: url(/wps/images/professionalService/banner3_17.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(9) .front {
	background: url(/wps/images/professionalService/banner3_18.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(10) .front {
	background: url(/wps/images/professionalService/banner3_19.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(11) .front {
	background: url(/wps/images/professionalService/banner3_20.png) no-repeat
}

.professionalService .banner3 .table:nth-of-type(2) li:nth-of-type(12) .front {
	background: url(/wps/images/professionalService/banner3_21.png) no-repeat
}

.professionalService .banner3 .up {
	background: url(/wps/images/professionalService/opne.png) no-repeat 50px
}

.professionalService .banner3 .down {
	background: url(/wps/images/professionalService/down.png) no-repeat 50px
}

.professionalService .public-contact-us h2 {
	color: #2c2c2c;
	margin: 90px 0 5px
}

.professionalService .public-contact-us .line {
	width: 30px;
	height: 6px
}

.professionalService .public-contact-us .service {
	margin: 40px 0
}

@media screen and (min-width:1920px) {
	.professionalService .banner1 {
		background-size: 100% 100%
	}
}

@media screen and (max-width:1010px) {
	.professionalService .banner2 dl:nth-child(2) {
		margin: 0 21%
	}

	.professionalService .banner3 ul {
		justify-content: space-around
	}
}

@media screen and (max-width:925px) {
	.professionalService .banner2 dl:first-child {
		margin-left: 10%
	}

	.professionalService .banner2 dl:nth-child(2) {
		margin: 0 18%
	}
}

@media screen and (max-width:824px) {
	.professionalService .banner2 dl:first-child {
		margin-left: 6%
	}
}

@media screen and (max-width:768px) {
	.professionalService .banner2 dl {
		display: block
	}

	.professionalService .banner2 dl:first-child {
		margin-left: 0
	}

	.professionalService .banner2 dl:nth-child(2) {
		margin: 50px 0
	}

	.professionalService .public-contact-us h2 {
		margin-top: 50px;
		font-size: 19px;
		line-height: 26px;
		letter-spacing: 2px
	}

	.professionalService .public-contact-us .line {
		width: 15px;
		height: 3px
	}

	.professionalService .public-contact-us .service {
		margin: 17px 0
	}
}

.releaseMsg {
	padding-top: 54px
}

.releaseMsg .releaseMsg-content {
	width: 1410px;
	margin: 0 auto;
	padding-top: 32px
}

.releaseMsg button {
	width: 95px;
	height: 32px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	background: #5199f9;
	border-radius: 4px;
	margin-bottom: 16px
}

.releaseMsg button:hover {
	background: #4284f5
}

.releaseMsg table {
	width: 100%;
	border-collapse: collapse
}

.releaseMsg table td,.releaseMsg table th {
	text-align: left;
	border: 0;
	padding: 0;
	margin: 0
}

.releaseMsg table tr:first-child {
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	color: #666;
	background: #f8f8f8
}

.releaseMsg table tr:not(:first-child) {
	border-bottom: 1px solid #efefef
}

.releaseMsg table tr:not(:first-child):hover {
	background: #f8f8f8
}

.releaseMsg table td {
	height: 50px;
	color: #666
}

.releaseMsg table td:first-child,.releaseMsg table th:first-child {
	padding-left: 50px
}

.releaseMsg table td:nth-child(2),.releaseMsg table th:nth-child(2) {
	padding-right: 117px;
	width: 273px
}

.releaseMsg table td:nth-child(3),.releaseMsg table th:nth-child(3) {
	padding-right: 202px;
	width: 278px
}

.releaseMsg table th:nth-child(6) {
	padding-right: 52px
}

.releaseMsg table td:nth-child(2) .con,.releaseMsg table td:nth-child(3) .con {
	position: relative;
	height: 50px
}

.releaseMsg table td:nth-child(2) .con:hover .title-content,.releaseMsg table td:nth-child(3) .con:hover .title-content {
	display: block
}

.releaseMsg table td:nth-child(2) .title,.releaseMsg table td:nth-child(3) .title {
	display: inline-block;
	width: 273px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 50px;
	line-height: 50px;
	position: absolute
}

.releaseMsg table td:nth-child(2) .title a,.releaseMsg table td:nth-child(3) .title a {
	color: #4587f0
}

.releaseMsg table td:nth-child(2) .title-content,.releaseMsg table td:nth-child(3) .title-content {
	position: absolute;
	width: 310px;
	padding: 0 16px;
	line-height: 26px;
	box-shadow: 0 1px 3px #d0d0d0;
	background: #fff;
	display: none;
	top: 6px;
	left: -15px;
	z-index: 1;
	word-wrap: break-word
}

.releaseMsg table td:nth-child(2) .title-content a,.releaseMsg table td:nth-child(3) .title-content a {
	color: #4587f0
}

.releaseMsg table td:nth-child(3) .title {
	width: 278px
}

.releaseMsg table td:nth-child(3) .title-content {
	left: -30px
}

.releaseMsg ul {
	float: right;
	margin-top: 60px
}

.releaseMsg ul li {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 12px;
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
	margin-left: 8px
}

.releaseMsg ul li a {
	color: #666
}

.releaseMsg ul .active {
	background: #5199f9
}

.releaseMsg ul .active a {
	color: #fff
}

.activityMsg {
	padding-top: 54px
}

.activityMsg .batch-content {
	border-bottom: 2px solid #8b8b8b;
	padding-bottom: 32px
}

.activityMsg h3 {
	font-size: 24px;
	margin-bottom: 20px
}

.activityMsg .activityMsg-content {
	width: 1410px;
	margin: 0 auto;
	padding-top: 32px
}

.activityMsg .activityMsg-content .getActivity {
	float: right
}

.activityMsg .activityMsg-content .btn {
	float: left
}

.activityMsg button {
	width: 95px;
	height: 32px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	background: #5199f9;
	border-radius: 4px;
	margin-bottom: 16px;
	margin-top: 2px
}

.activityMsg button:hover {
	background: #4284f5
}

.activityMsg input {
	border: 2px solid #8b8b8b;
	height: 27px;
	margin-right: 10px;
	border-radius: 4px;
	background-color: #e8e8e842;
	padding: 0 10px
}

.activityMsg table {
	width: 100%;
	border-collapse: collapse
}

.activityMsg table td,.activityMsg table th {
	text-align: left;
	border: 0;
	padding: 0;
	margin: 0
}

.activityMsg table tr:first-child {
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	color: #666;
	background: #f8f8f8
}

.activityMsg table tr:not(:first-child) {
	border-bottom: 1px solid #efefef
}

.activityMsg table tr:not(:first-child):hover {
	background: #f8f8f8
}

.activityMsg table td {
	height: 50px;
	color: #666
}

.activityMsg table td:first-child,.activityMsg table th:first-child {
	padding-left: 50px
}

.activityMsg table td:nth-child(2),.activityMsg table th:nth-child(2) {
	padding-right: 50px;
	width: 73px
}

.activityMsg table td:nth-child(3),.activityMsg table th:nth-child(3) {
	padding-right: 50px;
	width: 78px
}

.activityMsg table th:nth-child(6) {
	padding-right: 52px
}

.activityMsg table td:nth-child(2) .con,.activityMsg table td:nth-child(3) .con {
	position: relative;
	height: 50px
}

.activityMsg table td:nth-child(2) .con:hover .title-content,.activityMsg table td:nth-child(3) .con:hover .title-content {
	display: block
}

.activityMsg table td:nth-child(2) .title,.activityMsg table td:nth-child(3) .title {
	display: inline-block;
	width: 273px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 50px;
	line-height: 50px;
	position: absolute
}

.activityMsg table td:nth-child(2) .title-content,.activityMsg table td:nth-child(3) .title-content {
	position: absolute;
	width: 310px;
	padding: 0 16px;
	line-height: 26px;
	box-shadow: 0 1px 3px #d0d0d0;
	background: #fff;
	display: none;
	top: 6px;
	left: -15px;
	z-index: 1;
	word-wrap: break-word
}

.activityMsg table td:nth-child(3) .title {
	width: 278px
}

.activityMsg table td:nth-child(3) .title-content {
	left: -30px
}

.activityMsg ul {
	float: right;
	margin-top: 60px
}

.activityMsg ul li {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 12px;
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
	margin-left: 8px
}

.activityMsg ul li a {
	color: #666
}

.activityMsg ul .active {
	background: #5199f9
}

.activityMsg ul .active a {
	color: #fff
}

.specialsMsg {
	padding-top: 54px
}

.specialsMsg .specialsMsg-content {
	width: 1410px;
	margin: 0 auto;
	padding-top: 32px
}

.specialsMsg button {
	width: 95px;
	height: 32px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	background: #5199f9;
	border-radius: 4px;
	margin-bottom: 16px;
	margin-top: 2px
}

.specialsMsg button:hover {
	background: #4284f5
}

.specialsMsg input {
	border: 2px solid #8b8b8b;
	height: 27px;
	margin-right: 10px;
	border-radius: 4px;
	background-color: #e8e8e842
}

.specialsMsg table {
	width: 100%;
	border-collapse: collapse
}

.specialsMsg table td,.specialsMsg table th {
	text-align: left;
	border: 0;
	padding: 0;
	margin: 0
}

.specialsMsg table tr:first-child {
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	color: #666;
	background: #f8f8f8
}

.specialsMsg table tr:not(:first-child) {
	border-bottom: 1px solid #efefef
}

.specialsMsg table tr:not(:first-child):hover {
	background: #f8f8f8
}

.specialsMsg table td {
	height: 50px;
	color: #666
}

.specialsMsg table td:first-child,.specialsMsg table th:first-child {
	padding-left: 50px
}

.specialsMsg table td:nth-child(2),.specialsMsg table th:nth-child(2) {
	padding-right: 50px;
	width: 73px
}

.specialsMsg table td:nth-child(3),.specialsMsg table th:nth-child(3) {
	padding-right: 50px;
	width: 78px
}

.specialsMsg table th:nth-child(6) {
	padding-right: 52px
}

.specialsMsg table td:nth-child(2) .con,.specialsMsg table td:nth-child(3) .con {
	position: relative;
	height: 50px
}

.specialsMsg table td:nth-child(2) .con:hover .title-content,.specialsMsg table td:nth-child(3) .con:hover .title-content {
	display: block
}

.specialsMsg table td:nth-child(2) .title,.specialsMsg table td:nth-child(3) .title {
	display: inline-block;
	width: 273px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 50px;
	line-height: 50px;
	position: absolute
}

.specialsMsg table td:nth-child(2) .title-content,.specialsMsg table td:nth-child(3) .title-content {
	position: absolute;
	width: 310px;
	padding: 0 16px;
	line-height: 26px;
	box-shadow: 0 1px 3px #d0d0d0;
	background: #fff;
	display: none;
	top: 6px;
	left: -15px;
	z-index: 1;
	word-wrap: break-word
}

.specialsMsg table td:nth-child(3) .title {
	width: 278px
}

.specialsMsg table td:nth-child(3) .title-content {
	left: -30px
}

.specialsMsg ul {
	float: right;
	margin-top: 60px
}

.specialsMsg ul li {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 12px;
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
	margin-left: 8px
}

.specialsMsg ul li a {
	color: #666
}

.specialsMsg ul .active {
	background: #5199f9
}

.specialsMsg ul .active a {
	color: #fff
}

.show-content .banner1 {
	background: #0267fe url(/wps/images/show/show.png) no-repeat 50%;
	padding-top: 28px;
	width: 100%;
	height: 357px
}

.show-content .banner1 .logo {
	display: inline-block;
	margin-left: 20%
}

.show-content .banner1 .logo img {
	width: 70px;
	height: 26px
}

.show-content .banner1 .register {
	bottom: 74px;
	width: 250px;
	height: 55px;
	display: block;
	left: 50%;
	margin: 202px auto 0;
	background: #ff6262;
	line-height: 55px;
	text-align: center;
	font-size: 20px;
	border-radius: 4px;
	color: #fff
}

.show-content .banner1 .register:hover {
	background: #ef4949
}

.show-content .banner2 {
	width: 100%;
	height: 378px;
	background: #eff6ff
}

.show-content .banner2 .bubble {
	position: absolute;
	width: 1140px;
	height: 64px;
	background: #fff;
	text-align: center;
	padding-top: 10px;
	left: 50%;
	top: 340px;
	box-shadow: 0 10px 25px #ddebff;
	margin-left: -570px
}

.show-content .banner2 .bubble h1 {
	font-size: 16px;
	line-height: 16px;
	color: #000
}

.show-content .banner2 .bubble p {
	font-size: 22px;
	line-height: 22px;
	color: #ff5c46;
	margin-top: 8px;
	font-weight: 500
}

.show-content .banner2 .trangle {
	position: absolute;
	width: 0;
	height: 0;
	border: 17px solid transparent;
	border-top: 17px solid #fff;
	bottom: -34px;
	left: 48%
}

.show-content .banner2 .table {
	position: absolute;
	width: 932px;
	height: 308px;
	padding: 42px 114px 0 170px;
	background: url(/wps/images/show/box.png) no-repeat 50%;
	background-size: 100% 100%;
	top: 415px;
	left: 50%;
	margin-left: -606px
}

.show-content .banner2 dl {
	display: inline-block;
	width: 112px
}

.show-content .banner2 dl:nth-child(2),.show-content .banner2 dl:nth-child(5) {
	margin: 0 234px 0 260px
}

.show-content .banner2 dl:nth-child(4),.show-content .banner2 dl:nth-child(5),.show-content .banner2 dl:nth-child(6) {
	margin-top: 24px
}

.show-content .banner2 dt {
	text-align: center
}

.show-content .banner2 dd {
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	margin-top: 20px
}

.show-content .banner3 {
	padding: 62px 0 40px;
	background: #0267fe url(/wps/images/show/banner3_bg.png) no-repeat 50%;
	text-align: center;
	color: #fff
}

.show-content .banner3 .title {
	font-size: 16px;
	line-height: 16px
}

.show-content .banner3 .line {
	width: 34px;
	height: 6px;
	background: #6da7ff;
	margin: 8px auto 16px;
	display: block
}

.show-content .banner3 .content {
	font-size: 16px;
	line-height: 16px;
	font-weight: 300
}

.show-content .banner3 .explaination {
	margin: 45px 0
}

.show-content .banner3 .img {
	width: 1096px;
	height: 559px;
	background: url(/wps/images/show/example.png) no-repeat;
	margin: 0 auto
}

@media screen and (min-width:1920px) {
	.show-content .banner1 {
		background-size: 100% 100%
	}
}

@media screen and (max-width:1440px) {
	.show-content .banner1 .logo {
		margin-left: 5%
	}
}

@media screen and (max-width:1234px) {
	.show-content .banner2 .bubble {
		width: 750px;
		margin-left: -380px
	}

	.show-content .banner2 .table {
		width: 672px;
		margin-left: -403px;
		padding-left: 72px;
		padding-right: 50px
	}

	.show-content .banner2 dl:nth-child(2),.show-content .banner2 dl:nth-child(5) {
		margin: 0 150px
	}

	.show-content .banner3 .content {
		line-height: 44px
	}

	.show-content .banner3 img {
		width: 750px;
		background-size: 100% 100%
	}
}

@media screen and (max-width:798px) {
	.show-content .banner2 .bubble {
		width: 540px;
		margin-left: -270px
	}

	.show-content .banner2 .table {
		width: 510px;
		margin-left: -293px;
		padding-left: 24px;
		padding-right: 50px
	}

	.show-content .banner2 dl:nth-child(2),.show-content .banner2 dl:nth-child(5) {
		margin: 0 80px
	}
}

@media screen and (max-width:768px) {
	.show-content .banner1 {
		height: 288px;
		background: url(/wps/images/show/mobilebanner.png) no-repeat 50%;
		padding-top: 22px;
		background-size: 100% 100%
	}

	.show-content .banner1 .logo {
		margin-left: 15px
	}

	.show-content .banner1 .logo img {
		width: 60px;
		height: 22px
	}

	.show-content .banner1 .register {
		width: 190px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin: 180px auto 0
	}

	.show-content .banner2 {
		height: 266px
	}

	.show-content .banner2 .bubble {
		height: 50px;
		width: 345px;
		margin-left: -172px;
		padding: 25px 0 20px;
		top: 300px;
		box-shadow: 0 10px 10px #ddebff
	}

	.show-content .banner2 .bubble h1,.show-content .banner2 .bubble p {
		font-size: 15px;
		line-height: 15px
	}

	.show-content .banner2 .bubble p {
		margin-top: 16px
	}

	.show-content .banner2 .trangle {
		border-width: 15px;
		bottom: -30px;
		left: 47%
	}

	.show-content .banner2 .table {
		width: 335px;
		height: 205px;
		padding: 30px 0 0 30px;
		background-size: 100% 100%;
		margin-left: -183px;
		top: 420px
	}

	.show-content .banner2 dl {
		width: 84px
	}

	.show-content .banner2 dd {
		font-size: 14px;
		line-height: 14px;
		margin-top: 10px
	}

	.show-content .banner2 dl:nth-child(2),.show-content .banner2 dl:nth-child(5) {
		margin: 0 14px 0 25px
	}

	.show-content .banner2 dl:nth-child(4),.show-content .banner2 dl:nth-child(5),.show-content .banner2 dl:nth-child(6) {
		margin-top: 30px
	}

	.show-content .banner2 dl:first-child img {
		width: 27px;
		height: 27px
	}

	.show-content .banner2 dl:nth-child(2) img {
		width: 23px;
		height: 27px
	}

	.show-content .banner2 dl:nth-child(3) img {
		width: 25px;
		height: 27px
	}

	.show-content .banner2 dl:nth-child(4) img {
		width: 34px;
		height: 25px
	}

	.show-content .banner2 dl:nth-child(5) img {
		width: 22px;
		height: 26px
	}

	.show-content .banner2 dl:nth-child(6) img {
		width: 23px;
		height: 27px
	}

	.show-content .banner3 {
		padding: 70px 0 60px
	}

	.show-content .banner3 .activity {
		margin: 60px 0 65px
	}

	.show-content .banner3 .title {
		font-size: 15px;
		line-height: 15px
	}

	.show-content .banner3 .line {
		width: 30px;
		height: 3px;
		margin: 5px auto 17px
	}

	.show-content .banner3 .content {
		font-size: 15px;
		line-height: 24px
	}

	.show-content .banner3 .explaination {
		margin: 0 0 66px
	}

	.show-content .banner3 .example img {
		width: 375px;
		height: 195px
	}
}

@media screen and (max-width:360px) {
	.show-content .banner2 .bubble {
		width: 270px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: -145px
	}

	.show-content .banner2 .bubble p {
		line-height: 22px;
		margin-top: 5px
	}

	.show-content .banner2 .table {
		width: 280px;
		margin-left: -155px
	}

	.show-content .banner2 dl {
		width: 72px
	}

	.show-content .banner2 dd {
		font-size: 12px
	}

	.show-content .banner3 .example img {
		width: 320px
	}
}

#register-canvas-bg {
	position: absolute;
	min-height: 950px
}

#register-canvas-bg,#register-canvas-bg #output {
	height: 100%;
	width: 100%
}

.register-piece .submit-btn {
	padding: 0;
	width: 355px;
	height: 50px;
	background-color: #5199f9;
	color: #fff;
	line-height: 50px;
	font-size: 18px;
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	margin-left: 38px
}

.register-content {
	z-index: 2;
	position: relative;
	width: 715px;
	min-height: 699px;
	background-color: #fff;
	left: 50%;
	margin-left: -357px;
	top: 107px;
	border-radius: 2px;
	box-shadow: 0 2px 10px 0 hsla(0,0%,53%,.5)
}

.register-content .pageName {
	font-size: 32px;
	color: #111;
	text-align: center;
	padding-top: 30px
}

.register-content-form {
	padding: 30px 70px 50px 80px;
	color: #111
}

.register-content-form .submit-content {
	text-align: center
}

.register-content-form .submit-content .terms {
	margin-top: 20px;
	font-size: 14px;
	padding: 0
}

.register-content-form .submit-content .terms>a {
	color: #4587f0
}

.register-content-form .form-domain .input-group>label.error {
	margin-left: 4px
}

.register-content-form .number-content {
	margin-top: 50px
}

.register-content-form .form-group {
	margin-bottom: 17px;
	min-height: 50px;
	*zoom: 1
}

.register-content-form .form-group:after {
	content: "";
	display: table;
	clear: both
}

.register-content-form .form-group .title {
	width: 100px;
	text-align: right;
	font-size: 16px;
	margin-right: 24px;
	display: inline-block
}

.register-content-form .form-group .form-control {
	font-size: 16px;
	padding-left: 15px;
	width: 355px;
	padding: 16px 12px;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	box-sizing: border-box
}

.register-content-form .form-group .small-input {
	width: 164px
}

.register-content-form .form-group .input-group,.register-content-form .form-group .sms {
	display: inline
}

.register-content-form .form-group .input-group>label.error,.register-content-form .form-group .sms>label.error {
	float: left
}

.register-content-form .form-group .sms .smsPhone>label.error {
	width: 220px;
	float: left
}

.register-content-form .form-group .input-group-addon {
	display: inline-block;
	margin-left: 8px
}

.register-content-form .form-group .smscode {
	padding-left: 0!important;
	border: 2px solid #111;
	position: relative;
	top: 1px;
	padding: 12px 0
}

.register-content-form .form-group input.error {
	border: 1px solid #a94442
}

.register-content-form .form-group label.error {
	display: inline-block;
	height: 20px;
	color: #a94442;
	margin-left: 122px;
	margin-top: 6px;
	line-height: 14px
}

.register-content-form .form-group .verify-disabled {
	background: #ddd;
	cursor: default;
	border: 2px solid #ddd
}

.register-content-form .btn-primary {
	display: inline-block;
	text-align: center;
	border: 1px solid #111;
	padding: 0
}

.register-content-success {
	width: 100%;
	height: 100%;
	position: absolute;
	color: #111;
	background: url(/wps/images/successbg.jpg) no-repeat 50%
}

.register-content-success .success-piece {
	width: 715px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 10px 0 hsla(0,0%,53%,.5);
	margin: -200px auto 0;
	padding: 38px 45px 28px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	top: 50%
}

.register-content-success .top-content {
	padding-bottom: 20px;
	border-bottom: 2px solid #bdbdbd
}

.register-content-success .top-content .mess {
	font-size: 18px;
	line-height: 25px;
	margin-top: 8px
}

.register-content-success .top-content .small-mess {
	font-size: 16px;
	line-height: 22px;
	margin-top: 8px
}

.register-content-success .bottom-content .mess {
	color: #ffa220;
	font-size: 16px;
	margin-top: 8px
}

.register-content-success .bottom-content .account-content {
	margin-top: 30px;
	font-size: 16px
}

.register-content-success .bottom-content .account-content .admin {
	font-weight: 700
}

.register-content-success .bottom-content .account-content .number {
	padding: 0 25px
}

.register-content-success .bottom-content .account-content .copy {
	cursor: pointer;
	color: #4587f0
}

.register-content-success .bottom-content .terms {
	font-size: 16px;
	color: #0b0b0b
}

.register-content-success .bottom-content .terms>a {
	color: #4587f0
}

.register-content-success .bottom-content .submit-btn {
	margin-left: 0
}

@media screen and (max-width:768px) {
	#register-canvas-bg {
		min-height: auto
	}

	.register-content {
		box-shadow: none;
		width: 100%;
		left: 0;
		margin: 0;
		top: 50px
	}

	.register-content-form {
		text-align: center;
		padding: 0;
		margin: 0 5%
	}

	.register-content-form .submit-content {
		padding-bottom: 40px
	}

	.register-content-form .number-content {
		margin-top: 0
	}

	.register-content-form .form-group .form-control {
		width: 100%;
		font-size: 13px;
		padding: 13px 12px
	}

	.register-content-form .form-group .title {
		font-size: 13px;
		display: block;
		width: 100%;
		text-align: left
	}

	.register-content-form .form-group label.error {
		width: 100%;
		margin-left: 0;
		text-align: left
	}

	.register-content-form .mobileW50 {
		width: 50%
	}

	.register-content-form .mobileW50 .small-input {
		width: 98%;
		margin-right: 2%
	}

	.register-content-form .mobileW50 .smscode {
		width: 98%;
		margin-left: 2%;
		top: 0;
		padding: 11px 0 10px
	}

	.register-content-form .mobileW60 {
		width: 60%
	}

	.register-content-form .mobileW60 .small-input {
		width: 65%
	}

	.register-content-form .mobileW60 .input-group-addon {
		width: 35%;
		text-align: center;
		margin: 0
	}

	.register-content-form .mobileW40 {
		width: 40%
	}

	.register-content-form .mobileW40 .small-input {
		width: 85%
	}

	.register-content-form .mobileW40 .input-group-addon {
		width: 15%;
		text-align: center;
		margin: 0
	}

	.register-piece .submit-btn {
		padding-bottom: 40px;
		width: 100%;
		margin: 0;
		height: 45px;
		line-height: 45px;
		font-size: 16px
	}

	.register-content-success {
		background: none
	}

	.register-content-success .success-piece {
		width: 90%;
		box-shadow: none;
		top: 40px;
		margin-top: 0;
		padding: 40px 0;
		margin: 0 5%;
		box-sizing: border-box
	}

	.register-content-success .top-content>img {
		width: 50px
	}

	.register-content-success .top-content .small-mess {
		font-size: 16px;
		color: #999;
		margin-top: 17px
	}

	.register-content-success .top-content .mess {
		font-size: 20px;
		margin-bottom: 3px
	}

	.register-content-success .top-content .mess #success-name {
		font-weight: 700;
		font-size: 23px;
		margin-top: 7px;
		margin-bottom: 9px
	}

	.register-content-success .top-content .mess>span {
		display: block
	}

	.register-content-success .bottom-content {
		margin-top: 24px
	}

	.register-content-success .bottom-content .account-content>span {
		display: block
	}

	.register-content-success .bottom-content .account-content .admin {
		font-size: 20px
	}

	.register-content-success .bottom-content .account-content .mobilemsg {
		font-size: 14px;
		color: #ffa220
	}

	.register-content-success .bottom-content .account-content .number {
		font-size: 18px;
		color: #0b0b0b;
		margin-top: 11px;
		margin-bottom: 3px;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		display: inline-block;
		word-wrap: break-word
	}

	.register-content-success .bottom-content .account-content .copy {
		display: inline-block;
		border-radius: 4px;
		width: 103px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		color: #4587f0;
		border: 1px solid #4587f0;
		font-size: 16px;
		margin: 20px auto 40px
	}

	.register-content-success .bottom-content .mobile-portal {
		font-size: 15px;
		color: #999;
		font-weight: 300;
		line-height: 21px
	}
}

.release-msg {
	position: fixed
}

.serialMsg {
	padding-top: 54px
}

.serialMsg .serialMsg-content {
	width: 1410px;
	margin: 0 auto;
	padding-top: 32px
}

.serialMsg button {
	width: 95px;
	height: 32px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	background: #5199f9;
	border-radius: 4px;
	margin-bottom: 16px;
	margin-top: 2px
}

.serialMsg button:hover {
	background: #4284f5
}

.serialMsg input {
	border: 2px solid #8b8b8b;
	height: 27px;
	margin-right: 10px;
	border-radius: 4px;
	background-color: #e8e8e842
}

.serialMsg table {
	width: 100%;
	border-collapse: collapse
}

.serialMsg table td,.serialMsg table th {
	text-align: left;
	border: 0;
	padding: 0;
	margin: 0
}

.serialMsg table tr:first-child {
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	color: #666;
	background: #f8f8f8
}

.serialMsg table tr:not(:first-child) {
	border-bottom: 1px solid #efefef
}

.serialMsg table tr:not(:first-child):hover {
	background: #f8f8f8
}

.serialMsg table td {
	height: 50px;
	color: #666
}

.serialMsg table td:first-child,.serialMsg table th:first-child {
	width: 80px;
	padding-left: 50px
}

.serialMsg table td:nth-child(2),.serialMsg table th:nth-child(2) {
	padding-right: 20px;
	width: 173px
}

.serialMsg table td:nth-child(3),.serialMsg table th:nth-child(3) {
	padding-right: 50px;
	width: 78px
}

.serialMsg table th:nth-child(6) {
	padding-right: 52px
}

.serialMsg table td:nth-child(2) .con,.serialMsg table td:nth-child(3) .con {
	position: relative;
	height: 50px
}

.serialMsg table td:nth-child(2) .con:hover .title-content,.serialMsg table td:nth-child(3) .con:hover .title-content {
	display: block
}

.serialMsg table td:nth-child(2) .title,.serialMsg table td:nth-child(3) .title {
	display: inline-block;
	width: 273px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 50px;
	line-height: 50px;
	position: absolute
}

.serialMsg table td:nth-child(2) .title-content,.serialMsg table td:nth-child(3) .title-content {
	position: absolute;
	width: 310px;
	padding: 0 16px;
	line-height: 26px;
	box-shadow: 0 1px 3px #d0d0d0;
	background: #fff;
	display: none;
	top: 6px;
	left: -15px;
	z-index: 1;
	word-wrap: break-word
}

.serialMsg table td:nth-child(3) .title {
	width: 278px
}

.serialMsg table td:nth-child(3) .title-content {
	left: -30px
}

.serialMsg ul {
	float: right;
	margin-top: 60px
}

.serialMsg ul li {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 12px;
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
	margin-left: 8px
}

.serialMsg ul li a {
	color: #666
}

.serialMsg ul .active {
	background: #5199f9
}

.serialMsg ul .active a {
	color: #fff
}

.authSwitch-content {
	text-align: center;
	padding: 60px 0 0
}

.authSwitch-content .mess {
	display: block;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	line-height: 1.5;
	color: #979797
}

.authSwitch-content .oauth_pic .user-img {
	border-radius: 50%
}

.authSwitch-content .oauth_pic .tran-pic {
	margin: 0 40px
}

.authSwitch-content .oauth_pic .pic {
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	width: 60px
}

.authSwitch-content .success-mess {
	margin-top: 40px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #666
}

.authSwitch-content .permission {
	display: inline-block;
	width: 300px;
	margin: 17px 0;
	padding: 15px 0;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	background-color: #f8f8f8;
	border: 1px solid #e7e7e7
}

.authSwitch-content .button>a {
	display: block;
	width: 298px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	background-color: #5199f9;
	color: #fff;
	text-align: center;
	border: 1px solid #5199f9;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 13px;
	transition-property: all;
	transition-duration: .3s;
	margin: 13px auto 0
}

.authSwitch-content .button>a:hover {
	background-color: #4284f5
}

.authSwitch-content .button .white {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #666
}

.authSwitch-content .button .white:hover {
	border: 1px solid #5199f9;
	background-color: #5199f9;
	color: #fff
}

.template-content .template-top {
	position: relative;
	left: 0;
	top: 0;
	text-align: center;
	color: #fff;
	height: 600px;
	background: url(/wps/images/template/banner-bg.jpg) no-repeat 50%
}

.template-content .template-top .type {
	padding-top: 50px;
	font-size: 24px;
	line-height: 33px;
	letter-spacing: 1px
}

.template-content .template-top .msg {
	font-size: 36px;
	line-height: 50px;
	letter-spacing: 14.7px;
	margin-top: 20px
}

.template-content .template-top .computer {
	position: absolute;
	bottom: -63px;
	left: 50%;
	margin-left: -655px
}

.template-content .template-middle {
	text-align: center;
	color: #333
}

.template-content .template-middle .time {
	font-size: 18px;
	line-height: 36px;
	margin: 86px auto 6px
}

.template-content .template-middle .details {
	font-size: 24px;
	line-height: 36px;
	font-weight: 700;
	margin-bottom: 20px
}

.template-content .template-middle .account,.template-content .template-middle .small-text {
	font-size: 14px;
	line-height: 20px;
	color: #707070
}

.template-content .template-middle .account>a,.template-content .template-middle .small-text>a {
	color: #127ffe
}

.template-content .template-middle .account>a:hover,.template-content .template-middle .small-text>a:hover {
	color: #5199f9
}

.template-content .template-middle .list {
	margin: 60px auto 53px;
	text-align: center;
	max-width: 824px
}

.template-content .template-middle .list>li {
	display: inline-block;
	width: 146px;
	margin-right: 80px;
	height: 190px;
	background: url(/wps/images/template/template-bg.jpg) no-repeat top
}

.template-content .template-middle .list>li>a,.template-content .template-middle .list>li span {
	margin-top: 46px;
	display: inline-block;
	width: 146px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	border-radius: 6px;
	font-size: 16px
}

.template-content .template-middle .list>li .show {
	background: linear-gradient(180deg,#ff7c7c,#e53a3a)
}

.template-content .template-middle .list>li .show:hover {
	background: linear-gradient(180deg,#ff8a8a,#e94f4f)
}

.template-content .template-middle .list>li .hide {
	background: linear-gradient(180deg,#2c6597,#1a3a56)
}

.template-content .template-middle .list>li .hide>b {
	display: inline-block;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: url(/wps/images/template/go.png) 100% no-repeat;
	vertical-align: middle;
	margin-left: 6px;
	margin-top: -2px
}

.template-content .template-middle .list>li .hide:hover {
	background: linear-gradient(180deg,#4277a5,#314e67)
}

.template-content .template-middle .list>li .img {
	margin: 40px auto 4px;
	display: inline-block;
	width: 40px;
	height: 37px;
	background: url(/wps/images/template/icon.png) no-repeat
}

.template-content .template-middle .list>li .icon2 {
	background-position: -56px 0
}

.template-content .template-middle .list>li .icon3 {
	background-position: -117px 0
}

.template-content .template-middle .list>li .icon4 {
	background-position: -174px 0
}

.template-content .template-middle .list>li p {
	font-size: 14px;
	color: #2d2f47
}

.template-content .template-middle .list>li:last-child {
	margin-right: 0
}

.template-content .template-bottom {
	height: 586px;
	text-align: center;
	margin-top: 40px;
	background: url(/wps/images/template/step-bg.jpg) no-repeat 50%
}

.template-content .template-bottom>img {
	display: block;
	margin: 0 auto
}

.template-content .template-bottom .title {
	padding: 56px 0 63px
}

.template-content .template-bottom .list {
	padding-top: 40px;
	padding-left: 40px;
	margin: 0 auto;
	color: #fff;
	text-align: left;
	display: inline-block
}

.template-content .template-bottom .list>li {
	margin-right: 0;
	float: left;
	width: 160px;
	margin-right: 90px
}

.template-content .template-bottom .list>li:last-child {
	margin-right: 0
}

.template-content .template-bottom .list h4 {
	font-size: 20px;
	line-height: 28px
}

.template-content .template-bottom .list p {
	font-size: 16px;
	line-height: 22px
}

@media screen and (min-width:1921px) and (max-width:3328px) {
	.template-content .template-top {
		background-size: 100%
	}
}

@media screen and (max-width:1400px) {
	.template-content .template-top .computer {
		width: 90%;
		margin-left: -45%;
		bottom: -50px
	}
}

@media screen and (max-width:980px) {
	.template-content .template-bottom .step {
		width: 90%
	}

	.template-content .template-bottom .list {
		padding-left: 0
	}

	.template-content .template-bottom .list li {
		width: 18%;
		margin-right: 9%
	}
}

@media screen and (max-width:850px) {
	.template-content .template-middle .list li {
		width: 20%;
		margin-right: 5%
	}
}

@media screen and (max-width:768px) {
	.template-content .template-mobile>img {
		width: 100%
	}

	.template-content .template-middle .time {
		font-size: 16px;
		line-height: 18px;
		margin: 35px auto 15px
	}

	.template-content .template-middle .details-m {
		width: 100%;
		font-size: 21px;
		font-weight: 700
	}

	.template-content .template-middle .small-text {
		margin: 17px auto 28px
	}

	.template-content .template-middle .list {
		width: 90%;
		margin-left: 10%
	}

	.template-content .template-middle .template {
		width: 80%;
		margin: 0 10%
	}

	.template-content .template-middle>a.button {
		width: 80%;
		display: inline-block;
		margin: 32px 10% 22px;
		text-align: center;
		height: 53px;
		line-height: 53px;
		color: #fff;
		border-radius: 8px;
		font-size: 21px;
		background: linear-gradient(180deg,#ed3030,#fe5f5f)
	}
}

.template-footer {
	font-size: 14px;
	line-height: 20px;
	margin: 36px auto 33px;
	text-align: center
}

.personalTailorWrapper {
	background: linear-gradient(90deg,#5480ff,#4876ff,#4978ff);
	overflow: hidden
}

.personalTailorWrapper .pcShow {
	display: block
}

.personalTailorWrapper .mobileShow {
	display: none
}

.personalTailorWrapper .personalTailorContent {
	width: 100%;
	height: 100%;
	background: url(/wps/images/personalTailor/bg_top.png) no-repeat top;
	background-size: auto;
	overflow: hidden
}

.personalTailorWrapper .personalTailorContent .centerContent {
	width: 100%;
	display: inline-block;
	background: url(/wps/images/personalTailor/bg_bottom.png) no-repeat 100% 100%;
	background-size: auto
}

.personalTailorWrapper .personalTailorContent .centerContent .logoWrapper {
	margin-top: 80px;
	margin-bottom: 54px;
	width: 100%
}

.personalTailorWrapper .personalTailorContent .centerContent .logoWrapper .logoImg {
	width: 818px;
	height: 408px;
	background: url(/wps/images/personalTailor/p_logo.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}

.personalTailorWrapper .personalTailorContent .centerContent .textWrapper {
	color: #fff;
	text-align: center
}

.personalTailorWrapper .personalTailorContent .centerContent .textWrapper .time {
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: 400
}

.personalTailorWrapper .personalTailorContent .centerContent .textWrapper .text_one {
	font-size: 28px;
	line-height: 36px;
	font-weight: 400
}

.personalTailorWrapper .personalTailorContent .centerContent .textWrapper .text_two {
	font-size: 20px;
	line-height: 54px;
	font-weight: 400
}

.personalTailorWrapper .personalTailorContent .centerContent .textWrapper .text_three {
	font-size: 14px;
	font-weight: 400
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper {
	text-align: center;
	margin-top: 58px
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item {
	display: inline-block;
	margin-left: 80px
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper {
	display: inline-block;
	width: 146px;
	height: 123px;
	background: url(/wps/images/personalTailor/file_bg.png) no-repeat;
	background-size: 100% 100%
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper .file_item_img_content {
	position: relative;
	left: 50%;
	top: 61%;
	transform: translate(-50%,-50%)
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper .file_item_img {
	display: inline-block;
	margin-bottom: 5px
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper .file_one_img {
	width: 32px;
	height: 32px;
	background: url(/wps/images/personalTailor/file_1.png) no-repeat;
	background-size: 100% 100%
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper .file_two_img {
	width: 32px;
	height: 32px;
	background: url(/wps/images/personalTailor/file_2.png) no-repeat;
	background-size: 100% 100%
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper .file_three_img {
	width: 32px;
	height: 32px;
	background: url(/wps/images/personalTailor/file_3.png) no-repeat;
	background-size: 100% 100%
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper .file_four_img {
	width: 28px;
	height: 34px;
	background: url(/wps/images/personalTailor/file_4.png) no-repeat;
	background-size: 100% 100%
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper .file_item_text {
	font-size: 14px;
	color: rgba(34,55,119,.75)
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_btn {
	width: 146px;
	height: 42px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	background-image: linear-gradient(180deg,#ffa8cc,#ff4f8c);
	text-align: center;
	margin-top: 29px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_btn:hover {
	background-image: linear-gradient(180deg,#eda3d1,#ed5398)
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .row {
	display: none
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_btn_one {
	background-image: linear-gradient(0deg,#29aadd,#3ab8eb 11.2%,#49c6f8)
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_btn_one:hover {
	background-image: linear-gradient(180deg,#49bff9,#3db4ee 50%,#2da5e1)
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_btn_one .row {
	width: 22px;
	height: 22px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	vertical-align: middle;
	position: relative;
	margin-left: 7px
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_btn_one .row img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)
}

.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item_one {
	margin-left: 0
}

.personalTailorWrapper .personalTailorContent .centerContent .centerText {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 59px;
	margin-bottom: 47px;
	font-weight: 300
}

.personalTailorWrapper .personalTailorContent .centerContent .centerText a {
	text-decoration: underline;
	color: #fff
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper {
	width: 1200px;
	height: 586px;
	margin: 0 auto;
	background: url(/wps/images/personalTailor/bottom_bg.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 23px;
	text-align: center
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .receiveStep_img {
	width: 320px;
	height: 40px;
	display: inline-block;
	background: url(/wps/images/personalTailor/receiveStep.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 56px;
	margin-bottom: 58px
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .step_img {
	width: 943px;
	height: 169px;
	display: inline-block;
	background: url(/wps/images/personalTailor/step.png) no-repeat;
	background-size: 100% 100%
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper {
	color: #fff;
	display: inline-block;
	padding-left: 82px
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item {
	width: 160px;
	display: inline-block;
	margin-right: 90px;
	vertical-align: top;
	text-align: left;
	margin-top: 43px
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item h4 {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item .stepText_item_p {
	font-size: 16px;
	line-height: 25px
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_one {
	margin-right: 98px
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_two {
	margin-right: 100px
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_three {
	margin-right: 98px
}

.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_last {
	margin-right: 0;
	width: 208px
}

.personalTailorWrapper .personalTailorContent .centerContent .footerText {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 39px;
	font-weight: 300
}

.personalTailorWrapper .personal_type {
	margin-top: 58px;
	text-align: center
}

.personalTailorWrapper .personal_type>li {
	text-align: center;
	display: inline-block;
	width: 146px;
	margin-right: 80px;
	height: 190px;
	background: url(/wps/images/personalTailor/file_bg.png) no-repeat top
}

.personalTailorWrapper .personal_type>li>p {
	font-size: 14px;
	color: #223777
}

.personalTailorWrapper .personal_type>li .img {
	margin: 40px auto 4px;
	display: inline-block;
	width: 40px;
	height: 37px
}

.personalTailorWrapper .personal_type>li .icon0 {
	background: url(/wps/images/personalTailor/file_1.png) no-repeat
}

.personalTailorWrapper .personal_type>li .icon1 {
	background: url(/wps/images/personalTailor/file_2.png) no-repeat
}

.personalTailorWrapper .personal_type>li .icon2 {
	background: url(/wps/images/personalTailor/file_3.png) no-repeat
}

.personalTailorWrapper .personal_type>li .icon3 {
	background: url(/wps/images/personalTailor/file_4.png) no-repeat
}

.personalTailorWrapper .personal_type>li>a {
	width: 146px;
	height: 42px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 45px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}

.personalTailorWrapper .personal_type>li:last-child {
	margin-right: 0
}

.personalTailorWrapper .personal_type .show {
	background: linear-gradient(180deg,#ffa8cc,#ff4f8c)
}

.personalTailorWrapper .personal_type .show:hover {
	background: linear-gradient(180deg,#eda3d1,#ed5398)
}

.personalTailorWrapper .personal_type .hide {
	background: linear-gradient(180deg,#49c6f8,#29aadd)
}

.personalTailorWrapper .personal_type .hide>b {
	display: inline-block;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: url(/wps/images/personalTailor/go.png) 100% no-repeat;
	vertical-align: middle;
	margin-left: 6px;
	margin-top: -2px
}

.personalTailorWrapper .personal_type .hide:hover {
	background: linear-gradient(180deg,#49c6f8,#49c6f8)
}

@media screen and (min-width:1921px) and (max-width:3328px) {
	.personalTailorWrapper .personalTailorContent {
		background-size: 100% 642px
	}
}

@media screen and (max-width:1220px) {
	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper {
		width: 90%;
		margin: 0 auto;
		background-size: auto
	}
}

@media screen and (max-width:1200px) {
	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper {
		height: 516px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .step_img {
		width: 800px;
		height: 143.2px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper {
		padding-left: 92px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_one {
		margin-right: 58px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_two {
		margin-right: 60px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_three {
		margin-right: 58px
	}
}

@media screen and (max-width:1089px) {
	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper {
		padding-left: 90px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item {
		width: 152px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_one {
		margin-right: 65px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_two {
		margin-right: 69px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_three {
		margin-right: 70px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_last {
		width: 202px
	}
}

@media screen and (max-width:1072px) {
	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper {
		padding-left: 73px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item {
		width: 143px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_one {
		margin-right: 70px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_two {
		margin-right: 75px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_three {
		margin-right: 77px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_last {
		width: 186px
	}
}

@media screen and (max-width:1028px) {
	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .step_img {
		width: 744px;
		height: 133.3px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper {
		padding-left: 67px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item {
		width: 130px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_three {
		margin-right: 73px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_last {
		width: 174px
	}
}

@media screen and (max-width:958px) {
	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .step_img {
		width: 710px;
		height: 127.2px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper {
		padding-left: 54px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item {
		width: 118px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_one {
		margin-right: 78px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_last {
		width: 160px
	}
}

@media screen and (max-width:899px) {
	.personalTailorWrapper .personalTailorContent {
		background-size: 209% auto
	}

	.personalTailorWrapper .personalTailorContent .centerContent .personal_type li {
		width: 20%;
		margin-right: 5%
	}

	.personalTailorWrapper .personalTailorContent .centerContent .personal_type>li:last-child {
		margin-right: 0
	}

	.personalTailorWrapper .personalTailorContent .centerContent .logoWrapper .logoImg {
		width: 700px;
		height: 349.14px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item {
		margin-left: 62px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper {
		width: 140px;
		height: 117.9px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_btn {
		width: 140px;
		height: 40.27px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item_one {
		margin-left: 0
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper {
		height: 500px;
		background-size: auto
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .receiveStep_img {
		width: 280px;
		height: 35px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .step_img {
		width: 654px;
		height: 117.2px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper {
		padding-left: 44px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item {
		width: 102px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item h4 {
		font-size: 18px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item .stepText_item_p {
		font-size: 14px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_three {
		margin-right: 82px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_last {
		width: 140px
	}
}

@media screen and (max-width:844px) {
	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item {
		margin-left: 5%
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_img_wrapper {
		width: 130px;
		height: 109.5px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_btn {
		width: 130px;
		height: 37.39px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item .file_item_btn_one .row {
		width: 20px;
		height: 20px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .file_item_one {
		margin-left: 0
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .receiveStep_img {
		width: 280px;
		height: 35px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .step_img {
		width: 638px;
		height: 114.3px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper {
		padding-left: 30px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item {
		width: 98px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item h4 {
		font-size: 18px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item .stepText_item_p {
		font-size: 14px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_one {
		margin-right: 73px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_three,.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_two {
		margin-right: 80px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_last {
		width: 126px
	}
}

@media screen and (max-width:800px) {
	.personalTailorWrapper .personalTailorContent {
		background-size: 219% auto
	}

	.personalTailorWrapper .personalTailorContent .centerContent .logoWrapper .logoImg {
		width: 660px;
		height: 329.19px
	}
}

@media screen and (max-width:790px) {
	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .step_img {
		width: 606px;
		height: 108.6px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper {
		padding-left: 36px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item {
		width: 88px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item h4 {
		font-size: 16px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item .stepText_item_p {
		font-size: 12px
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .stepTextWrapper .stepText_item_last {
		width: 126px
	}
}

@media screen and (max-width:750px) {
	.personalTailorWrapper .pcShow {
		display: none
	}

	.personalTailorWrapper .mobileShow {
		display: block
	}

	.personalTailorWrapper .personalTailorContent {
		background: url(/wps/images/personalTailor/m_bg.png) no-repeat top;
		background-size: 100% auto
	}

	.personalTailorWrapper .personalTailorContent .centerContent {
		display: block
	}

	.personalTailorWrapper .personalTailorContent .centerContent .logoWrapper {
		margin-top: .7rem;
		margin-bottom: .8rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .logoWrapper .logoImg {
		width: 7.18rem;
		height: 3.72rem;
		background: url(/wps/images/personalTailor/m_logo.png) no-repeat;
		background-size: 100% 100%
	}

	.personalTailorWrapper .personalTailorContent .centerContent .textWrapper .time {
		font-size: .32rem;
		margin-bottom: .1rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .textWrapper .text_one {
		font-size: .4rem;
		width: 5.6rem;
		margin: 0 auto;
		line-height: .53rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .textWrapper .text_one_two {
		line-height: .72rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .textWrapper .text_two {
		font-size: .32rem;
		line-height: .65rem;
		margin-bottom: .16rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .textWrapper .text_three {
		font-size: .28rem;
		width: 5.6rem;
		margin: 0 auto;
		line-height: .45rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper {
		width: 5.32rem;
		margin: 1.19rem auto 0
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item {
		width: 2.2rem;
		height: 1.85rem;
		display: inline-block;
		background: url(/wps/images/personalTailor/m_file_bg.png) no-repeat;
		background-size: 100% 100%
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item .m_file_item_img_content {
		position: relative;
		left: 50%;
		top: 61%;
		transform: translate(-50%,-50%)
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item .m_file_item_img {
		width: .48rem;
		height: .48rem;
		display: inline-block
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item .m_file_item_img_one {
		background: url(/wps/images/personalTailor/m_file_1.png) no-repeat;
		background-size: 100% 100%
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item .m_file_item_img_two {
		background: url(/wps/images/personalTailor/m_file_2.png) no-repeat;
		background-size: 100% 100%
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item .m_file_item_img_three {
		background: url(/wps/images/personalTailor/m_file_3.png) no-repeat;
		background-size: 100% 100%
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item .m_file_item_img_four {
		width: .42rem;
		height: .5rem;
		background: url(/wps/images/personalTailor/m_file_4.png) no-repeat;
		background-size: 100% 100%
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item .m_file_item_text {
		font-size: .24rem;
		color: rgba(34,55,119,.75);
		margin-top: .05rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item_one {
		margin-right: .92rem;
		margin-bottom: .5rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item_two {
		margin-bottom: .5rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .fileWrapper .m_file_item_three {
		margin-right: .92rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .receiveImmediateBtn {
		width: 5.3rem;
		height: 1.06rem;
		line-height: 1.06rem;
		background-image: linear-gradient(180deg,#ffa8cc,#ff4f8c);
		border-radius: 8px;
		color: #fff;
		text-align: center;
		font-size: .42rem;
		margin: .78rem auto .6rem;
		cursor: pointer
	}

	.personalTailorWrapper .personalTailorContent .centerContent .receiveImmediateBtn:hover {
		background-image: linear-gradient(180deg,#eda3d1,#ed5398)
	}

	.personalTailorWrapper .personalTailorContent .centerContent .m_centerText {
		font-size: .26rem;
		color: #fff;
		text-align: center;
		margin-bottom: .64rem
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper {
		width: 100%;
		height: 16.23rem;
		background: url(/wps/images/personalTailor/m_step.png) no-repeat;
		background-size: 100% 100%;
		border-radius: 0;
		position: relative
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .m_receiveText {
		width: 3.85rem;
		height: .59rem;
		display: inline-block;
		background: url(/wps/images/personalTailor/m_receiveStep.png) no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top: .9rem;
		left: 50%;
		transform: translateX(-50%)
	}

	.personalTailorWrapper .personalTailorContent .centerContent .bottomWrapper .m_footerText {
		font-size: .2rem;
		color: #fff;
		position: absolute;
		bottom: .53rem;
		width: 100%;
		opacity: .7
	}
}

.futureWorkingWrapper {
	color: #fff;
	background: url(/wps/images/futureWorking/bg.jpg) no-repeat;
	background-size: 100% 100%
}

.futureWorkingWrapper .pcShow {
	display: block
}

.futureWorkingWrapper .mobileShow {
	display: none
}

.futureWorkingWrapper .futureWorkingContent {
	text-align: center;
	overflow: hidden;
	position: relative;
	width: 1180px;
	margin: 0 auto
}

.futureWorkingWrapper .futureWorkingContent .logoWrapper {
	width: 99px;
	height: 34px;
	background: url(/wps/images/futureWorking/logo.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 23px
}

.futureWorkingWrapper .futureWorkingContent .futureWorking_title {
	font-size: 46px;
	line-height: 65px;
	margin-top: 98px
}

.futureWorkingWrapper .futureWorkingContent .futureWorking_p1 {
	font-size: 26px;
	line-height: 37px;
	font-weight: lighter;
	letter-spacing: 2px
}

.futureWorkingWrapper .futureWorkingContent .contentImg {
	width: 942px;
	height: 629px;
	background: url(/wps/images/futureWorking/content.png) no-repeat;
	background-size: 100% 100%;
	margin: -60px auto 24.58px
}

.futureWorkingWrapper .futureWorkingContent .futureWorking_p2_wrapper {
	font-size: 24px;
	line-height: 38px
}

.futureWorkingWrapper .futureWorkingContent .checkExplain {
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	text-decoration: underline;
	margin-top: 23px;
	margin-bottom: 23px;
	display: inline-block;
	font-weight: lighter
}

.futureWorkingWrapper .futureWorkingContent .futureWorking_p3 {
	font-size: 18px;
	line-height: 25px
}

.futureWorkingWrapper .futureWorkingContent .immediateTasteBtn {
	width: 304px;
	height: 52px;
	line-height: 52px;
	color: #3241bb;
	font-size: 20px;
	text-align: center;
	margin: 69px auto 12px;
	cursor: pointer;
	border-radius: 4px;
	background: linear-gradient(#f7dd4c,#ecb925)
}

.futureWorkingWrapper .futureWorkingContent .immediateTasteBtn:hover {
	background: linear-gradient(#f6de68,#eec54d)
}

.futureWorkingWrapper .futureWorkingContent .futureWorking_p4 {
	font-size: 16px;
	line-height: 22px;
	font-weight: 300
}

.futureWorkingWrapper .futureWorkingContent .futureWorking_p4 .loginBtn {
	color: #fff;
	text-decoration: underline
}

.futureWorkingWrapper .futureWorkingContent .futureWorking_p5 {
	font-size: 32px;
	line-height: 45px;
	color: #ecb925;
	margin-top: 69px;
	margin-bottom: 12px
}

.futureWorkingWrapper .futureWorkingContent .futureWorking_p6 {
	font-size: 18px;
	line-height: 25px;
	font-weight: 200
}

.futureWorkingWrapper .futureWorkingContent .cooperationWrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 32px;
	margin-bottom: 88px
}

.futureWorkingWrapper .futureWorkingContent .cooperationWrapper .cooperationItem {
	width: 269px;
	height: 397px;
	background: url(/wps/images/futureWorking/cooperation_right.png) no-repeat;
	background-size: 100% 100%
}

.futureWorkingWrapper .futureWorkingContent .cooperationWrapper .cooperationItem:first-child {
	margin-right: 25px;
	background: url(/wps/images/futureWorking/cooperation_left.png) no-repeat;
	background-size: 100% 100%
}

.futureWorkingWrapper .futureWorkingContent .changeImg {
	width: 507px;
	height: 63px;
	background: url(/wps/images/futureWorking/change.png) no-repeat;
	background-size: 100% 100%;
	margin: 38px auto 97px
}

.futureWorkingWrapper .futureWorkingContent .fileWrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 37px
}

.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem {
	margin-left: 55px
}

.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper {
	height: 198px;
	margin-bottom: 6px
}

.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper .fileItem_top_a1 {
	width: 170px;
	height: 198px;
	background: url(/wps/images/futureWorking/a1.png) no-repeat;
	background-size: 100% 100%
}

.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper .fileItem_top_a2 {
	width: 169px;
	height: 196px;
	background: url(/wps/images/futureWorking/a2.png) no-repeat;
	background-size: 100% 100%
}

.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper .fileItem_top_a3 {
	width: 171px;
	height: 197px;
	background: url(/wps/images/futureWorking/a3.png) no-repeat;
	background-size: 100% 100%
}

.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper .fileItem_top_a4 {
	width: 169px;
	height: 196px;
	background: url(/wps/images/futureWorking/a4.png) no-repeat;
	background-size: 100% 100%
}

.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_bottom {
	font-size: 16px;
	line-height: 22px;
	font-weight: 200
}

.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem:first-child {
	margin-left: 0
}

.futureWorkingWrapper .futureWorkingContent .footer {
	font-size: 14px;
	line-height: 20px;
	margin-top: 125px;
	margin-bottom: 46px;
	font-weight: 200;
	letter-spacing: 1px
}

@media screen and (max-width:1195px) {
	.futureWorkingWrapper .futureWorkingContent {
		width: 100%
	}

	.futureWorkingWrapper .futureWorkingContent .logoWrapper {
		left: 23px
	}
}

@media screen and (max-width:960px) {
	.futureWorkingWrapper .futureWorkingContent .contentImg {
		width: 752px;
		height: 502.13px
	}
}

@media screen and (max-width:864px) {
	.futureWorkingWrapper .futureWorkingContent .fileWrapper {
		margin-top: 25px
	}

	.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem {
		margin-left: 40px
	}

	.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper {
		height: 158.4px;
		margin-bottom: 4px
	}

	.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper .fileItem_top_a1 {
		width: 136px;
		height: 158.4px
	}

	.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper .fileItem_top_a2,.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper .fileItem_top_a3,.futureWorkingWrapper .futureWorkingContent .fileWrapper .fileItem .fileItem_top_wrapper .fileItem_top_a4 {
		width: 135px;
		height: 156.5px
	}

	.futureWorkingWrapper .futureWorkingContent .footer {
		margin-top: 100px
	}
}

@media screen and (max-width:780px) {
	.futureWorkingWrapper .futureWorkingContent .contentImg {
		width: 698px;
		height: 466px
	}
}

@media screen and (max-width:768px) {
	.futureWorkingWrapper {
		background: url(/wps/images/futureWorking/m_bg.jpg) no-repeat;
		background-size: 100% 100%
	}

	.futureWorkingWrapper .pcShow {
		display: none!important
	}

	.futureWorkingWrapper .mobileShow {
		display: block
	}

	.futureWorkingWrapper .futureWorkingContent .m_logoWrapper {
		width: 1.59rem;
		height: .55rem;
		background: url(/wps/images/futureWorking/logo.png) no-repeat;
		background-size: 100% 100%;
		margin: .61rem auto .2rem
	}

	.futureWorkingWrapper .futureWorkingContent .futureWorking_title {
		font-size: .68rem;
		line-height: .95rem;
		margin-top: 0;
		font-weight: 700
	}

	.futureWorkingWrapper .futureWorkingContent .futureWorking_p1 {
		margin-top: .08rem;
		font-size: .32rem;
		line-height: .45rem;
		font-weight: 300;
		letter-spacing: 0
	}

	.futureWorkingWrapper .futureWorkingContent .contentImg {
		width: 6.36rem;
		height: 4.24rem;
		margin-top: -.2rem;
		background: url(/wps/images/cloud-document.png) no-repeat;
		background-size: 100% 100%
	}

	.futureWorkingWrapper .futureWorkingContent .futureWorking_p2_wrapper {
		font-size: .26rem;
		line-height: .46rem;
		font-weight: 500
	}

	.futureWorkingWrapper .futureWorkingContent .checkExplain {
		font-size: .26rem;
		line-height: .37rem;
		margin-top: .33rem;
		margin-bottom: .33rem;
		font-weight: 300
	}

	.futureWorkingWrapper .futureWorkingContent .futureWorking_p3 {
		font-size: .34rem;
		line-height: .48rem;
		font-weight: 700
	}

	.futureWorkingWrapper .futureWorkingContent .immediateTasteBtn {
		width: 3.85rem;
		height: 1rem;
		line-height: 1rem;
		font-size: .34rem;
		margin-top: .83rem;
		margin-bottom: .86rem;
		font-weight: 500;
		border-radius: .08rem
	}

	.futureWorkingWrapper .futureWorkingContent .futureWorking_p5 {
		font-size: .5rem;
		line-height: .7rem;
		margin-top: .86rem;
		margin-bottom: .2rem;
		font-weight: 700
	}

	.futureWorkingWrapper .futureWorkingContent .futureWorking_p6 {
		font-size: .26rem;
		line-height: .37rem;
		font-weight: 400
	}

	.futureWorkingWrapper .futureWorkingContent .cooperationWrapper {
		margin-top: .5rem;
		margin-bottom: 1.13rem
	}

	.futureWorkingWrapper .futureWorkingContent .cooperationWrapper .cooperationItem {
		width: 3.4rem;
		height: 5.11rem;
		background: url(/wps/images/futureWorking/m_cooperation_right.png) no-repeat;
		background-size: 100% 100%
	}

	.futureWorkingWrapper .futureWorkingContent .cooperationWrapper .cooperationItem:first-child {
		margin-right: .09rem;
		background: url(/wps/images/futureWorking/m_cooperation_left.png) no-repeat;
		background-size: 100% 100%
	}

	.futureWorkingWrapper .futureWorkingContent .changeImg {
		width: 6.37rem;
		height: .93rem;
		background: url(/wps/images/futureWorking/m_change.png) no-repeat;
		background-size: 100% 100%;
		margin-top: .44rem;
		margin-bottom: 1.25rem
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: .55rem
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper .m_file_item {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper .file_top .file_top_item_wrapper {
		width: 3rem;
		height: 3.49rem
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper .file_top .file_top_item_wrapper .file_bottom_item_img_a1 {
		width: 100%;
		height: 100%;
		background: url(/wps/images/futureWorking/m_a1.png) no-repeat;
		background-size: 100% 100%
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper .file_top .file_top_item_wrapper .file_bottom_item_img_a2 {
		width: 2.99rem;
		height: 3.45rem;
		background: url(/wps/images/futureWorking/m_a2.png) no-repeat;
		background-size: 100% 100%
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper .file_bottom {
		margin-top: .34rem
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper .file_bottom .file_bottom_item_img {
		width: 2.99rem;
		height: 3.45rem
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper .file_bottom .file_bottom_item_img_a3 {
		background: url(/wps/images/futureWorking/m_a3.png) no-repeat;
		background-size: 100% 100%
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper .file_bottom .file_bottom_item_img_a4 {
		background: url(/wps/images/futureWorking/m_a4.png) no-repeat;
		background-size: 100% 100%
	}

	.futureWorkingWrapper .futureWorkingContent .m_fileWrapper .file_text {
		font-size: .24rem;
		line-height: .33rem;
		margin-top: .19rem
	}

	.futureWorkingWrapper .futureWorkingContent .footer {
		font-size: .14rem;
		line-height: .2rem;
		margin-top: 1.56rem;
		margin-bottom: .25rem;
		letter-spacing: 0;
		font-weight: 500
	}
}

.industrySolutionWrapper {
	overflow: hidden
}

.industrySolutionWrapper .pcShow {
	display: block!important
}

.industrySolutionWrapper .mobileShow {
	display: none!important
}

.industrySolutionWrapper .industrySolution_header {
	width: 100%;
	height: 470px;
	background: linear-gradient(#ffd739,#ffb515)
}

.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent .logoWrapper {
	width: 101.5px;
	height: 35px;
	background: url(/wps/images/futureWorking/logo.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 33px;
	left: 0
}

.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent .header_bg_left {
	width: 216px;
	height: 224px;
	background: url(/wps/images/industrySolution/bg_l.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 18px;
	top: 51px
}

.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent .header_bg_right {
	width: 701px;
	height: 438px;
	background: url(/wps/images/industrySolution/bg_r.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 41px;
	top: 33px
}

.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent .text_box {
	color: #050505;
	z-index: 2;
	position: absolute;
	top: 199px;
	left: 18px
}

.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent .text_box p.one {
	font-size: 50px;
	line-height: 70px;
	letter-spacing: 4px;
	margin-left: 9px;
	font-weight: 500
}

.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent .text_box .line {
	width: 501px;
	height: 16px;
	margin-top: -20px;
	background: linear-gradient(90deg,#27afff,#0021ff)
}

.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent .text_box p.two {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 4px;
	margin: 19px 0 33px 10px;
	font-weight: 600
}

.industrySolutionWrapper .industrySolution_nav {
	width: 100%;
	height: 60px;
	line-height: 60px;
	box-shadow: 0 2px 10px #ffd390;
	background-color: #fff;
	z-index: 3;
	margin-bottom: -10px
}

.industrySolutionWrapper .industrySolution_nav ul {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.industrySolutionWrapper .industrySolution_nav ul li {
	margin-left: 105px;
	height: 100%;
	box-sizing: border-box
}

.industrySolutionWrapper .industrySolution_nav ul li a {
	height: 100%;
	display: inline-block;
	color: #484d58;
	font-size: 18px
}

.industrySolutionWrapper .industrySolution_nav ul li.active {
	border-bottom: 4px solid #ffac00
}

.industrySolutionWrapper .industrySolution_nav ul li.active a {
	color: #ffac00
}

.industrySolutionWrapper .industrySolution_nav ul li:first-child {
	margin-left: 0
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block {
	margin-bottom: 64px;
	padding-top: 60px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .titleWrapper {
	display: flex;
	justify-content: center;
	align-items: center
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .titleWrapper .title_dian {
	width: 76px;
	height: 13px;
	background: url(/wps/images/industrySolution/title_dian.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .titleWrapper .title_content {
	font-size: 36px;
	line-height: 50px;
	color: #484d58;
	margin: 0 20px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_nav {
	margin: 40px 0 27px;
	display: flex;
	justify-content: center;
	align-items: center
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_nav .img_wrapper {
	width: 94px;
	height: 108px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 13px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_nav .img {
	width: 94px;
	height: 108px;
	background: url(/wps/images/industrySolution/icon.png)
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_nav .img:hover {
	cursor: pointer;
	width: 94px;
	height: 108px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_nav p {
	font-size: 16px;
	color: #484d58;
	line-height: 22px;
	text-align: center
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_nav .block_nav_two {
	margin: 0 58px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper {
	width: 950px;
	height: 368px;
	position: relative;
	margin: 0 auto
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .sanjiao {
	width: 29px;
	height: 24px;
	background: url(/wps/images/industrySolution/triangle.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 310px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content {
	width: 100%;
	height: 349.99px;
	background-color: #f2f5f7;
	position: absolute;
	bottom: 0
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent {
	margin-left: 70px;
	overflow: hidden;
	display: none
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent h2 {
	font-size: 30px;
	line-height: 42px;
	color: #484d58;
	margin-top: 77.99px;
	margin-left: 29px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .textRow .icon {
	width: 16px;
	height: 16px;
	margin-right: 13px;
	display: inline-block;
	vertical-align: top
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .textRow p {
	width: 530px;
	display: inline-block;
	vertical-align: top
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_one {
	margin: 14px 0;
	color: #4f4f4f
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_one .error {
	margin-top: 5px;
	background: url(/wps/images/industrySolution/error.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_one p {
	text-decoration: line-through;
	font-size: 18px;
	line-height: 25px;
	font-weight: lighter
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_two {
	color: #484d58
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_two .icon_right {
	margin-top: 6px;
	background: url(/wps/images/industrySolution/right.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_two p {
	font-size: 20px;
	line-height: 28px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .img {
	display: none
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .img.show,.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent.show {
	display: block
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .btn {
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: #ffac00;
	display: inline-block;
	border-radius: 7px;
	position: absolute;
	left: 50%;
	margin-left: -80px;
	bottom: 59px;
	z-index: 2
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .btn:hover {
	background-color: #fdb318
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .shadow {
	width: 192px;
	height: 79px;
	background: url(/wps/images/industrySolution/shadow.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	bottom: 31px;
	left: 50%;
	margin-left: -90px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .note {
	font-size: 12px;
	color: #707788;
	line-height: 17px;
	position: absolute;
	bottom: 27px;
	left: 50%;
	letter-spacing: 1.71px;
	font-weight: 300;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}

.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .note sup {
	font-size: larger
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne {
	margin-bottom: 60px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav {
	margin-bottom: 33px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav .block_nav_one .img {
	background-position: -10px -394px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav .block_nav_one .img:hover {
	background-position: -124px -392px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav .block_nav_one .img.active {
	background-position: -124px -392px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav .block_nav_two .img {
	background-position: -10px -12px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav .block_nav_two .img:hover {
	background-position: -124px -10px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav .block_nav_two .img.active {
	background-position: -124px -10px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav .block_nav_three .img {
	background-position: -10px -140px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav .block_nav_three .img:hover {
	background-position: -124px -138px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_nav .block_nav_three .img.active {
	background-position: -124px -138px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .textContent {
	margin-left: 73px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .textContent h2 {
	margin-top: 68.99px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img {
	position: absolute;
	right: 30px;
	bottom: 78px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img_one {
	width: 276px;
	height: 224px;
	background: url(/wps/images/industrySolution/jinrong_1.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img_two {
	width: 296px;
	height: 237px;
	background: url(/wps/images/industrySolution/jinrong_2.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img_three {
	width: 299px;
	height: 236px;
	background: url(/wps/images/industrySolution/jinrong_3.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .btn {
	bottom: 65px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .shadow {
	bottom: 37px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .note {
	bottom: 33px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_nav .block_nav_one .img {
	background-position: -10px -140px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_nav .block_nav_one .img:hover {
	background-position: -124px -138px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_nav .block_nav_one .img.active {
	background-position: -124px -138px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_nav .block_nav_two .img {
	background-position: -10px -268px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_nav .block_nav_two .img:hover {
	background-position: -124px -266px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_nav .block_nav_two .img.active {
	background-position: -124px -266px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_nav .block_nav_three .img {
	background-position: -10px -12px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_nav .block_nav_three .img:hover {
	background-position: -124px -10px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_nav .block_nav_three .img.active {
	background-position: -124px -10px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content .img {
	position: absolute;
	right: 34px;
	bottom: 69px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content .img_one {
	width: 299px;
	height: 238px;
	background: url(/wps/images/industrySolution/jiaoyu_1.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content .img_two {
	width: 280px;
	height: 225px;
	background: url(/wps/images/industrySolution/jiaoyu_2.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content .img_three {
	width: 296px;
	height: 237px;
	background: url(/wps/images/industrySolution/jiaoyu_3.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content .shadow {
	bottom: 33px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav {
	margin-bottom: 29px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav .block_nav_one .img {
	background-position: -10px -394px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav .block_nav_one .img:hover {
	background-position: -124px -392px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav .block_nav_one .img.active {
	background-position: -124px -392px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav .block_nav_two .img {
	background-position: -10px -12px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav .block_nav_two .img:hover {
	background-position: -124px -10px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav .block_nav_two .img.active {
	background-position: -124px -10px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav .block_nav_three .img {
	background-position: -10px -268px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav .block_nav_three .img:hover {
	background-position: -124px -266px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_nav .block_nav_three .img.active {
	background-position: -124px -266px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .textContent h2 {
	margin-top: 75.99px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img {
	position: absolute;
	right: 51px;
	bottom: 46px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img_one {
	width: 276px;
	height: 224px;
	background: url(/wps/images/industrySolution/maoyi_1.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img_two {
	width: 296px;
	height: 237px;
	background: url(/wps/images/industrySolution/maoyi_2.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img_three {
	width: 280px;
	height: 225px;
	background: url(/wps/images/industrySolution/maoyi_3.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .btn {
	bottom: 61px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .note {
	bottom: 29px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .shadow {
	bottom: 31px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_nav .block_nav_one .img {
	background-position: -10px -12px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_nav .block_nav_one .img:hover {
	background-position: -124px -10px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_nav .block_nav_one .img.active {
	background-position: -124px -10px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_nav .block_nav_two .img {
	background-position: -10px -396px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_nav .block_nav_two .img:hover {
	background-position: -124px -394px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_nav .block_nav_two .img.active {
	background-position: -124px -394px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_nav .block_nav_three .img {
	background-position: -10px -268px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_nav .block_nav_three .img:hover {
	background-position: -124px -266px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_nav .block_nav_three .img.active {
	background-position: -124px -266px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_content .img {
	position: absolute;
	right: 54px;
	bottom: 56px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_content .img_one {
	width: 296px;
	height: 237px;
	background: url(/wps/images/industrySolution/ruanjian_1.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_content .img_two {
	width: 276px;
	height: 224px;
	background: url(/wps/images/industrySolution/ruanjian_2.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_content .img_three {
	width: 280px;
	height: 225px;
	background: url(/wps/images/industrySolution/ruanjian_3.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive {
	margin-bottom: 140px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_nav .block_nav_one .img {
	background-position: -10px -12px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_nav .block_nav_one .img:hover {
	background-position: -124px -10px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_nav .block_nav_one .img.active {
	background-position: -124px -10px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_nav .block_nav_two .img {
	background-position: -10px -268px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_nav .block_nav_two .img:hover {
	background-position: -124px -266px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_nav .block_nav_two .img.active {
	background-position: -124px -266px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_nav .block_nav_three .img {
	background-position: -10px -396px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_nav .block_nav_three .img:hover {
	background-position: -124px -394px!important
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_nav .block_nav_three .img.active {
	background-position: -124px -394px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .img {
	position: absolute;
	right: 29px;
	bottom: 56px
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .img_one {
	width: 296px;
	height: 237px;
	background: url(/wps/images/industrySolution/chuanmei_1.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .img_two {
	width: 280px;
	height: 225px;
	background: url(/wps/images/industrySolution/chuanmei_2.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .img_three {
	width: 299px;
	height: 251px;
	background: url(/wps/images/industrySolution/chuanmei_3.png) no-repeat;
	background-size: 100% 100%
}

.industrySolutionWrapper .page_footer {
	width: 100%;
	height: 166px;
	line-height: 166px;
	background-color: #2e343d;
	color: #ffc800;
	text-align: center;
	font-size: 30px
}

@media screen and (max-width:1200px) {
	.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent .logoWrapper {
		left: 30px
	}
}

@media screen and (max-width:1000px) {
	.industrySolutionWrapper .industrySolution_nav ul li {
		margin-left: 6%
	}
}

@media screen and (max-width:970px) {
	.industrySolutionWrapper .industrySolution_header .industrySolution_headerContent .banner_img {
		width: 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper {
		width: 820px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .sanjiao {
		left: 245px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content {
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%)
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent {
		margin-left: 48px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent h2 {
		margin-top: 57.99px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .textRow p {
		width: 420px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .img {
		right: 20px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img {
		right: 34px
	}
}

@media screen and (max-width:850px) {
	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper {
		width: 740px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .sanjiao {
		left: 205px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent {
		margin-left: 28px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent h2 {
		margin-top: 46px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .textRow p {
		width: 390px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .img {
		right: 10px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img {
		right: 16px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img_two {
		width: 276px;
		height: 221px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img_three {
		width: 279px;
		height: 220px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img_two,.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content_wrapper .block_content .img_three {
		width: 276px;
		height: 221px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img {
		bottom: 71px
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .img_one,.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_content_wrapper .block_content .img_one {
		width: 276px;
		height: 221px
	}
}

@media screen and (max-width:768px) {
	.industrySolutionWrapper .pcShow {
		display: none!important
	}

	.industrySolutionWrapper .mobileShow {
		display: block!important
	}

	.industrySolutionWrapper .industrySolution_header_m {
		width: 100%;
		height: 7.9rem;
		background: url(/wps/images/industrySolution/m_bg.png) no-repeat;
		background-size: 100% 100%;
		position: relative
	}

	.industrySolutionWrapper .industrySolution_header_m .header_title {
		font-size: .7rem;
		color: #050505;
		line-height: .98rem;
		top: 1rem;
		display: inline-table;
		z-index: 2;
		font-weight: 600
	}

	.industrySolutionWrapper .industrySolution_header_m .header_line,.industrySolutionWrapper .industrySolution_header_m .header_title {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%)
	}

	.industrySolutionWrapper .industrySolution_header_m .header_line {
		width: 6.18rem;
		height: .16rem;
		top: 1.9rem;
		background: linear-gradient(90deg,#27afff,#0021ff)
	}

	.industrySolutionWrapper .industrySolution_header_m .textBox {
		position: absolute;
		top: 2.52rem;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%)
	}

	.industrySolutionWrapper .industrySolution_header_m .textBox p {
		font-size: .36rem;
		line-height: .5rem;
		letter-spacing: .072rem;
		color: #050505
	}

	.industrySolutionWrapper .industrySolution_header_m .header_btn {
		width: 3.8462rem;
		height: 1rem;
		line-height: 1rem;
		font-size: .34rem;
		text-align: center;
		display: inline-block;
		position: absolute;
		bottom: 2.78rem;
		border-radius: .08rem;
		color: #fff;
		left: 50%;
		font-weight: 500;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		background: linear-gradient(#27b0ff,#146aff)
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block {
		padding-top: 0;
		margin-bottom: .94rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .titleWrapper .title_dian {
		width: .76rem;
		height: .13rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .titleWrapper .title_content {
		font-size: .5rem;
		line-height: .7rem;
		margin: 0 .25rem;
		font-weight: 500
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .m_block_nav {
		margin: .76rem 0 .2rem;
		display: flex;
		justify-content: center;
		align-items: center
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .m_block_nav .img_wrapper {
		width: 1.24rem;
		height: 1.43rem;
		margin-bottom: .28rem;
		padding-top: .04rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .m_block_nav .img_wrapper:hover {
		padding-top: 0;
		margin-bottom: .32rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .m_block_nav .img {
		width: 1.24rem;
		height: 1.43rem;
		margin-top: -.04rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .m_block_nav .img:hover {
		width: 1.24rem;
		height: 1.43rem;
		margin-top: 0
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .m_block_nav .img.active {
		margin-top: 0
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .m_block_nav p {
		text-align: center;
		font-size: .28rem;
		line-height: .4rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .m_block_nav .block_nav_two {
		margin: 0 .78rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper {
		width: 6.9rem;
		height: 11.8rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .sanjiao {
		width: .29rem;
		height: .24rem;
		left: 1.3rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content {
		width: 100%;
		height: 11.6199rem;
		text-align: center
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent {
		margin: 0 .49rem .65rem .69rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent h2 {
		font-size: .48rem;
		line-height: .67rem;
		text-align: left;
		margin-top: .7035rem;
		margin-left: .45rem;
		font-weight: 500
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .textRow {
		text-align: left;
		align-items: baseline
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .textRow .icon {
		height: .28rem;
		width: .28rem;
		margin-right: .17rem;
		margin-top: .09rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .textRow p {
		width: calc(100% - .45rem);
		font-size: .3rem;
		line-height: .46rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_one {
		margin: .26rem 0 .29rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_one p {
		font-weight: 300
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_two p {
		font-weight: 500
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .img {
		position: static;
		margin: 0 auto
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .btn {
		width: 3.85rem;
		height: 1.02rem;
		line-height: 1.02rem;
		position: static;
		font-size: .34rem;
		border-radius: .08rem;
		margin: 0 auto;
		font-weight: 500
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .m_shadow {
		width: 3.97rem;
		height: 1.35rem;
		background: url(/wps/images/industrySolution/m_shadow.png) no-repeat;
		background-size: 100% 100%;
		margin: -1.07rem auto 0
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .note {
		position: static;
		font-size: .28rem;
		line-height: .4rem;
		letter-spacing: .04rem;
		margin-top: -.03rem;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .titleWrapper {
		margin-top: .64rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .m_block_nav .block_nav_one .img {
		background: url(/wps/images/industrySolution/m_safe.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .m_block_nav .block_nav_one .img.active,.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .m_block_nav .block_nav_one .img:hover {
		background: url(/wps/images/industrySolution/m_safe1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .m_block_nav .block_nav_two .img {
		background: url(/wps/images/industrySolution/m_storage.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .m_block_nav .block_nav_two .img:hover {
		background: url(/wps/images/industrySolution/m_storage1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .m_block_nav .block_nav_three .img {
		background: url(/wps/images/industrySolution/m_cooperate.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .m_block_nav .block_nav_three .img:hover {
		background: url(/wps/images/industrySolution/m_cooperate1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img {
		margin-top: .38rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img_one {
		width: 5.86rem;
		height: 4.76rem;
		background: url(/wps/images/industrySolution/m_jinrong_1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img_two {
		width: 5.86rem;
		height: 4.7rem;
		background: url(/wps/images/industrySolution/m_jinrong_2.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockOne .block_content_wrapper .block_content .img_three {
		width: 5.87rem;
		height: 4.64rem;
		background: url(/wps/images/industrySolution/m_jinrong_3.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .m_block_nav .block_nav_one .img {
		background: url(/wps/images/industrySolution/m_cooperate.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .m_block_nav .block_nav_one .img.active,.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .m_block_nav .block_nav_one .img:hover {
		background: url(/wps/images/industrySolution/m_cooperate1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .m_block_nav .block_nav_two .img {
		background: url(/wps/images/industrySolution/m_edit.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .m_block_nav .block_nav_two .img:hover {
		background: url(/wps/images/industrySolution/m_edit1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .m_block_nav .block_nav_three .img {
		background: url(/wps/images/industrySolution/m_storage.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .m_block_nav .block_nav_three .img:hover {
		background: url(/wps/images/industrySolution/m_storage1.png) no-repeat;
		background-size: 100% 100%;
		background-position: 0 0!important
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content_wrapper .block_content .img {
		margin-top: .35rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content_wrapper .block_content .img_one {
		width: 5.87rem;
		height: 4.68rem;
		background: url(/wps/images/industrySolution/m_jiaoyu_1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content_wrapper .block_content .img_two {
		width: 5.85rem;
		height: 4.69rem;
		background: url(/wps/images/industrySolution/m_jiaoyu_2.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockTwo .block_content_wrapper .block_content .img_three {
		width: 5.86rem;
		height: 4.7rem;
		background: url(/wps/images/industrySolution/m_jiaoyu_3.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .m_block_nav .block_nav_one .img {
		background: url(/wps/images/industrySolution/m_safe.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .m_block_nav .block_nav_one .img.active,.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .m_block_nav .block_nav_one .img:hover {
		background: url(/wps/images/industrySolution/m_safe1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .m_block_nav .block_nav_two .img {
		background: url(/wps/images/industrySolution/m_storage.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .m_block_nav .block_nav_two .img:hover {
		background: url(/wps/images/industrySolution/m_storage1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .m_block_nav .block_nav_three .img {
		background: url(/wps/images/industrySolution/m_edit.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .m_block_nav .block_nav_three .img:hover {
		background: url(/wps/images/industrySolution/m_edit1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img {
		margin-top: .42rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img_one {
		width: 5.86rem;
		height: 4.76rem;
		background: url(/wps/images/industrySolution/m_maoyi_1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img_two {
		width: 5.86rem;
		height: 4.7rem;
		background: url(/wps/images/industrySolution/m_maoyi_2.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockThree .block_content_wrapper .block_content .img_three {
		width: 5.85rem;
		height: 4.69rem;
		background: url(/wps/images/industrySolution/m_maoyi_3.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .m_block_nav .block_nav_one .img {
		background: url(/wps/images/industrySolution/m_storage.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .m_block_nav .block_nav_one .img.active,.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .m_block_nav .block_nav_one .img:hover {
		background: url(/wps/images/industrySolution/m_storage1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .m_block_nav .block_nav_two .img {
		background: url(/wps/images/industrySolution/m_safe.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .m_block_nav .block_nav_two .img:hover {
		background: url(/wps/images/industrySolution/m_safe1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .m_block_nav .block_nav_three .img {
		background: url(/wps/images/industrySolution/m_edit.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .m_block_nav .block_nav_three .img:hover {
		background: url(/wps/images/industrySolution/m_edit1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_content_wrapper .block_content .img {
		width: 5.86rem;
		height: 4.7rem;
		margin-top: .63rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_content_wrapper .block_content .img_one {
		background: url(/wps/images/industrySolution/m_ruanjian_1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_content_wrapper .block_content .img_two {
		background: url(/wps/images/industrySolution/m_ruanjian_2.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFour .block_content_wrapper .block_content .img_three {
		background: url(/wps/images/industrySolution/m_ruanjian_3.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive {
		margin-bottom: .6rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .m_block_nav .block_nav_one .img {
		background: url(/wps/images/industrySolution/m_storage.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .m_block_nav .block_nav_one .img.active,.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .m_block_nav .block_nav_one .img:hover {
		background: url(/wps/images/industrySolution/m_storage1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .m_block_nav .block_nav_two .img {
		background: url(/wps/images/industrySolution/m_edit.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .m_block_nav .block_nav_two .img:hover {
		background: url(/wps/images/industrySolution/m_edit1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .m_block_nav .block_nav_three .img {
		background: url(/wps/images/industrySolution/m_cooperate.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .m_block_nav .block_nav_three .img:hover {
		background: url(/wps/images/industrySolution/m_cooperate1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .textContent {
		margin-bottom: .19rem;
		height: 4.17rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .img {
		margin-top: .53rem
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .img_one {
		width: 5.86rem;
		height: 4.7rem;
		background: url(/wps/images/industrySolution/m_chuanmei_1.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .img_two {
		width: 5.86rem;
		height: 4.76rem;
		background: url(/wps/images/industrySolution/m_chuanmei_2.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .industrySolution_content .industrySolution_blockFive .block_content_wrapper .block_content .img_three {
		width: 5.85rem;
		height: 4.69rem;
		background: url(/wps/images/industrySolution/m_chuanmei_3.png) no-repeat;
		background-size: 100% 100%
	}

	.industrySolutionWrapper .page_footer {
		height: 1.66rem;
		line-height: 1.66rem;
		font-size: .3rem;
		font-weight: 500
	}
}

@media screen and (max-width:375px) {
	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_two .icon_right {
		margin-top: .08rem
	}
}

@media screen and (max-width:360px) {
	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_two .icon_right {
		margin-top: .074rem
	}
}

@media screen and (max-width:320px) {
	.industrySolutionWrapper .industrySolution_content .industrySolution_block .block_content_wrapper .block_content .textContent .text_two .icon_right {
		margin-top: .086rem
	}
}



.wrapper {
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg,#04218f,#0d53c4)
}

.security-content {
	margin: 0 auto;
	max-width: 1140px;
	height: 100%
}

.security-content .content-header {
	position: relative;
	width: 100%;
	height: 460px;
	text-align: center;
	background: url(/wps/images/documentSecurity/theme.png) no-repeat 50%;
	background-size: 100%;
	margin-top: -53px
}

.security-content .content-header .logo {
	position: absolute;
	width: 352px;
	height: 283px;
	top: -62px;
	left: -115px;
	margin-top: 30px
}

.security-content .content-header p {
	font-size: 22px;
	color: #fafcff;
	letter-spacing: 2px;
	width: 398px;
	height: 50px;
	line-height: 50px;
	background: url(/wps/images/documentSecurity/title.png) 0 0 no-repeat;
	background-size: 100%;
	display: inline-block;
	margin-top: 346px
}

.security-content .first-step {
	max-width: 980px;
	margin: -40px auto 0;
	background: url(/wps/images/documentSecurity/1.png) no-repeat top;
	padding-top: 50px
}

.security-content .first-step .details {
	width: 989px;
	height: 170px;
	color: #043077;
	background: url(/wps/images/documentSecurity/step1.png) no-repeat 50%;
	padding-left: 26px;
	box-sizing: border-box;
	padding-top: 20px;
	line-height: 45px;
	background-size: 100% 100%;
	margin: 0 auto
}

.security-content .first-step .details>li {
	box-sizing: border-box;
	padding-left: 37px;
	padding-top: 20px
}

.security-content .first-step .details .icon {
	background: url(/wps/images/documentSecurity/icon.png) no-repeat left 30px
}

.security-content .first-step .details .introduce {
	width: 100%;
	color: #043077;
	box-sizing: border-box
}

.security-content .first-step .details .title {
	float: left;
	width: 15%;
	font-size: 30px;
	font-weight: 700
}

.security-content .first-step .details .detail {
	font-size: 24px;
	width: 75%;
	float: left;
	margin-left: 20px
}

@media screen and (max-width:1000px) {
	.security-content .first-step .details {
		width: 100%
	}

	.security-content .first-step .details .detail,.security-content .first-step .details .title {
		font-size: 24px
	}
}

@media screen and (max-width:768px) {
	.security-content .first-step .details {
		padding-left: 5%;
		width: 100%;
		height: 110px;
		padding-top: 10px;
		line-height: 26px;
		background: url(/wps/images/documentSecurity/step-m.png) no-repeat;
		background-size: 100% 100px
	}

	.security-content .first-step .details>li {
		padding-left: 5%
	}

	.security-content .first-step .details .detail,.security-content .first-step .details .title {
		font-size: 17px
	}

	.security-content .first-step .details .title {
		width: 20%
	}

	.security-content .first-step .details .detail {
		width: 70%;
		margin-left: 0;
		line-height: 22px
	}

	.security-content .first-step .details .icon {
		background-size: 20px;
		background-position-y: 22px
	}
}

@media screen and (max-width:450px) {
	.security-content .first-step .details .title {
		font-size: 15px;
		line-height: 16px
	}

	.security-content .first-step .details .detail {
		font-size: 14px;
		line-height: 18px
	}

	.security-content .first-step .details .title {
		width: 23%
	}

	.security-content .first-step .details .icon {
		background-size: 16px;
		background-position-y: 20px
	}
}

@media screen and (max-width:321px) {
	.security-content .first-step .details .title {
		width: 25%
	}
}

.security-content .first-step .step-banner {
	background: url(/wps/images/documentSecurity/step1.png) no-repeat 50%;
	background-size: 100%;
	width: 100%;
	height: 184px
}

.security-content .first-step .step-banner .banner {
	width: 100%
}

.security-content .first-step .step-banner .introduce {
	width: 100%;
	color: #043077
}

.security-content .first-step .step-banner .introduce .title {
	width: 23%;
	float: left;
	font-size: 30px
}

.security-content .first-step .step-banner .introduce .detail {
	font-size: 24px;
	margin-top: 6px;
	margin-left: 6px;
	width: 746px;
	float: right
}

.security-content .first-step .step-banner .introduce .detail.time {
	line-height: 42px;
	margin-left: 10px
}

.security-content .first-step .step-banner .introduce.second {
	margin-top: -15px
}

.security-content .first-step .step-operate {
	margin: 0 auto;
	margin-top: 30px;
	text-align: center
}

.security-content .first-step .step-operate .registerFedilog {
	cursor: pointer;
	background: url(/wps/images/documentSecurity/register.png);
	background-size: cover;
	width: 320px;
	height: 76px;
	color: #fafcff;
	font-size: 34px;
	letter-spacing: 5px;
	line-height: 72px
}

.security-content .first-step .step-operate p {
	color: #fafcff;
	font-size: 16px;
	margin-top: 22px
}

.security-content .second-step {
	position: relative;
	max-width: 1063px;
	height: 300px;
	margin: 0 auto;
	margin-top: -10px;
	background: url(/wps/images/documentSecurity/step2.png) 50% no-repeat;
	background-size: 708px 164px;
	background-repeat: no-repeat
}

.security-content .second-step ul {
	width: 100%;
	height: 100%;
	padding-top: 76px;
	color: #fafcff;
	display: flex
}

.security-content .second-step ul li {
	flex: 1;
	width: 222px
}

.security-content .second-step ul li:nth-child(2) {
	margin-left: 44px
}

.security-content .second-step ul li:nth-child(3) {
	margin-left: 98px
}

.security-content .second-step ul li:last-child {
	margin-left: 85px
}

.security-content .second-step ul li img {
	width: 166px;
	height: 166px;
	margin-left: 20px
}

.security-content .second-step ul li .title {
	width: 100%;
	text-align: center;
	font-size: 24px;
	letter-spacing: 1px
}

.security-content .second-step ul li .desc {
	font-size: 16px;
	text-align: left;
	margin-top: 22px;
	line-height: 28px;
	letter-spacing: 4px
}

.security-content .third-step {
	clear: both;
	max-width: 980px;
	height: 242px;
	margin: 0 auto;
	margin-top: 140px;
	background: url(/wps/images/documentSecurity/step3.png) 50% no-repeat;
	background-size: 100%
}

.security-content .third-step .introduce {
	display: inline-block;
	color: #043077;
	margin-top: 120px;
	margin-left: 85px
}

.security-content .third-step .introduce .title {
	font-size: 30px
}

.security-content .third-step .introduce .detail {
	font-size: 24px;
	margin-left: 35px;
	letter-spacing: 9px
}

.security-content .third-step .bottom {
	font-size: 16px;
	float: right;
	margin-right: 80px;
	margin-top: 10px;
	color: #043077
}

.security-content .third-step .bottom .warn {
	letter-spacing: 4px;
	color: #043077
}

.security-content .third-step .bottom .warn a {
	color: #2b58ff;
	text-decoration: underline
}

.security-content .content-introduce {
	clear: both;
	margin: 0 auto
}

.security-content .content-introduce .up .num {
	font-size: 70px;
	letter-spacing: 5px;
	color: #fafcff
}

.security-content .content-introduce .up .theme {
	font-size: 30px;
	letter-spacing: 2px;
	color: #6799f2
}

.security-content .content-introduce .desc {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 4px;
	color: #fff
}

.security-content .content-introduce .border {
	z-index: 2
}

.security-content .content-introduce .adorn {
	z-index: 1
}

.security-content .content-introduce.first {
	margin-top: 62px;
	max-width: 1090px;
	height: 428px
}

.security-content .content-introduce.first .left {
	width: 619px;
	height: 345px
}

.security-content .content-introduce.first .left img {
	width: 100%;
	height: 100%
}

.security-content .content-introduce.first .right {
	position: relative;
	width: 470px;
	height: 100%
}

.security-content .content-introduce.first .right .up {
	position: absolute;
	top: 87px;
	left: 12px
}

.security-content .content-introduce.first .right .border {
	position: absolute;
	top: 200px;
	left: -40px;
	width: 386px;
	height: 144px
}

.security-content .content-introduce.first .right .adorn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 170px;
	height: 149px
}

.security-content .content-introduce.first .right .desc {
	position: absolute;
	left: 14px;
	bottom: 124px;
	width: 284px
}

.security-content .content-introduce.second {
	margin-top: 54px;
	max-width: 1064px;
	height: 397px
}

.security-content .content-introduce.second .right img {
	width: 688px;
	height: 384px
}

.security-content .content-introduce.second .left {
	position: relative;
	width: 376px;
	height: 100%
}

.security-content .content-introduce.second .left .up {
	position: absolute;
	top: -30px;
	left: 52px
}

.security-content .content-introduce.second .left .border {
	position: absolute;
	top: 87px;
	left: 117px;
	width: 300px;
	height: 246px
}

.security-content .content-introduce.second .left .adorn {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 201px;
	height: 64px
}

.security-content .content-introduce.second .left .desc {
	position: absolute;
	left: 174px;
	bottom: 120px;
	width: 180px
}

.security-content .content-introduce.third {
	margin-top: 110px;
	max-width: 1086px;
	height: 317px
}

.security-content .content-introduce.third .left {
	width: 618px;
	height: 250px
}

.security-content .content-introduce.third .left img {
	width: 100%;
	height: 100%
}

.security-content .content-introduce.third .right {
	position: relative;
	width: 468px;
	height: 100%
}

.security-content .content-introduce.third .right .up {
	position: absolute;
	top: -25px;
	left: 12px
}

.security-content .content-introduce.third .right .border {
	position: absolute;
	top: 90px;
	left: -30px;
	width: 432px;
	height: 173px
}

.security-content .content-introduce.third .right .adorn {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 134px;
	height: 134px
}

.security-content .content-introduce.third .right .desc {
	position: absolute;
	left: 20px;
	bottom: 120px;
	width: 324px
}

.security-content .content-introduce.fourth {
	margin-top: 24px;
	margin-left: 34px;
	max-width: 1101px;
	height: 564px
}

.security-content .content-introduce.fourth .left {
	position: relative;
	width: 424px;
	height: 100%
}

.security-content .content-introduce.fourth .left .up {
	position: absolute;
	top: -14px;
	left: 52px
}

.security-content .content-introduce.fourth .left .border {
	position: absolute;
	top: 88px;
	left: 37px;
	width: 458px;
	height: 144px
}

.security-content .content-introduce.fourth .left .adorn {
	position: absolute;
	top: 178px;
	left: 6px;
	width: 83px;
	height: 83px
}

.security-content .content-introduce.fourth .left .desc {
	position: absolute;
	top: 125px;
	left: 85px;
	width: 325px
}

.security-content .content-introduce.fourth .right {
	position: relative;
	width: 677px;
	height: 100%
}

.security-content .content-introduce.fourth .right img {
	position: absolute;
	top: 106px;
	width: 100%
}

@media screen and (max-width:1151px) {
	.security-content .content-introduce.fourth .left {
		top: -10px;
		left: 40px;
		width: 30%;
		height: auto
	}
}

@media screen and (max-width:1140px) {
	.security-content .first-step {
		max-width: none
	}

	.security-content .first-step .step-banner {
		margin-top: 64px
	}

	.security-content .first-step .step-banner .introduce .title {
		line-height: inherit;
		font-size: 24px
	}

	.security-content .first-step .step-banner .introduce .detail {
		float: none;
		font-size: 20px;
		width: 84%
	}

	.security-content .first-step .step-banner .introduce .detail.time {
		line-height: inherit
	}

	.security-content .first-step .step-banner .introduce.second {
		margin-top: -6px
	}

	.security-content .second-step ul li:last-child,.security-content .second-step ul li:nth-child(2),.security-content .second-step ul li:nth-child(3) {
		margin-left: 2%
	}

	.security-content .third-step .introduce .detail {
		letter-spacing: 0
	}

	.security-content .pc-introduce {
		width: 100%
	}

	.security-content .pc-introduce .content-introduce .up .theme {
		font-size: 28px
	}

	.security-content .pc-introduce .content-introduce.first .left {
		width: 55%;
		height: auto
	}

	.security-content .pc-introduce .content-introduce.first .right {
		width: 45%;
		margin-top: -53px
	}

	.security-content .pc-introduce .content-introduce.second .left {
		width: 42%
	}

	.security-content .pc-introduce .content-introduce.second .left .border {
		top: 64px;
		left: 40%;
		width: 68%;
		height: 48%
	}

	.security-content .pc-introduce .content-introduce.second .left .desc {
		left: 48%;
		bottom: 160px
	}

	.security-content .pc-introduce .content-introduce.second .right {
		width: 58%;
		height: auto
	}

	.security-content .pc-introduce .content-introduce.second .right img {
		width: 98%;
		height: auto
	}

	.security-content .pc-introduce .content-introduce.third .left {
		width: 55%;
		height: auto
	}

	.security-content .pc-introduce .content-introduce.third .right {
		width: 45%
	}

	.security-content .pc-introduce .content-introduce.third .right .border {
		width: 96%
	}

	.security-content .pc-introduce .content-introduce.third .right .desc {
		width: 80%
	}

	.security-content .pc-introduce .content-introduce.fourth .left {
		width: 45%
	}

	.security-content .pc-introduce .content-introduce.fourth .right {
		width: 55%;
		height: auto
	}
}

@media screen and (max-width:1001px) {
	.security-content .content-introduce.fourth .left .border {
		width: 92%
	}

	.security-content .content-introduce.fourth .left .desc {
		left: 26%;
		width: 70%
	}
}

@media screen and (max-width:870px) {
	.security-content .pc-introduce .content-introduce.first .left {
		width: 53%
	}

	.security-content .pc-introduce .content-introduce.first .right {
		width: 47%
	}

	.security-content .content-introduce.second .left .border {
		height: 43%
	}

	.security-content .content-introduce.second .left .desc {
		bottom: 185px
	}
}

@media screen and (max-width:768px) {
	.security-content {
		width: 100%;
		overflow-x: hidden
	}

	.security-content .content-header {
		width: 100%;
		background: url(/wps/images/documentSecurity/theme-m.png) no-repeat 50%;
		background-size: 100%;
		margin-top: .1rem
	}

	.security-content .content-header .logo {
		width: 176px;
		height: 142px;
		top: -35px;
		left: -40px;
		margin-top: 0
	}

	.security-content .content-header p {
		width: 20.7rem;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 1.2rem;
		color: #fafcff;
		letter-spacing: 2px;
		margin-top: 19.4rem;
		background: url(/wps/images/documentSecurity/title-m.png) 50% no-repeat;
		background-size: 100%
	}

	.security-content .first-step {
		width: 93%;
		height: 23rem;
		margin-top: 1.8rem;
		background: url(/wps/images/documentSecurity/step1-m.png) top no-repeat;
		background-size: 93% 140px
	}

	.security-content .first-step .step-banner {
		width: 100%;
		display: inline-block;
		height: 8.4rem;
		background: url(/wps/images/documentSecurity/step1-m-title.png) 50%;
		background-size: 100%;
		background-repeat: no-repeat;
		margin-top: 2.9rem
	}

	.security-content .first-step .step-banner .introduce {
		margin-top: 1.6rem;
		margin-left: 3rem
	}

	.security-content .first-step .step-banner .introduce .title {
		float: left;
		font-size: 1.3rem
	}

	.security-content .first-step .step-banner .introduce .detail {
		float: none;
		font-size: 1rem;
		margin-left: 0
	}

	.security-content .first-step .step-banner .introduce .detail.time {
		line-height: inherit
	}

	.security-content .first-step .step-banner .introduce.second {
		margin-top: 10px;
		line-height: inherit
	}

	.security-content .first-step .step-banner .introduce.second .detail {
		margin-top: 10px
	}

	.security-content .first-step .step-operate {
		margin-top: 1.1rem;
		margin-left: 0
	}

	.security-content .first-step .step-operate .register {
		width: 80%;
		height: 4.4rem;
		background: url(/wps/images/documentSecurity/register-m.png) 50% no-repeat;
		background-size: 100%;
		font-size: 1.7rem;
		color: #fafcff;
		margin-left: -1rem;
		letter-spacing: 5px;
		line-height: 4.4rem;
		margin: 0 auto
	}

	.security-content .first-step .step-operate p {
		font-size: 1.2rem;
		margin-top: 1rem
	}

	.security-content .second-step {
		width: 93%;
		margin-top: 35px;
		clear: both;
		background: url(/wps/images/documentSecurity/step2-m.png) top no-repeat;
		background-size: 100% 8.2rem
	}

	.security-content .second-step ul {
		display: block;
		padding-top: 0
	}

	.security-content .second-step ul li {
		flex: none;
		width: 50%;
		float: left;
		text-align: center
	}

	.security-content .second-step ul li:nth-child(2) {
		margin-left: 0
	}

	.security-content .second-step ul li:last-child,.security-content .second-step ul li:nth-child(3) {
		margin-left: 0;
		margin-top: 2.6rem
	}

	.security-content .second-step ul li img {
		width: 8.2rem;
		height: auto
	}

	.security-content .second-step ul li .title {
		font-size: 1.5rem;
		letter-spacing: .1rem
	}

	.security-content .second-step ul li .desc {
		font-size: 1rem;
		text-align: left;
		margin-top: .5rem;
		line-height: 1.5rem;
		letter-spacing: .15rem;
		padding-left: 1.8rem
	}

	.security-content .third-step {
		clear: both;
		padding-top: 10.7rem;
		width: 93%;
		height: 7rem;
		background: url(/wps/images/documentSecurity/step3-m.png) 50% no-repeat;
		background-size: 100% 8.2rem;
		text-align: center
	}

	.security-content .third-step .introduce {
		background: url(/wps/images/documentSecurity/step3-m-title.png) 50% no-repeat;
		background-size: 100%;
		margin-left: 0;
		margin-top: -15px;
		width: 100%;
		height: 130px;
		text-align: left
	}

	.security-content .third-step .introduce .title {
		float: left;
		margin-top: 20px;
		margin-left: 60px;
		display: inline-block;
		height: 100%;
		font-size: 30px
	}

	.security-content .third-step .introduce .detail {
		margin-left: 0;
		font-size: 28px;
		letter-spacing: 0;
		margin-top: 22px;
		display: block
	}

	.security-content .m-introduce {
		width: 100%;
		padding-top: 2.5rem
	}

	.security-content .m-introduce .content-introduce {
		position: relative;
		clear: both;
		margin: 0 auto;
		height: 30.4rem;
		padding: 2.7rem 1.4rem 0 .7rem
	}

	.security-content .m-introduce .content-introduce:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 1.5rem;
		right: 1.4rem;
		border-bottom: .2rem solid #1e49ae
	}

	.security-content .m-introduce .content-introduce p {
		text-align: center;
		font-size: 1.7rem;
		letter-spacing: 2px;
		color: #fafcff
	}

	.security-content .m-introduce .content-introduce .top {
		text-align: center;
		margin-top: 1rem
	}

	.security-content .m-introduce .content-introduce .top img {
		z-index: 6;
		width: 30.5rem
	}

	.security-content .m-introduce .content-introduce .bottom {
		position: relative;
		text-align: center
	}

	.security-content .m-introduce .content-introduce .bottom .desc {
		z-index: 6;
		width: 24.4rem;
		height: 3.2rem;
		padding: 2rem;
		margin: 0 auto;
		background: url(/wps/images/documentSecurity/border-m.png) 50% no-repeat;
		background-size: 100%;
		font-size: 1.4rem;
		line-height: 1.9rem;
		letter-spacing: 4px;
		color: #fff;
		text-align: left
	}

	.security-content .m-introduce .content-introduce .bottom .border-img {
		z-index: 6;
		width: 29.5rem;
		margin: 0 auto
	}

	.security-content .m-introduce .content-introduce .bottom .border-img img {
		width: 100%;
		height: 100%
	}

	.security-content .m-introduce .content-introduce .bottom .adorn-img {
		position: absolute;
		bottom: 0;
		z-index: 4
	}

	.security-content .m-introduce .content-introduce .bottom .adorn-img img {
		width: 100%;
		height: 100%
	}

	.security-content .m-introduce .content-introduce:first-child {
		padding-top: 0
	}

	.security-content .m-introduce .content-introduce:first-child .bottom {
		background: url(/wps/images/documentSecurity/adorn-1.png) right 15.8rem no-repeat;
		background-size: 8.5rem 7.5rem
	}

	.security-content .m-introduce .content-introduce:first-child .bottom .desc {
		top: 19rem
	}

	.security-content .m-introduce .content-introduce:nth-child(2) .bottom {
		background: url(/wps/images/documentSecurity/adorn-2.png) .2rem 1.9rem no-repeat;
		background-size: 10rem 2.8rem
	}

	.security-content .m-introduce .content-introduce:nth-child(2) .bottom .desc {
		top: 1.2rem;
		line-height: 1.6rem;
		letter-spacing: 4px;
		padding-top: 1rem;
		padding-bottom: 2.8rem
	}

	.security-content .m-introduce .content-introduce:nth-child(2) .bottom .adorn-img {
		bottom: 2.9rem;
		left: .2rem;
		width: 10rem;
		height: 3.2rem
	}

	.security-content .m-introduce .content-introduce:nth-child(2):after {
		border-bottom: .2rem solid #1c46a8
	}

	.security-content .m-introduce .content-introduce:nth-child(3) {
		height: 26.4rem
	}

	.security-content .m-introduce .content-introduce:nth-child(3) .top img {
		width: 30.9rem
	}

	.security-content .m-introduce .content-introduce:nth-child(3) .bottom {
		background: url(/wps/images/documentSecurity/adorn-3.png) 28.5rem 1.2rem no-repeat;
		background-size: 6.7rem 6.7rem
	}

	.security-content .m-introduce .content-introduce:nth-child(3):after {
		border-bottom: .2rem solid #15389e
	}

	.security-content .m-introduce .content-introduce:nth-child(4) {
		padding-bottom: 14px
	}

	.security-content .m-introduce .content-introduce:nth-child(4) .bottom {
		background: url(/wps/images/documentSecurity/adorn-4.png) 1.2rem 3.6rem no-repeat;
		background-size: 4.2rem 4.2rem
	}

	.security-content .m-introduce .content-introduce:nth-child(4):after {
		border-bottom: none
	}
}

@media screen and (min-width:480px) and (max-width:768px) {
	.security-content .first-step .step-banner .introduce {
		margin-top: 40px
	}

	.security-content .first-step .step-banner .introduce .title {
		font-size: 16px
	}

	.security-content .first-step .step-banner .introduce .detail {
		font-size: 14px
	}

	.security-content .first-step .step-banner .introduce.second .detail {
		margin-top: 4px
	}

	.security-content .second-step ul li:nth-child(2) {
		margin-left: 0
	}

	.security-content .second-step ul li:nth-child(3) {
		margin-top: 0;
		width: 52%
	}

	.security-content .second-step ul li:nth-child(4) {
		margin-top: 0;
		width: 48%
	}

	.security-content .third-step .introduce {
		margin-top: -60px;
		padding-top: 40px
	}

	.security-content .third-step .introduce .title {
		font-size: 18px
	}

	.security-content .third-step .introduce .detail {
		font-size: 17px
	}

	.security-content .m-introduce .content-introduce {
		height: 32.2rem
	}

	.security-content .m-introduce .content-introduce .top img {
		width: 88%
	}

	.security-content .m-introduce .content-introduce:first-child .bottom {
		background-position: right 59%
	}

	.security-content .m-introduce .content-introduce:first-child .bottom .desc {
		width: 64%;
		font-size: 18px
	}

	.security-content .m-introduce .content-introduce:nth-child(2) .bottom {
		background-position: left 59%
	}

	.security-content .m-introduce .content-introduce:nth-child(2) .bottom .desc {
		width: 64%;
		font-size: 18px
	}

	.security-content .m-introduce .content-introduce:nth-child(3) .top img {
		width: 88%
	}

	.security-content .m-introduce .content-introduce:nth-child(3) .bottom {
		background-position: right 40%
	}

	.security-content .m-introduce .content-introduce:nth-child(3) .bottom .desc,.security-content .m-introduce .content-introduce:nth-child(4) .bottom .desc {
		width: 64%;
		font-size: 18px
	}
}

@media screen and (min-width:320px) and (max-width:480px) {
	.security-content .content-header {
		height: 230px
	}

	.security-content .content-header p {
		width: 10.35rem;
		height: 1.25rem;
		line-height: 1.25rem;
		font-size: .6rem;
		color: #fafcff;
		margin-top: 9.7rem
	}

	.security-content .first-step {
		height: 11.5rem;
		margin-top: .9rem;
		background: url(/wps/images/documentSecurity/step1-m.png) top no-repeat;
		background-size: 93% 3.5rem;
		padding-top: 40px
	}

	.security-content .first-step .step-banner {
		width: 100%;
		display: inline-block;
		height: 4.2rem;
		margin-top: 1.45rem
	}

	.security-content .first-step .step-banner .introduce {
		margin-top: .5rem;
		margin-left: 1.5rem
	}

	.security-content .first-step .step-banner .introduce .title {
		float: left;
		width: 3.25rem;
		font-size: .725rem
	}

	.security-content .first-step .step-banner .introduce .detail {
		font-size: .6rem;
		margin-top: 2px
	}

	.security-content .first-step .step-banner .introduce.second .detail {
		font-size: .6rem;
		width: 78%
	}

	.security-content .first-step .step-operate {
		margin-top: .55rem
	}

	.security-content .first-step .step-operate .register {
		height: 2.2rem;
		font-size: .85rem;
		margin-left: -.5rem;
		letter-spacing: 5px;
		line-height: 2.2rem
	}

	.security-content .first-step .step-operate p {
		font-size: .6rem;
		margin-top: .5rem
	}

	.security-content .second-step {
		width: 93%;
		background-size: 100% 4.1rem
	}

	.security-content .second-step ul li:last-child,.security-content .second-step ul li:nth-child(3) {
		margin-top: 1.3rem
	}

	.security-content .second-step ul li img {
		width: 4.1rem
	}

	.security-content .second-step ul li .title {
		font-size: .75rem
	}

	.security-content .second-step ul li .desc {
		font-size: .6rem;
		margin-top: .25rem;
		line-height: .75rem;
		padding-left: .9rem
	}

	.security-content .third-step {
		height: 3.5rem;
		background: url(/wps/images/documentSecurity/step3-m.png) top no-repeat;
		background-size: 100% 4.1rem;
		padding-top: 0;
		margin-top: 114px
	}

	.security-content .third-step .introduce {
		display: inline-block;
		margin-top: 52px;
		height: 65px
	}

	.security-content .third-step .introduce .title {
		margin-top: 15px;
		margin-left: 38px;
		font-size: 15px
	}

	.security-content .third-step .introduce .detail {
		font-size: 14px;
		margin-top: 16px
	}

	.security-content .m-introduce {
		padding-top: 75px
	}

	.security-content .m-introduce .content-introduce {
		height: 15.2rem;
		padding: 1.35rem .7rem 0 .35rem
	}

	.security-content .m-introduce .content-introduce:after {
		left: .75rem;
		right: .7rem
	}

	.security-content .m-introduce .content-introduce p {
		font-size: .85rem
	}

	.security-content .m-introduce .content-introduce .top {
		margin-top: .5rem
	}

	.security-content .m-introduce .content-introduce .top img {
		width: 15.25rem
	}

	.security-content .m-introduce .content-introduce .bottom .desc {
		width: 12.2rem;
		height: 1.6rem;
		padding: 1rem;
		font-size: .7rem;
		line-height: .95rem;
		border-width: 4px
	}

	.security-content .m-introduce .content-introduce .bottom .border-img {
		width: 15rem
	}

	.security-content .m-introduce .content-introduce:first-child .bottom {
		background: url(/wps/images/documentSecurity/adorn-1.png) right 7.9rem no-repeat;
		background-size: 4.25rem 3.75rem
	}

	.security-content .m-introduce .content-introduce:first-child .bottom .desc {
		top: 9.5rem
	}

	.security-content .m-introduce .content-introduce:first-child:after {
		border-bottom: .1rem solid #1e49ae
	}

	.security-content .m-introduce .content-introduce:nth-child(2) .bottom {
		background: url(/wps/images/documentSecurity/adorn-2.png) .1rem .45rem no-repeat;
		background-size: 5rem 1.6rem
	}

	.security-content .m-introduce .content-introduce:nth-child(2) .bottom .desc {
		top: .6rem;
		line-height: .8rem;
		padding-top: .5rem;
		padding-bottom: 1.4rem
	}

	.security-content .m-introduce .content-introduce:nth-child(2):after {
		border-bottom: .1rem solid #1c46a8
	}

	.security-content .m-introduce .content-introduce:nth-child(3) {
		height: 13.2rem
	}

	.security-content .m-introduce .content-introduce:nth-child(3) .top img {
		width: 15.45rem
	}

	.security-content .m-introduce .content-introduce:nth-child(3) .bottom {
		background: url(/wps/images/documentSecurity/adorn-3.png) 14.25rem bottom no-repeat;
		background-size: 3.35rem 3.35rem
	}

	.security-content .m-introduce .content-introduce:nth-child(3):after {
		border-bottom: .1rem solid #15389e
	}

	.security-content .m-introduce .content-introduce:nth-child(4) .bottom {
		padding-bottom: 14px;
		background: url(/wps/images/documentSecurity/adorn-4.png) .6rem 2rem no-repeat;
		background-size: 2.1rem 2.1rem
	}

	.security-content .m-introduce .content-introduce:nth-child(4) .bottom:after {
		border-bottom: none
	}
}

.line {
	border: 1px solid #ccc;
	height: 0
}

.mxh500 {
	max-height: 500px;
	overflow-y: auto;
	margin-top: 8px
}

.w180 {
	width: 180px
}

.w90 {
	width: 90px
}

.w140 {
	width: 140px
}

.w70 {
	width: 70px
}

::-moz-placeholder,::-webkit-input-placeholder,::placeholder {
	color: #888
}

.custom-resource {
	padding: 65px 20px 0
}

.custom-resource .contain {
	padding: 10px 0;
	margin: 0 auto
}

.get-activity button,.new-activity button {
	background-color: #5199f9;
	color: #fff;
	border-radius: 6px;
	width: 95px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer
}

.new-activity {
	float: left;
	margin-top: 10px
}

.get-activity {
	float: right;
	margin-top: 10px
}

.get-activity .inp {
	margin-right: 8px
}

.table {
	clear: both;
	margin-top: 80px;
	width: 100%;
	border-collapse: collapse
}

.table .th td,.table .tr td {
	width: 10%;
	text-align: center;
	line-height: 24px;
	padding: 10px 0
}

.table .th td .btn,.table .tr td .btn {
	cursor: pointer;
	color: #333;
	border: 1px solid #fff;
	border-radius: 2px
}

.table .th td .btn:hover,.table .tr td .btn:hover {
	opacity: .8;
	color: #5199f9;
	border-color: #5199f9
}

.table .th .activity-id,.table .th .activity-operator,.table .tr .activity-id,.table .tr .activity-operator {
	width: 6%
}

.table .th .activity-name,.table .tr .activity-name {
	width: 18%
}

.table .th .activity-description,.table .tr .activity-description {
	width: 30%
}

.table .th {
	border-bottom: 1px solid #333;
	font-weight: 700;
	font-size: 16px
}

.table .tr.module {
	height: 0;
	padding: 0;
	overflow: hidden;
	display: none
}

.table .tr:not(modlue):nth-child(2n) {
	background-color: #f0f8ff
}

.footer-pagination {
	margin-top: 30px;
	padding-right: 20px;
	margin-bottom: 30px
}

.footer-pagination .pagination {
	float: right
}

.footer-pagination .pagination li {
	padding: 5px;
	display: inline-block;
	min-width: 20px;
	height: 20px;
	font-size: 14px;
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
	margin-left: 8px;
	background: #fff
}

.footer-pagination .pagination li>a {
	color: #666
}

.footer-pagination .pagination .active {
	background-color: #5199f9
}

.footer-pagination .pagination .active>a {
	color: #fff
}

.footer-pagination .pagination li:not(.active):hover>a {
	color: #5199f9
}

.inp {
	width: 120px
}

.w360 {
	width: 360px
}

.readonly {
	opacity: .6;
	position: relative
}

.readonly:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .8
}

::-moz-placeholder,::-webkit-input-placeholder,::placeholder {
	color: #ccc
}

.require:before {
	content: "* ";
	color: red
}

.new-contain {
	padding: 0 10px;
	padding: 65px
}

.new-contain .custom-resource {
	margin: 0 auto;
	padding-top: 5px
}

.new-contain .item {
	font-size: 16px;
	line-height: 30px;
	display: inline-block;
	margin: 5px 0;
	width: 80%
}

.new-contain .item span {
	display: inline-block;
	margin-right: 10px;
	width: 80px;
	text-align: right
}

.new-contain .item input.inp,.new-contain .item textarea {
	border: 1px solid #888;
	color: #333;
	line-height: 26px;
	border-radius: 6px;
	text-indent: 4px
}

.new-contain .item.precent25 {
	width: 25%
}

.new-contain .widget-link {
	display: block
}

.new-contain .description {
	display: block;
	width: 75%
}

.new-contain .description textarea {
	width: 80%;
	resize: none;
	height: 80px;
	vertical-align: top;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	outline: none;
	padding: 0
}

.new-contain .description span {
	vertical-align: top
}

.new-contain .resource-upload {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	margin: 5px auto
}

.new-contain .resource-upload>.module {
	overflow: hidden;
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	border: none
}

.new-contain .resource-upload>span {
	display: inline-block;
	margin-right: 10px;
	width: 80px;
	text-align: right
}

.new-contain .resource-upload ul {
	border: 1px solid #eee;
	width: 90%;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	box-sizing: border-box
}

.new-contain .resource-upload ul li {
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 80%;
	margin-bottom: 10px;
	position: relative
}

.new-contain .resource-upload ul li>button {
	position: absolute;
	right: -120px;
	top: 50%;
	width: 80px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #5199f9;
	color: #5199f9;
	font-size: 18px;
	margin-top: -50px;
	border-radius: 5px;
	cursor: pointer
}

.new-contain .resource-upload ul li>button.del {
	margin-top: 10px
}

.new-contain .resource-upload ul li>button:hover {
	opacity: .7
}

.new-contain .resource {
	width: 100%;
	padding: 0 14px;
	box-sizing: border-box
}

.new-contain .resource span {
	display: block;
	width: 100%;
	text-align: left
}

.new-contain .resource .input {
	position: relative;
	margin-top: 8px
}

.new-contain .resource .input .btn-cover {
	position: relative
}

.new-contain .resource .input .btn-cover .txt {
	width: 70%;
	border: 1px solid #bbb;
	display: inline-block;
	text-indent: 6px;
	color: #ccc;
	border-radius: 6px;
	position: relative
}

.new-contain .resource .input .btn-cover .txt .fail,.new-contain .resource .input .btn-cover .txt .success {
	position: absolute;
	right: 5px;
	top: 50%;
	height: 30px;
	width: 30px;
	color: #adff2f;
	text-align: right;
	margin-top: -15px;
	opacity: 0;
	font-size: 18px
}

.new-contain .resource .input .btn-cover .txt .fail {
	color: #f08080
}

.new-contain .resource .input .btn-cover .btn {
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-left: 10px;
	font-size: 14px;
	color: #666;
	cursor: pointer
}

.new-contain .resource .input .btn-cover .btn:hover {
	color: #5199f9
}

.new-contain .resource .input input {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 100%;
	box-sizing: border-box
}

.new-contain .activity-title {
	color: #666;
	padding-top: 5px;
	text-indent: 10px
}

.new-contain .footer {
	width: 455px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	height: 32px
}

.new-contain .footer button.btn-dialog {
	background-color: #fff;
	color: #5199f9;
	border: 1px solid #5199f9;
	border-radius: 6px;
	width: 95px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 20px;
	left: 50%
}

.new-contain .footer button.btn-dialog:hover {
	background-color: #5199f9;
	color: #fff
}

.new-contain .footer .ok-text {
	margin-left: -120px
}

.subPages-content {
	padding-top: 81px
}

.subPages-content .hide {
	display: none
}

.subPages-content .details {
	font-size: 16px;
	color: #888;
	line-height: 27px;
	font-weight: 300
}

.subPages-content .banner {
	background-color: #f8f6f6;
	height: 470px
}

.subPages-content .banner .content-left-context {
	margin-left: 110px
}

.subPages-content .banner .content-left-context h2 {
	font-size: 34px;
	color: #444;
	line-height: 49px;
	margin-bottom: 11px
}

.subPages-content .banner .content-left-context .button {
	width: 166px;
	height: 46px;
	margin-top: 24px;
	background: #fff;
	color: #444;
	font-size: 17px;
	border-radius: 4px;
	display: inline-block;
	text-align: center;
	line-height: 46px;
	font-weight: 500
}

.subPages-content .banner .content-left-context .button:hover {
	background: #e9eff5
}

.subPages-content .chunk {
	position: relative
}

.subPages-content .chunk h3 {
	font-size: 26px;
	color: #444;
	line-height: 46px;
	font-weight: 500
}

.subPages-content .chunk .details {
	margin-top: 11px
}

.subPages-content .chunk .content-left-context {
	margin-left: 110px
}

.subPages-content .chunk .content-right-context {
	margin-right: 140px
}

.subPages-content .content {
	position: relative
}

.subPages-content .content-left,.subPages-content .content-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.subPages-content .content-left {
	left: 0
}

.subPages-content .content-right {
	right: 0
}

.subPages-content.subPage-cloud .banner {
	background-color: #194f3d
}

.subPages-content.subPage-cloud .banner .content {
	height: 100%
}

.subPages-content.subPage-cloud .banner .banner-right-content {
	width: 629px;
	height: 394px;
	overflow: hidden
}

.subPages-content.subPage-cloud .banner .banner-right-content img {
	width: 100%;
	height: 100%
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side {
	position: absolute;
	top: 50px;
	right: 8px;
	width: 177px;
	height: 237px
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	height: 30px;
	width: 177px
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-pagination-bullet {
	display: inline-block;
	width: 60px;
	height: 30px
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-pagination-bullet:first-child {
	background: url(/wps/images/mini-icon1.svg) no-repeat 50%
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active {
	background: url(/wps/images/mini-icon2.svg) no-repeat 50%
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-pagination-bullet:nth-child(2) {
	background: url(/wps/images/mini-icon3.svg) no-repeat 50%
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active {
	background: url(/wps/images/mini-icon4.svg) no-repeat 50%
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-wrapper {
	position: absolute;
	top: 30px
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	position: absolute;
	top: 0
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .block1 {
	height: 200px;
	width: 100%;
	background: url(/wps/images/mini-side2.png) no-repeat 50%;
	background-size: contain
}

.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .block2 {
	height: 200px;
	width: 100%;
	background: url(/wps/images/mini-side1.png) no-repeat 50%;
	background-size: contain
}

.subPages-content.subPage-cloud .banner .content-left-context .details,.subPages-content.subPage-cloud .banner .content-left-context h2 {
	color: #fff
}

.subPages-content.subPage-cloud .cloud-1,.subPages-content.subPage-cloud .cloud-2,.subPages-content.subPage-cloud .cloud-3 {
	height: 570px
}

.subPages-content.subPage-cloud .cloud-1 .content-left {
	left: 37px;
	width: 630px;
	height: 366px
}

.subPages-content.subPage-cloud .cloud-2 {
	background-color: #f8f6f6
}

.subPages-content.subPage-cloud .cloud-2 .content {
	height: 100%
}

.subPages-content.subPage-cloud .cloud-2 .content-right {
	width: 635px;
	height: 393px
}

.subPages-content.subPage-cloud .cloud-3 .content-left {
	left: 97px;
	width: 456px;
	height: 384px
}

.subPages-content.subPage-cloud .cloud-3 .content-left>img {
	width: 100%;
	height: 100%
}

.subPages-content.subPage-cloud .cloud-3 .content-left .tips-toggle {
	width: 54px;
	height: 57px;
	position: absolute;
	top: 219px;
	right: 0
}

.subPages-content.subPage-cloud .cloud-3 .content-left .tips-toggle .img {
	width: 100%;
	position: absolute;
	top: 0
}

.subPages-content.subPage-cloud .cloud-3 .content-left .tips-toggle .img:first-child {
	right: 24px
}

.subPages-content.subPage-cloud .cloud-3 .content-left .tips-toggle .img:nth-child(2) {
	right: 6px
}

.subPages-content.subPage-cloud .cloud-3 .content-right {
	margin-right: 112px
}

.subPages-content.subPage-safety .banner {
	background-color: #570823
}

.subPages-content.subPage-safety .banner .content {
	height: 100%
}

.subPages-content.subPage-safety .banner .content-right {
	right: 60px
}

.subPages-content.subPage-safety .banner .banner-right-content {
	width: 521px;
	height: 380px;
	overflow: hidden
}

.subPages-content.subPage-safety .banner .banner-right-content img {
	width: 100%;
	height: 100%
}

.subPages-content.subPage-safety .banner .content-left-context .details,.subPages-content.subPage-safety .banner .content-left-context h2 {
	color: #fff
}

.subPages-content.subPage-safety .safety-1,.subPages-content.subPage-safety .safety-2,.subPages-content.subPage-safety .safety-3,.subPages-content.subPage-safety .safety-4 {
	height: 570px
}

.subPages-content.subPage-safety .safety-2,.subPages-content.subPage-safety .safety-4 {
	background-color: #f6f6f6
}

.subPages-content.subPage-safety .safety-2 .content,.subPages-content.subPage-safety .safety-4 .content {
	height: 100%
}

.subPages-content.subPage-safety .safety-1 .content-right-context {
	margin-right: 100px
}

.subPages-content.subPage-safety .safety-1 .content-left {
	width: 526px;
	height: 357px
}

.subPages-content.subPage-safety .safety-2 .content-right {
	width: 500px;
	height: 360px;
	transform: translate(-40px,-50%)
}

.subPages-content.subPage-safety .safety-3 .content-left {
	left: 25px;
	width: 521px;
	height: 380px
}

.subPages-content.subPage-safety .safety-4 .content-right {
	width: 603px;
	height: 344px
}

@media screen and (max-width:1140px) {
	.subPages-content.subPage-safety .safety-2 .content-right {
		transform: translateY(-50%)
	}

	.subPage-safety .chunk .content-left-context {
		margin-left: 20px
	}

	.subPage-safety .chunk .content-right-context {
		margin-right: 20px
	}

	.subPage-cloud .chunk .content-right-context {
		margin-right: 10px
	}
}

@media screen and (max-width:1100px) {
	.subPages-content.subPage-cloud .chunk .half-width,.subPages-content.subPage-safety .chunk .half-width {
		width: 50%;
		height: auto
	}

	.subPages-content.subPage-cloud .chunk .half-width img,.subPages-content.subPage-safety .chunk .half-width img {
		width: 100%
	}

	.subPages-content.subPage-cloud .banner .content-left-context,.subPages-content.subPage-cloud .chunk .content-left-context,.subPages-content.subPage-safety .banner .content-left-context,.subPages-content.subPage-safety .chunk .content-left-context {
		margin-left: 10px
	}

	.subPages-content.subPage-cloud .chunk .content-right-context,.subPages-content.subPage-safety .chunk .content-right-context {
		margin-right: 10px
	}
}

@media screen and (max-width:990px) {
	.subPages-content .chunk .details {
		font-size: 14px
	}

	.subPages-content .chunk h3 {
		font-size: 24px
	}

	.subPages-content.subPage-cloud .banner .banner-right-content {
		width: 489px;
		height: auto
	}

	.subPages-content.subPage-cloud .cloud-3 .content-left {
		width: 350px;
		height: auto;
		left: 0
	}

	.subPages-content.subPage-cloud .cloud-3 .content-left>img {
		width: 100%
	}

	.subPages-content.subPage-cloud .cloud-3 .content-left .tips-toggle {
		top: 167px;
		right: -3px
	}

	.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side {
		top: 39px;
		right: 12px;
		width: 130px;
		height: 185px;
		overflow: hidden
	}

	.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-pagination-bullet {
		width: 50px
	}

	.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		width: 146px
	}

	.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .block1,.subPages-content.subPage-cloud .banner .banner-right-content .mini-swiper-side .block2 {
		margin-top: -26px
	}

	.subPages-content.subPage-cloud .banner .banner-right-content,.subPages-content.subPage-safety .banner .banner-right-content {
		width: 470px;
		height: auto
	}
}

@media screen and (max-width:850px) {
	.subPages-content.subPage-safety .banner .banner-right-content {
		width: 430px;
		height: auto;
		right: 0
	}
}

@media screen and (max-width:768px) {
	.subPages-content {
		padding-top: 56px
	}

	.subPages-content .content-mobile {
		width: 100%
	}

	.subPages-content .content-mobile .content-left,.subPages-content .content-mobile .content-right {
		position: static;
		text-align: center;
		transform: none;
		width: 100%
	}

	.subPages-content .banner {
		height: auto
	}

	.subPages-content .banner .content-left {
		color: #fff
	}

	.subPages-content .banner .content-left h2 {
		font-size: .6rem;
		padding: .5rem 0 .2rem
	}

	.subPages-content .banner .content-left .details {
		color: #fff;
		line-height: .5rem;
		font-size: .3rem;
		margin-bottom: .5rem
	}

	.subPages-content .banner .content-left .button {
		width: 3.85rem;
		height: 1rem;
		border-radius: .08rem;
		background-color: #fff;
		color: #444;
		font-size: .34rem;
		display: block;
		margin: 0 auto;
		line-height: 1rem
	}

	.subPages-content .banner .content-right {
		width: 6.35rem;
		height: 4.9rem;
		margin: .36rem auto .27rem
	}

	.subPages-content .banner .content-right img {
		width: 100%;
		height: 100%
	}

	.subPages-content .chunk {
		padding: 0 .25rem;
		text-align: center;
		height: auto!important
	}

	.subPages-content .chunk h3 {
		font-size: .5rem;
		padding-top: 1rem
	}

	.subPages-content .chunk .details {
		font-size: .28rem;
		line-height: .48rem
	}

	.subPages-content .chunk .content-left,.subPages-content .chunk .content-left-context,.subPages-content .chunk .content-right,.subPages-content .chunk .content-right-context {
		margin: 0;
		position: static;
		transform: none
	}

	.subPages-content .chunk .chunk-img-mobile {
		width: 100%;
		margin-top: .68rem;
		margin-bottom: 1.1rem
	}

	.subPages-content.subPage-cloud .chunk.cloud-1 .content-left {
		width: 6.3rem;
		height: 3.66rem
	}

	.subPages-content.subPage-cloud .chunk.cloud-2 .content-right {
		width: 6.35rem;
		height: 3.93rem
	}

	.subPages-content.subPage-cloud .chunk.cloud-3 .content-left {
		position: relative;
		width: 7rem;
		height: auto;
		margin: 0 auto
	}

	.subPages-content.subPage-cloud .chunk.cloud-3 .content-left .tips-toggle {
		width: .82rem;
		height: .88rem;
		top: 4.08rem;
		right: -.03rem
	}

	.subPages-content.subPage-cloud .chunk.cloud-3 .content-left .tips-toggle .img:first-child {
		right: .24rem
	}

	.subPages-content.subPage-cloud .chunk.cloud-3 .content-left .tips-toggle .img:nth-child(2) {
		right: -.02rem
	}

	.subPages-content.subPage-safety .safety-1 .content-left,.subPages-content.subPage-safety .safety-3 .content-left {
		width: 100%;
		height: auto
	}

	.subPages-content.subPage-safety .safety-2 .content-right {
		width: 100%;
		height: auto;
		transform: none
	}

	.subPages-content.subPage-safety .safety-4 .content-right {
		width: 100%;
		height: auto
	}
}

.template-maimia-msg {
	font-size: 30px;
	text-align: center;
	color: #354f6b;
	height: 80px;
	margin-top: 80px
}

.template-swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.template-swiper-container .interest {
	background-image: url(/wps/images/templateMai/interest.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	right: 0;
	top: 42%;
	width: 1.8rem;
	z-index: 9999999;
	height: 1rem;
	background-size: 100%
}

.templateMai-content {
	font-family: PingFang SC;
	max-width: 768px;
	margin: 0 auto;
	text-align: center;
	height: 100%
}

.templateMai-content img {
	width: 100%
}

.templateMai-content img.parasol {
	position: absolute;
	left: 0;
	bottom: 1rem
}

.templateMai-content .pa {
	position: absolute;
	left: 0;
	top: 0
}

.templateMai-content .img-box {
	text-align: left
}

.templateMai-content .touchmove {
	position: absolute;
	bottom: .2rem;
	left: 50%;
	margin-left: -.17rem;
	width: .35rem
}

.templateMai-content .bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0
}

.templateMai-content .template-step1 {
	position: relative;
	left: 0;
	top: 0;
	background: url(/wps/images/templateMai/bg.jpg) no-repeat;
	background-size: 100% 100%
}

.templateMai-content .template-step2 {
	background: url(/wps/images/templateMai/bg2.jpg) no-repeat;
	background-size: 100% 100%
}

.templateMai-content .template-step1,.templateMai-content .template-step2 {
	width: 100%;
	max-width: 768px;
	height: 100%;
	color: #354f6b
}

.templateMai-content .template-step1 .type,.templateMai-content .template-step2 .type {
	font-size: .4rem;
	color: #fff;
	line-height: .56rem;
	font-weight: 700;
	letter-spacing: 4px
}

.templateMai-content .template-step1 .logo,.templateMai-content .template-step2 .logo {
	width: 1.4rem;
	line-height: .55rem;
	margin: .2rem auto 0
}

.templateMai-content .template-step1 img.title,.templateMai-content .template-step2 img.title {
	width: 90%;
	margin: 0 auto
}

.templateMai-content .template-step1 h1.title,.templateMai-content .template-step2 h1.title {
	font-size: .8rem;
	font-weight: 700;
	line-height: .8rem;
	margin: .28rem auto .16rem
}

.templateMai-content .template-step1 h1.title span,.templateMai-content .template-step2 h1.title span {
	font-weight: 200
}

.templateMai-content .template-step1 h1.title .white,.templateMai-content .template-step2 h1.title .white {
	color: #fff
}

.templateMai-content .template-step1 .msg,.templateMai-content .template-step2 .msg {
	font-size: .32rem;
	color: #fff;
	line-height: .45rem
}

.templateMai-content .template-step1 .details,.templateMai-content .template-step2 .details {
	font-size: .29rem;
	line-height: .36rem;
	margin-top: .21rem
}

.templateMai-content .template-step1 .type-list,.templateMai-content .template-step2 .type-list {
	background: hsla(0,0%,100%,.3);
	border-radius: 6px;
	margin: .75rem .63rem
}

.templateMai-content .template-step1 .type-list li,.templateMai-content .template-step2 .type-list li {
	float: left;
	width: 50%;
	text-align: center
}

.templateMai-content .template-step2 .type-list .img,.templateMai-content .template-step .type-list .img {
	display: inline-block;
	margin: .24rem auto 0;
	width: .72rem;
	height: .72rem
}

.templateMai-content .template-step2 .type-list .icon1,.templateMai-content .template-step .type-list .icon1 {
	background: url(/wps/images/templateMai/icon1.png) no-repeat 50%;
	background-size: 100%
}

.templateMai-content .template-step2 .type-list .icon2,.templateMai-content .template-step .type-list .icon2 {
	background: url(/wps/images/templateMai/icon2.png) no-repeat 50%;
	background-size: .62rem
}

.templateMai-content .template-step2 .type-list .icon3,.templateMai-content .template-step .type-list .icon3 {
	background: url(/wps/images/templateMai/icon3.png) no-repeat 50%;
	background-size: 100%
}

.templateMai-content .template-step2 .type-list .icon4,.templateMai-content .template-step .type-list .icon4 {
	background: url(/wps/images/templateMai/icon4.png) no-repeat 50%;
	background-size: 100%
}

.templateMai-content .template-step2 .type-list span,.templateMai-content .template-step .type-list span {
	display: block;
	font-size: .26rem;
	margin: .06px auto .17rem
}

.templateMai-content .template-step2 .button,.templateMai-content .template-step .button {
	display: block;
	margin: 0 .63rem;
	text-align: center;
	line-height: 1rem;
	height: 1rem;
	font-size: .4rem;
	border-radius: 6px;
	color: #354f6b;
	background: linear-gradient(180deg,#7edad3,#5ecac0)
}

.templateMai-content .template-step2 .button img,.templateMai-content .template-step .button img {
	width: .5rem;
	vertical-align: middle;
	margin-left: .18rem
}

.templateMai-content .template-step {
	width: 100%;
	max-width: 768px;
	height: 100%;
	min-height: 5.14rem;
	background: url(/wps/images/templateMai/bg1.jpg) no-repeat;
	background-size: 100% auto
}

.templateMai-content .template-step .logo {
	width: 1.4rem;
	line-height: .49rem;
	margin: .34rem 0 0 .45rem
}

.templateMai-content .template-step .time {
	font-size: .32rem;
	color: #fff;
	line-height: .41rem;
	margin-top: .15rem
}

.templateMai-content .template-step h1 {
	color: #c70f58;
	font-size: .56rem;
	line-height: .67rem
}

.templateMai-content .template-step .number {
	font-size: .5rem;
	color: #ffe27d;
	line-height: .52rem;
	margin-top: .3rem
}

.templateMai-content .template-step .msg {
	font-size: .34rem;
	color: #fff;
	line-height: .52rem;
	margin-top: .1rem
}

.templateMai-content .template-step .details {
	color: #fff;
	font-size: .22rem;
	line-height: .3rem;
	margin: .16rem 0 .45rem
}

.templateMai-content .template-step .type-list {
	margin: 0 .63rem .54rem;
	color: #bc677a;
	text-align: center
}

.templateMai-content .template-step .type-list .img {
	display: inline-block;
	margin: .24rem auto 0;
	width: .72rem;
	height: .72rem
}

.templateMai-content .template-step .type-list .icon1 {
	background: url(/wps/images/templateMai/icon1.png) no-repeat 50%;
	background-size: 100%
}

.templateMai-content .template-step .type-list .icon2 {
	background: url(/wps/images/templateMai/icon2.png) no-repeat 50%;
	background-size: .62rem
}

.templateMai-content .template-step .type-list .icon3 {
	background: url(/wps/images/templateMai/icon3.png) no-repeat 50%;
	background-size: 100%
}

.templateMai-content .template-step .type-list .icon4 {
	background: url(/wps/images/templateMai/icon4.png) no-repeat 50%;
	background-size: 100%
}

.templateMai-content .template-step .type-list span {
	display: block;
	font-size: .26rem;
	margin: .06px auto .17rem
}

.templateMai-content .template-step .type-list li {
	background: hsla(0,0%,100%,.4);
	border-radius: 6px;
	display: inline-block;
	width: 3rem;
	text-align: center
}

.templateMai-content .template-step .type-list li:first-child {
	margin-right: .24rem
}

.templateMai-content .template-step .button {
	display: block;
	margin: 0 .63rem;
	text-align: center;
	line-height: 1rem;
	height: 1rem;
	font-size: .4rem;
	border-radius: 6px;
	color: #c70f58;
	background: linear-gradient(180deg,#ffe682,#fdb23d)
}

.templateMai-content .template-step .button img {
	width: .5rem;
	vertical-align: middle;
	margin-left: .18rem
}

@media screen and (max-width:414px) {
	.templateMai-content .template-step h1.title {
		margin: .78rem auto .16rem
	}

	.templateMai-content .template-step1 .logo,.templateMai-content .template-step2 .logo {
		margin: .56rem auto 0
	}

	.templateMai-content .template-step1 img.title,.templateMai-content .template-step2 img.title {
		margin: 0 auto .3rem
	}

	.templateMai-content .template-step1 h1.title,.templateMai-content .template-step2 h1.title {
		margin: .78rem auto .16rem
	}
}

@media screen and (max-height:667px) {
	.templateMai-content .template-step1,.templateMai-content .template-step2 {
		background-size: 100% auto
	}
}

@media screen and (min-height:700px) {
	.templateMai-content .template-step .time {
		margin-top: 1.8rem
	}

	.templateMai-content .template-step .logo {
		position: absolute;
		left: 50%;
		margin: .7rem 0 0 -.7rem
	}

	.templateMai-content .template-step .img-box {
		text-align: center
	}

	.templateMai-content .template-step img.parasol {
		bottom: 2.2rem
	}
}

@media screen and (min-height:900px) {
	.templateMai-content .template-step .time {
		margin-top: .5rem
	}

	.templateMai-content .template-step .logo {
		position: absolute;
		left: 0;
		margin: .3rem 0 0 .45rem
	}

	.templateMai-content .template-step .img-box {
		text-align: left
	}

	.templateMai-content .template-step img.parasol {
		bottom: .5rem
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	/*height: 100%;*/
	position: relative;
	transition-property: transform
}

.swiper-invisible-blank-slide {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-ms-flex-align: start;
	align-items: flex-start;
	transition-property: transform,height
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: 50%;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: opacity .3s;
	transform: translateZ(0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: transform .2s,top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s,left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: hsla(0,0%,100%,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: d 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@keyframes d {
	to {
		transform: rotate(1turn)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

input::-webkit-input-placeholder {
	color: #888
}

input:-moz-placeholder,input::-moz-placeholder {
	color: #888
}

input:-ms-input-placeholder {
	color: #888
}

input[type=text]:disabled {
	background-color: #ddd
}

.fedialog_messManagement .fedialog_content {
	padding: 52px 20px 20px
}

.fedialog_mask {
	position: fixed;
	_position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #12161e;
	opacity: .7;
	filter: alpha(opacity=70);
	z-index: 20;
	overflow: hidden
}

.fedialog_mask_nobg {
	background: none
}

.fedialog {
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	border-radius: 5px;
	z-index: 20;
	overflow: hidden;
	color: #444
}

.fedialog_error {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #fdf6ec;
	text-align: center;
	padding: 5px 0;
	width: 100%
}

.fedialog_error h4 {
	color: #eb9e05;
	height: 26px;
	line-height: 26px;
	font-size: 14px
}

.fedialog_error h4 span {
	padding-left: 32px;
	display: inline-block;
	height: 25px
}

.fedialog_error .fedialog_close {
	top: 12px;
	width: 14px;
	height: 14px;
	right: 32px;
	background: url(/wps/images/closed.png)
}

.fedialog_title {
	position: relative;
	padding: 0 20px;
	height: 50px;
	line-height: 30px;
	border-bottom: 1px solid #ddd
}

.fedialog_title h3 {
	color: #464646;
	font-size: 14px;
	line-height: 50px
}

.fedialog_close {
	display: block;
	position: absolute;
	top: 13px;
	right: 13px;
	bottom: auto;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	z-index: 2;
	background: url(/wps/images/closed.png) no-repeat
}

.fedialog_alert h4 {
	font-size: 14px;
	line-height: 24px;
	position: relative;
	padding: 30px
}

.fedialog_alert h4 .alerticon {
	display: none
}

.fedialog_errorTip {
	background-color: #ca5f5b;
	color: #fff;
	padding-left: 25px
}

.fedialog_tip {
	background: #fff;
	min-height: 94px;
	border-radius: 8px;
	font-size: 16px;
	color: #303030;
	width: 254px!important;
	margin-left: -127px!important;
	text-align: center;
	padding: 35px;
	box-sizing: border-box;
	top: 30%;
	box-shadow: 0 1px 16px -3px #878787
}

.fedialog_tip .img {
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -12.5px
}

.fedialog_tip span {
	padding-left: 45px;
	display: inline-block;
	text-align: left;
	width: 133px
}

.fedialog_emptyTipMsg span {
	padding-left: 0;
	display: inline-block;
	text-align: center;
	width: 145px
}

.fedialog_loadingTip {
	width: 170px;
	height: 170px;
	top: 30%;
	box-shadow: 0 0 8px 3px hsla(0,0%,53%,.41)
}

.fedialog_loadingTip #caseBlanche {
	background-color: #fff;
	height: 170px;
	width: 170px;
	padding-top: 10px;
	float: left;
	position: relative;
	box-sizing: border-box
}

.fedialog_loadingTip #caseBlanche #load {
	color: #323345;
	text-align: center;
	position: absolute;
	top: 75px;
	left: 65px;
	font-size: 16px
}

.fedialog_loadingTip #rond {
	height: 105px;
	width: 105px;
	border: 2px solid #323345;
	border-radius: 50%;
	position: absolute;
	top: 33px;
	left: 33px;
	animation: e 2s infinite;
	-webkit-animation: e 2s infinite
}

@keyframes e {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.fedialog_loadingTip #test {
	height: 10px;
	width: 10px;
	position: absolute;
	background-color: #323345;
	border-radius: 50%;
	top: 10px;
	left: 10px
}

.fedialog_successTipMsg {
	padding: 35px
}

.fedialog_successTipMsg .img {
	background: url(/wps/images/tip_s.png)
}

.fedialog_errorTipMsg .img {
	background: url(/wps/images/tip_e.png)
}

.fedialog_content {
	width: 100%;
	padding: 35px 20px 20px;
	box-sizing: border-box;
	text-align: center
}

.fedialog_content .fedialog_btn {
	text-align: right;
	margin-top: 40px
}

.fedialog_content .fedialog_btn>a,.fedialog_content .fedialog_btn>button {
	text-align: center;
	display: inline-block;
	width: 68px;
	height: 32px;
	border-radius: 3px;
	line-height: 32px;
	border: 1px solid #bfbfbf;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	box-sizing: border-box;
	vertical-align: middle
}

.fedialog_content .fedialog_ok {
	background-color: #5199f9;
	color: #fff!important;
	border: 1px solid #5199f9!important;
	line-height: 30px!important
}

.fedialog_content .fedialog_ok:hover {
	background-color: #4284f5
}

.fedialog_content .fedialog_no {
	margin-right: 18px
}

.fedialog_content .fedialog_no:hover {
	background-color: #5199f9;
	border: 1px solid #5199f9!important;
	color: #fff
}

.fedialog_title>h3 {
	font-size: 16px;
	color: #666
}

.fedialog_textarea label {
	vertical-align: top
}

.fedialog_input {
	font-size: 14px;
	color: #666;
	margin-bottom: 16px;
	position: relative;
	text-align: left
}

.fedialog_input input,.fedialog_input select,.fedialog_input textarea {
	line-height: 32px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	margin-left: 20px;
	padding-left: 5px;
	box-sizing: border-box;
	font-size: 14px
}

.fedialog_input textarea {
	width: 371px;
	height: 96px;
	resize: none;
	line-height: 22px
}

.fedialog_input label {
	margin-left: 56px;
	width: 60px;
	text-align: right;
	display: inline-block
}

.fedialog_input .input-small {
	width: 330px
}

.fedialog_input>span {
	padding-left: 9px;
	vertical-align: bottom;
	display: inline-block;
	width: 32px
}

.fedialog_input .type {
	position: absolute;
	right: 49px;
	top: 10px
}

.fedialog_input input,.fedialog_input select {
	width: 371px;
	height: 32px
}

.fedialog_input select {
	background: #fff;
	color: #888
}

.fedialog_input input.error {
	border: 1px solid #a94442
}

.fedialog_input label.error {
	width: auto;
	display: block;
	text-align: left;
	color: #a94442;
	text-indent: 80px;
	line-height: 22px
}

.compeleteInfo {
	text-align: center
}

.compeleteInfo input::-webkit-input-placeholder {
	font-size: 12px;
	color: #8b8b8b
}

.compeleteInfo input:-moz-placeholder {
	font-size: 12px;
	color: #8b8b8b
}

.compeleteInfo input::-moz-placeholder {
	font-size: 12px
}

.compeleteInfo input:-ms-input-placeholder {
	font-size: 12px;
	color: #8b8b8b
}

.compeleteInfo h2 {
	height: 72px;
	border-bottom: 1px solid #e7e7e7;
	line-height: 72px;
	font-size: 24px;
	color: #111
}

.compeleteInfo .fedialog_content {
	padding: 50px 100px 88px
}

.compeleteInfo .fedialog_input {
	margin-bottom: 35px
}

.compeleteInfo .fedialog_input .ml0 {
	margin-left: 0;
	width: 66px;
	display: block;
	float: left
}

.compeleteInfo .fedialog_input .title {
	margin-left: 0;
	width: 66px
}

.compeleteInfo .fedialog_input .title:before {
	content: "*";
	color: #f00000
}

.compeleteInfo .fedialog_input label.error {
	margin-left: 86px;
	text-align: left;
	text-indent: 0
}

.compeleteInfo .fedialog_input input {
	width: 290px;
	height: 40px
}

.compeleteInfo .fedialog_input>span {
	color: #111;
	display: block;
	float: left;
	width: 290px;
	box-sizing: border-box;
	margin-left: 20px;
	padding-left: 5px
}

.compeleteInfo #submit {
	width: 290px;
	height: 40px;
	line-height: 40px;
	letter-spacing: 4px;
	border-radius: 4px;
	margin-left: 76px
}

.compeleteInfo .compeleteSuccessfully {
	padding: 40px 0 80px
}

.compeleteInfo .compeleteSuccessfully p {
	color: #666
}

.compeleteInfo .compeleteSuccessfully p:first-of-type {
	margin: 24px 0 8px
}

.compeleteInfo .compeleteSuccessfully div {
	padding: 39px 20px 39px 40px;
	background: #f1f3f8;
	display: inline-block;
	margin: 35px 0
}

.compeleteInfo .compeleteSuccessfully .fedialog_ok {
	display: block;
	width: 290px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	background: #5199f9;
	border-radius: 4px;
	letter-spacing: 4px;
	color: #fff
}

.fedialog_register {
	background: #fafafa
}

#fedialog_register {
	height: 680px;
	font-size: 14px
}

#fedialog_register .adminRegis,#fedialog_register .scanApplicationCode {
	position: relative;
	width: 714px
}

#fedialog_register .adminRegis .method,#fedialog_register .scanApplicationCode .method {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

#fedialog_register .adminRegis .close,#fedialog_register .scanApplicationCode .close {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 10px;
	left: 10px;
	background: url(/wps/images/closed.png) no-repeat;
	cursor: pointer
}

#fedialog_register h2 {
	text-align: center;
	font-size: 24px;
	line-height: 86px;
	height: 86px;
	color: #111;
	border-bottom: 1px solid #979797;
	background: #fff
}

#fedialog_register .scanApplicationCode .wxApplicationCode {
	width: 260px;
	height: 260px;
	margin: 110px auto 26px;
	background-size: 100% 100%;
	position: relative
}

#fedialog_register .scanApplicationCode .wxApplicationCode>.logo {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -48px;
	margin-top: -48px
}

#fedialog_register .scanApplicationCode p {
	text-align: center;
	line-height: 30px;
	color: #111
}

#fedialog_register .scanApplicationCode p span {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/wps/images/wxapplog.jpg) no-repeat;
	vertical-align: middle;
	margin-right: 10px
}

#fedialog_register .scanApplicationCode .recommendation {
	margin-top: 22px
}

#fedialog_register .scanApplicationCode .recommendation a {
	color: #4587f0;
	text-decoration: underline
}

#fedialog_register .adminRegis {
	display: none
}

#fedialog_register .register-content-form {
	padding: 20px 150px 0 110px
}

#fedialog_register .register-content-form .w252 {
	width: 252px
}

#fedialog_register .register-content-form .w202 {
	width: 202px
}

#fedialog_register .register-content-form .w206 {
	width: 206px
}

#fedialog_register .register-content-form .form-group {
	min-height: 30px;
	margin-bottom: 20px
}

#fedialog_register .register-content-form .form-group .title {
	width: 84px;
	margin-right: 20px;
	font-size: 14px
}

#fedialog_register .register-content-form .form-group .form-control {
	padding: 10px;
	width: 340px;
	font-size: 14px
}

#fedialog_register .register-content-form .form-group .input-group-addon {
	margin: 0 8px
}

#fedialog_register .register-content-form .form-group .small-input {
	width: 117px
}

#fedialog_register .register-content-form .form-group .verify-input {
	width: 206px
}

#fedialog_register .register-content-form .form-group .send-input {
	width: 126px
}

#fedialog_register .register-content-form .form-group .smscode {
	height: 40px;
	border: 1px solid #bdbdbd;
	margin-left: 8px;
	padding: 10px 0
}

#fedialog_register .register-content-form .form-group .sms {
	display: inline-block
}

#fedialog_register .register-content-form .form-group .sms label.error {
	margin-left: 0
}

#fedialog_register .register-content-form .form-group label.error {
	height: 17px;
	margin-top: 0;
	line-height: 17px;
	margin-left: 104px;
	font-size: 12px
}

#fedialog_register .register-content-form .form-domain>.input-group {
	display: inline-block;
	width: 117px
}

#fedialog_register .register-content-form .form-domain label.error {
	margin-left: 0
}

#fedialog_register .register-content-form .number-content {
	margin-top: 0
}

#fedialog_register .register-content-form .submit-content .terms {
	margin-top: 15px;
	padding-left: 54px
}

#fedialog_register .submit-btn {
	height: 40px;
	width: 350px;
	line-height: 40px;
	font-size: 14px;
	margin-left: 82px;
	letter-spacing: 4px
}

#fedialog_register #register-success {
	position: absolute;
	width: 100%
}

#fedialog_register .register-content-success {
	background: none;
	position: static;
	color: #666
}

#fedialog_register .register-content-success .success-piece {
	width: 100%;
	background: none;
	box-shadow: none;
	margin: 0 auto;
	position: static;
	top: 0;
	border-radius: 0;
	padding: 46px 0 60px
}

#fedialog_register .register-content-success .top-content {
	border-bottom: 0
}

#fedialog_register .register-content-success .top-content .mess {
	margin-top: 24px;
	padding: 0 25px
}

#fedialog_register .register-content-success .bottom-content .account-content {
	height: 52px;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #dadde0;
	display: inline-block;
	text-align: left;
	padding: 0 16px 0 8px
}

#fedialog_register .register-content-success .bottom-content .account-content span {
	display: inline-block;
	height: 100%;
	line-height: 50px;
	vertical-align: middle
}

#fedialog_register .register-content-success .bottom-content .account-content .line {
	color: #dadde0;
	margin-right: 16px
}

#fedialog_register .register-content-success .bottom-content .mess {
	font-size: 14px
}

#fedialog_register .register-content-success .submit-btn {
	margin: 67px 0 0;
	letter-spacing: 4px
}

@media screen and (max-width:1400px) {
	#fedialog_register {
		height: 576px
	}

	#fedialog_register h2 {
		height: 62px;
		line-height: 62px
	}

	#fedialog_register .scanApplicationCode .wxApplicationCode {
		margin-top: 90px
	}

	#fedialog_register .register-content-form {
		padding-top: 10px
	}

	#fedialog_register .register-content-form .form-group {
		margin-bottom: 15px
	}

	#fedialog_register .register-content-form .submit-content .terms {
		margin-top: 8px
	}
}

.page-secondary-contents {
	padding-top: 81px
}

.page-secondary-contents .page-contents-item {
	padding: 0 30px
}

.page-secondary-contents .back-color {
	background-color: #235f9f
}

.page-secondary-contents .back-color-server {
	background-color: #7264a9
}

.page-secondary-contents .back-color2 {
	background-color: #f8f6f6
}

.page-secondary-contents .secondary-edit {
	position: relative;
	height: 470px
}

.page-secondary-contents .secondary-edit h1,.page-secondary-contents .secondary-edit p {
	color: #fff
}

.page-secondary-contents .secondary-edit h1 {
	font-size: 34px;
	line-height: 49px;
	margin-bottom: 10px
}

.page-secondary-contents .secondary-edit p {
	font-size: 16px;
	line-height: 27px;
	font-weight: 300
}

.page-secondary-contents .secondary-edit a {
	box-sizing: border-box;
	display: inline-block;
	width: 166px;
	height: 46px;
	border-radius: 4px;
	background-color: #fff;
	color: #444;
	font-size: 17px;
	line-height: 46px;
	text-align: center;
	margin-top: 24px;
	font-weight: 700
}

.page-secondary-contents .secondary-edit a:hover {
	background-color: #e9eff5
}

.page-secondary-contents .secondary-edit .secondary-edit__content-left {
	float: left;
	position: absolute;
	top: 50%;
	left: 110px;
	transform: translateY(-50%)
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right {
	height: 380px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	border-radius: 5px
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right.server {
	height: auto
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .server-img {
	width: 580px
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .mini-banner {
	width: 600px;
	height: 35px
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-wrapper {
	top: 40px
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	height: 60px;
	width: 600px;
	outline: none;
	position: absolute;
	top: 0
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index1,.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index5 {
	background-color: #4993ea
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index2 {
	background-color: #137b25
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index3 {
	background-color: #eb896f
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index0,.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.index4 {
	background-color: #44516f
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination-bullet {
	display: inline-block;
	width: 54px;
	height: 52px;
	border-radius: 2px;
	margin-top: 4px;
	opacity: 1
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	content: " ";
	display: inline-block;
	width: 54px;
	height: 52px;
	border-radius: 2px;
	background-color: #fff;
	opacity: .3
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination-bullet:first-child {
	z-index: 2000;
	background: url(/wps/images/icon1.svg) no-repeat 50%
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination-bullet:nth-child(2) {
	background: url(/wps/images/icon2.svg) no-repeat 50%
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination-bullet:nth-child(3) {
	background: url(/wps/images/icon3.svg) no-repeat 50%
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination-bullet:nth-child(4) {
	background: url(/wps/images/icon4.svg) no-repeat 50%
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .content-img {
	width: 600px;
	overflow: hidden;
	position: relative;
	top: -7px;
	border-radius: 0 0 5px 5px
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .content-img .banner-swiper-container {
	padding: 0!important;
	height: auto
}

.page-secondary-contents .secondary-edit .secondary-edit__content-right .content-img img {
	width: 100%
}

.page-secondary-contents .secondary-edit-block2 h1,.page-secondary-contents .secondary-edit-block3 h1 {
	font-size: 26px;
	line-height: 46px;
	color: #444;
	margin-bottom: 10px
}

.page-secondary-contents .secondary-edit-block2 p,.page-secondary-contents .secondary-edit-block3 p {
	font-size: 16px;
	line-height: 27px;
	color: #666;
	font-weight: 300
}

.page-secondary-contents .secondary-edit-block2 p.server,.page-secondary-contents .secondary-edit-block3 p.server {
	color: #888
}

.page-secondary-contents .secondary-edit-block2 {
	position: relative;
	height: 570px
}

.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left {
	float: left;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server {
	left: 80px
}

.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left .detail {
	width: 534px
}

.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left .server-img {
	width: 500px
}

.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-right {
	float: right;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%)
}

.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-right.server {
	right: 150px
}

.page-secondary-contents .secondary-edit-block3 {
	position: relative;
	height: 570px
}

.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-left {
	float: left;
	position: absolute;
	top: 50%;
	left: 110px;
	transform: translateY(-50%)
}

.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right {
	float: right;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right .detail {
	width: 571px
}

.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right.server {
	right: 50px
}

.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right .server-img {
	width: 500px
}

@media screen and (max-width:1130px) {
	.page-secondary-contents .secondary-edit .secondary-edit__content-left {
		left: 0
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-right,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-right.server {
		right: 0
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server,.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-left {
		left: 0
	}

	.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right.server {
		right: 0
	}
}

@media screen and (max-width:1060px) {
	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left .detail,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left .server-img {
		width: 450px
	}
}

@media screen and (max-width:1020px) {
	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left .detail,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left .server-img,.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right .detail,.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right .server-img {
		width: 450px
	}

	.page-secondary-contents .secondary-edit .secondary-edit__content-right {
		height: auto
	}

	.page-secondary-contents .secondary-edit .secondary-edit__content-right .content-img,.page-secondary-contents .secondary-edit .secondary-edit__content-right .mini-banner,.page-secondary-contents .secondary-edit .secondary-edit__content-right .server,.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		width: 500px
	}
}

@media screen and (max-width:960px) {
	.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right .detail,.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right .server-img {
		width: 300px
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left .detail,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left .server-img {
		width: 260px
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server,.page-secondary-contents .secondary-edit .secondary-edit__content-right {
		height: auto
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server .content-img,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server .mini-banner,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server .server,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server .server-img,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets,.page-secondary-contents .secondary-edit .secondary-edit__content-right .content-img,.page-secondary-contents .secondary-edit .secondary-edit__content-right .mini-banner,.page-secondary-contents .secondary-edit .secondary-edit__content-right .server,.page-secondary-contents .secondary-edit .secondary-edit__content-right .server-img,.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		width: 350px
	}
}

@media screen and (max-width:768px) {
	.page-secondary-contents {
		padding-top: 56px
	}

	.page-secondary-contents .page-contents-item {
		padding: 0
	}

	.page-secondary-contents .back-color {
		background-color: #235f9f
	}

	.page-secondary-contents .back-color2 {
		background-color: #f8f6f6
	}

	.page-secondary-contents .secondary-edit {
		position: relative;
		height: auto;
		padding: 35px 30px
	}

	.page-secondary-contents .secondary-edit h1,.page-secondary-contents .secondary-edit p {
		color: #fff
	}

	.page-secondary-contents .secondary-edit h1 {
		font-size: 30px;
		line-height: 25px;
		margin-bottom: 18px
	}

	.page-secondary-contents .secondary-edit p {
		font-size: 15px;
		line-height: 25px
	}

	.page-secondary-contents .secondary-edit a {
		box-sizing: border-box;
		display: inline-block;
		width: 192px;
		height: 50px;
		border-radius: 4px;
		background-color: #fff;
		border: 1px solid #979797;
		color: #444;
		font-size: 17px;
		line-height: 50px;
		text-align: center;
		margin-top: 25px
	}

	.page-secondary-contents .secondary-edit a:hover {
		background-color: #e9eff5
	}

	.page-secondary-contents .secondary-edit .secondary-edit__content-left {
		width: 100%;
		float: left;
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		transform: translate(0);
		margin-bottom: 35px
	}

	.page-secondary-contents .secondary-edit .secondary-edit__content-right {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0);
		border-radius: 5px
	}

	.page-secondary-contents .secondary-edit .secondary-edit__content-right .content-img,.page-secondary-contents .secondary-edit .secondary-edit__content-right .mini-banner,.page-secondary-contents .secondary-edit .secondary-edit__content-right img {
		width: 100%;
		height: auto
	}

	.page-secondary-contents .secondary-edit .secondary-edit__content-right .server,.page-secondary-contents .secondary-edit .secondary-edit__content-right .server-img,.page-secondary-contents .secondary-edit .secondary-edit__content-right .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		width: 100%
	}

	.page-secondary-contents .secondary-edit-block2 h1,.page-secondary-contents .secondary-edit-block3 h1 {
		font-size: 25px;
		line-height: 23px;
		color: #444;
		margin-bottom: 20px
	}

	.page-secondary-contents .secondary-edit-block2 p,.page-secondary-contents .secondary-edit-block3 p {
		font-size: 14px;
		line-height: 24px;
		color: #888
	}

	.page-secondary-contents .secondary-edit-block2 {
		position: relative;
		height: auto;
		padding: 55px 10px
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left {
		margin-top: 34px;
		width: 100%;
		float: left;
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0)
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left .detail,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server .server-img,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left img {
		width: 100%
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server .content-img {
		width: 100%;
		height: auto
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server .server,.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-left.server .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		width: 100%
	}

	.page-secondary-contents .secondary-edit-block2 .secondary-edit__content-right {
		text-align: center;
		width: 100%;
		float: right;
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0)
	}

	.page-secondary-contents .secondary-edit-block3 {
		position: relative;
		height: auto;
		padding: 55px 10px
	}

	.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-left {
		text-align: center;
		width: 100%;
		float: left;
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0)
	}

	.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right {
		margin-top: 34px;
		width: 100%;
		float: right;
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0)
	}

	.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right .detail,.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right .server-img,.page-secondary-contents .secondary-edit-block3 .secondary-edit__content-right img {
		width: 100%
	}
}