﻿@keyframes header_2020_trans1 {
	0% {
		transform: translate(-30px, 0);
		opacity: 0
	}

	80% {
		transform: translate(5px, 0);
		opacity: .9
	}

	100% {
		transform: translate(0, 0);
		opacity: 1
	}
}

:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1
}

.animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.fadeInUpLarge {
	animation-name: fadeInUpLarge
}

@keyframes fadeInUpLarge {
	from {
		opacity: 0;
		transform: translate3d(0, .4rem, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes maskShow {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.animate__fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

.fadeInRightSmall {
	animation-name: fadeInRightSmall
}

@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		transform: translate3d(0, 15px, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInUpSmall {
	animation-name: fadeInUpSmall
}

@keyframes fadeInRightSmall {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.fadeInLeftSmall {
	-webkit-animation-name: fadeInLeftSmall;
	animation-name: fadeInLeftSmall
}

@keyframes fadeInLeftSmall {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes animate_top {
	from {
		opacity: 0;
		transform: translate(0, -1.25rem);
		transition: all ease-out .8s .2s
	}

	to {
		opacity: 1;
		transform: translate(0, 0)
	}
}

.animate_top {
	animation-name: animate_top
}

@keyframes animate_down {
	from {
		opacity: 0;
		transform: translate(0, 1.25rem);
		transition: all ease-out .8s .2s
	}

	to {
		opacity: 1;
		transform: translate(0, 0)
	}
}

.animate_down {
	animation-name: animate_down
}

@keyframes animate_left {
	from {
		opacity: 0;
		transform: translate(-2.5rem, 0);
		transition: all ease-out .8s .2s
	}

	to {
		opacity: 1;
		transform: translate(0, 0)
	}
}

.animate_left {
	animation-name: animate_left
}

@keyframes animate_right {
	from {
		opacity: 0;
		transform: translate(2.5rem, 0);
		transition: all ease-out .8s .2s
	}

	to {
		opacity: 1;
		transform: translate(0, 0)
	}
}

.animate_right {
	animation-name: animate_right
}

.right_button {
	position: fixed;
	top: 60%;
	transform: translateY(-60%);
	display: flex;
	flex-direction: column;
	z-index: 1000;
	right: 4px;
	height: 150px
}

.right_button .right_button_item {
	background-color: #1B61FF;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	width: 65px;
	height: 65px;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.right_button .right_button_item .icon {
	display: block;
	width: 30px;
	height: 30px;
	margin-bottom: 2px
}

.right_button .right_button_item span {
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	margin: 0;
	text-align: center
}

.right_button .right_button_item:hover {
	background-color: #0020A7
}

.right_button .gototop {
	background-color: #EFF6FF;
	display: none
}

.right_button .gototop span {
	color: #1B61FF
}

.right_button .gototop .gototopHover {
	display: none
}

.right_button .gototop:hover {
	background-color: #EFF6FF
}

.right_button .gototop:hover .icon {
	display: none
}

.right_button .gototop:hover .gototopHover {
	display: block
}

.right_button .gototop:hover span {
	color: #0020A7
}

html {
	font-size: 40px
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

.w1400 {
	max-width: 1400px;
	width: 95%;
	margin: 0 auto
}

.wrap,
.wrap_1000,
.wrap_1100,
.wrap_1150,
.wrap_1200,
.wrap_1250,
.wrap_1300,
.wrap_1350,
.wrap_1400,
.wrap_800,
.wrap_850,
.wrap_920 {
	width: 92%;
	margin: 0 auto;
	position: relative;
	max-width: 1600px
}

.wrap_1400 {
	max-width: 1400px
}

.w1300 {
	max-width: 1300px;
	width: 95%;
	margin: 0 auto
}

.w1360 {
	max-width: 1360px;
	width: 95%;
	margin: 0 auto
}

.w1260 {
	max-width: 1260px;
	width: 95%;
	margin: 0 auto
}

.w1200,
.wrap_1200 {
	max-width: 1200px;
	width: 95%;
	margin: 0 auto
}

 
.newHeader {
	position: fixed;
	height: 2rem;
	top: 0;
	left: 0;
	width: 100vw;
	z-index: 5000;
	background: #fff;
	box-shadow: 0 .1rem .2rem 0 rgba(21, 58, 160, .1);
	border-bottom: 1px solid #f2f2f2
}

.newHeader .header_box {
	display: flex;
	align-items: center;
	height: 100%;
	position: relative
}

.newHeader .header_box .logo {
	display: block
}

.newHeader .header_box .logo img {
	height: 1rem;
	width: 6.25rem
}

.newHeader .header_box .kx {
	flex: 1
}

.newHeader .header_box .nav {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center
}

.newHeader .header_box .nav .nav-item {
	padding: 0 .75rem;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer
}

.newHeader .header_box .nav .nav-item .nav-link {
	font-size: .45rem;
	font-weight: 700;
	color: #111532;
	user-select: none
}

.newHeader .header_box .nav .nav-item .nav-link i {
	padding-left: .05rem;
	font-size: .3rem;
	transition: transform .4s;
	display: inline-block
}

.newHeader .header_box .nav .nav-item .nav-secondary {
	position: absolute;
	top: 1.99rem;
	left: 50%;
	width: 7rem;
	transform: translateX(-50%);
	background: #fff;
	border-radius: .2rem;
	box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .15);
	display: none
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box {
	position: relative;
	color: #2f2f2f;
	padding: .5rem 0
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item {
	animation: header_2020_trans1 .3s ease-out 135ms 1;
	padding: 0 .5rem;
	cursor: pointer
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title {
	display: flex;
	align-items: center;
	height: 1.7rem;
	font-size: .4rem;
	font-weight: 700;
	text-decoration: none
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon {
	background: url(https://ruanjian.zuitie.cn/Public/static/images/header/header_icon.svg) no-repeat -1.25rem -1.25rem;
	background-size: 30rem 30rem;
	width: 1.05rem;
	height: 1rem;
	margin: 0 .4rem 0 .2rem;
	z-index: 2;
	flex-shrink: 0
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.drw1 {
	background-position: -3.75rem -1.25rem
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.tb1 {
	background-position: -50px -114px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.Screen-recording {
	background-position: -200px -178px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.video-clip {
	background-position: -50px -178px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.video-transform {
	background-position: -150px -178px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.pdf {
	background-position: -150px -307px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.dupfiles {
	background-position: -601px -307px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.deploy-manager {
	background-position: -199px -114px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.migrate {
	background-position: -50px -243px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.epm {
	background-position: -50px -50px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.ntfs {
	background-position: -200px -307px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.MobiUnlock {
	background-position: -50px -307px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.dick_copy {
	background-position: -150px -243px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.MobiMover {
	background-position: -100px -243px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.BitWiper {
	background-position: -552px -307px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title .icon.key-finder {
	background-position: -501px -307px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title span {
	display: block;
	flex: 1;
	color: #2f2f2f
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .item_title i {
	transform: rotate(-90deg);
	font-size: .35rem;
	color: #7f7f7f
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .side_box {
	position: absolute;
	right: -220px;
	top: 0;
	background: #edf0f5;
	width: 0;
	overflow: hidden;
	border-radius: .2rem;
	min-height: 0;
	transition: right .4s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .side_box .side_item {
	display: block;
	color: #2f2f2f;
	margin-top: .35rem;
	line-height: .65rem;
	text-decoration: none
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .side_box .side_item:hover {
	color: #0087fd;
	text-decoration: none
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item .side_box .side_item:first-child {
	margin-top: 0
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:hover {
	background: #edf0f5
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:hover .side_box {
	width: 250px;
	padding: .5rem;
	height: 100%;
	right: -250px
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(20) {
	animation-delay: .95s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(19) {
	animation-delay: .9s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(18) {
	animation-delay: .85s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(17) {
	animation-delay: .8s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(16) {
	animation-delay: .75s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(15) {
	animation-delay: .7s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(14) {
	animation-delay: .65s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(13) {
	animation-delay: .6s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(12) {
	animation-delay: .55s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(11) {
	animation-delay: .5s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(10) {
	animation-delay: .45s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(9) {
	animation-delay: .4s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(8) {
	animation-delay: .35s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(7) {
	animation-delay: .3s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(6) {
	animation-delay: .25s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(5) {
	animation-delay: .2s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(4) {
	animation-delay: .15s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(3) {
	animation-delay: .1s
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(2) {
	animation-delay: 50ms
}

.newHeader .header_box .nav .nav-item .nav-secondary .secondary_box .secondary_item:nth-child(1) {
	animation-delay: 0s
}

.newHeader .header_box .nav .nav-item .nav-link_a {
	text-decoration: none
}

.newHeader .header_box .nav .nav-item:hover .nav-link_a {
	text-decoration: none
}

.newHeader .header_box .nav .nav-item:hover .nav-link i {
	transform: rotate(180deg)
}

.newHeader .header_box .nav .nav-item:hover .nav-secondary {
	display: block
}

.newHeader_kx {
	height: 2rem
}

.newFooter {
	background: #1D1F24;
	color: #9C9C9C;
	text-align: center;
	font-size: .35rem;
	padding: .4rem 0
}

.newFooter .footer_box .copyright {
	margin-bottom: .25rem
}

.newFooter .footer_box .d a {
	display: inline-block;
	margin: 0 .125rem;
	color: inherit;
	text-decoration: none
}

.newFooter .footer_box .d a:hover {
	text-decoration: underline
}

#pay_from,
#pay_from_bg,
#pay_from_loading,
.globle_live_all,
.globle_top {
	display: none !important
}

.pro_fixed_button.fixed {
	display: block
}