[v-cloak] {
	display: none !important
}

.counted-share-vertical {
	display: none
}

.black-header {
	background: #fafafa
}

.black-header .nav>* {
	color: #333
}

.black-header:hover .header-account-entry>span {
	color: #fff
}

.black-header:hover .nav>* {
	color: #fff
}

.header .header-account-entry>span {
	color: #333
}

html .subheader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	padding-top: 12px;
	display: none
}

html .subheader .logo {
	float: left;
	margin-top: 0;
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 51px;
	background: none
}

@media screen and (max-width: 360px) and (min-width: 320px) {
	html .subheader .logo {
		max-width: 160px
	}
}

html .subheader .logo::before {
	width: 36px;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSLmnKrlkb3lkI3nmoTmuJDlj5hfMiIgeDE9IjE0OC44OCIgeTE9IjcwLjQ3IiB4Mj0iNDMzLjQ0IiB5Mj0iNTYzLjM0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjhjMWZmIi8+PHN0b3Agb2Zmc2V0PSIwLjMyIiBzdG9wLWNvbG9yPSIjNmVhZmZmIi8+PHN0b3Agb2Zmc2V0PSIwLjk2IiBzdG9wLWNvbG9yPSIjN2M4MGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN2Q3ZGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPnZpZGVvRWRpdDwvdGl0bGU+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i5Zu+5bGCXzEtMiIgZGF0YS1uYW1lPSLlm77lsYIgMSI+PHJlY3Qgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHJ4PSIyNTYiIGZpbGw9InVybCgj5pyq5ZG95ZCN55qE5riQ5Y+YXzIpIi8+PGcgb3BhY2l0eT0iMC41Ij48cGF0aCBkPSJNMjM4Ljg1LDIxNy45djMzLjI3SDE5OC45M2MtMS42Ny02LjY2LTUtMTEuNjUtMTAtMTYuNjRhNDcuMDUsNDcuMDUsMCwxLDAsMCw2Ni41NGM1LTUsOC4zMS0xMCwxMC0xNi42M2gzOS45MnYzOS45MmMtNi42NSwxLjY2LTExLjY0LDUtMTYuNjMsMTBhNDcuMDUsNDcuMDUsMCwxLDAsNjYuNTMsMGMtNS01LTEwLTguMzItMTYuNjMtMTBWMTU4LjI1YzAtMTQuODItMTcuOTItMjIuMjQtMjguNC0xMS43NmgwYTE2LjYzLDE2LjYzLDAsMCwwLTQuODcsMTEuNzZWMjE3LjlabTAsMTMzLjA4YTIzLjUzLDIzLjUzLDAsMSwxLDAsMzMuMjdBMjMuNTksMjMuNTksMCwwLDEsMjM4Ljg1LDM1MVptLTY2LjU0LTY2LjU0YTIzLjUzLDIzLjUzLDAsMSwxLDAtMzMuMjdBMjMuNTksMjMuNTksMCwwLDEsMTcyLjMxLDI4NC40NFoiIGZpbGw9IiNmZmYiLz48L2c+PHBhdGggZD0iTTMzOC42NiwyODQuNDRIMzY1YTE2LjYzLDE2LjYzLDAsMCwwLDExLjc2LTQuODdoMGMxMC40OC0xMC40OCwzLjA2LTI4LjQtMTEuNzYtMjguNEgxOTguOTNjLTEuNjctNi42Ni01LTExLjY1LTEwLTE2LjY0YTQ3LjA1LDQ3LjA1LDAsMSwwLDAsNjYuNTRjNS01LDguMzEtMTAsMTAtMTYuNjNoMzkuOTJ2MzkuOTJjLTYuNjUsMS42Ni0xMS42NCw1LTE2LjYzLDEwYTQ3LjA1LDQ3LjA1LDAsMSwwLDY2LjUzLDBjLTUtNS0xMC04LjMyLTE2LjYzLTEwVjI4NC40NGg2Ni41NFptLTE5OS42MiwwYTIzLjUzLDIzLjUzLDAsMSwxLDMzLjI3LDBBMjMuNTksMjMuNTksMCwwLDEsMTM5LDI4NC40NFpNMjcyLjEyLDM1MWEyMy41MywyMy41MywwLDEsMS0zMy4yNywwQTIzLjU5LDIzLjU5LDAsMCwxLDI3Mi4xMiwzNTFaIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTI5My42OCwxMzYuNjJsLjA2LDc2LjU2YTE2LjU2LDE2LjU2LDAsMCwwLDE2LjU4LDE2LjU2bDc2LjQ0LS4wNmMxNC43NiwwLDIyLjE0LTE3Ljg2LDExLjcxLTI4LjI5TDMyMiwxMjQuODlDMzExLjUyLDExNC40NCwyOTMuNjcsMTIxLjg1LDI5My42OCwxMzYuNjJaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=") 0 center/100% no-repeat;
	background-size: contain;
	top: 0 !important;
	height: 36px !important
}

html .subheader .offer {
	float: right
}

html .subheader .offer a {
	float: left
}

.func-easy-operate>.wrapper,
.main>.wrapper {
	width: 75%
}

.main>.wrapper {
	position: relative;
	z-index: 2;
	height: auto
}

@media (max-width: 768px) {
	.main>.wrapper {
		width: 95%
	}
}

.rating-sml .rating-stars .icon {
	width: 16px;
	height: 27px
}

.rating {
	/*position:relative;*/
	z-index: 2;
	text-align: center;
	color: #F86161;
	line-height: 30px
}

.rating .rating-count {
	font-size: 12px;
	color: #F86161;
	margin-left: 0
}

.rating-background-stars .icon:not(.active) {
	color: #c7c7c7;
	opacity: 1
}

.onecont {
	padding: 100px 0 38px
}

.onecont .introduce-text {
	width: 100%;
	text-align: center
}

.onecont .introduce-text h2,
.onecont .introduce-text h3,
.onecont .introduce-text h4 {
	font-size: 35px;
	margin-bottom: 20px;
	font-family: 'Open Sans';
	font-weight: 600;
	color: #4159ff;
	line-height: 48px
}

@media screen and (max-width: 768px) {
	.onecont .introduce-text h2,
	.onecont .introduce-text h3,
	.onecont .introduce-text h4 {
		font-size: 32px
	}
}

.onecont .introduce-text h2:lang(zh),
.onecont .introduce-text h3:lang(zh),
.onecont .introduce-text h4:lang(zh) {
	font-family: "Source Han Sans CN"
}

.onecont .introduce-text p {
	font-size: 25px;
	line-height: 30px;
	margin: 0 auto 22px;
	font-family: 'Open Sans';
	color: #666
}

.onecont .introduce-text p:lang(zh) {
	font-family: "Source Han Sans CN"
}

.onecont .introduce-text span {
	background: url("../img/edit-online/line.jpg?5ad0e479") 0 center/50px no-repeat;
	display: inline-block;
	padding: 0 0 0 50px;
	text-align: right;
	width: 90px;
	margin-bottom: 20px
}

video {
	display: block;
	margin: 0 auto;
	background-color: #FFF
}

.slider-wrap {
	width: 60%;
	height: 2px;
	margin: 16px auto 25px;
	background-color: #e8eaec;
	border-radius: 3px;
	vertical-align: middle;
	position: relative;
	line-height: 100%;
	box-sizing: border-box;
	cursor: pointer
}

.slider-wrap .video-preview {
	position: absolute;
	left: -50px;
	top: -15px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO30NCgkuc3Qxe29wYWNpdHk6MC41O2NsaXAtcGF0aDp1cmwoI1NWR0lEXzRfKTt9DQoJLnN0MntjbGlwLXBhdGg6dXJsKCNTVkdJRF82Xyk7ZmlsbDp0cmFuc3BhcmVudDt9DQoJLnN0M3tjbGlwLXBhdGg6dXJsKCNTVkdJRF80Xyk7ZmlsbDojRkZGRkZGO30NCgkuc3Q0e2NsaXAtcGF0aDp1cmwoI1NWR0lEXzRfKTtmaWxsOm5vbmU7c3Ryb2tlOnRyYW5zcGFyZW50O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkNCjwvc3R5bGU+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+DQoJPC9jbGlwUGF0aD4NCgk8ZyBjbGFzcz0ic3QwIj4NCgkJPGRlZnM+DQoJCQk8cmVjdCBpZD0iU1ZHSURfM18iIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIvPg0KCQk8L2RlZnM+DQoJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNF8iPg0KCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgkJPC9jbGlwUGF0aD4NCgkJPGcgY2xhc3M9InN0MSI+DQoJCQk8Zz4NCgkJCQk8ZGVmcz4NCgkJCQkJPHJlY3QgaWQ9IlNWR0lEXzVfIiB4PSIxIiB5PSIxIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiLz4NCgkJCQk8L2RlZnM+DQoJCQkJPGNsaXBQYXRoIGlkPSJTVkdJRF82XyI+DQoJCQkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzVfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+DQoJCQkJPC9jbGlwUGF0aD4NCgkJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNDksMjVjMCwxMy4zLTEwLjcsMjQtMjQsMjRTMSwzOC4zLDEsMjVTMTEuNywxLDI1LDFTNDksMTEuNyw0OSwyNSIvPg0KCQkJPC9nPg0KCQk8L2c+DQoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0zMy45LDIyLjhsLTExLjMtNi41Yy0xLjctMS0zLjcsMC4yLTMuNywyLjJ2MTNjMCwxLjksMi4xLDMuMSwzLjcsMi4ybDExLjMtNi41DQoJCQlDMzUuNSwyNi4yLDM1LjUsMjMuOCwzMy45LDIyLjgiLz4NCgkJPGNpcmNsZSBjbGFzcz0ic3Q0IiBjeD0iMjUiIGN5PSIyNSIgcj0iMjQiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==") left center/40px auto no-repeat;
	background-color: #4159ff;
	box-shadow: 0 0 20px rgba(65, 89, 255, 0.4)
}

.slider-wrap .video-pause {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTg0LjIgMTg0LjIiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtjbGlwLXBhdGg6dXJsKCNhKTtmaWxsOm5vbmU7c3Ryb2tlOnRyYW5zcGFyZW50O3N0cm9rZS13aWR0aDoxMDtzdHJva2UtbWl0ZXJsaW1pdDoxMH0uc3Qxe2NsaXAtcGF0aDp1cmwoI2EpO2ZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2Utd2lkdGg6MTA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwfTwvc3R5bGU+PGRlZnM+PHBhdGggaWQ9ImIiIGQ9Ik0wIDBoMTg0LjJ2MTg0LjJIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJhIj48dXNlIHhsaW5rOmhyZWY9IiNiIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggY2xhc3M9InN0MCIgZD0iTTkyLjEgNUM0NC4xIDUgNSA0NC4xIDUgOTIuMWMwIDQ4IDM5LjEgODcuMSA4Ny4xIDg3LjEgNDggMCA4Ny4xLTM5LjEgODcuMS04Ny4xIDAtNDgtMzktODcuMS04Ny4xLTg3LjF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTcyLjggNTguNnY3My41TTExMS40IDU4LjZ2NzMuNSIvPjwvc3ZnPg==") left center/44px auto no-repeat;
	background-color: #4159ff;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(65, 89, 255, 0.4)
}

.slider-wrap .slider-bar {
	height: 2px;
	background: #4159ff;
	border-radius: 3px;
	position: absolute
}

.slider-wrap .slider-split {
	height: 2px;
	background: #aabdff;
	border-radius: 3px;
	position: absolute;
	padding: 0
}

.slider-wrap .slider-split.slider-bar {
	display: none
}

.slider-wrap .slider-line {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	border: none;
	padding: 0;
	margin: 0;
	opacity: 0;
	z-index: -1000;
	background-color: transparent;
	pointer-events: none
}

.slider-wrap .slider-button-wrap-left,
.slider-wrap .slider-button-wrap-right {
	width: 12px;
	height: 25px;
	text-align: center;
	background-color: transparent;
	position: absolute;
	top: 2px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}

.slider-wrap .slider-button-wrap-left .slider-button,
.slider-wrap .slider-button-wrap-right .slider-button {
	width: 12px;
	height: 25px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTguMSAzNC44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC4xIDM0Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7ZmlsbDojRkY4REExO30NCgkuc3Qxe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOm5vbmU7c3Ryb2tlOiNGRjhEQTE7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB5PSIwIiB3aWR0aD0iMTguMSIgaGVpZ2h0PSIzNC44Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCTwvY2xpcFBhdGg+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuNCwwLjdjMC0wLjEtMC4xLTAuMS0wLjItMC4yTDkuMSwwLjVjMCwwLDAsMC0wLjEsMGMwLDAsMCwwLTAuMSwwTDguOSwwLjZjLTAuMSwwLTAuMSwwLjEtMC4yLDAuMkwwLjUsOS4zDQoJCXYyNC42YzAsMC4yLDAuMiwwLjQsMC40LDAuNGg4YzAsMCwwLDAsMC4xLDBjMCwwLDAsMCwwLjEsMGg4YzAuMiwwLDAuNC0wLjIsMC40LTAuNFY5LjNMOS40LDAuN3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOS40LDAuN2MwLTAuMS0wLjEtMC4xLTAuMi0wLjJMOS4xLDAuNWMwLDAsMCwwLTAuMSwwYzAsMCwwLDAtMC4xLDBMOC45LDAuNmMtMC4xLDAtMC4xLDAuMS0wLjIsMC4yTDAuNSw5LjMNCgkJdjI0LjZjMCwwLjIsMC4yLDAuNCwwLjQsMC40aDhjMCwwLDAsMCwwLjEsMGMwLDAsMCwwLDAuMSwwaDhjMC4yLDAsMC40LTAuMiwwLjQtMC40VjkuM0w5LjQsMC43eiIvPg0KPC9nPg0KPC9zdmc+DQo=") center center/100% no-repeat;
	transition: all 0.2s linear;
	outline: 0
}

.slider-wrap .slider-button-wrap-left .tooltip,
.slider-wrap .slider-button-wrap-right .tooltip {
	line-height: 25px
}

.slider-wrap .slider-button-wrap-left:active .tooltip-dark,
.slider-wrap .slider-button-wrap-left:hover .tooltip-dark,
.slider-wrap .slider-button-wrap-right:active .tooltip-dark,
.slider-wrap .slider-button-wrap-right:hover .tooltip-dark {
	display: block
}

.slider-wrap .slider-button-wrap-left:active .slider-button,
.slider-wrap .slider-button-wrap-left:hover .slider-button,
.slider-wrap .slider-button-wrap-right:active .slider-button,
.slider-wrap .slider-button-wrap-right:hover .slider-button {
	border-color: rgba(87, 163, 243, 0.8)
}

.slider-wrap .slider-button-wrap-current {
	width: 15px;
	height: 15px;
	text-align: center;
	background-color: transparent;
	position: absolute;
	top: -7px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}

.slider-wrap .slider-button-wrap-current .slider-button {
	width: 15px;
	height: 15px;
	border: 2px solid #57a3f3;
	border-radius: 50%;
	background-color: #fff;
	transition: all 0.2s linear;
	outline: 0
}

.slider-wrap .slider-button-wrap-current .tooltip {
	line-height: 18px
}

.slider-wrap .tooltip {
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.slider-wrap .tooltip .tooltip-rel {
	position: relative;
	width: inherit;
	display: inline-block
}

.slider-wrap .tooltip-inner {
	max-width: 250px;
	min-height: 34px;
	padding: 8px 12px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	background-color: rgba(70, 76, 91, 0.9);
	border-radius: 4px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
	white-space: nowrap
}

.slider-wrap .tooltip-popper {
	display: block;
	visibility: visible;
	font-size: 12px;
	line-height: 1.5;
	position: absolute;
	z-index: 1060
}

.slider-wrap .tooltip-dark {
	position: absolute;
	will-change: top, left;
	top: -47px;
	left: -13px;
	display: none
}

.slider-wrap .tooltip-popper[x-placement^=top] {
	padding: 5px 0 8px
}

.slider-wrap .video-Time {
	position: absolute;
	top: -16px;
	right: 0;
	-webkit-transform: translateX(110%);
	-moz-transform: translateX(110%);
	transform: translateX(110%)
}

.slider-wrap span {
	padding: 8px 0;
	display: inline-block
}

@media screen and (max-width: 768px) {
	.slider-wrap span {
		padding: 8px 0
	}
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none !important
}

input[type="number"] {
	-moz-appearance: textfield
}


.main {
	width: 100%;
	min-height: auto;
	position: relative
}

@media screen and (max-width: 768px) {
	.main {
		padding-bottom: 0
	}
}

.main .main-title {
	display: inline-block
}

.main:before {
	z-index: 0;
	content: "";
	position: absolute;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgODguMiA3My4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4OC4yIDczLjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtvcGFjaXR5OjAuNTtmaWxsOnVybCgjU1ZHSURfMV8pO30NCjwvc3R5bGU+DQo8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSIzNi42MDg5IiB4Mj0iODguMTk4NCIgeTI9IjM2LjYwODkiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMUYxRkQiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRUVGN0ZFIi8+DQo8L2xpbmVhckdyYWRpZW50Pg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ3LjMsMC4yYzE2LjMsMS40LDQwLjItMS4zLDQwLjksMjVDODksNTQuOSw3MS44LDgwLjMsNDguNiw3MS40Yy0xMi45LTQuOS01My40LTIwLTQ4LjEtNDMuNw0KCUM0LjUsOS44LDMxLjgtMS41LDQ3LjMsMC4yeiIvPg0KPC9zdmc+DQo=") left top/cover no-repeat;
	right: -10%;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	height: 50%;
	width: 50vh;
	overflow: hidden
}

@media (max-width: 768px) {
	.main:before {
		width: 50%;
		height: 50vw
	}
}

.main:after {
	z-index: 0;
	content: "";
	position: absolute;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTUxMS4xIDE3MjkuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUxMS4xIDE3MjkuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOm5vbmU7c3Ryb2tlOiNlNWU4ZjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxnPg0KCTxkZWZzPg0KCQk8cmVjdCBpZD0iU1ZHSURfMV8iIHdpZHRoPSIxNTExLjEiIGhlaWdodD0iMTcyOS41Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCTwvY2xpcFBhdGg+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE2LjQiIHkxPSIxNzM2LjYiIHgyPSItMS41IiB5Mj0iMTcxOC44Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjcxLjEiIHkxPSIxNzM1LjMiIHgyPSItMTMuMSIgeTI9IjE2NTEuMSIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxMjcuMiIgeTE9IjE3MzUuMyIgeDI9Ii0yLjgiIHkyPSIxNjA1LjMiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTgzLjMiIHkxPSIxNzM1LjMiIHgyPSItNy45IiB5Mj0iMTU0NC4xIi8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjIzOS40IiB5MT0iMTczNS4zIiB4Mj0iLTEzLjQiIHkyPSIxNDgyLjYiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMjk1LjQiIHkxPSIxNzM1LjMiIHgyPSItNTUuNyIgeTI9IjEzODQuMiIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIzNTEuNSIgeTE9IjE3MzUuMyIgeDI9Ii00Mi4zIiB5Mj0iMTM0MS40Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjQwNy42IiB5MT0iMTczNS4zIiB4Mj0iLTI4IiB5Mj0iMTI5OS43Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjQ2My43IiB5MT0iMTczNS4zIiB4Mj0iLTEzLjQiIHkyPSIxMjU4LjMiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iNTE5LjgiIHkxPSIxNzM1LjMiIHgyPSItNy45IiB5Mj0iMTIwNy43Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjU3NS44IiB5MT0iMTczNS4zIiB4Mj0iLTM3IiB5Mj0iMTEyMi41Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjYzMS45IiB5MT0iMTczNS4zIiB4Mj0iLTM3IiB5Mj0iMTA2Ni40Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjY4OCIgeTE9IjE3MzUuMyIgeDI9Ii0yOCIgeTI9IjEwMTkuMyIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSI3NDQuMSIgeTE9IjE3MzUuMyIgeDI9Ii00Mi4zIiB5Mj0iOTQ4LjkiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iODAwLjEiIHkxPSIxNzM1LjMiIHgyPSItNTUuNyIgeTI9Ijg3OS41Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9Ijg1Ni4yIiB5MT0iMTczNS4zIiB4Mj0iLTY5LjQiIHkyPSI4MDkuNyIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5MTIuMyIgeTE9IjE3MzUuMyIgeDI9Ii0zNyIgeTI9Ijc4NiIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5NjguNCIgeTE9IjE3MzUuMyIgeDI9Ii01NS43IiB5Mj0iNzExLjMiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTAyNC40IiB5MT0iMTczNS4zIiB4Mj0iLTU4LjYiIHkyPSI2NTIuMiIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxMDgwLjUiIHkxPSIxNzM1LjMiIHgyPSItMzUiIHkyPSI2MTkuOCIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxMTM2LjYiIHkxPSIxNzM1LjMiIHgyPSItNDMuOSIgeTI9IjU1NC45Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjExOTIuNyIgeTE9IjE3MzUuMyIgeDI9Ii00MC45IiB5Mj0iNTAxLjciLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTI0OC43IiB5MT0iMTczNS4zIiB4Mj0iLTIyLjciIHkyPSI0NjMuOSIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxMzA0LjgiIHkxPSIxNzM1LjMiIHgyPSItNDkuOCIgeTI9IjM4MC43Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjEzNjAuOSIgeTE9IjE3MzUuMyIgeDI9Ii0xMy4zIiB5Mj0iMzYxLjEiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTQxNyIgeTE9IjE3MzUuMyIgeDI9Ii0yMS4yIiB5Mj0iMjk3LjEiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTQ3MyIgeTE9IjE3MzUuMyIgeDI9Ii0zMiIgeTI9IjIzMC4yIi8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MjkuMSIgeTE9IjE3MzUuMyIgeDI9Ii00OS44IiB5Mj0iMTU2LjQiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTUyMy4zIiB5MT0iMTU4LjMiIHgyPSIxMTgzLjQiIHkyPSItMTgxLjUiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTU0OS44IiB5MT0iMTMxLjgiIHgyPSIxMjEwIiB5Mj0iLTIwOCIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTc2LjQiIHkxPSIxMDUuMiIgeDI9IjEyMzYuNiIgeTI9Ii0yMzQuNiIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNjAyLjkiIHkxPSI3OC43IiB4Mj0iMTI2My4xIiB5Mj0iLTI2MS4xIi8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE2MjkuNSIgeTE9IjUyLjEiIHgyPSIxMjg5LjciIHkyPSItMjg3LjciLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTY1Ni4xIiB5MT0iMjUuNSIgeDI9IjEzMTYuMyIgeTI9Ii0zMTQuMyIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iMjI4LjEiIHgyPSIxMTA4LjEiIHkyPSItMjAwLjciLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTUzNyIgeTE9IjI4NC4yIiB4Mj0iMTA2MC45IiB5Mj0iLTE5MS44Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MzciIHkxPSIzNDAuMyIgeDI9IjEwMTYuNyIgeTI9Ii0xNzkuOSIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iMzk2LjQiIHgyPSI5NTQuOCIgeTI9Ii0xODUuOCIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iNDUyLjQiIHgyPSI4OTIuNyIgeTI9Ii0xOTEuOCIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iNTA4LjUiIHgyPSI4MzYuNiIgeTI9Ii0xOTEuOCIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iNTY0LjYiIHgyPSI3OTIuNCIgeTI9Ii0xNzkuOSIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iNjIwLjciIHgyPSI3NDUuMSIgeTI9Ii0xNzEuMiIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iNjc2LjgiIHgyPSI2NDUuNiIgeTI9Ii0yMTQuNyIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iNzMyLjgiIHgyPSI2MDMuNSIgeTI9Ii0yMDAuNyIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTMxLjEiIHkxPSI3ODMiIHgyPSI1NzYuOSIgeTI9Ii0xNzEuMiIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTMxLjEiIHkxPSI4MzkuMSIgeDI9IjUwNi4yIiB5Mj0iLTE4NS44Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MzciIHkxPSI5MDEuMSIgeDI9IjQ1MS42IiB5Mj0iLTE4NC40Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MzciIHkxPSI5NTcuMSIgeDI9IjM5OS45IiB5Mj0iLTE3OS45Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MzciIHkxPSIxMDEzLjIiIHgyPSIzNDMuOCIgeTI9Ii0xNzkuOSIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iMTA2OS4zIiB4Mj0iMjkxLjQiIHkyPSItMTc2LjMiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTUzNyIgeTE9IjExMjUuNCIgeDI9IjIzNS4zIiB5Mj0iLTE3Ni4zIi8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MzciIHkxPSIxMTgxLjQiIHgyPSIxNjMuNyIgeTI9Ii0xOTEuOCIvPg0KCTxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNTM3IiB5MT0iMTIzNy41IiB4Mj0iMTA3LjYiIHkyPSItMTkxLjgiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTUzNyIgeTE9IjEyOTMuNiIgeDI9IjUxLjUiIHkyPSItMTkxLjgiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTUzNyIgeTE9IjEzNDkuNyIgeDI9Ii00LjUiIHkyPSItMTkxLjgiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTUzNyIgeTE9IjE0MDUuNyIgeDI9Ii0xMC40IiB5Mj0iLTE0MS43Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MzciIHkxPSIxNDYxLjgiIHgyPSItMjAuOCIgeTI9Ii05NS45Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MzciIHkxPSIxNTE3LjkiIHgyPSItMTYuMyIgeTI9Ii0zNS40Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MzciIHkxPSIxNTc0IiB4Mj0iLTEwLjQiIHkyPSIyNi42Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1MzciIHkxPSIxNjMwIiB4Mj0iLTUuNCIgeTI9Ijg3LjYiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMTUzNyIgeTE9IjE2ODYuMSIgeDI9Ii00MS45IiB5Mj0iMTA3LjIiLz4NCjwvZz4NCjwvc3ZnPg0K") center center/cover no-repeat;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
	left: 25%;
	bottom: -10%;
	width: 50%;
	height: 70%;
	overflow: hidden
}

.main .functions-box {
	margin: 30px 0 0;
	position: relative
}

.main .functions-box .backToChoose {
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	color: #BEBEBE;
	z-index: 3;
	padding-left: 20px
}

.main .functions-box .backToChoose::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	width: 11px;
	height: 30px;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMS4wNyAxOS4xNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNiZWJlYmU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjNweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPui/lOWbnjE8L3RpdGxlPjxnIGlkPSLlm77lsYJfMiIgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgaWQ9IuWbvuWxgl8xLTIiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEuNSIgeTE9IjkuNTciIHgyPSI5LjU3IiB5Mj0iMTcuNjUiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSI5LjU3IiB5MT0iMS41IiB4Mj0iMS41IiB5Mj0iOS41NyIvPjwvZz48L2c+PC9zdmc+") center no-repeat;
	background-size: contain
}

.main .functions-box .backToChoose::before:lang(zh) {
	height: 30px
}

.main .functions-box .backToChoose:hover {
	color: #475CF7;
	text-decoration: none
}

.main .functions-box .backToChoose:hover::before {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMS4wNyAxOS4xNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM0NzVjZjc7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjNweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPui/lOWbnjI8L3RpdGxlPjxnIGlkPSLlm77lsYJfMiIgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgaWQ9IuWbvuWxgl8xLTIiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjEuNSIgeTE9IjkuNTciIHgyPSI5LjU3IiB5Mj0iMTcuNjUiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSI5LjU3IiB5MT0iMS41IiB4Mj0iMS41IiB5Mj0iOS41NyIvPjwvZz48L2c+PC9zdmc+") center no-repeat;
	background-size: contain
}

.main.auto-height {
	min-height: auto
}

.main h2 {
	position: relative;
	z-index: 2;
	font-size: 22px;
	color: #4159ff;
	margin-top: 0;
	line-height: 25px;
	font-family: 'Open Sans'
}

@media screen and (max-width: 768px) {
	.main h2 {
		text-align: center;
		text-align-last: center;
		font-size: 18px;
		line-height: 20px
	}
}

.main h2:before {
	content: "";
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: bottom;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSLmnKrlkb3lkI3nmoTmuJDlj5hfMiIgeDE9IjE0OC44OCIgeTE9IjcwLjQ3IiB4Mj0iNDMzLjQ0IiB5Mj0iNTYzLjM0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjhjMWZmIi8+PHN0b3Agb2Zmc2V0PSIwLjMyIiBzdG9wLWNvbG9yPSIjNmVhZmZmIi8+PHN0b3Agb2Zmc2V0PSIwLjk2IiBzdG9wLWNvbG9yPSIjN2M4MGZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN2Q3ZGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPnZpZGVvRWRpdDwvdGl0bGU+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i5Zu+5bGCXzEtMiIgZGF0YS1uYW1lPSLlm77lsYIgMSI+PHJlY3Qgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHJ4PSIyNTYiIGZpbGw9InVybCgj5pyq5ZG95ZCN55qE5riQ5Y+YXzIpIi8+PGcgb3BhY2l0eT0iMC41Ij48cGF0aCBkPSJNMjM4Ljg1LDIxNy45djMzLjI3SDE5OC45M2MtMS42Ny02LjY2LTUtMTEuNjUtMTAtMTYuNjRhNDcuMDUsNDcuMDUsMCwxLDAsMCw2Ni41NGM1LTUsOC4zMS0xMCwxMC0xNi42M2gzOS45MnYzOS45MmMtNi42NSwxLjY2LTExLjY0LDUtMTYuNjMsMTBhNDcuMDUsNDcuMDUsMCwxLDAsNjYuNTMsMGMtNS01LTEwLTguMzItMTYuNjMtMTBWMTU4LjI1YzAtMTQuODItMTcuOTItMjIuMjQtMjguNC0xMS43NmgwYTE2LjYzLDE2LjYzLDAsMCwwLTQuODcsMTEuNzZWMjE3LjlabTAsMTMzLjA4YTIzLjUzLDIzLjUzLDAsMSwxLDAsMzMuMjdBMjMuNTksMjMuNTksMCwwLDEsMjM4Ljg1LDM1MVptLTY2LjU0LTY2LjU0YTIzLjUzLDIzLjUzLDAsMSwxLDAtMzMuMjdBMjMuNTksMjMuNTksMCwwLDEsMTcyLjMxLDI4NC40NFoiIGZpbGw9IiNmZmYiLz48L2c+PHBhdGggZD0iTTMzOC42NiwyODQuNDRIMzY1YTE2LjYzLDE2LjYzLDAsMCwwLDExLjc2LTQuODdoMGMxMC40OC0xMC40OCwzLjA2LTI4LjQtMTEuNzYtMjguNEgxOTguOTNjLTEuNjctNi42Ni01LTExLjY1LTEwLTE2LjY0YTQ3LjA1LDQ3LjA1LDAsMSwwLDAsNjYuNTRjNS01LDguMzEtMTAsMTAtMTYuNjNoMzkuOTJ2MzkuOTJjLTYuNjUsMS42Ni0xMS42NCw1LTE2LjYzLDEwYTQ3LjA1LDQ3LjA1LDAsMSwwLDY2LjUzLDBjLTUtNS0xMC04LjMyLTE2LjYzLTEwVjI4NC40NGg2Ni41NFptLTE5OS42MiwwYTIzLjUzLDIzLjUzLDAsMSwxLDMzLjI3LDBBMjMuNTksMjMuNTksMCwwLDEsMTM5LDI4NC40NFpNMjcyLjEyLDM1MWEyMy41MywyMy41MywwLDEsMS0zMy4yNywwQTIzLjU5LDIzLjU5LDAsMCwxLDI3Mi4xMiwzNTFaIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTI5My42OCwxMzYuNjJsLjA2LDc2LjU2YTE2LjU2LDE2LjU2LDAsMCwwLDE2LjU4LDE2LjU2bDc2LjQ0LS4wNmMxNC43NiwwLDIyLjE0LTE3Ljg2LDExLjcxLTI4LjI5TDMyMiwxMjQuODlDMzExLjUyLDExNC40NCwyOTMuNjcsMTIxLjg1LDI5My42OCwxMzYuNjJaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=") left center/30px auto no-repeat
}

@media (max-width: 1306px) and (min-width: 769px) {
	.main h2:before {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none
	}
}

@media screen and (max-width: 768px) {
	.main h2:before {
		display: block;
		margin: 0 auto 10px
	}
}

.main h2:lang(zh) {
	font-family: "Source Han Sans CN"
}

.main .rating {
	margin-top: 0
}

.main .main-write {
	text-align: center;
	padding: 50px 0 0
}

@media screen and (max-width: 768px) {
	.main .main-write {
		padding: 40px 0 0
	}
}

.main .main-write .describe {
	position: relative;
	z-index: 1;
	font-size: 16px;
	margin-top: 5px;
	font-family: 'Open Sans';
	font-weight: 300;
	color: #333;
	text-align: center
}

.main .main-write .describe:lang(zh) {
	font-family: "Source Han Sans CN"
}

.main .main-write .box-before-after {
	position: relative
}

.main .main-write .func-center-area {
	position: relative
}

.main .main-write .func-center-area .container {
	position: relative;
	z-index: 2;
	height: 184px;
	padding-top: 48px;
	padding-bottom: 46px;
	cursor: pointer;
	box-shadow: 0 0 30px 0 #eef2ff;
	background-color: #fff;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s
}

@media (max-width: 768px) {
	.main .main-write .func-center-area .container {
		background: #fff;
		border: 1px dashed #eee
	}
	.main .main-write .func-center-area .container:hover {
		background: #fff !important
	}
}

.main .main-write .func-center-area img {
	width: 30px;
	height: 30px
}

.main .main-write .func-center-area h3 {
	font-size: 20px;
	color: #333;
	font-family: 'Open Sans'
}

.main .main-write .func-center-area h3:lang(zh) {
	font-family: "Source Han Sans CN"
}

.main .main-write .container {
	position: relative;
	z-index: 2;
	background: #fff;
	border: 2px solid #f3f3f3;
	box-shadow: 0 0 30px 0 #eef2ff
}

.main .main-write .title-item {
	border-bottom: 1px solid #eeeeee;
	height: 54px
}

.main .main-write .title-item .title-item-l {
	font-size: 14px;
	color: #999;
	margin: 16.5px 0 0 22px;
	float: left
}

@media screen and (max-width: 768px) {
	.main .main-write .title-item .title-item-l {
		margin: 16.5px 0 0 12px
	}
}

.main .main-write .title-item .title-item-r {
	margin-top: 12px;
	margin-right: 12px;
	padding: 0 25px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #4571E9;
	background: #fff;
	border: 1px solid #4571e9;
	border-radius: 6px;
	float: right
}

.main .main-write .title-item .title-item-r.forbid {
	cursor: not-allowed
}

.main .main-write .title-item .title-item-r.forbid:hover {
	cursor: not-allowed
}

.main .main-write .title-item .title-item-r:hover {
	cursor: pointer;
	background: #4571E9;
	color: #fff
}

.main .main-write .title-item .title-item-r:hover:before {
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjc3IDQwMC45IDQwIDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yNzcgNDAwLjkgNDAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8Zz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iLTI3NSIgeTE9IjQyMC45IiB4Mj0iLTIzOSIgeTI9IjQyMC45Ii8+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9Ii0yNTciIHkxPSI0MDIuOSIgeDI9Ii0yNTciIHkyPSI0MzguOSIvPg0KPC9nPg0KPC9zdmc+DQo=") left center/16px no-repeat
}

.main .main-write .title-item .title-item-r:before {
	content: "";
	vertical-align: sub;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDAgNDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwIDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojNDU3MUU5O3N0cm9rZS13aWR0aDo0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjIiIHkxPSIyMCIgeDI9IjM4IiB5Mj0iMjAiLz4NCgk8bGluZSBjbGFzcz0ic3QwIiB4MT0iMjAiIHkxPSIyIiB4Mj0iMjAiIHkyPSIzOCIvPg0KPC9nPg0KPC9zdmc+DQo=") left center/16px no-repeat
}

.main .main-write ::-webkit-scrollbar {
	height: 6px;
	width: 6px
}

.main .main-write ::-webkit-scrollbar-thumb {
	width: 6px;
	height: 120px;
	background: #ccc;
	border-radius: 3px
}

.main .main-write .ml5 {
	margin-left: 5px
}

.main .main-write .mr5 {
	margin-right: 5px
}

.main .main-write .begin-work,
.main .main-write .download-now,
.main .main-write .export-all,
.main .main-write .re-add {
	display: inline-block;
	text-align: center;
	font-size: 18px;
	height: 40px;
	width: 200px;
	line-height: 40px;
	border: 1px solid #4159ff;
	border-radius: 20px;
	background-color: #4159ff;
	text-decoration: none;
	color: #fff
}

.main .main-write .begin-work.active,
.main .main-write .download-now.active,
.main .main-write .export-all.active,
.main .main-write .re-add.active {
	background-color: #999;
	border-color: #999;
	color: #333
}

@media screen and (max-width: 768px) {
	.main .main-write .begin-work,
	.main .main-write .download-now,
	.main .main-write .export-all,
	.main .main-write .re-add {
		font-size: 16px
	}
}

.main .main-write .export-all {
	border: 1px solid #333;
	background-color: #fff;
	color: #333
}

.main .main-write .re-add {
	background: #e5eafb;
	border-color: #e5eafb;
	color: #4159ff;
	margin-right: 20px
}

@media (max-width: 768px) {
	.main .main-write .re-add {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.main .main-write .btn-group {
	margin: 20px 0
}

.main .main-write .pdf-area .container {
	padding-top: 180px;
	padding-bottom: 420px
}

@media (max-width: 768px) {
	.main .main-write .pdf-area .container {
		height: inherit;
		padding-top: 150px;
		padding-bottom: 150px;
		background: #fff;
		border: 1px dashed #eee
	}
	.main .main-write .pdf-area .container:hover {
		background: #fff !important
	}
}

.main .back-menu {
	position: absolute;
	top: 30px;
	left: 20px;
	width: max-content;
	max-height: 100%;
	overflow-y: scroll;
	background: #fff;
	border: 1px solid #eee
}

.main .back-menu a {
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #eee
}

.main .back-menu a:hover {
	color: #475CF7
}

.main .content-box ul {
	display: -webkit-box;
	display: box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width: 768px) {
	.main .content-box ul {
		margin-top: 80px
	}
}

.main .content-box li {
	width: 28%;
	position: relative;
	padding-top: 80px;
	padding-bottom: 10px;
	text-align: center
}

@media (max-width: 768px) {
	.main .content-box li {
		width: 100%;
		padding-top: 40px
	}
}

.main .content-box li:nth-child(1) img {
	margin-bottom: 6px;
	width: 57px
}

.main .content-box li:nth-child(2) img {
	margin-top: 4px;
	margin-bottom: 4px;
	width: 63px
}

.main .content-box li:nth-child(3) img {
	width: 72px
}

.main .content-box li .title {
	font-size: 20px;
	padding: 6px 5px 10px;
	line-height: 36px;
	font-weight: bold;
	color: #333
}

.main .content-box li .dec {
	font-size: 16px;
	padding: 0 2%;
	line-height: 30px;
	color: #666;
	position: relative
}

.main .content-box li:hover:before {
	-webkit-animation: star 2.25s linear infinite alternate;
	-moz-animation: star 2.25s linear infinite alternate;
	animation: star 2.25s linear infinite alternate
}

.main .image-box li:nth-child(1) img {
	margin-top: 4px;
	margin-bottom: 3px;
	width: 60px
}

.main .image-box li:nth-child(2) img {
	margin-bottom: 1px;
	width: 57px
}

.main .image-box li:nth-child(3) img {
	width: 72px
}

.main .video-box li:nth-child(1) img {
	width: 72px;
	margin-bottom: 0
}

.main .video-box li:nth-child(2) img {
	margin-top: 5px;
	margin-bottom: 4px;
	width: 58px
}

.main .video-box li:nth-child(3) img {
	width: 63px;
	margin-top: 6px;
	margin-bottom: 6px
}

.main .middle-bg {
	position: relative;
	z-index: 1;
	width: 100%;
	width: 100%;
	height: auto;
	bottom: -10px
}

.file-item {
	position: relative;
	overflow: auto;
	font-size: 14px;
	text-align: left;
	width: 100%;
	padding: 50px 20px 20px;
	border-bottom: 1px solid #EEEEEE
}

.file-item.h323 {
	min-height: 323px;
	max-height: 323px
}

.file-item.h268 {
	min-height: 268px;
	max-height: 268px
}

.file-item.h230 {
	min-height: 230px;
	max-height: 230px
}

.file-item.h357 {
	min-height: 357px;
	max-height: 357px
}

@media screen and (max-width: 768px) {
	.file-item {
		max-height: 830px;
		padding: 20px 20px 30px
	}
}

.file-item .file-item-head {
	text-align: right;
	padding: 0 20px
}

.file-item .file-item-head span {
	color: #999
}

.file-item span {
	color: #333;
	text-align: left
}

.file-item .file-item-list {
	min-height: 368px;
	position: relative
}

.file-item .file-item-list>div {
	background-color: #fff
}

.file-item .file-item-list>div:hover {
	background: #fff
}

.file-item .file-delete {
	position: absolute;
	cursor: pointer;
	height: 20px;
	width: 20px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTk5LjcgMTk5LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5OS43IDE5OS44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPGRlZnM+DQoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE5OS43IiBoZWlnaHQ9IjE5OS44Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCTwvY2xpcFBhdGg+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExNS4zLDk5LjlsODEuMy04MS40YzQuMS00LjIsNC4xLTEwLjgsMC0xNWwtMC40LTAuNGMtNC4xLTQuMS0xMC44LTQuMS0xNSwwTDk5LjksODQuNkwxOC42LDMuMQ0KCQlDMTQuNS0xLDcuOC0xLDMuNiwzLjFMMy4yLDMuNUMtMSw3LjUtMS4xLDE0LjIsMywxOC4zYzAuMSwwLjEsMC4xLDAuMSwwLjIsMC4ybDgxLjMsODEuNEwzLjIsMTgxLjNjLTQuMSw0LjItNC4xLDEwLjgsMCwxNQ0KCQlsMC41LDAuNGM0LjEsNC4xLDEwLjgsNC4xLDE1LDBsODEuMy04MS40bDgxLjMsODEuNGM0LjEsNC4xLDEwLjgsNC4xLDE1LDBsMC40LTAuNGM0LjEtNC4yLDQuMS0xMC44LDAtMTVMMTE1LjMsOTkuOUwxMTUuMyw5OS45eiINCgkJLz4NCjwvZz4NCjwvc3ZnPg0K") center center/60% no-repeat;
	border-radius: 50%;
	overflow: hidden;
	background-color: #909090;
	right: -10px;
	top: -10px;
	z-index: 100
}

.file-item .file-type {
	width: 9%
}

.file-item .file-size {
	width: 11%
}

.file-item .file-size:lang(it) {
	width: 9%
}

.file-item .processed-size {
	width: 11%
}

.file-item .processed-size:lang(it) {
	width: 9%
}

.file-item .processed-size:lang(pl) {
	width: 9%
}

.file-item .processed-percent {
	width: 11%
}

.file-item .processed-percent:lang(it) {
	width: 9%
}

@media screen and (max-width: 768px) {
	.file-item .processed-percent {
		width: 20%
	}
}

.file-item .uploading {
	width: 87px;
	height: 85px;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	transform: translate(-50%);
	line-height: 85px;
	font-size: 16px;
	color: #fff;
	text-align: center
}

.file-item .uploading span:nth-of-type(1) {
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTcuOSA1Ni4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1Ny45IDU2LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fQ0KCS5zdDF7b3BhY2l0eTowLjE7Y2xpcC1wYXRoOnVybCgjU1ZHSURfNF8pO30NCgkNCgkJLnN0MntjbGlwLXBhdGg6dXJsKCNTVkdJRF82Xyk7ZmlsbDpub25lO3N0cm9rZTojNDE1OUZGO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0M3tjbGlwLXBhdGg6dXJsKCNTVkdJRF80Xyk7ZmlsbDojNDE1OUZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB5PSIwIiB3aWR0aD0iNTcuOSIgaGVpZ2h0PSI1Ni4yIi8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCTwvY2xpcFBhdGg+DQoJPGcgY2xhc3M9InN0MCI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB5PSIwIiB3aWR0aD0iNTcuOSIgaGVpZ2h0PSI1Ni4yIi8+DQoJCTwvZGVmcz4NCgkJPGNsaXBQYXRoIGlkPSJTVkdJRF80XyI+DQoJCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCQk8L2NsaXBQYXRoPg0KCQk8ZyBjbGFzcz0ic3QxIj4NCgkJCTxnPg0KCQkJCTxkZWZzPg0KCQkJCQk8cmVjdCBpZD0iU1ZHSURfNV8iIHg9IjEuNSIgeT0iMCIgd2lkdGg9IjU2LjIiIGhlaWdodD0iNTYuMiIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfNV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz4NCgkJCQk8L2NsaXBQYXRoPg0KCQkJCTxjaXJjbGUgY2xhc3M9InN0MiIgY3g9IjI5LjYiIGN5PSIyOC4xIiByPSIyNy4xIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTQ5LjksMjguMWMwLDExLjItOS4xLDIwLjItMjAuMiwyMC4yUzkuNCwzOS4zLDkuNCwyOC4xUzE4LjQsNy45LDI5LjYsNy45UzQ5LjksMTYuOSw0OS45LDI4LjEiLz4NCgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTU3LjksNDJjMCwxLjMtMSwyLjMtMi4zLDIuM3MtMi4zLTEtMi4zLTIuM2MwLTEuMywxLTIuMywyLjMtMi4zUzU3LjksNDAuNyw1Ny45LDQyIi8+DQoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik01LjgsMTcuNGMwLDEuNi0xLjMsMi45LTIuOSwyLjlTMCwxOSwwLDE3LjRjMC0xLjYsMS4zLTIuOSwyLjktMi45UzUuOCwxNS44LDUuOCwxNy40Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik03LDEwLjVDNywxMS4zLDYuMywxMiw1LjUsMTJDNC43LDEyLDQsMTEuMyw0LDEwLjVDNCw5LjcsNC43LDksNS41LDlDNi4zLDksNyw5LjcsNywxMC41Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=") center center/100% 100% no-repeat;
	-webkit-animation: "loadingAnimation" 2s linear infinite alternate;
	-moz-animation: "loadingAnimation" 2s linear infinite alternate;
	animation: "loadingAnimation" 2s linear infinite alternate;
	position: absolute;
	z-index: -1
}

.file-item .uploading span:nth-last-of-type(1) {
	display: inline-block;
	position: absolute;
	bottom: -70px;
	width: 250px;
	left: calc(50% - 125px);
	text-align: center
}

.file-item .uploading:lang(pl) {
	width: 16%
}

@media screen and (max-width: 768px) {
	.file-item .uploading {
		width: 20%
	}
}

.file-item .processing {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: 3000;
	pointer-events: auto;
	color: #333
}

.file-item .processing div {
	display: inline-block;
	margin-top: 204px;
	margin-left: 50%;
	text-align: center;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.file-item .processing span {
	display: block;
	text-align: center;
	font-size: 16px
}

.file-item .processing .uploading {
	position: relative
}

@media (max-width: 768px) {
	.file-item .processing .uploading {
		width: 100%
	}
}

.file-item .process-done {
	pointer-events: auto;
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000
}

.file-item .process-done div {
	display: inline-block;
	margin-top: 204px;
	margin-left: 50%;
	text-align: center;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.file-item .process-done span {
	display: block;
	text-align: center;
	color: #333;
	font-size: 16px
}

.file-item .process-done span:nth-of-type(1) {
	padding-left: 35px;
	font-size: 18px;
	margin-bottom: 60px;
	display: inline-block;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTA2LjUgMTA2LjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwNi41IDEwNi41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkY4REExO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MTA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI1My4zIiBjeT0iNTMuMyIgcj0iNTMuMyIvPg0KPHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iMjYuMiw1Mi45IDQ0LjUsNzEuMiA4MC4zLDM1LjMgIi8+DQo8L3N2Zz4NCg==") left center/20px 20px no-repeat
}

.file-item .process-done span:nth-of-type(2) {
	width: 98px;
	height: 98px;
	font-size: 20px;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0 6px 16px 0 rgba(84, 218, 166, 0.69);
	margin-bottom: 30px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzY2LjUgMzY2LjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM2Ni41IDM2Ni41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzJEODk4O30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMTgzLjIiIGN5PSIxODMuMiIgcj0iMTgzLjIiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMzIsMjQ3LjNoMTMwLjhjNS42LTAuMSwxMC4xLTQuNiwxMC4xLTEwLjJWMTI5LjRjMC01LjYtNC41LTEwLjItMTAuMS0xMC4ySDEzMlYyNDcuM3ogTTExOS4yLDI0Ny4zVjExOS4yDQoJaC0xNS41Yy01LjYsMC4xLTEwLjEsNC42LTEwLjEsMTAuMlYyMzdjMCw1LjYsNC41LDEwLjIsMTAuMSwxMC4ySDExOS4yTDExOS4yLDI0Ny4zeiBNMjcwLjMsMTA2LjRjOC40LDAuMSwxNS4yLDYuOCwxNS40LDE1LjINCgl2MTIzLjJjMCw4LjQtNi44LDE1LjItMTUuMiwxNS4yYzAsMC0wLjEsMC0wLjEsMEg5Ni4xYy04LjUtMC4xLTE1LjMtNi45LTE1LjQtMTUuNFYxMjEuNmMwLTguNCw2LjgtMTUuMiwxNS4yLTE1LjJjMCwwLDAuMSwwLDAuMSwwDQoJTDI3MC4zLDEwNi40TDI3MC4zLDEwNi40eiBNMjM0LjUsMjAyLjJWMTY0djB2LTUxLjJjMC0zLjUsMi45LTYuNCw2LjQtNi40czYuNCwyLjksNi40LDYuNHY0NC44aDMxLjljMy41LDAuMSw2LjMsMi45LDYuMyw2LjQNCgljMC4xLDMuNS0yLjcsNi4zLTYuMSw2LjRjMCwwLTAuMSwwLTAuMSwwaC0zMS45djI1LjZoMzEuOWMzLjUsMC4xLDYuMywyLjksNi4zLDYuNGMwLjEsMy41LTIuNyw2LjMtNi4xLDYuNGMwLDAtMC4xLDAtMC4xLDBoLTMxLjkNCgl2NDQuOGMwLDMuNS0yLjksNi40LTYuNCw2LjRjLTMuNSwwLTYuNC0yLjktNi40LTYuNGwwLDB2LTUxLjJ2MEwyMzQuNSwyMDIuMkwyMzQuNSwyMDIuMnogTTE2NCwxNjMuOWMwLTMuNSwyLjQtNSw1LjYtMy41DQoJbDM0LjIsMTcuMmM2LjMsMy4yLDYuMiw4LjMsMCwxMS40bC01LDIuNkwxNjkuOCwyMDZjLTMuMiwxLjUtNS44LDAtNS44LTMuNVYxNjMuOUwxNjQsMTYzLjl6IE04MC44LDE2NGMtMC4xLTMuNSwyLjctNi4zLDYuMi02LjQNCgljMCwwLDAuMSwwLDAuMSwwaDM4LjRjMy41LTAuMSw2LjUsMi43LDYuNSw2LjNjMCwwLDAsMC4xLDAsMC4xYzAuMSwzLjUtMi43LDYuMy02LjIsNi40YzAsMC0wLjEsMC0wLjEsMEg4Ny4zDQoJYy0zLjUsMC4xLTYuNS0yLjctNi41LTYuM0M4MC44LDE2NC4xLDgwLjgsMTY0LjEsODAuOCwxNjR6IE04MC44LDIwMi41Yy0wLjEtMy41LDIuNy02LjMsNi4yLTYuNGMwLDAsMC4xLDAsMC4xLDBoMzguNA0KCWMzLjUtMC4xLDYuNSwyLjcsNi41LDYuM2MwLDAsMCwwLjEsMCwwLjFjMC4xLDMuNS0yLjcsNi4zLTYuMSw2LjRjMCwwLTAuMSwwLTAuMSwwSDg3LjNjLTMuNSwwLjEtNi41LTIuNy02LjUtNi4zDQoJQzgwLjgsMjAyLjUsODAuOCwyMDIuNSw4MC44LDIwMi41eiIvPg0KPC9zdmc+DQo=") center center/100% no-repeat
}

.file-item .process-fail {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(77, 77, 77, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000
}

.file-item .process-fail div {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 48%;
	min-width: 300px;
	max-width: 390px;
	background: #FFF;
	font-size: 18px
}

.file-item .process-fail div p {
	text-align: center
}

.file-item .process-fail div p:nth-of-type(1) {
	text-align: right
}

.file-item .process-fail div p:nth-of-type(1) span {
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 8px 10px;
	background: url("../img/common/svg/btn-closed.svg?341d79a6") center center/70% no-repeat;
	overflow: hidden
}

.file-item .process-fail div p:nth-of-type(2) {
	margin-bottom: 30px
}

.file-item .process-fail div p:nth-of-type(2) span:nth-of-type(1) {
	padding-left: 40px;
	padding-right: 10px;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTgzLjMgMTgzLjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4My4zIDE4My4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6I2ZmOGMyZn0NCjwvc3R5bGU+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTgzLjMiIGhlaWdodD0iMTgzLjMiLz4NCgk8L2RlZnM+DQoJPGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+DQoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+DQoJPC9jbGlwUGF0aD4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTEuNywwQzQwLjgsMCwwLDQwLjgsMCw5MS43YzAsNTAuOCw0MC44LDkxLjcsOTEuNyw5MS43czkxLjctNDAuOCw5MS43LTkxLjdDMTgzLjMsNDAuOCwxNDIuNSwwLDkxLjcsMA0KCQkgTTkxLjcsMTQwLjhjLTUsMC0xMC01LTEwLTEwYzAtNSw1LTEwLDEwLTEwczEwLDQuMiwxMCwxMEMxMDEuNywxMzUuOCw5Ni43LDE0MC44LDkxLjcsMTQwLjggTTEwMCwxMDIuNWMwLDYuNy0yLjUsMTEuNy04LjMsMTEuNw0KCQlzLTguMy01LTguMy0xMS43TDgwLDU0LjJjMC02LjcsNS0xMS43LDEwLjgtMTEuN2M1LjgsMCwxMS43LDUsMTEuNywxMS43TDEwMCwxMDIuNXoiLz4NCjwvZz4NCjwvc3ZnPg0K") 15px 0px/18px 18px no-repeat
}

.file-item .process-fail div p:nth-last-of-type(1) {
	margin-bottom: 20px
}

.file-item .process-fail a {
	display: inline-block;
	text-decoration: none;
	min-width: 145px;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #4159ff;
	border-radius: 20px
}

.file-item .process-fail a:nth-of-type(1) {
	color: #4159ff;
	background-color: #fff
}

.file-item .process-fail a:nth-last-of-type(1) {
	color: #fff;
	background-color: #4159ff
}

.file-item .process-fail a:hover {
	text-decoration: none
}

.file-item .showIphone {
	display: inline-block;
	font-size: 12px
}

.file-item .delete {
	cursor: pointer;
	width: 18px;
	height: 18px;
	vertical-align: middle
}

.file-item .delete.forbid {
	cursor: not-allowed
}

.file-item .delete.forbid:hover {
	cursor: not-allowed
}

@media screen and (max-width: 768px) {
	.file-item .delete {
		margin: -5px 0 0 -10px;
		width: 20%
	}
}

.process-info .p1 {
	margin-top: 33px;
	font-size: 14px;
	color: #999
}

.process-info .p1 .circle {
	width: 20px;
	height: 22px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-bottom
}

.process-info .p1 .process {
	color: #4571E9;
	font-size: 18px
}

.process-info .p1 .length {
	color: #333333;
	font-size: 18px
}

.process-info .btns {
	width: 100%;
	display: -webkit-box;
	display: box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.process-info .btns .blue-btn {
	margin: 0 20px;
	cursor: pointer;
	margin-top: 47px;
	text-align: center;
	min-width: 301px;
	padding: 0 15px;
	height: 52px;
	line-height: 52px;
	color: #fff;
	font-size: 20px;
	background: #4571e9;
	border: 1px solid #4571e9;
	border-radius: 6px
}

@media screen and (max-width: 768px) {
	.process-info .btns .blue-btn {
		min-width: inherit;
		max-width: 98%;
		width: 301px;
		font-size: 16px;
		padding: 0
	}
}

.process-info .btns .blue-btn:before {
	content: "";
	vertical-align: sub;
	display: inline-block;
	width: 13px;
	height: 22px;
	margin-right: 12px
}

.process-info .btns .grey-btn {
	margin: 0 20px;
	cursor: pointer;
	margin-top: 47px;
	text-align: center;
	min-width: 301px;
	padding: 0 15px;
	height: 52px;
	line-height: 52px;
	color: #fff;
	font-size: 20px;
	background: #aaaaaa;
	border: 1px solid #4571e9;
	border-radius: 6px
}

@media screen and (max-width: 768px) {
	.process-info .btns .grey-btn {
		min-width: inherit;
		max-width: 98%;
		width: 301px;
		font-size: 16px;
		padding: 0
	}
}

.process-info .btns .grey-btn :before {
	content: "";
	vertical-align: sub;
	display: inline-block;
	width: 9px;
	height: 22px;
	margin-right: 11px
}

.process-info .btns .white-btn {
	margin: 0 20px;
	cursor: pointer;
	margin-top: 47px;
	text-align: center;
	min-width: 301px;
	padding: 0 15px;
	height: 52px;
	line-height: 52px;
	color: #4571E9;
	font-size: 20px;
	background: #fff;
	border: 1px solid #4571e9;
	border-radius: 6px
}

@media screen and (max-width: 768px) {
	.process-info .btns .white-btn {
		min-width: inherit;
		max-width: 98%;
		width: 301px;
		font-size: 16px;
		padding: 0
	}
}

.process-info .btns .white-btn:before {
	content: "";
	vertical-align: sub;
	display: inline-block;
	width: 13px;
	height: 22px;
	margin-right: 11px
}

.process-info .btns .down-btn span {
	padding-left: 25px
}

.finished .p2 {
	margin-top: 33px;
	font-size: 14px;
	color: #999
}

.finished .failed,
.finished .success {
	font-size: 18px;
	color: #333
}

.finished .readd {
	font-size: 16px;
	color: #4571E9;
	cursor: pointer;
	margin-left: 5px
}

.filter-item {
	font-size: 16px;
	color: #666;
	margin: 15px auto 0;
	box-sizing: border-box;
	text-align: left
}

.filter-item .file-name {
	color: #333;
	text-align: center
}

@media screen and (max-width: 950px) {
	.filter-item .video-Time {
		position: relative;
		top: 20px;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0)
	}
	.filter-item .video-Time span {
		position: absolute
	}
	.filter-item .video-Time span:nth-of-type(1) {
		left: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.filter-item .video-Time span:nth-of-type(2) {
		right: 0;
		-webkit-transform: translateX(50%);
		-moz-transform: translateX(50%);
		transform: translateX(50%)
	}
}

@media screen and (max-width: 768px) {
	.filter-item {
		max-width: 100%;
		width: 461px;
		padding: 0 20px
	}
	.filter-item span {
		display: inline-block;
		margin-bottom: 15px
	}
	.filter-item ul {
		margin-left: 0 !important
	}
	.filter-item li {
		margin-bottom: 8px
	}
	.filter-item .slider-wrap {
		width: calc(100% - 60px);
		margin-left: 30px
	}
}

.filter-item ul {
	display: inline-block;
	margin-left: 23px
}

.filter-item li {
	display: inline-block;
	cursor: pointer;
	font-size: 14px;
	color: #333;
	padding-left: 27px
}

.filter-item li:last-child {
	margin-right: 0 !important
}

.filter-item li.checked {
	color: #4571E9
}

.filter-item .compress-precedence {
	margin: 33px 0 14px
}

.filter-item .compress-precedence li {
	margin-right: 27px
}

.filter-item .compress-precedence li:nth-child(1),
.filter-item .compress-precedence li:nth-child(2) {
	width: 97px
}

@media screen and (max-width: 768px) {
	.filter-item .compress-precedence li:nth-child(1),
	.filter-item .compress-precedence li:nth-child(2) {
		width: auto
	}
}

.filter-item .compress-type li {
	margin-right: 27px
}

.filter-item .compress-type-img {
	margin-bottom: 14px
}

.filter-item .compress-resolution {
	margin: 24px 0 0
}

.filter-item .compress-resolution .selectBox {
	position: relative;
	margin-left: 5px;
	display: inline-block;
	cursor: pointer
}

@media screen and (max-width: 768px) {
	.filter-item .compress-resolution .selectBox {
		margin-left: 5px
	}
}

.filter-item .compress-resolution .selectBox_show {
	padding-left: 11px;
	width: 171px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px
}

.filter-item .compress-resolution .selectBox_list {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 999;
	width: 100%;
	background: #fff
}

.filter-item .compress-resolution .selectBox_listLi {
	border: 1px solid #ddd;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: -1px
}

.func-easy {
	position: relative;
	overflow: hidden;
	background-color: #fff
}

.func-easy ul {
	display: -webkit-box;
	display: box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 100px
}

.func-easy li {
	width: 31.4%;
	position: relative;
	z-index: 2;
	padding: 30px 35px 60px;
	text-align: left
}

@media (max-width: 768px) {
	.func-easy li {
		width: 100%;
		margin-bottom: 60px
	}
	.func-easy li:nth-child(3) {
		margin-bottom: 0
	}
}

.func-easy li div {
	text-align: center
}

.func-easy li div img {
	height: 150px;
	width: auto;
	max-width: 100%
}

.func-easy li .decoration {
	color: #ff8da1;
	font-size: 28px;
	margin-bottom: 20px;
	display: inline-block;
	font-family: 'Open Sans'
}

.func-easy li .decoration span {
	display: inline-block;
	border-bottom: 2px solid #999
}

.func-easy li .decoration:lang(zh) {
	font-family: "Source Han Sans CN"
}

.func-easy li p {
	width: 100%;
	font-family: 'Open Sans';
	font-weight: 600;
	margin-bottom: 10px
}

.func-easy li p:lang(zh) {
	font-family: "Source Han Sans CN"
}

.func-easy li:hover:before {
	-webkit-animation: star 2.25s linear infinite alternate;
	-moz-animation: star 2.25s linear infinite alternate;
	animation: star 2.25s linear infinite alternate
}

.func-easy-operate.func-easy {
	padding-top: 0
}

.func-easy-operate.func-easy .wrapper {
	width: 80%
}

.func-easy-operate.func-easy .wrapper li>div p {
	font-size: 20px
}

.func-easy-operate.func-easy .wrapper li>div span {
	font-size: 16px
}

.func-easy-left .wrapper>div,
.func-easy-right .wrapper>div {
	width: 50%;
	float: right
}

@media screen and (max-width: 768px) {
	.func-easy-left .wrapper>div,
	.func-easy-right .wrapper>div {
		width: 100%
	}
}

.func-easy-left .wrapper .introduce-text,
.func-easy-right .wrapper .introduce-text {
	text-align: left
}

@media screen and (max-width: 768px) {
	.func-easy-left .wrapper .introduce-text,
	.func-easy-right .wrapper .introduce-text {
		text-align: center;
		padding: 0 20px;
		margin-bottom: 20px
	}
}

.func-easy-left .wrapper .introduce-text p,
.func-easy-right .wrapper .introduce-text p {
	font-size: 16px
}

.func-easy-left .introduce-text {
	padding: 60px calc(50% - 480px) 0 80px
}

.func-easy-right {
	padding-top: 0
}

.func-easy-right .introduce-text {
	padding: 60px 50px 0 calc(50% - 430px)
}

.func-easy-new {
	padding-top: 0
}

.func-easy-advantage.func-easy img {
	height: 70px;
	width: auto
}

.func-easy-advantage .wrapper {
	width: 1066px;
	max-width: 90%
}

.func-easy-advantage .introduce-text p,
.func-easy-advantage li p {
	font-size: 24px;
	margin: 10px 0
}

.func-easy-advantage li span {
	font-family: 'Open Sans';
	font-size: 16px
}

.func-easy-advantage li span:lang(zh) {
	font-family: "Source Han Sans CN"
}

.btn-group {
	position: relative;
	margin-top: 40px;
	width: 100%;
	display: flex;
	justify-content: center
}

.btn-group .download {
	z-index: 1;
	text-align: center;
	position: relative;
	margin-right: 20px;
	display: inline-block;
	width: 200px;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #4159ff;
	border-radius: 20px;
	text-decoration: none;
	color: #4159ff;
	-webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
	-moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
	transition: transform 0.3s, box-shadow 0.3s
}

@media screen and (max-width: 768px) {
	.btn-group .download {
		font-size: 16px
	}
}

.btn-group .download:hover {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transform: translateY(-5px)
}

.review {
	padding: 145px 0 50px
}

.review .introduce-text p {
	font-size: 24px
}

.review .wrapper {
	width: 1066px;
	max-width: 90%
}

.review .rating {
	margin: 31px 0 40px
}

.review ul {
	display: -webkit-box;
	display: box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 50px
}

.review li {
	width: 28%;
	position: relative;
	padding-bottom: 60px;
	text-align: center
}

@media (max-width: 768px) {
	.review li {
		width: 100%;
		padding-top: 40px;
		padding-bottom: 30px
	}
}

.review li img {
	width: 180px;
	height: 180px
}

.review li p {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 22px;
	margin: 20px 0
}

.review li p:lang(zh) {
	font-family: "Source Han Sans CN"
}

.review li span {
	font-family: 'Open Sans';
	font-size: 16px;
	color: #666
}

.review li span:lang(zh) {
	font-family: "Source Han Sans CN"
}

.edit-bottom {
	width: 100%;
	padding: 140px 0 55px;
	text-align: center;
	min-height: 406px;
	background: url("../img/edit-online/edit-bottom.jpg?14de878a") 0 0/cover no-repeat;
	position: relative
}

@media (max-width: 768px) {
	.edit-bottom {
		background: url("../img/edit-online/edit-bottom.jpg?14de878a") no-repeat
	}
}

@media screen and (max-width: 768px) {
	.edit-bottom {
		overflow: hidden
	}
}

.edit-bottom .rating {
	margin: -7px 0 0
}

.edit-bottom .btn {
	position: relative;
	z-index: 2;
	margin-top: 33px;
	min-width: 270px;
	height: 50px;
	border-radius: 12px
}

@media screen and (max-width: 768px) {
	.edit-bottom .btn {
		min-width: 270px;
		width: 270px;
		max-width: inherit
	}
}

.edit-bottom .btn-group .download {
	font-size: 16px;
	height: 55px;
	line-height: 55px;
	border: 0 solid transparent;
	color: #fff;
	background: #54daa6;
	box-shadow: 0 0 16px rgba(84, 218, 166, 0.69)
}

.edit-bottom .down-num {
	font-family: 'Open Sans';
	font-size: 16px;
	margin-top: 20px;
	color: #333333
}

.edit-bottom .down-num:lang(zh) {
	font-family: "Source Han Sans CN"
}

.func-easy-right .wrapper {
	width: 100%;
	max-width: 100%
}

.msg-box {
	position: absolute;
	line-height: 30px;
	padding: 0 20px;
	top: 30px;
	z-index: 3000;
	vertical-align: middle;
	border-radius: 15px;
	color: #ff8503
}

@media (max-width: 768px) {
	.msg-box {
		width: 100%;
		top: 100%;
		text-align: center;
		left: 0;
		height: 30px
	}
}

.delete-video {
	width: 100%;
	height: 100%;
	background-color: rgba(77, 77, 77, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30000;
	color: #333
}

.delete-video div {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 48%;
	min-width: 300px;
	max-width: 390px;
	min-height: 209px;
	background: #FFF;
	font-size: 18px
}

.delete-video div p {
	text-align: center
}

.delete-video div p:nth-of-type(1) {
	text-align: right
}

.delete-video div p:nth-of-type(1) span {
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 8px 10px;
	background: url("../img/common/svg/btn-closed.svg?341d79a6") center center/70% no-repeat;
	overflow: hidden
}

.delete-video div p:nth-of-type(2) {
	margin-bottom: 30px;
	padding: 0 20px
}

.delete-video div p:nth-last-of-type(1) {
	margin-bottom: 20px
}

.delete-video a {
	display: inline-block;
	text-decoration: none;
	min-width: 145px;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #4159ff;
	border-radius: 20px
}

.delete-video a:nth-of-type(1) {
	color: #4159ff;
	background-color: #fff
}

.delete-video a:nth-last-of-type(1) {
	color: #fff;
	background-color: #4159ff
}

.delete-video a:hover {
	text-decoration: none
}

@keyframes processRotate {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	50% {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		transform: rotate(-180deg)
	}
	100% {
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

.btn-close {
	cursor: pointer
}

#app.fullScreen {
	height: 100%
}

.object {
	background: #54daa6
}

.video-item {
	height: 100%;
	overflow: hidden
}

@keyframes loadingAnimation {
	0% {
		-webkit-transform: rotateZ(60deg);
		-moz-transform: rotateZ(60deg);
		transform: rotateZ(60deg)
	}
	25% {
		-webkit-transform: rotate(100deg);
		-moz-transform: rotate(100deg);
		transform: rotate(100deg)
	}
	50% {
		-webkit-transform: rotate(300deg);
		-moz-transform: rotate(300deg);
		transform: rotate(300deg)
	}
	75% {
		-webkit-transform: rotate(100deg);
		-moz-transform: rotate(100deg);
		transform: rotate(100deg)
	}
	100% {
		-webkit-transform: rotate(60deg);
		-moz-transform: rotate(60deg);
		transform: rotate(60deg)
	}
}

.wrapper::after {
	content: '';
	display: block;
	clear: both
}