@charset "UTF-8";
.ps-container .ps-scrollbar-x-rail.in-scrolling,
.ps-container .ps-scrollbar-y-rail.in-scrolling {
	background-color: #eee
}

.ps-container.ie6 .ps-scrollbar-x,
.ps-container.ie6 .ps-scrollbar-y {
	font-size: 0
}

.my-video,
img {
	max-height: 100%
}

.ps-container .ps-scrollbar-x-rail {
	position: absolute;
	bottom: 3px;
	height: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-o-transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear
}

.ps-container .ps-scrollbar-x,
.ps-container .ps-scrollbar-y-rail {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: absolute
}

.ps-container .ps-scrollbar-y-rail {
	right: 3px;
	width: 8px;
	border-radius: 4px;
	-o-transition: background-color .2s linear, opacity .2s linear;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear
}

.ps-container .ps-scrollbar-x {
	bottom: 0;
	height: 8px;
	background-color: #aaa;
	border-radius: 4px;
	-o-transition: background-color .2s linear;
	-webkit-transition: background-color.2s linear;
	-moz-transition: background-color .2s linear;
	transition: background-color .2s linear
}

.ps-container .ps-scrollbar-y {
	position: absolute;
	right: 0;
	width: 8px;
	background-color: #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-o-transition: background-color .2s linear;
	-webkit-transition: background-color.2s linear;
	-moz-transition: background-color .2s linear;
	transition: background-color .2s linear
}

.swiper-slide,
.swiper-wrapper {
	width: 100%;
	height: 100%;
	position: relative
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
	visibility: hidden
}

.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y,
.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y {
	visibility: visible
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-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;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.header,
.swiper-pagination.swiper-pagination-hidden {
	/*opacity: 0*/
}

.button,
.swiper-pagination-clickable .swiper-pagination-bullet,
.tip-hands {
	cursor: pointer
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.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;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

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

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	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 {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.button,
.button-icon,
.clear,
.face,
.pic-txt-list-3 .bt .circleline {
	overflow: hidden
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.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,
.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;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.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-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-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	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-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-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

@-moz-keyframes throbber-loader {
	0%,
	40% {
		background: #dde2e7
	}
	10% {
		background: #c81471
	}
}

@-webkit-keyframes throbber-loader {
	0%,
	40% {
		background: #dde2e7
	}
	10% {
		background: #c81471
	}
}

@keyframes throbber-loader {
	0%,
	40% {
		background: #dde2e7
	}
	10% {
		background: #c81471
	}
}

.throbber-loader:not(:required) {
	-moz-animation: throbber-loader 2s .3s infinite ease-out;
	-webkit-animation: throbber-loader 2s .3s infinite ease-out;
	animation: throbber-loader 2s .3s infinite ease-out;
	background: #dde2e7;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	text-indent: -9999px;
	width: .9em;
	height: 1.5em;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.throbber-loader:not(:required):after,
.throbber-loader:not(:required):before {
	background: #dde2e7;
	content: '\x200B';
	display: inline-block;
	width: .9em;
	height: 1.5em;
	position: absolute;
	top: 0
}

.clear,
.clearfix:after {
	height: 0;
	clear: both;
	display: block
}

.throbber-loader:not(:required):before {
	-moz-animation: throbber-loader 2s 150ms infinite ease-out;
	-webkit-animation: throbber-loader 2s 150ms infinite ease-out;
	animation: throbber-loader 2s 150ms infinite ease-out;
	left: -1.6em
}

.throbber-loader:not(:required):after {
	-moz-animation: throbber-loader 2s 450ms infinite ease-out;
	-webkit-animation: throbber-loader 2s 450ms infinite ease-out;
	animation: throbber-loader 2s 450ms infinite ease-out;
	right: -1.6em
}

.clearfix:after {
	content: '\20'
}

.button-icon:before,
.contactus .bd li a:before,
.css-progress .cur-txt:before,
.f-cr-base .f-cr-icon .checked,
.feedbacks .feedbacks-pagination:before,
.inves-tab .time-line-ul li:after,
.inves-tab .time-line-ul li:before,
.inves-tab .time-line-ul:before,
.mobile-side:before,
.nav li a:before,
.pic-txt-list-1 .ptl1-pic:after,
.pic-txt-list-1 .ptl1-pic:before,
.pic-txt-list-3 .bt .circleline:before,
.pic-txt-list-5 .ptl5-pic .bg:before,
.timeline .bd:before,
.times li:before,
.txt-list-2 .circle:before,
.whatHcash:before {
	content: ''
}

.ff-g-black {
	font-family: GothamBlack, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-black-italic {
	font-family: GothamBlackItalic, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-bold {
	font-family: GothamBold, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-bold-italic {
	font-family: GothamBoldItalic, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-book {
	font-family: GothamBook, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-book-italic {
	font-family: GothamBookItalic, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-light {
	font-family: GothamLight, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-light-italic {
	font-family: GothamLightItalic, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-medium {
	font-family: GothamMedium, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-medium-italic {
	font-family: GothamMediumItalic, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-thin {
	font-family: GothamThin, "Microsoft Yahei", "STHeiti Light"
}

.ff-g-thin-italic {
	font-family: GothamThinItalic, "Microsoft Yahei", "STHeiti Light"
}

.ff-gu {
	font-family: GothamUltra, "Microsoft Yahei", "STHeiti Light"
}

.ff-gu-italic {
	font-family: GothamUltraItalic, "Microsoft Yahei", "STHeiti Light"
}

.ff-gx-light {
	font-family: GothamXLight, "Microsoft Yahei", "STHeiti Light"
}

.ff-gx-light-italic {
	font-family: GothamXLightItalic, "Microsoft Yahei", "STHeiti Light"
}

.ff-n-light {
	font-family: NexaLight, "Microsoft Yahei", "STHeiti Light"
}

.ff-aff {
	font-family: AbrilFatfaceRegular, "Microsoft Yahei", "STHeiti Light"
}

.fs-10 {
	font-size: 10px
}

.fs-11 {
	font-size: 11px
}

.fs-12 {
	font-size: 12px
}

.fs-13 {
	font-size: 13px
}

.fs-14 {
	font-size: 14px
}

.fs-15 {
	font-size: 15px
}

@media screen and (max-width:1024px) {
	.fs-15 {
		font-size: 14px
	}
}

.fs-16 {
	font-size: 16px
}

@media screen and (max-width:1024px) {
	.fs-16 {
		font-size: 14px
	}
}

.fs-18 {
	font-size: 18px
}

@media screen and (max-width:1024px) {
	.fs-18 {
		font-size: 16px
	}
}

.fs-20 {
	font-size: 20px
}

@media screen and (max-width:1024px) {
	.fs-20 {
		font-size: 16px
	}
}

.fs-22 {
	font-size: 22px
}

@media screen and (max-width:1024px) {
	.fs-22 {
		font-size: 16px
	}
}

.fs-24 {
	font-size: 24px
}

@media screen and (max-width:1024px) {
	.fs-24 {
		font-size: 18px
	}
}

.fs-25 {
	font-size: 25px
}

@media screen and (max-width:1024px) {
	.fs-25 {
		font-size: 18px
	}
}

.fs-26 {
	font-size: 26px
}

@media screen and (max-width:1280px) {
	.fs-26 {
		font-size: 20px
	}
}

@media screen and (max-width:1024px) {
	.fs-26 {
		font-size: 18px
	}
}

.fs-27 {
	font-size: 27px
}

@media screen and (max-width:1024px) {
	.fs-27 {
		font-size: 20px
	}
}

.fs-28 {
	font-size: 28px
}

@media screen and (max-width:1024px) {
	.fs-28 {
		font-size: 23px
	}
}

.fs-30 {
	font-size: 30px
}

@media screen and (max-width:1024px) {
	.fs-30 {
		font-size: 26px
	}
}

.fs-36 {
	font-size: 36px
}

@media screen and (max-width:1024px) {
	.fs-36 {
		font-size: 30px
	}
}

.fs-43 {
	font-size: 43px
}

@media screen and (max-width:1480px) {
	.fs-43 {
		font-size: 36px
	}
}

@media screen and (max-width:1024px) {
	.fs-43 {
		font-size: 32px
	}
}

.fs-45 {
	font-size: 45px
}

@media screen and (max-width:1480px) {
	.fs-45 {
		font-size: 36px
	}
}

@media screen and (max-width:1024px) {
	.fs-45 {
		font-size: 32px
	}
}

.fs-48 {
	font-size: 48px
}

@media screen and (max-width:1480px) {
	.fs-48 {
		font-size: 36px
	}
}

@media screen and (max-width:1024px) {
	.fs-48 {
		font-size: 32px
	}
}

.fs-50 {
	font-size: 50px
}

@media screen and (max-width:1480px) {
	.fs-50 {
		font-size: 45px
	}
}

@media screen and (max-width:1280px) {
	.fs-50 {
		font-size: 40px
	}
}

@media screen and (max-width:1024px) {
	.fs-50 {
		font-size: 35px
	}
}

@media screen and (max-width:768px) {
	.fs-50 {
		font-size: 28px
	}
}

.fs-52 {
	font-size: 52px
}

@media screen and (max-width:1480px) {
	.fs-52 {
		font-size: 48px
	}
}

@media screen and (max-width:1280px) {
	.fs-52 {
		font-size: 42px
	}
}

@media screen and (max-width:1024px) {
	.fs-52 {
		font-size: 38px
	}
}

@media screen and (max-width:768px) {
	.fs-52 {
		font-size: 30px
	}
}

.fs-55 {
	font-size: 55px
}

@media screen and (max-width:1480px) {
	.fs-55 {
		font-size: 50px
	}
}

@media screen and (max-width:1280px) {
	.fs-55 {
		font-size: 45px
	}
}

@media screen and (max-width:1024px) {
	.fs-55 {
		font-size: 40px
	}
}

.fs-76 {
	font-size: 76px
}

@media screen and (max-width:1280px) {
	.fs-76 {
		font-size: 70px
	}
}

@media screen and (max-width:1024px) {
	.fs-76 {
		font-size: 60px
	}
}

.fs-98 {
	font-size: 98px
}

@media screen and (max-width:1480px) {
	.fs-98 {
		font-size: 80px
	}
}

@media screen and (max-width:1280px) {
	.fs-98 {
		font-size: 75px
	}
}

@media screen and (max-width:1024px) {
	.fs-98 {
		font-size: 60px
	}
}

@media screen and (max-width:768px) {
	.fs-98 {
		font-size: 40px
	}
}

@media screen and (max-width:414px) {
	.fs-98 {
		font-size: 34px
	}
}

.fs-144 {
	font-size: 144px
}

@media screen and (max-width:1280px) {
	.fs-144 {
		font-size: 120px
	}
}

@media screen and (max-width:1024px) {
	.fs-144 {
		font-size: 80px
	}
}

.color-primary {
	color: #428bca
}

.color-success {
	color: #5cb85c
}

.color-info {
	color: #5bc0de
}

.color-warning {
	color: #f0ad4e
}

.color-danger {
	color: #d9534f
}

.color-darker {
	color: #222
}

.color-dark {
	color: #333
}

.color-gray {
	color: #555
}

.color-light {
	color: #777
}

.color-lighter {
	color: #eee
}

.color-1 {
	color: #fff
}

.color-2 {
	color: #5e596a
}

.color-3 {
	color: #56428e
}

.color-4 {
	color: #D8D8D8
}

.color-5 {
	color: #ecf0f2
}

.color-6 {
	color: #c81471
}

.color-7 {
	color: #1a1a35
}

.color-8 {
	color: #9eb1ba
}

.color-9 {
	color: #5f656e
}

.color-10 {
	color: #502a94
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

a,
button,
input,
label,
select,
textarea {
	outline: 0
}

textarea {
	resize: none
}

address,
cite,
dfn,
em,
var {
	font-style: normal
}

ol,
ul {
	list-style: none
}

fieldset,
img {
	border: 0;
	vertical-align: bottom
}

.f-cr-base .f-cr-icon,
img {
	vertical-align: middle
}

/*article,*/
/*aside,*/
/*dialog,*/
/*figure,*/
/*footer,*/
/*header,*/
/*nav,*/
/*section {*/
	/*display: block*/
/*}*/

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

:after,
:before {
	display: block
}

:focus {
	outline: 0
}

body {
	margin: 0 auto;
	-webkit-font-smoothing: antialiased
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: inline-block
}

.wrapper {
	width: 1450px;
	margin-left: auto;
	margin-right: auto
}

.show {
	display: block
}

.hidden {
	display: none
}

@media screen and (min-width:0px) and (max-width:1480px) {
	.gt-hidden {
		display: none
	}
	.gt-show {
		display: block
	}
	.wrapper {
		width: 1200px
	}
}

@media screen and (min-width:0px) and (max-width:1280px) {
	.lg-hidden {
		display: none
	}
	.lg-show {
		display: block
	}
	.wrapper {
		width: 1000px
	}
}

@media screen and (min-width:0px) and (max-width:1024px) {
	.md-hidden {
		display: none
	}
	.md-show {
		display: block
	}
	.wrapper {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px
	}
}

@media screen and (min-width:0px) and (max-width:768px) {
	.sm-hidden {
		display: none
	}
	.sm-show {
		display: block
	}
	.wrapper {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px
	}
}

@media screen and (min-width:0px) and (max-width:414px) {
	.tn-hidden {
		display: none
	}
	.tn-show {
		display: block
	}
	.wrapper {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.button-circle,
.button-square {
	padding: 0!important
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	background-color: #333
}

::-webkit-scrollbar-track-piece {
	background: rgba(204, 204, 204, .5);
	-webkit-border-radius: 0
}

::-webkit-scrollbar {
	width: 10px;
	background: rgba(204, 204, 204, .7)
}

::-webkit-scrollbar-thumb {
	background: rgba(204, 204, 204, .7)
}

::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover {
	background: #ccc;
	height: 50px;
	-webkit-border-radius: 0
}

body,
html {
	scrollbar-track-color: #333;
	scrollbar-face-color: #ccc;
	scrollbar-shadow-color: #ccc;
	scrollbar-arrow-color: #ccc;
	scrollbar-highlight-color: #c00;
	scrollbar-3dlight-color: #c00;
	scrollbar-darkshadow-color: #fff
}

.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}

button.button,
button.input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none
}

.button-circle {
	border-radius: 50%
}

.button-rounded {
	border-radius: 4px
}

.button-rounded-lg {
	border-radius: 10px
}

.button-pill {
	border-radius: 400px
}

.button-border,
.button-border-thick,
.button-border-thin {
	border-style: solid
}

.button-border {
	border-width: 2px
}

.button-border-thin {
	border-width: 1px
}

.button-border-thick {
	border-radius: 3px
}

.button-3d {
	position: relative;
	top: 0;
	-webkit-box-shadow: 0 7px 0 #bbb, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 #bbb, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-3d.active,
.button-3d:active {
	top: 5px;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-ms-transition: all .15s;
	transition: all .15s;
	-webkit-box-shadow: 0 2px 0 #bbb, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 #bbb, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-rp {
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 10px
}

.button-rp.button-circle,
.button-rp.button-square {
	width: 24px
}

.button-rp.button-border {
	line-height: 20px
}

.button-rp.button-border-thin {
	line-height: 22px
}

.button-rp.button-border-thick {
	line-height: 18px
}

.button-sm {
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px
}

.button-sm.button-circle,
.button-sm.button-square {
	width: 30px
}

.button-sm.button-border {
	line-height: 26px
}

.button-sm.button-border-thin {
	line-height: 28px
}

.button-sm.button-border-thick {
	line-height: 24px
}

.button-md {
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px
}

.button-md.button-circle,
.button-md.button-square {
	width: 40px
}

.button-md.button-border {
	line-height: 36px
}

.button-md.button-border-thin {
	line-height: 38px
}

.button-md.button-border-thick {
	line-height: 34px
}

.button-lg {
	height: 50px;
	line-height: 50px;
	padding-left: 25px;
	padding-right: 25px
}

.button-lg.button-circle,
.button-lg.button-square {
	width: 50px
}

.button-lg.button-border {
	line-height: 46px
}

.button-lg.button-border-thin {
	line-height: 48px
}

.button-lg.button-border-thick {
	line-height: 44px
}

.button-gt {
	height: 60px;
	line-height: 60px;
	padding-left: 30px;
	padding-right: 30px
}

.button-gt.button-circle,
.button-gt.button-square {
	width: 60px
}

.button-gt.button-border {
	line-height: 56px
}

.button-gt.button-border-thin {
	line-height: 58px
}

.button-gt.button-border-thick {
	line-height: 54px
}

.button-primary {
	color: #fff;
	background-color: #428bca
}

.button-parent.active .button-primary,
.button-primary.active,
.button-primary:active,
.no-touch .button-primary:hover {
	color: #fff;
	background-color: #3784c5
}

.button-primary.button-border,
.button-primary.button-border-thick,
.button-primary.button-border-thin {
	border-color: #3784c5
}

.button-parent.active .button-primary.button-border,
.button-parent.active .button-primary.button-border-thick,
.button-parent.active .button-primary.button-border-thin,
.button-primary.button-border-thick.active,
.button-primary.button-border-thick:active,
.button-primary.button-border-thin.active,
.button-primary.button-border-thin:active,
.button-primary.button-border.active,
.button-primary.button-border:active,
.no-touch .button-primary.button-border-thick:hover,
.no-touch .button-primary.button-border-thin:hover,
.no-touch .button-primary.button-border:hover {
	border-color: #357ebd
}

.button-primary.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-primary.button-3d,
.button-primary.button-3d.active,
.button-primary.button-3d:active,
.no-touch .button-primary.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-success {
	color: #fff;
	background-color: #5cb85c
}

.button-parent.active .button-success,
.button-success.active,
.button-success:active,
.no-touch .button-success:hover {
	color: #fff;
	background-color: #51b351
}

.button-success.button-border,
.button-success.button-border-thick,
.button-success.button-border-thin {
	border-color: #51b351
}

.button-parent.active .button-success.button-border,
.button-parent.active .button-success.button-border-thick,
.button-parent.active .button-success.button-border-thin,
.button-success.button-border-thick.active,
.button-success.button-border-thick:active,
.button-success.button-border-thin.active,
.button-success.button-border-thin:active,
.button-success.button-border.active,
.button-success.button-border:active,
.no-touch .button-success.button-border-thick:hover,
.no-touch .button-success.button-border-thin:hover,
.no-touch .button-success.button-border:hover {
	border-color: #4cae4c
}

.button-success.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-success.button-3d,
.button-success.button-3d.active,
.button-success.button-3d:active,
.no-touch .button-success.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-info {
	color: #fff;
	background-color: #5bc0de
}

.button-info.active,
.button-info:active,
.button-parent.active .button-info,
.no-touch .button-info:hover {
	color: #fff;
	background-color: #4ebbdb
}

.button-info.button-border,
.button-info.button-border-thick,
.button-info.button-border-thick.active,
.button-info.button-border-thick:active,
.button-info.button-border-thin,
.button-info.button-border-thin.active,
.button-info.button-border-thin:active,
.button-info.button-border.active,
.button-info.button-border:active,
.button-parent.active .button-info.button-border,
.button-parent.active .button-info.button-border-thick,
.button-parent.active .button-info.button-border-thin,
.no-touch .button-info.button-border-thick:hover,
.no-touch .button-info.button-border-thin:hover,
.no-touch .button-info.button-border:hover {
	border-color: #4ebbdb
}

.button-info.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-info.button-3d.active,
.button-info.button-3d:active,
.button-parent.active .button-info.button-3d,
.no-touch .button-info.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-warning {
	color: #fff;
	background-color: #f0ad4e
}

.button-parent.active .button-warning,
.button-warning.active,
.button-warning:active,
.no-touch .button-warning:hover {
	color: #fff;
	background-color: #efa640
}

.button-warning.button-border,
.button-warning.button-border-thick,
.button-warning.button-border-thin {
	border-color: #efa640
}

.button-parent.active .button-warning.button-border,
.button-parent.active .button-warning.button-border-thick,
.button-parent.active .button-warning.button-border-thin,
.button-warning.button-border-thick.active,
.button-warning.button-border-thick:active,
.button-warning.button-border-thin.active,
.button-warning.button-border-thin:active,
.button-warning.button-border.active,
.button-warning.button-border:active,
.no-touch .button-warning.button-border-thick:hover,
.no-touch .button-warning.button-border-thin:hover,
.no-touch .button-warning.button-border:hover {
	border-color: #eea236
}

.button-warning.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-warning.button-3d,
.button-warning.button-3d.active,
.button-warning.button-3d:active,
.no-touch .button-warning.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-danger {
	color: #fff;
	background-color: #d9534f
}

.button-danger.active,
.button-danger:active,
.button-parent.active .button-danger,
.no-touch .button-danger:hover {
	color: #fff;
	background-color: #d64742
}

.button-danger.button-border,
.button-danger.button-border-thick,
.button-danger.button-border-thin {
	border-color: #d64742
}

.button-danger.button-border-thick.active,
.button-danger.button-border-thick:active,
.button-danger.button-border-thin.active,
.button-danger.button-border-thin:active,
.button-danger.button-border.active,
.button-danger.button-border:active,
.button-parent.active .button-danger.button-border,
.button-parent.active .button-danger.button-border-thick,
.button-parent.active .button-danger.button-border-thin,
.no-touch .button-danger.button-border-thick:hover,
.no-touch .button-danger.button-border-thin:hover,
.no-touch .button-danger.button-border:hover {
	border-color: #d43f3a
}

.button-danger.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-danger.button-3d.active,
.button-danger.button-3d:active,
.button-parent.active .button-danger.button-3d,
.no-touch .button-danger.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.tip-box {
	position: relative;
	line-height: 1.6em;
	color: #fff;
	padding: 15px;
	margin-bottom: 5px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}

.tip-danger.tip-hover:hover,
.tip-waring.tip-hover:hover {
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-ms-transition: all .15s
}

.tip-box strong {
	margin-right: 5px
}

.tip-rounded {
	border-radius: 4px
}

.tip-rounded-large {
	border-radius: 20000px
}

.tip-close .tip-close-button {
	position: absolute;
	right: 15px;
	top: 50%;
	color: inherit;
	background: 0 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.f-cr-base,
.f-cr-base .f-cr-icon {
	position: relative;
	display: inline-block;
	cursor: pointer
}

.tip-danger {
	background: #d9534f
}

.tip-danger.tip-hover:hover {
	background: #de6c68;
	transition: all .15s
}

.tip-danger .tip-close-button:hover {
	background: #d43a36
}

.tip-waring {
	background: #f0ad4e
}

.tip-waring.tip-hover:hover {
	background: #f2ba6a;
	transition: all .15s
}

.tip-info.tip-hover:hover,
.tip-success.tip-hover:hover {
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-ms-transition: all .15s
}

.tip-waring .tip-close-button:hover {
	background: #eea032
}

.tip-info {
	background: #5bc0de
}

.tip-info.tip-hover:hover {
	background: #74cae3;
	transition: all .15s
}

.tip-info .tip-close-button:hover {
	background: #42b6d9
}

.tip-success {
	background: #5cb85c
}

.tip-success.tip-hover:hover {
	background: #71c171;
	transition: all .15s
}

.tip-success .tip-close-button:hover {
	background: #4aab4a
}

.tip-primary {
	background: #428bca
}

.tip-primary.tip-hover:hover {
	background: #5a9ad1;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-ms-transition: all .15s;
	transition: all .15s
}

.tip-primary .tip-close-button:hover {
	background: #347cb9
}

.f-cr-base .f-cr-icon .checked {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.f-cr-base .f-cr-icon .fa,
.txt-list-2 .circle:before {
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.f-cr-base .f-cr-icon .fa {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.f-cr-base .f-cr {
	display: none
}

.f-cr-base .f-cr:checked+.f-cr-icon .checked,
.f-cr-base .f-cr:checked+.f-cr-icon .fa,
.f-cr-style-1 .f-cr:checked+.f-cr-content .checked,
.f-cr-style-1 .f-cr:checked+.f-cr-content .fa,
.f-cr-style-2 .f-cr:checked+.f-cr-content .checked,
.f-cr-style-2 .f-cr:checked+.f-cr-content .fa {
	display: block
}

.f-cr-rounded .f-cr-icon,
.f-cr-rounded .f-cr-icon .checked {
	border-radius: 4px
}

.f-cr-circle .f-cr-icon,
.f-cr-circle .f-cr-icon .checked {
	border-radius: 50%
}

.f-cr-style-1 {
	height: 25px;
	line-height: 25px
}

.f-cr-style-1 .f-cr-icon {
	width: 25px;
	height: 25px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .13);
	vertical-align: middle
}

.f-cr-style-1 .f-cr-icon .checked {
	width: 50%;
	height: 50%;
	background: #218FF8;
	border-radius: 4px
}

.f-cr-style-1 .f-cr-icon .fa {
	font-size: 15px
}

@media screen and (max-width:1024px) {
	.f-cr-style-1 .f-cr-icon .fa {
		font-size: 14px
	}
}

.f-cr-style-1 input[type=text] {
	visibility: hidden
}

.f-cr-style-1 .f-cr-name {
	color: #262D3F;
	font-size: 15px
}

@media screen and (max-width:1024px) {
	.f-cr-style-1 .f-cr-name {
		font-size: 14px
	}
}

.f-cr-style-1 .f-cr:checked+.f-cr-content .f-cr-name {
	color: #218FF8
}

.f-cr-style-1 .f-cr:checked+.f-cr-content .f-cr-icon {
	border-color: #218FF8
}

.f-cr-style-1 .f-cr:checked+.f-cr-content input[type=text] {
	visibility: visible
}

.f-cr-style-2 {
	height: 22px;
	line-height: 22px
}

.f-cr-style-2 .f-cr-icon {
	width: 22px;
	height: 22px;
	border: 1px solid #858585;
	background-color: #fff;
	border-radius: 4px
}

.f-cr-style-2 .f-cr-icon .checked {
	width: 50%;
	height: 50%;
	background: #11274f;
	border-radius: 4px
}

.f-cr-style-2 .f-cr-icon .fa {
	font-size: 14px
}

.f-cr-style-2 .f-cr-name {
	color: #333;
	font-size: 14px
}

.f-cr-style-2 .f-cr:checked+.f-cr-content .f-cr-name {
	color: #11274f
}

.f-cr-style-2 .f-cr:checked+.f-cr-content .f-cr-icon {
	border-color: #11274f
}

html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	width: 100%;
	height: 100%;
	font-size: 100px
}

body,
button,
input,
select,
textarea {
	word-wrap: break-word;
	font-family: arial, "Microsoft Yahei", "STHeiti Light";
	font-size: 14px
}

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

.icon1,
.icon1.icon-1 {
	background-position: left 0
}

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

.table {
	display: table
}

.table .thead {
	display: table-caption
}

.table .tbody {
	display: table-row-group
}

.table .tr {
	display: table-row
}

.table .td,
.table .th {
	display: table-cell;
	vertical-align: inherit
}

.icon1,
.icon2 {
	display: inline-block
}

.boxshadow1,
.pic-txt-list-1 .ptl1-item:nth-child(1) .icon-parent {
	box-shadow: 21px -21px 2px rgba(97, 60, 138, .14)
}

.boxshadow2,
.pic-txt-list-1 .ptl1-item:nth-child(2) .icon-parent {
	box-shadow: 0 -21px 2px rgba(97, 60, 138, .14)
}

.boxshadow3,
.pic-txt-list-1 .ptl1-item:nth-child(3) .icon-parent {
	box-shadow: -21px -21px 2px rgba(97, 60, 138, .14)
}

.boxshadow4,
.pic-txt-list-1 .ptl1-pic,
.pic-txt-list-1 .ptl1-pic:after,
.pic-txt-list-1 .ptl1-pic:before {
	box-shadow: 0 0 50px rgba(86, 66, 142, .14)
}

.boxshadow5,
.circle-progress,
.css-progress {
	box-shadow: 0 20px 30px rgba(0, 0, 0, .4)
}

.boxshadow6,
.pic-txt-list-2 .ptl2-pic {
	box-shadow: 0 0 60px rgba(86, 66, 142, .14)
}

.boxshadow7,
.list-1 {
	box-shadow: 0 47px 57px rgba(0, 0, 0, .36)
}

.boxshadow8,
.txt-list-1 .tl1-box {
	box-shadow: 0 37px 90px rgba(116, 102, 160, .63)
}

.boxshadow9,
.feedbacks .feedbacks-opt .feedbacks-next.active,
.feedbacks .feedbacks-opt .feedbacks-prev.active,
.no-touch .feedbacks .feedbacks-opt .feedbacks-next:hover,
.no-touch .feedbacks .feedbacks-opt .feedbacks-prev:hover {
	box-shadow: 2px 11px 29px rgba(200, 9, 126, .44)
}

.icon1 {
	width: 100px;
	height: 100px;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-size: 100% auto
}

.icon1.icon-2 {
	background-position: left -100px
}

.icon1.icon-3 {
	background-position: left -200px
}

.icon1.icon-4 {
	background-position: left -300px
}

.icon2,
.icon2.icon-1 {
	background-position: left 0
}

.icon2 {
	width: 120px;
	height: 120px;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	background-size: 100% auto
}

.icon3,
.icon3-1,
.icon3-2,
.icon3-3,
.icon3-4 {
	width: 30px;
	height: 30px;
	background-image: url(../images/icon3.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: inline-block
}

.icon2.icon-2 {
	background-position: left -120px
}

.icon2.icon-3 {
	background-position: left -240px
}

.icon2.icon-4 {
	background-position: left -360px
}

.icon2.icon-5 {
	background-position: left -480px
}

.icon2.icon-6 {
	background-position: left -600px
}

.icon2.icon-7 {
	background-position: left -720px
}

.icon3,
.icon3.icon-1 {
	background-position: left 0
}

.icon3.icon-2 {
	background-position: left -30px
}

.icon3.icon-3 {
	background-position: left -60px
}

.icon3.icon-4 {
	background-position: left -90px
}

.icon3.icon-5 {
	background-position: left -120px
}

.icon3.icon-6 {
	background-position: left -150px
}

.icon3.icon-7 {
	background-position: left -180px
}

.icon3.icon-8 {
	background-position: left -210px
}

.icon3.icon-9 {
	background-position: left -240px
}

.icon3-1,
.icon3-1.icon-1 {
	background-position: left 0
}

.icon3-1.icon-2 {
	background-position: left -90px
}

.icon3-1.icon-3 {
	background-position: left -180px
}

.icon-hover.active .icon3-1.icon-1,
.no-touch .icon-hover:hover .icon3-1.icon-1 {
	background-position: left -60px
}

.icon-hover.active .icon3-1.icon-2,
.no-touch .icon-hover:hover .icon3-1.icon-2 {
	background-position: left -150px
}

.icon-hover.active .icon3-1.icon-3,
.no-touch .icon-hover:hover .icon3-1.icon-3 {
	background-position: left -240px
}

.icon3-2,
.icon3-2.icon-1 {
	background-position: left 0
}

.icon3-2.icon-2 {
	background-position: left -90px
}

.icon3-2.icon-3 {
	background-position: left -180px
}

.icon-hover.active .icon3-2.icon-1,
.no-touch .icon-hover:hover .icon3-2.icon-1 {
	background-position: left -30px
}

.icon-hover.active .icon3-2.icon-2,
.no-touch .icon-hover:hover .icon3-2.icon-2 {
	background-position: left -120px
}

.icon-hover.active .icon3-2.icon-3,
.no-touch .icon-hover:hover .icon3-2.icon-3 {
	background-position: left -210px
}

.icon3-3 {
	background-position: left 0
}

.icon3-3.icon-1 {
	background-position: left -60px
}

.icon3-3.icon-2 {
	background-position: left -150px
}

.icon3-3.icon-3 {
	background-position: left -240px
}

.icon-hover.active .icon3-3.icon-1,
.no-touch .icon-hover:hover .icon3-3.icon-1 {
	background-position: left 0
}

.icon-hover.active .icon3-3.icon-2,
.no-touch .icon-hover:hover .icon3-3.icon-2 {
	background-position: left -90px
}

.icon-hover.active .icon3-3.icon-3,
.no-touch .icon-hover:hover .icon3-3.icon-3 {
	background-position: left -180px
}

.icon3-4 {
	background-position: left 0
}

.icon3-4.icon-1 {
	background-position: left -30px
}

.icon3-4.icon-2 {
	background-position: left -120px
}

.icon3-4.icon-3 {
	background-position: left -210px
}

.icon-hover.active .icon3-4.icon-1,
.no-touch .icon-hover:hover .icon3-4.icon-1 {
	background-position: left 0
}

.icon-hover.active .icon3-4.icon-2,
.no-touch .icon-hover:hover .icon3-4.icon-2 {
	background-position: left -90px
}

.icon-hover.active .icon3-4.icon-3,
.no-touch .icon-hover:hover .icon3-4.icon-3 {
	background-position: left -180px
}

.icon4,
.icon4.icon-1 {
	background-position: left 0
}

.icon4 {
	display: inline-block;
	width: 100px;
	height: 100px;
	background-image: url(../images/icon4.png);
	background-repeat: no-repeat;
	background-size: 100% auto
}

.icon4.icon-2 {
	background-position: left -200px
}

.icon4.icon-3 {
	background-position: left -400px
}

.icon4.icon-4 {
	background-position: left -600px
}

.icon4.icon-5 {
	background-position: left -800px
}

.icon4.icon-6 {
	background-position: left -1000px
}

.icon4.icon-7 {
	background-position: left -1200px
}

.icon4.icon-8 {
	background-position: left -1400px
}

.icon4.icon-9 {
	background-position: left -1600px
}

.icon4.icon-10 {
	background-position: left -1800px
}

.icon-hover.active .icon4.icon-1,
.no-touch .icon-hover:hover .icon4.icon-1 {
	background-position: left -100px
}

.icon-hover.active .icon4.icon-2,
.no-touch .icon-hover:hover .icon4.icon-2 {
	background-position: left -300px
}

.icon-hover.active .icon4.icon-3,
.no-touch .icon-hover:hover .icon4.icon-3 {
	background-position: left -500px
}

.icon-hover.active .icon4.icon-4,
.no-touch .icon-hover:hover .icon4.icon-4 {
	background-position: left -700px
}

.icon-hover.active .icon4.icon-5,
.no-touch .icon-hover:hover .icon4.icon-5 {
	background-position: left -900px
}

.icon-hover.active .icon4.icon-6,
.no-touch .icon-hover:hover .icon4.icon-6 {
	background-position: left -1100px
}

.icon-hover.active .icon4.icon-7,
.no-touch .icon-hover:hover .icon4.icon-7 {
	background-position: left -1300px
}

.icon-hover.active .icon4.icon-8,
.no-touch .icon-hover:hover .icon4.icon-8 {
	background-position: left -1500px
}

.icon-hover.active .icon4.icon-9,
.no-touch .icon-hover:hover .icon4.icon-9 {
	background-position: left -1700px
}

.icon-hover.active .icon4.icon-10,
.no-touch .icon-hover:hover .icon4.icon-10 {
	background-position: left -1900px
}

.icon6,
.icon6.icon-1 {
	background-position: left 0
}

.icon6 {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../images/icon6.png);
	background-repeat: no-repeat;
	background-size: 100% auto
}

.icon7-1,
.icon7-2 {
	display: inline-block;
	width: 60px;
	height: 60px;
	background-image: url(../images/icon7.png);
	background-repeat: no-repeat;
	background-size: 100% auto
}

.icon6.icon-2 {
	background-position: left -60px
}

.icon6.icon-3 {
	background-position: left -120px
}

.icon6.icon-4 {
	background-position: left -180px
}

.icon6.icon-5 {
	background-position: left -240px
}

.icon6.icon-6 {
	background-position: left -300px
}

.icon6.icon-7 {
	background-position: left -360px
}

.icon6.icon-8 {
	background-position: left -420px
}

.icon6.icon-9 {
	background-position: left -480px
}

.icon-hover.active .icon6.icon-1,
.no-touch .icon-hover:hover .icon6.icon-1 {
	background-position: left -30px
}

.icon-hover.active .icon6.icon-2,
.no-touch .icon-hover:hover .icon6.icon-2 {
	background-position: left -90px
}

.icon-hover.active .icon6.icon-3,
.no-touch .icon-hover:hover .icon6.icon-3 {
	background-position: left -150px
}

.icon-hover.active .icon6.icon-4,
.no-touch .icon-hover:hover .icon6.icon-4 {
	background-position: left -210px
}

.icon-hover.active .icon6.icon-5,
.no-touch .icon-hover:hover .icon6.icon-5 {
	background-position: left -270px
}

.icon-hover.active .icon6.icon-6,
.no-touch .icon-hover:hover .icon6.icon-6 {
	background-position: left -330px
}

.icon-hover.active .icon6.icon-7,
.no-touch .icon-hover:hover .icon6.icon-7 {
	background-position: left -390px
}

.icon-hover.active .icon6.icon-8,
.no-touch .icon-hover:hover .icon6.icon-8 {
	background-position: left -450px
}

.icon-hover.active .icon6.icon-9,
.no-touch .icon-hover:hover .icon6.icon-9 {
	background-position: left -510px
}

.icon7-1,
.icon7-1.icon-1 {
	background-position: left 0
}

.icon-hover.active .icon7-1.icon-1,
.no-touch .icon-hover:hover .icon7-1.icon-1 {
	background-position: left -120px
}

.icon7-2 {
	background-position: left 0
}

.icon7-2.icon-1 {
	background-position: left -60px
}

.icon-hover.active .icon7-2.icon-1,
.no-touch .icon-hover:hover .icon7-2.icon-1 {
	background-position: left -120px
}

@media screen and (max-width:1024px) {
	.icon1 {
		width: 50px;
		height: 50px
	}
	.icon1.icon-1 {
		background-position: left 0
	}
	.icon1.icon-2 {
		background-position: left -50px
	}
	.icon1.icon-3 {
		background-position: left -100px
	}
	.icon1.icon-4 {
		background-position: left -150px
	}
	.icon2 {
		width: 60px;
		height: 60px
	}
	.icon2.icon-1 {
		background-position: left 0
	}
	.icon2.icon-2 {
		background-position: left -60px
	}
	.icon2.icon-3 {
		background-position: left -120px
	}
	.icon2.icon-4 {
		background-position: left -180px
	}
	.icon2.icon-5 {
		background-position: left -240px
	}
	.icon2.icon-6 {
		background-position: left -300px
	}
	.icon2.icon-7 {
		background-position: left -360px
	}
	.icon4 {
		width: 50px;
		height: 50px
	}
	.icon7-1,
	.icon7-2 {
		width: 40px;
		height: 40px
	}
	.icon4.icon-1 {
		background-position: left 0
	}
	.icon4.icon-2 {
		background-position: left -100px
	}
	.icon4.icon-3 {
		background-position: left -200px
	}
	.icon4.icon-4 {
		background-position: left -300px
	}
	.icon4.icon-5 {
		background-position: left -400px
	}
	.icon4.icon-6 {
		background-position: left -500px
	}
	.icon4.icon-7 {
		background-position: left -600px
	}
	.icon4.icon-8 {
		background-position: left -700px
	}
	.icon4.icon-9 {
		background-position: left -800px
	}
	.icon4.icon-10 {
		background-position: left -900px
	}
	.icon-hover.active .icon4.icon-1,
	.no-touch .icon-hover:hover .icon4.icon-1 {
		background-position: left -50px
	}
	.icon-hover.active .icon4.icon-2,
	.no-touch .icon-hover:hover .icon4.icon-2 {
		background-position: left -150px
	}
	.icon-hover.active .icon4.icon-3,
	.no-touch .icon-hover:hover .icon4.icon-3 {
		background-position: left -250px
	}
	.icon-hover.active .icon4.icon-4,
	.no-touch .icon-hover:hover .icon4.icon-4 {
		background-position: left -350px
	}
	.icon-hover.active .icon4.icon-5,
	.no-touch .icon-hover:hover .icon4.icon-5 {
		background-position: left -450px
	}
	.icon-hover.active .icon4.icon-6,
	.no-touch .icon-hover:hover .icon4.icon-6 {
		background-position: left -550px
	}
	.icon-hover.active .icon4.icon-7,
	.no-touch .icon-hover:hover .icon4.icon-7 {
		background-position: left -650px
	}
	.icon-hover.active .icon4.icon-8,
	.no-touch .icon-hover:hover .icon4.icon-8 {
		background-position: left -750px
	}
	.icon-hover.active .icon4.icon-9,
	.no-touch .icon-hover:hover .icon4.icon-9 {
		background-position: left -850px
	}
	.icon-hover.active .icon4.icon-10,
	.no-touch .icon-hover:hover .icon4.icon-10 {
		background-position: left -950px
	}
	.icon7-1.icon-1 {
		background-position: left 0
	}
	.icon-hover.active .icon7-1.icon-1,
	.no-touch .icon-hover:hover .icon7-1.icon-1 {
		background-position: left -80px
	}
	.icon7-2.icon-1 {
		background-position: left -40px
	}
	.icon-hover.active .icon7-2.icon-1,
	.no-touch .icon-hover:hover .icon7-2.icon-1 {
		background-position: left -80px
	}
}

@media screen and (max-width:768px) {
	.icon4 {
		width: 30px;
		height: 30px
	}
	.icon4.icon-1 {
		background-position: left 0
	}
	.icon4.icon-2 {
		background-position: left -60px
	}
	.icon4.icon-3 {
		background-position: left -120px
	}
	.icon4.icon-4 {
		background-position: left -180px
	}
	.icon4.icon-5 {
		background-position: left -240px
	}
	.icon4.icon-6 {
		background-position: left -300px
	}
	.icon4.icon-7 {
		background-position: left -360px
	}
	.icon4.icon-8 {
		background-position: left -420px
	}
	.icon4.icon-9 {
		background-position: left -480px
	}
	.icon4.icon-10 {
		background-position: left -540px
	}
	.icon-hover.active .icon4.icon-1,
	.no-touch .icon-hover:hover .icon4.icon-1 {
		background-position: left -30px
	}
	.icon-hover.active .icon4.icon-2,
	.no-touch .icon-hover:hover .icon4.icon-2 {
		background-position: left -90px
	}
	.icon-hover.active .icon4.icon-3,
	.no-touch .icon-hover:hover .icon4.icon-3 {
		background-position: left -150px
	}
	.icon-hover.active .icon4.icon-4,
	.no-touch .icon-hover:hover .icon4.icon-4 {
		background-position: left -210px
	}
	.icon-hover.active .icon4.icon-5,
	.no-touch .icon-hover:hover .icon4.icon-5 {
		background-position: left -270px
	}
	.icon-hover.active .icon4.icon-6,
	.no-touch .icon-hover:hover .icon4.icon-6 {
		background-position: left -330px
	}
	.icon-hover.active .icon4.icon-7,
	.no-touch .icon-hover:hover .icon4.icon-7 {
		background-position: left -390px
	}
	.icon-hover.active .icon4.icon-8,
	.no-touch .icon-hover:hover .icon4.icon-8 {
		background-position: left -450px
	}
	.icon-hover.active .icon4.icon-9,
	.no-touch .icon-hover:hover .icon4.icon-9 {
		background-position: left -510px
	}
	.icon-hover.active .icon4.icon-10,
	.no-touch .icon-hover:hover .icon4.icon-10 {
		background-position: left -570px
	}
}

.f-label {
	display: block
}

.input-style-2 {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: none;
	background-color: #dfdfdf;
	border-radius: 10000px;
	box-shadow: 0 8px 6px rgba(0, 0, 0, .07) inset
}

.input-style-2::-webkit-input-placeholder {
	color: #502a94
}

.input-style-2::-moz-placeholder {
	color: #502a94
}

.input-style-2:-ms-input-placeholder {
	color: #502a94
}

.input-style-3 {
	height: 52px;
	line-height: 50px;
	border: 1px solid #fff;
	background-color: #ECF0F2;
	border-top-left-radius: 10000px;
	border-top-right-radius: 10000px;
	border-bottom-right-radius: 10000px;
	box-shadow: 0 0 10px #fff;
	padding-left: 15px;
	padding-right: 15px
}

.input-style-3::-webkit-input-placeholder {
	color: #502a94
}

.input-style-3::-moz-placeholder {
	color: #502a94
}

.input-style-3:-ms-input-placeholder {
	color: #502a94
}

.f-cr-style-3 {
	height: 50px;
	line-height: 50px
}

.f-cr-style-3 .f-cr-name {
	display: block;
	min-width: 120px;
	width: 50px;
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	background-color: #B11270
}

.f-cr-style-3 .f-cr:checked+.f-cr-content .f-cr-name {
	background-color: #56428E
}

.input-style-4 {
	width: 100%;
	height: 50px;
	line-height: 48px;
	border-radius: 4px;
	background-color: #fff;
	color: #502a94;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #e6e6e6
}

.input-text1,
.select-style1 {
	width: 100%;
	border-style: none;
	display: block
}

.inputbox1 {
	position: relative;
	margin-bottom: 25px
}

.input-text1 {
	height: 30px;
	line-height: 28px;
	background-color: #e1e1e1;
	padding: 1px 15px;
	box-shadow: 0 0 4px 1px #cdcdcd inset;
	color: #593fb2;
	border-radius: 15px
}

.button-shape1,
.button-shape2 {
	border-bottom-right-radius: 10000px
}

.input-text1::-webkit-input-placeholder {
	color: #9b9b9b
}

.input-text1::-moz-placeholder {
	color: #9b9b9b
}

.input-text1:-ms-input-placeholder {
	color: #9b9b9b
}

.select-style1 {
	height: 40px;
	line-height: 40px;
	padding: 0 15px 0 10px;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	color: #362552
}

.button-size1 {
	height: 26px;
	line-height: 26px;
	padding-left: 15px;
	padding-right: 15px
}

.button-size1.button-circle,
.button-size1.button-square {
	width: 26px
}

.button-size1.button-border {
	line-height: 22px
}

.button-size1.button-border-thin {
	line-height: 24px
}

.button-size1.button-border-thick {
	line-height: 20px
}

.button-size2 {
	height: auto;
	padding-left: 0;
	padding-right: 0;
	line-height: 1em
}

.button-size3,
.button-size4 {
	padding-left: 30px;
	padding-right: 30px
}

.button-size2.button-circle,
.button-size2.button-square {
	width: auto
}

.button-size3 {
	height: 52px;
	line-height: 52px
}

.button-size3.button-circle,
.button-size3.button-square {
	width: 52px
}

.button-size3.button-border {
	line-height: 48px
}

.button-size3.button-border-thin {
	line-height: 50px
}

.button-size3.button-border-thick {
	line-height: 46px
}

.button-size4 {
	height: 62px;
	line-height: 62px
}

.button-size5,
.button-size6 {
	padding-left: 10px;
	padding-right: 10px
}

.button-size4.button-circle,
.button-size4.button-square {
	width: 62px
}

.button-size4.button-border {
	line-height: 58px
}

.button-size4.button-border-thin {
	line-height: 60px
}

.button-size4.button-border-thick {
	line-height: 56px
}

.button-size5 {
	height: 42px;
	line-height: 42px
}

.button-size5.button-circle,
.button-size5.button-square {
	width: 42px
}

.button-size5.button-border {
	line-height: 38px
}

.button-size5.button-border-thin {
	line-height: 40px
}

.button-size5.button-border-thick {
	line-height: 36px
}

.button-size6 {
	height: 38px;
	line-height: 38px
}

.button-size6.button-circle,
.button-size6.button-square {
	width: 38px
}

.button-size6.button-border {
	line-height: 34px
}

.button-size6.button-border-thin {
	line-height: 36px
}

.button-size6.button-border-thick {
	line-height: 32px
}

.button-icon {
	position: relative;
	padding-right: 60px
}

.button-icon i,
.button-icon:before {
	position: absolute;
	right: 35px;
	top: 50%
}

.button-icon:before {
	width: 1px;
	height: 100px;
	background-color: #56428e;
	-webkit-transform: translate(0, -50%) rotate(30deg);
	-moz-transform: translate(0, -50%) rotate(30deg);
	-ms-transform: translate(0, -50%) rotate(30deg);
	transform: translate(0, -50%) rotate(30deg)
}

.button-icon i {
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.button-style1 {
	color: #fff;
	background-color: transparent
}

.button-parent.active .button-style1,
.button-style1.active,
.button-style1:active,
.no-touch .button-style1:hover {
	color: #fff;
	background-color: #56428e
}

.button-parent.active .button-style1.button-border,
.button-parent.active .button-style1.button-border-thick,
.button-parent.active .button-style1.button-border-thin,
.button-style1.button-border,
.button-style1.button-border-thick,
.button-style1.button-border-thick.active,
.button-style1.button-border-thick:active,
.button-style1.button-border-thin,
.button-style1.button-border-thin.active,
.button-style1.button-border-thin:active,
.button-style1.button-border.active,
.button-style1.button-border:active,
.no-touch .button-style1.button-border-thick:hover,
.no-touch .button-style1.button-border-thin:hover,
.no-touch .button-style1.button-border:hover {
	border-color: #56428e
}

.button-style1.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-style1.button-3d,
.button-style1.button-3d.active,
.button-style1.button-3d:active,
.no-touch .button-style1.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-style1.button-icon:before {
	background-color: #56428e
}

.button-style1.button-icon.active:before,
.no-touch .button-style1.button-icon:hover:before {
	background-color: #fff
}

.button-style2 {
	color: #fff;
	background-color: transparent
}

.button-parent.active .button-style2,
.button-style2.active,
.button-style2:active,
.no-touch .button-style2:hover {
	color: #fff;
	background-color: #c81471
}

.button-parent.active .button-style2.button-border,
.button-parent.active .button-style2.button-border-thick,
.button-parent.active .button-style2.button-border-thin,
.button-style2.button-border,
.button-style2.button-border-thick,
.button-style2.button-border-thick.active,
.button-style2.button-border-thick:active,
.button-style2.button-border-thin,
.button-style2.button-border-thin.active,
.button-style2.button-border-thin:active,
.button-style2.button-border.active,
.button-style2.button-border:active,
.no-touch .button-style2.button-border-thick:hover,
.no-touch .button-style2.button-border-thin:hover,
.no-touch .button-style2.button-border:hover {
	border-color: #c81471
}

.button-style2.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-style2.button-3d,
.button-style2.button-3d.active,
.button-style2.button-3d:active,
.no-touch .button-style2.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-style2.button-icon:before {
	background-color: #c81471
}

.button-style2.button-icon.active:before,
.no-touch .button-style2.button-icon:hover:before {
	background-color: #fff
}

.button-style3 {
	color: #fff;
	background-color: transparent
}

.button-parent.active .button-style3,
.button-style3.active,
.button-style3:active,
.no-touch .button-style3:hover {
	color: #fff;
	background-color: #5e596a
}

.button-parent.active .button-style3.button-border,
.button-parent.active .button-style3.button-border-thick,
.button-parent.active .button-style3.button-border-thin,
.button-style3.button-border,
.button-style3.button-border-thick,
.button-style3.button-border-thick.active,
.button-style3.button-border-thick:active,
.button-style3.button-border-thin,
.button-style3.button-border-thin.active,
.button-style3.button-border-thin:active,
.button-style3.button-border.active,
.button-style3.button-border:active,
.no-touch .button-style3.button-border-thick:hover,
.no-touch .button-style3.button-border-thin:hover,
.no-touch .button-style3.button-border:hover {
	border-color: #5e596a
}

.button-parent.active .button-style4.button-border,
.button-parent.active .button-style4.button-border-thick,
.button-parent.active .button-style4.button-border-thin,
.button-style4.button-border,
.button-style4.button-border-thick,
.button-style4.button-border-thick.active,
.button-style4.button-border-thick:active,
.button-style4.button-border-thin,
.button-style4.button-border-thin.active,
.button-style4.button-border-thin:active,
.button-style4.button-border.active,
.button-style4.button-border:active,
.button-style5.button-border,
.button-style5.button-border-thick,
.button-style5.button-border-thin,
.no-touch .button-style4.button-border-thick:hover,
.no-touch .button-style4.button-border-thin:hover,
.no-touch .button-style4.button-border:hover {
	border-color: #fff
}

.button-style3.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-style3.button-3d,
.button-style3.button-3d.active,
.button-style3.button-3d:active,
.no-touch .button-style3.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-style3.button-icon:before {
	background-color: #5e596a
}

.button-style3.button-icon.active:before,
.no-touch .button-style3.button-icon:hover:before {
	background-color: #fff
}

.button-style4 {
	color: #fff;
	background-color: transparent
}

.button-parent.active .button-style4,
.button-style4.active,
.button-style4:active,
.no-touch .button-style4:hover {
	color: #56428e;
	background-color: #fff
}

.button-style4.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-style4.button-3d,
.button-style4.button-3d.active,
.button-style4.button-3d:active,
.no-touch .button-style4.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-style4.button-icon:before {
	background-color: #fff
}

.button-style4.button-icon.active:before,
.no-touch .button-style4.button-icon:hover:before {
	background-color: #56428e
}

.button-style5 {
	color: #fff;
	background-color: transparent
}

.button-parent.active .button-style5,
.button-style5.active,
.button-style5:active,
.no-touch .button-style5:hover {
	color: #fff;
	background-color: #56428e
}

.button-parent.active .button-style5.button-border,
.button-parent.active .button-style5.button-border-thick,
.button-parent.active .button-style5.button-border-thin,
.button-style5.button-border-thick.active,
.button-style5.button-border-thick:active,
.button-style5.button-border-thin.active,
.button-style5.button-border-thin:active,
.button-style5.button-border.active,
.button-style5.button-border:active,
.no-touch .button-style5.button-border-thick:hover,
.no-touch .button-style5.button-border-thin:hover,
.no-touch .button-style5.button-border:hover {
	border-color: #56428e
}

.button-style5.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-style5.button-3d,
.button-style5.button-3d.active,
.button-style5.button-3d:active,
.no-touch .button-style5.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-style5.button-icon.active:before,
.button-style5.button-icon:before,
.no-touch .button-style5.button-icon:hover:before {
	background-color: #fff
}

.button-style6 {
	color: #fff;
	background-color: #56428e
}

.button-parent.active .button-style6,
.button-style6.active,
.button-style6:active,
.no-touch .button-style6:hover {
	color: #fff;
	background-color: #493879
}

.button-style6.button-border,
.button-style6.button-border-thick,
.button-style6.button-border-thin {
	border-color: #fff
}

.button-parent.active .button-style6.button-border,
.button-parent.active .button-style6.button-border-thick,
.button-parent.active .button-style6.button-border-thin,
.button-parent.active .button-style7.button-border,
.button-parent.active .button-style7.button-border-thick,
.button-parent.active .button-style7.button-border-thin,
.button-style6.button-border-thick.active,
.button-style6.button-border-thick:active,
.button-style6.button-border-thin.active,
.button-style6.button-border-thin:active,
.button-style6.button-border.active,
.button-style6.button-border:active,
.button-style7.button-border,
.button-style7.button-border-thick,
.button-style7.button-border-thick.active,
.button-style7.button-border-thick:active,
.button-style7.button-border-thin,
.button-style7.button-border-thin.active,
.button-style7.button-border-thin:active,
.button-style7.button-border.active,
.button-style7.button-border:active,
.no-touch .button-style6.button-border-thick:hover,
.no-touch .button-style6.button-border-thin:hover,
.no-touch .button-style6.button-border:hover,
.no-touch .button-style7.button-border-thick:hover,
.no-touch .button-style7.button-border-thin:hover,
.no-touch .button-style7.button-border:hover {
	border-color: #56428e
}

.button-style6.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-style6.button-3d,
.button-style6.button-3d.active,
.button-style6.button-3d:active,
.no-touch .button-style6.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-style6.button-icon.active:before,
.button-style6.button-icon:before,
.no-touch .button-style6.button-icon:hover:before {
	background-color: #fff
}

.button-style7 {
	color: #56428e;
	background-color: transparent
}

.button-parent.active .button-style7,
.button-style7.active,
.button-style7:active,
.no-touch .button-style7:hover {
	color: #fff;
	background-color: #56428e
}

.button-style7.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-style7.button-3d,
.button-style7.button-3d.active,
.button-style7.button-3d:active,
.no-touch .button-style7.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-style7.button-icon:before {
	background-color: #56428e
}

.button-style7.button-icon.active:before,
.button-style8,
.no-touch .button-style7.button-icon:hover:before {
	background-color: #fff
}

.button-style8 {
	color: #56428e
}

.button-parent.active .button-style8,
.button-style8.active,
.button-style8:active,
.no-touch .button-style8:hover {
	color: #56428e;
	background-color: #f0f0f0
}

.button-parent.active .button-style8.button-border,
.button-parent.active .button-style8.button-border-thick,
.button-parent.active .button-style8.button-border-thin,
.button-style8.button-border,
.button-style8.button-border-thick,
.button-style8.button-border-thick.active,
.button-style8.button-border-thick:active,
.button-style8.button-border-thin,
.button-style8.button-border-thin.active,
.button-style8.button-border-thin:active,
.button-style8.button-border.active,
.button-style8.button-border:active,
.no-touch .button-style8.button-border-thick:hover,
.no-touch .button-style8.button-border-thin:hover,
.no-touch .button-style8.button-border:hover {
	border-color: #fff
}

.button-style8.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-style8.button-3d,
.button-style8.button-3d.active,
.button-style8.button-3d:active,
.no-touch .button-style8.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-style8.button-icon:before {
	background-color: #fff
}

.button-style8.button-icon.active:before,
.no-touch .button-style8.button-icon:hover:before {
	background-color: #56428e
}

.button-style9 {
	color: #fff;
	background: -webkit-linear-gradient(left, #56428e, #b11270);
	background: -moz-linear-gradient(left, #56428e, #b11270);
	background: -ms-linear-gradient(left, #56428e, #b11270);
	background: -o-linear-gradient(left, #56428e, #b11270);
	background: linear-gradient(left, #56428e, #b11270)
}

.button-style9.active,
.no-touch .button-style9:hover {
	color: #fff;
	background: -webkit-linear-gradient(left, #493879, #950f5e);
	background: -moz-linear-gradient(left, #493879, #950f5e);
	background: -ms-linear-gradient(left, #493879, #950f5e);
	background: -o-linear-gradient(left, #493879, #950f5e);
	background: linear-gradient(left, #493879, #950f5e)
}

.button-style10 {
	color: #fff;
	background-color: #87135C
}

.button-parent.active .button-style10,
.button-style10.active,
.button-style10:active,
.no-touch .button-style10:hover {
	color: #fff;
	background-color: #6c0f4a
}

.button-parent.active .button-style10.button-border,
.button-parent.active .button-style10.button-border-thick,
.button-parent.active .button-style10.button-border-thin,
.button-style10.button-border,
.button-style10.button-border-thick,
.button-style10.button-border-thick.active,
.button-style10.button-border-thick:active,
.button-style10.button-border-thin,
.button-style10.button-border-thin.active,
.button-style10.button-border-thin:active,
.button-style10.button-border.active,
.button-style10.button-border:active,
.no-touch .button-style10.button-border-thick:hover,
.no-touch .button-style10.button-border-thin:hover,
.no-touch .button-style10.button-border:hover {
	border-color: #87135C
}

.button-style10.button-3d {
	-webkit-box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 7px 0 transparent, 0 8px 3px rgba(0, 0, 0, .2)
}

.button-parent.active .button-style10.button-3d,
.button-style10.button-3d.active,
.button-style10.button-3d:active,
.no-touch .button-style10.button-3d:hover {
	top: 5px;
	-webkit-box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 0 transparent, 0 3px 3px rgba(0, 0, 0, .2)
}

.button-style10.button-icon:before {
	background-color: #fff
}

.button-style10.button-icon.active:before,
.no-touch .button-style10.button-icon:hover:before {
	background-color: #56428e
}

.button-shape1 {
	border-top-left-radius: 10000px;
	border-top-right-radius: 10000px
}

.button-shape2 {
	border-bottom-left-radius: 10000px
}

@media screen and (max-width:768px) {
	.button-size1 {
		height: 26px;
		line-height: 26px;
		padding-left: 10px;
		padding-right: 10px
	}
	.button-size3,
	.button-size4 {
		padding-left: 15px;
		padding-right: 15px
	}
	.button-size1.button-circle,
	.button-size1.button-square {
		width: 26px
	}
	.button-size1.button-border {
		line-height: 22px
	}
	.button-size1.button-border-thin {
		line-height: 24px
	}
	.button-size1.button-border-thick {
		line-height: 20px
	}
	.button-size3 {
		height: 42px;
		line-height: 42px
	}
	.button-size3.button-circle,
	.button-size3.button-square {
		width: 42px
	}
	.button-size3.button-border {
		line-height: 38px
	}
	.button-size3.button-border-thin {
		line-height: 40px
	}
	.button-size3.button-border-thick {
		line-height: 36px
	}
	.button-size4 {
		height: 52px;
		line-height: 52px
	}
	.button-size4.button-circle,
	.button-size4.button-square {
		width: 52px
	}
	.button-size4.button-border {
		line-height: 48px
	}
	.button-size4.button-border-thin {
		line-height: 50px
	}
	.button-size4.button-border-thick {
		line-height: 46px
	}
	.button-size5 {
		height: 32px;
		line-height: 32px;
		padding-left: 10px;
		padding-right: 10px
	}
	.button-size5.button-circle,
	.button-size5.button-square {
		width: 32px
	}
	.button-size5.button-border {
		line-height: 28px
	}
	.button-size5.button-border-thin {
		line-height: 30px
	}
	.button-size5.button-border-thick {
		line-height: 26px
	}
}

.article-content ul {
	margin-left: 20px;
	list-style: disc
}

.article-content ol {
	margin-left: 20px;
	list-style: decimal-leading-zero
}

.no-touch .pic-txt-list-1 .ptl1-item:hover .ptl1-pic:before,
.pic-txt-list-1 .ptl1-item.active .ptl1-pic:before {
	-webkit-transform: scale(1.4, 1.4);
	-moz-transform: scale(1.4, 1.4);
	-ms-transform: scale(1.4, 1.4);
	transform: scale(1.4, 1.4)
}

.no-touch .pic-txt-list-1 .ptl1-item:hover .ptl1-pic:after,
.pic-txt-list-1 .ptl1-item.active .ptl1-pic:after {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}

.pic-txt-list-1 .ptl1-pic {
	position: relative;
	float: left;
	padding: 23px;
	border-radius: 50%
}

.pic-txt-list-1 .ptl1-pic:after,
.pic-txt-list-1 .ptl1-pic:before {
	position: absolute;
	border-radius: 50%;
	-webkit-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-ms-transition: transform .3s linear;
	transition: transform .3s linear
}

.pic-txt-list-1 .ptl1-pic:before {
	top: 6px;
	right: 6px;
	bottom: 6px;
	left: 6px
}

.pic-txt-list-1 .ptl1-pic:after {
	top: 13px;
	right: 13px;
	bottom: 13px;
	left: 13px
}

.pic-txt-list-1 .ptl1-pic .icon-parent {
	position: relative;
	z-index: 3;
	display: block;
	border-radius: 50%;
	overflow: hidden;
	background: -webkit-linear-gradient(top, #9D1D77, #56428E);
	background: -moz-linear-gradient(top, #9D1D77, #56428E);
	background: -ms-linear-gradient(top, #9D1D77, #56428E);
	background: -o-linear-gradient(top, #9D1D77, #56428E);
	background: linear-gradient(top, #9D1D77, #56428E)
}

.pic-txt-list-1 .ptl1-pic .icon-parent i {
	vertical-align: top
}

.pic-txt-list-1 .ptl1-txt {
	position: absolute;
	top: 50%;
	left: 190px;
	right: 15px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.pic-txt-list-2 .ptl2-box,
.pic-txt-list-2 .ptl2-item {
	position: relative
}

.pic-txt-list-2 .ptl2-item:nth-child(2n+1) .ptl2-txt {
	right: 0;
	left: 50%;
	padding-left: 200px
}

.pic-txt-list-2 .ptl2-item:nth-child(2n+2) .ptl2-txt {
	left: 0;
	right: 50%;
	padding-right: 200px
}

.pic-txt-list-2 .ptl2-pic {
	display: block;
	width: 140px;
	padding: 10px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.pic-txt-list-2 .ptl2-pic .icon2 {
	border-radius: 50%;
	box-shadow: 0 0 0 1px #CFCFD4
}

.pic-txt-list-2 .ptl2-txt {
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

/*.header,*/
/*.txt-list-3 .tl3-item {*/
	/*-webkit-transition: all .3s linear;*/
	/*-moz-transition: all .3s linear;*/
	/*-ms-transition: all .3s linear*/
/*}*/

.list-1 li {
	padding-left: 15px;
	padding-right: 15px
}

.list-1 li:nth-child(2n+2) {
	background-color: #41316F
}

.txt-list-1 .tl1-item {
	position: relative;
	float: left;
	width: 20%
}

.txt-list-1 .tl1-item.active .tl1-box {
	background-color: #fff
}

.txt-list-1 .tl1-item.active .tl1-title {
	height: auto;
	color: #1a1a35
}

.txt-list-1 .tl1-item.active .tl1-title span {
	color: #56428e
}

.txt-list-1 .tl1-item.active .button {
	-webkit-transform: translate(30%, 30%) rotate(180deg);
	-moz-transform: translate(30%, 30%) rotate(180deg);
	-ms-transform: translate(30%, 30%) rotate(180deg);
	transform: translate(30%, 30%) rotate(180deg)
}

.txt-list-1 .tl1-box {
	position: absolute;
	top: 50%;
	left: 8px;
	right: 8px;
	background-color: #252440;
	border-radius: 10px;
	padding: 20px 25px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.pic-txt-list-3 .bt,
.pic-txt-list-3 .tp,
.txt-list-2 .tl2-item {
	padding-left: 50px;
	padding-right: 50px
}

.txt-list-1 .tl1-title {
	color: #fff;
	margin-bottom: 20px
}

.txt-list-1 .tl1-bd {
	display: none
}

.pic-txt-list-3 .bt .contact-me ul,
.txt-list-2 .tp {
	display: inline-block
}

.txt-list-1 .button {
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(30%, 30%);
	-moz-transform: translate(30%, 30%);
	-ms-transform: translate(30%, 30%);
	transform: translate(30%, 30%)
}

.txt-list-2 {
	position: relative
}

.txt-list-2 .tl2-item {
	position: relative;
	z-index: 3;
	float: left;
	width: 25%;
	padding-top: 25px;
	padding-bottom: 25px;
	background-image: url(../images/icon5-02.png);
	background-repeat: no-repeat;
	background-position: center top
}

.txt-list-2 .circle {
	position: relative;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid #fff
}

.txt-list-2 .circle:before {
	position: relative;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 50%;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.pic-txt-list-3 .tp {
	position: relative;
	background-color: #56428E;
	padding-top: 90px;
	padding-bottom: 40px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px
}

.pic-txt-list-3 .tp.tp2 {
	background-color: #B11270
}

.pic-txt-list-3 .tp .face {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.pic-txt-list-3 .bt {
	position: relative;
	background-color: #fff;
	padding-bottom: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px
}

.pic-txt-list-3 .bt .circleline {
	position: absolute;
	top: -29px;
	left: 0;
	right: 0;
	height: 30px
}

.pic-txt-list-3 .bt .circleline:before {
	position: absolute;
	top: 0;
	left: -10%;
	right: -10%;
	padding-bottom: 100px;
	background-color: #fff;
	border-top-left-radius: 100%;
	border-top-right-radius: 100%
}

.pic-txt-list-3 .bt .contact-me {
	padding-bottom: 25px;
	text-align: center
}

.pic-txt-list-3 .bt .contact-me li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #E1E0E5
}

.pic-list-1 .pl1-item,
.pic-list-2 .pl2-item {
	float: left;
	height: 120px;
	padding: 20px;
	line-height: 80px;
	text-align: center
}

.pic-txt-list-3 .bt .contact-me li:last-child {
	border-right: none
}

.pic-txt-list-4 .ptl4-item {
	border-bottom: 1px solid rgba(255, 255, 255, .11)
}

.pic-list-1 .pl1-item {
	width: 16.666666%
}

.pic-list-2 .pl2-item {
	width: 20%
}

.pic-txt-list-5 .ptl5-item {
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #fff
}

.pic-txt-list-5 .ptl5-item:nth-child(2n+2) {
	background-color: #ECEEEF
}

.pic-txt-list-5 .ptl5-pic {
	float: right;
	width: 50%;
	padding-left: 100px;
	padding-right: 100px
}

.pic-txt-list-5 .ptl5-pic .bg {
	position: relative
}

.pic-txt-list-5 .ptl5-pic .bg:before {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 100%;
	height: 100%;
	background-color: #56428E;
	border-radius: 30px
}

.pic-txt-list-5 .ptl5-pic .bg-img {
	position: relative;
	z-index: 2;
	padding-top: 56%;
	border-radius: 30px
}

.pic-txt-list-5 .ptl5-date {
	position: relative;
	float: left;
	width: 15%;
	margin-top: 30px;
	padding-right: 40px
}

.pic-txt-list-5 .ptl5-date p {
	position: relative
}

.pic-txt-list-5 .ptl5-date span {
	position: absolute;
	right: 0;
	top: 0
}

.pic-txt-list-5 .ptl5-txt {
	float: left;
	width: 35%;
	margin-top: 30px;
	padding-left: 30px;
	border-left: 3px solid #56428E
}

.pic-txt-list-5 .more a {
	float: left;
	margin-right: 20px
}

.txt-list-3 .tl3-item {
	position: relative;
	padding-bottom: 40px;
	-webkit-transform: scale(.6, .6);
	-moz-transform: scale(.6, .6);
	-ms-transform: scale(.6, .6);
	transform: scale(.6, .6);
	transition: all .3s linear
}

.txt-list-3 .tl3-item.swiper-slide-active {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}

.txt-list-3 .ff-aff {
	position: absolute;
	font-style: normal;
	color: rgba(0, 0, 0, .31)
}

.txt-list-3 .ff-aff:nth-child(1) {
	top: 0;
	right: 100%
}

.txt-list-3 .ff-aff:nth-child(2) {
	bottom: 0;
	left: 100%
}

.pic-list-4 .pl4-item {
	float: left;
	width: 12.5%;
	height: 120px;
	line-height: 80px;
	text-align: center;
	padding: 20px
}

.bg-img-parent {
	position: relative
}

.bg-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.default-select {
	border: 1px solid #fff;
	padding-right: 14px;
	background: url(../images/arrow.png) right center no-repeat #fff
}

.line-1,
.line-3,
.line-4 {
	border-radius: 1000px
}

.default-select::-ms-expand {
	display: none
}

.pagination-style-1 {
	position: static;
	text-align: center;
	height: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center
}

.pagination-style-1 .swiper-pagination-bullet {
	float: left;
	margin: 0 8px;
	width: 15px;
	height: 15px;
	background-color: #E8E8E8;
	opacity: 1;
	filter: alpha(opacity=100)
}

.pagination-style-1 .swiper-pagination-bullet-active {
	background-color: #11274F
}

.link-1 {
	color: #bbb
}

.link-1.active,
.link-2,
.no-touch .link-1:hover {
	color: #fff
}

.link-2.active,
.no-touch .link-2:hover {
	color: #56428e
}

.link-3 {
	color: #1a1a35
}

.link-3.active,
.no-touch .link-3:hover {
	color: #56428e
}

.line-1 {
	width: 100%;
	height: 4px;
	background: -webkit-linear-gradient(left, #AC1472, #56428E);
	background: -moz-linear-gradient(left, #AC1472, #56428E);
	background: -ms-linear-gradient(left, #AC1472, #56428E);
	background: -o-linear-gradient(left, #AC1472, #56428E);
	background: linear-gradient(left, #AC1472, #56428E)
}

.line-2,
.line-3 {
	width: 100%;
	background-color: #fff
}

.line-2 {
	height: 2px
}

.line-3 {
	height: 4px
}

.line-4 {
	height: 3px;
	background: -webkit-linear-gradient(left, #56428e, #b11270);
	background: -moz-linear-gradient(left, #56428e, #b11270);
	background: -ms-linear-gradient(left, #56428e, #b11270);
	background: -o-linear-gradient(left, #56428e, #b11270);
	background: linear-gradient(left, #56428e, #b11270)
}

.times ul {
	display: inline-block
}

.times li {
	position: relative;
	float: left;
	padding-right: 30px
}

.times li:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 55px;
	background-image: url(../images/icon5-01.png);
	background-repeat: no-repeat;
	background-position: center
}

.times li:last-child {
	padding-right: 0
}

.times li:last-child:before {
	display: none
}

.times li span {
	display: block
}

.circle-progress {
	position: relative;
	width: 180px;
	height: 180px;
	border-radius: 50%
}

.circle-progress .circles-text {
	position: absolute;
	top: 50%;
	left: 30px;
	right: 30px;
	text-align: center;
	color: #c81471;
	font-family: GothamBold, "Microsoft Yahei", "STHeiti Light";
	font-size: 24px;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.css-progress .cur,
.css-progress .cur-txt {
	left: 0;
	border-radius: 10000px;
	position: absolute
}

.css-progress .cur-txt,
.css-progress .cur-txt:before {
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0)
}

@media screen and (max-width:1024px) {
	.circle-progress .circles-text {
		font-size: 18px
	}
}

.circle-progress .circles-valueStroke {
	stroke-linecap: round;
	box-shadow: 0 0 30px 5px #fff
}

.face {
	width: 160px;
	height: 160px;
	border-radius: 50%
}

.css-progress {
	position: relative;
	height: 16px;
	line-height: 16px;
	border-radius: 10000px;
	background-color: #fff
}

.css-progress .cur {
	top: 0;
	bottom: 0;
	background-color: #AD1471;
	text-align: right;
	box-shadow: 0 0 30px 5px #fff
}

.Subscription-listbox .table,
.banner .date,
.feedbacks .feedbacks-opt,
.footer,
.loginBox h2,
.pop-close {
	text-align: center
}

.css-progress .cur-txt {
	top: 100%;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
	background: #fff;
	color: #AD1471;
	font-size: 24px;
	transform: translate(-50%, 0)
}

.mobile-down .btn-down .down-bd,
.set .btn-down .down-bd {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden
}

@media screen and (max-width:1024px) {
	.css-progress .cur-txt {
		font-size: 18px
	}
}

.css-progress .cur-txt:before {
	position: absolute;
	left: 50%;
	bottom: 100%;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	transform: translate(-50%, 0)
}

.scroll-bd.ps-container {
	position: relative;
	overflow: hidden;
	padding-right: 15px
}

.container {
	overflow: hidden
}

.loading {
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: -webkit-linear-gradient(135deg, #1D1632, #3F306D, #43072A, #6F305F);
	background: -moz-linear-gradient(135deg, #1D1632, #3F306D, #43072A, #6F305F);
	background: -ms-linear-gradient(135deg, #1D1632, #3F306D, #43072A, #6F305F);
	background: -o-linear-gradient(135deg, #1D1632, #3F306D, #43072A, #6F305F);
	background: linear-gradient(135deg, #1D1632, #3F306D, #43072A, #6F305F)
}

.loading p,
a>.share-qq {
	position: absolute;
	left: 50%
}

.loading p {
	bottom: 50%;
	padding-bottom: 30px;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

a>.share-qq {
	bottom: 100%;
	z-index: 2;
	width: 120px;
	display: none;
	-webkit-transform: translate(-50%, -20px);
	-moz-transform: translate(-50%, -20px);
	-ms-transform: translate(-50%, -20px);
	transform: translate(-50%, -20px)
}

a>.share-qq img {
	width: 100%;
	height: auto
}

.no-touch a:hover>.share-qq,
a:active>.share-qq {
	display: block
}

.pop,
.pop-mask {
	display: none;
	position: fixed
}

.pop-mask {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 7;
	background-color: rgba(0, 0, 0, .49)
}

.pop {
	top: 50%;
	left: 50%;
	z-index: 8;
	background-color: #fff;
	border-radius: 10px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.nav li a,
.no-touch .set .btn-down:hover .down-bd,
.set .btn-down .button {
	display: block
}

/*.header,*/
/*.header .line,*/
/*.header>.bg-img {*/
	/*right: 0;*/
	/*left: 0;*/
	/*top: 0*/
/*}*/

.pop-close {
	position: absolute;
	z-index: 3;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #87135C;
	cursor: pointer
}

.ps-container .ps-scrollbar-y-rail {
	background-color: #6c54af
}

.ps-container .ps-scrollbar-y-rail .ps-scrollbar-y {
	background-color: #493879
}

.ps-container .ps-scrollbar-x-rail {
	background-color: #6c54af
}

.ps-container .ps-scrollbar-x-rail .ps-scrollbar-x {
	background-color: #493879
}

/*.header {*/
	/*position: fixed;*/
	/*height: 86px;*/
	/*z-index: 8;*/
	/*filter: alpha(opacity=0);*/
	/*-webkit-transform: translate(0, -20%);*/
	/*-moz-transform: translate(0, -20%);*/
	/*-ms-transform: translate(0, -20%);*/
	/*transform: translate(0, -20%);*/
	/*transition: all .3s linear*/
/*}*/

/*.header>* {*/
	/*-webkit-transition: all .3s linear;*/
	/*-moz-transition: all .3s linear;*/
	/*-ms-transition: all .3s linear;*/
	/*transition: all .3s linear*/
/*}*/

/*.header.insHeader>.bg-img {*/
	/*background-color: rgba(0, 0, 0, .6)*/
/*}*/

/*.header>.bg-img {*/
	/*position: absolute;*/
	/*bottom: 0;*/
	/*background-attachment: fixed;*/
	/*background-position: center bottom;*/
	/*background-image: none*/
/*}*/

/*.header.active .nav,*/
/*.header.active .set {*/
	/*position: static;*/
	/*float: right*/
/*}*/

/*.loaded .header {*/
	/*opacity: 1;*/
	/*filter: alpha(opacity=100);*/
	/*-webkit-transform: translate(0, 0);*/
	/*-moz-transform: translate(0, 0);*/
	/*-ms-transform: translate(0, 0);*/
	/*transform: translate(0, 0)*/
/*}*/

/*.header.active {*/
	/*height: 60px*/
/*}*/

/*.header.active>.bg-img {*/
	/*background-color: rgba(0, 0, 0, .6)*/
/*}*/

/*.header.active .logo {*/
	/*bottom: 50%;*/
	/*height: 40px;*/
	/*-webkit-transform: translate(0, 50%);*/
	/*-moz-transform: translate(0, 50%);*/
	/*-ms-transform: translate(0, 50%);*/
	/*transform: translate(0, 50%)*/
/*}*/

.mobile-side-btn,
.timeline .bd:before {
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%)
}

/*.header.active .set {*/
	/*padding-top: 17px*/
/*}*/

/*.header.active .nav li a {*/
	/*line-height: 60px;*/
	/*color: #ccc*/
/*}*/

/*.header.active .nav li a.active,*/
/*.no-touch .header.active .nav li a:hover {*/
	/*color: #fff*/
/*}*/

/*.header.active .lang {*/
	/*padding-top: 10px;*/
	/*padding-bottom: 10px*/
/*}*/

/*.header.active .lang .fa {*/
	/*margin-top: 10px*/
/*}*/

/*.header .line {*/
	/*position: absolute;*/
	/*bottom: 0;*/
	/*overflow: hidden*/
/*}*/

/*.header .line .wrapper:after,*/
/*.header .line .wrapper:before {*/
	/*content: '';*/
	/*position: absolute;*/
	/*bottom: 0;*/
	/*height: 1px;*/
	/*background: rgba(255, 255, 255, .16)*/
/*}*/

/*.header .line .wrapper:before {*/
	/*left: -99999em;*/
	/*right: 100%;*/
	/*margin-right: 25px*/
/*}*/

/*.header .line .wrapper:after {*/
	/*left: 95px;*/
	/*right: -99999em*/
/*}*/

/*.header .nav,*/
/*.header .set {*/
	/*right: 0;*/
	/*position: absolute*/
/*}*/

/*.header .wrapper {*/
	/*position: relative;*/
	/*height: 100%;*/
	/*z-index: 3*/
/*}*/

/*.header .logo {*/
	/*position: absolute;*/
	/*left: 0;*/
	/*bottom: 0*/
/*}*/

/*.header .set {*/
	/*top: 0;*/
	/*padding-top: 10px*/
/*}*/

/*.no-touch .header .set:hover {*/
	/*z-index: 3*/
/*}*/

/*.header .nav {*/
	/*bottom: 0*/
/*}*/

.nav li {
	float: left;
	margin-left: 50px
}

.nav li a {
	position: relative;
	line-height: 40px
}

.nav li a:before {
	position: absolute;
	height: 5px;
	width: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	-webkit-transition: width .1s linear;
	-moz-transition: width .1s linear;
	-ms-transition: width .1s linear;
	transition: width .1s linear
}

.nav li a.active:before,
.no-touch .nav li a:hover:before {
	left: 0;
	right: auto;
	width: 100%;
	-webkit-transition: width .2s linear;
	-moz-transition: width .2s linear;
	-ms-transition: width .2s linear;
	transition: width .2s linear
}

.set>a,
.set>div {
	float: left;
	margin-left: 30px
}

.set .btn-down {
	position: relative
}

.set .btn-down .down-bd {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 15px
}

.set .btn-down .down-bd .button {
	display: block;
	width: 100%
}

.lang {
	position: absolute;
	top: 0;
	width: 34px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 0
}

.lang span {
	display: block
}

.lang .fa {
	margin-top: 15px
}

.mobile-side-btn {
	position: absolute;
	right: 30px;
	top: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 30px;
	transform: translate(0, -50%)
}

@media screen and (max-width:1024px) {
	.mobile-side-btn {
		font-size: 26px
	}
}

.mobile-side {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 20%;
	z-index: 9;
	padding-bottom: 30px;
	max-width: 400px;
	background-color: #56428e;
	overflow: hidden;
	font-size: 24px;
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

@media screen and (max-width:1024px) {
	.mobile-side {
		font-size: 18px
	}
}

.mobile-side>* {
	position: relative;
	z-index: 3
}

.mobile-side:before {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(../images/banner.png);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	opacity: .04;
	filter: alpha(opacity=4)
}

.banner .date>*,
.banner .txt>* {
	opacity: 0;
	filter: alpha(opacity=0)
}

.mobile-side.active {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.mobile-side .mobile-nav li a {
	display: block;
	padding: 1em;
	line-height: 1.2em;
	color: #fff;
	border-bottom: 1px solid #41316B
}

.mobile-side .mobile-nav li a .fa {
	margin-left: 5px
}

.mobile-side .mobile-nav li a.active,
.no-touch .mobile-side .mobile-nav li a:hover {
	color: #fff;
	background: rgba(0, 0, 0, .22)
}

.banner,
.brokers,
.contactus,
.contribute,
.feedbacks,
.life,
.others,
.platforms,
.statistics,
.team,
.whatHcash {
	background-attachment: fixed
}

.mobile-down {
	padding-left: 15px;
	padding-right: 15px
}

.mobile-down .button {
	display: block;
	width: 220px
}

.mobile-down .btn-down {
	position: relative;
	margin-bottom: 15px;
	display: inline-block
}

.mobile-down .btn-down .down-bd {
	margin-right: 30px
}

.mobile-down .btn-down .down-bd .button {
	width: auto
}

.mobile-lang {
	display: block;
	height: 30px;
	padding: .5em 1em;
	line-height: 1.2em;
	font-size: 20px;
	color: #fff
}

@media screen and (max-width:1024px) {
	.mobile-lang {
		font-size: 16px
	}
}

.mobile-lang em {
	margin-left: 10px
}

.footer {
	width: 100%;
	height: auto;
	background-color: #000a19;
	z-index: 2;
	padding: 20px 0
}

.footer .ft-copy,
.footer .ft-logo {
	display: inline-block
}

.banner {
	position: relative;
	height: 100vh;
	background-color: #ECF0F3;
	background-position: center bottom
}

.banner .wrapper {
	position: relative;
	height: 100%
}

.banner .date {
	position: absolute;
	right: 0;
	top: 20%
}

.banner .date p:nth-of-type(3) {
	padding-left: 20px
}

.banner .date>* {
	-webkit-transform: translate(100px, 0);
	-moz-transform: translate(100px, 0);
	-ms-transform: translate(100px, 0);
	transform: translate(100px, 0);
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out
}

.banner .date p:nth-child(1) {
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-ms-transition-delay: .1s;
	transition-delay: .1s
}

.banner .date p:nth-child(2) {
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	transition-delay: .2s
}

.banner .date p:nth-child(3) {
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s
}

.banner .txt {
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0
}

.banner .txt>* {
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out
}

.banner .txt h3 {
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-ms-transition-delay: .1s;
	transition-delay: .1s
}

.banner .txt p {
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	transition-delay: .2s
}

.banner .txt .times {
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s
}

.banner .txt .btns {
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	transition-delay: .4s
}

.banner .txt .scrollDown-btn {
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	transition-delay: .5s
}

.banner .scrollDown-btn {
	display: inline-block;
	cursor: pointer
}

.banner .scrollDown-btn span {
	display: block;
	margin-bottom: 10px
}

.banner .scrollDown-btn i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.loaded .banner .date>*,
.loaded .banner .txt>* {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

.whatHcash {
	position: relative;
	background-color: #E0E4E5;
	background-position: center top
}

.whatHcash:before {
	position: absolute
}

.whatHcash .wrapper {
	position: relative;
	z-index: 2
}

.whatHcash .child-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: contain;
	background-position: left bottom
}

.contribute .s-hd {
	display: inline-block
}

.contribute .color-8 {
	font-weight: 700;
	color: gray
}

.brokers {
	background-color: #000710
}

.brokers .bd {
	border-top: 1px solid rgba(255, 255, 255, .16)
}

.timeline {
	background: -webkit-linear-gradient(135deg, #B11270, #56428E);
	background: -moz-linear-gradient(135deg, #B11270, #56428E);
	background: -ms-linear-gradient(135deg, #B11270, #56428E);
	background: -o-linear-gradient(135deg, #B11270, #56428E);
	background: linear-gradient(135deg, #B11270, #56428E)
}

.timeline .bd {
	position: relative
}

.timeline .bd:before {
	position: absolute;
	top: 114px;
	left: 0;
	right: 0;
	height: 2px;
	/**background-image: url(../images/icon5-03.png);**/
	background-repeat: repeat-x;
	background-position: center;
	transform: translate(0, -50%);
	opacity: .26;
	filter: alpha(opacity=26)
}

.timeline .timeline-next,
.timeline .timeline-prev {
	position: absolute;
	top: 114px;
	color: #fff;
	z-index: 3;
	cursor: pointer;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.timeline .timeline-prev {
	left: 0
}

.timeline .timeline-next {
	right: 0
}

.timeline .timeline-next i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.platforms {
	background-color: #56428E
}

.others {
	background-color: #000B1B
}

.others ul li {
	padding: 20px;
	height: 120px;
	line-height: 80px
}

.others ul li a {
	display: block
}

.feedbacks .feedbacks-pagination {
	position: relative;
	top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #fff;
	font-family: GothamLightItalic, "Microsoft Yahei", "STHeiti Light";
	font-size: 20px
}

@media screen and (max-width:1024px) {
	.feedbacks .feedbacks-pagination {
		font-size: 16px
	}
}

.feedbacks .feedbacks-pagination:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.feedbacks .feedbacks-pagination .cur {
	position: absolute;
	top: 0;
	left: 0;
	font-family: GothamBlackItalic, "Microsoft Yahei", "STHeiti Light"
}

.feedbacks .feedbacks-pagination .all {
	position: absolute;
	bottom: 0;
	right: 0
}

.feedbacks .feedbacks-opt>div {
	display: inline-block
}

.feedbacks .feedbacks-opt .feedbacks-next,
.feedbacks .feedbacks-opt .feedbacks-pagination,
.feedbacks .feedbacks-opt .feedbacks-prev {
	float: left
}

.feedbacks .feedbacks-opt .feedbacks-next,
.feedbacks .feedbacks-opt .feedbacks-prev {
	display: block;
	cursor: pointer;
	border-radius: 50%
}

.feedbacks .feedbacks-opt .feedbacks-next i,
.feedbacks .feedbacks-opt .feedbacks-prev i {
	display: block
}

.feedbacks .feedbacks-opt .feedbacks-next i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.contactus .bd li {
	float: left;
	width: 11.111111111%
}

.contactus .bd li:nth-child(1) a:before {
	background: #58689F
}

.contactus .bd li:nth-child(2) a:before {
	background: #6FB0EA
}

.contactus .bd li:nth-child(3) a:before {
	background: #C4544C
}

.contactus .bd li:nth-child(4) a:before {
	background: #5879C2
}

.contactus .bd li:nth-child(5) a:before {
	background: #58689F
}

.contactus .bd li:nth-child(6) a:before {
	background: #BC6C33
}

.contactus .bd li:nth-child(7) a:before {
	background: #75669B
}

.contactus .bd li:nth-child(8) a:before {
	background: #82BB41
}

.contactus .bd li:nth-child(9) a:before {
	background: #4A79B4
}

.contactus .bd li a {
	position: relative;
	display: block;
	padding-bottom: 50px
}

.contactus .bd li a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 16px
}

.my-video,
.videoBox {
	position: fixed;
	z-index: 9;
	-webkit-transition: all .5s ease-out
}

.contactus .bd li a.active:before,
.no-touch .contactus .bd li a:hover:before {
	background: -webkit-linear-gradient(left, #F7BC02, #D85C2F, #7F3AAF);
	background: -moz-linear-gradient(left, #F7BC02, #D85C2F, #7F3AAF);
	background: -ms-linear-gradient(left, #F7BC02, #D85C2F, #7F3AAF);
	background: -o-linear-gradient(left, #F7BC02, #D85C2F, #7F3AAF);
	background: linear-gradient(left, #F7BC02, #D85C2F, #7F3AAF)
}

.videoBox {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	top: 0;
	left: 0;
	display: none;
	opacity: 0;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.loginBox,
.my-video {
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out
}

.videoBox.active {
	display: block;
	opacity: 1
}

.my-video {
	width: 75%!important;
	max-width: 1024px;
	top: 50%;
	left: 50%;
	display: none;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all .5s ease-out
}

.my-video video {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000
}

.my-video.active {
	display: block
}

.member-page {
	padding-top: 86px;
	font-family: PingFangSCRegular, "Microsoft Yahei", "STHeiti Light"
}

.member-page .l-sideBar {
	width: 270px;
	float: left;
	background-color: rgba(66, 46, 102, .77);
	height: 100%;
	padding-top: 150px
}

.member-page .l-sideBar ul li {
	position: relative
}

.member-page .l-sideBar ul li a {
	display: block;
	color: #fff;
	line-height: 1.2em;
	padding: 10px 10px 10px 35px
}

.Subscription-listbox .table .tbody .tr-head .td:first-child:after,
.Subscription-listbox .table .tbody .tr-head .td:last-child:after,
.m-selectbox,
.nav .btn-logIn a:before {
	display: none
}

.member-page .l-sideBar ul li a.active,
.member-page .l-sideBar ul li a:hover {
	background-color: #fff;
	color: #3B2957
}

.member-page .l-sideBar ul li:after {
	content: "";
	width: 90%;
	margin: 0 auto 10px;
	height: 1px;
	background-color: #3C2B57
}

.member-page .r-mainbox {
	width: 1100px;
	float: left;
	margin-left: 140px;
	padding: 25px 0
}

.member-page .r-mainbox .tit {
	color: #fff;
	line-height: 1.2em
}

.Subscription-listbox {
	position: relative;
	overflow: hidden;
	max-height: 700px;
	padding-bottom: 10px
}

.Subscription-listbox .table {
	width: 100%
}

.Subscription-listbox .table .tbody .tr-head .td {
	color: #fff!important;
	line-height: 1.2em;
	padding: 25px 5px!important;
	background-color: rgba(66, 46, 102, .77)!important;
	position: relative;
	border: none!important
}

.Subscription-listbox .table .tbody .tr-head .td:after {
	content: "";
	width: 1px;
	height: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-color: #fff
}

.Subscription-listbox .table .tbody .tr .td {
	color: #382756;
	background-color: #fff;
	line-height: 1.2em;
	padding: 10px 5px;
	border: 2px solid
}

.m-selectbox {
	margin: 20px 10px 0;
	position: relative
}

.m-selectbox .select-down {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.btn-logIn {
	position: relative
}
.nav .btn-logIn {
	margin-left: 80px
}

.nav .btn-logIn a {
	padding: 0 25px
}

.nav .btn-logIn a.active,
.nav .btn-logIn a:hover {
	background-color: #fff;
	color: #593fb2!important;
	border-radius: 15px 15px 0 0
}

.nav .btn-logIn2 {
	margin-left: 80px
}

.nav .btn-logIn2 a {
	padding: 0 25px
}

.nav .btn-logIn2 a.active,
.nav .btn-logIn2 a:hover {
	background-color: #fff;
	color: #593fb2!important;
	border-radius: 15px 15px 0 0
}

.mobile-nav .loginBox {
	position: static;
	width: 100%;
	padding: 15px;
	z-index: 3;
	border-radius: 0
}

.mobile-nav .loginBox .formbox {
	width: 100%
}

.mobile-nav .loginBox .forgotbox {
	padding: 5px 0
}

.mobile-nav .loginBox .forgotbox a {
	background: 0 0!important;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	border-bottom: 0!important;
	color: #502a94!important
}

.mobile-nav .inputbox1 {
	margin-bottom: 10px
}

.loginBox {
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #fff;
	border-radius: 15px 0 15px 15px;
	width: 266px;
	padding: 25px 10px 10px;
	display: none;
	opacity: 0;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.loginBox form,
.submitbox .button {
	display: block;
	width: 100%
}

.loginBox.active {
	display: block;
	opacity: 1
}

.loginBox h2 {
	color: #6a52b2;
	letter-spacing: .4em;
	padding: 10px 0
}

.loginBox .formbox {
	width: 190px;
	margin: 0 auto
}

.loginBox .forgotbox {
	text-align: right
}

.loginBox .forgotbox a {
	color: #a3a2a2;
	padding: 0!important
}

.loginBox .forgotbox a:hover {
	padding: 0!important
}

.submitbox .button {
	background-color: #593fb2;
	color: #fff;
	height: 30px;
	line-height: 30px
}

.submitbox .button:hover {
	background-color: #3f288c
}

.login-bigmask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 7;
	background-color: rgba(0, 0, 0, .48);
	display: none;
	opacity: 0;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.login-bigmask.active {
	display: block;
	opacity: 1
}

.ins-body .investment {
	padding-top: 86px
}

.investment.active .inves-side .checkshow {
	text-indent: 30px
}

.investment .inves-side {
	position: relative;
	float: left;
	width: 430px;
	background-color: rgba(60, 31, 88, .64)
}

.investment .inves-side .checkshow {
	display: none;
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.investment .inves-side .checkshow .fa {
	position: absolute;
	left: 60%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.inves-tab .tab-bd,
.inves-tab .tab-hd,
.inves-tab .time-line-ul {
	position: relative
}

.investment .inves-side .scroll-bd {
	position: relative;
	height: 100%;
	overflow: hidden
}

.investment .inves-main {
	float: right;
	width: 840px
}

.inves-tab .tab-hd li {
	float: left;
	width: 25%;
	border: 1px solid #fff;
	height: 45px;
	line-height: 45px;
	background: 0 0;
	color: #fff;
	text-align: center
}

.inves-tab .tab-hd li.active {
	background-color: #fff;
	color: #502a94
}

.inves-tab .tab-bd {
	background-color: #fff
}

.inves-tab .tab-bd .tab-item {
	padding: 60px 50px
}

.inves-tab .time-line-ul:before {
	position: absolute;
	left: 20%;
	top: 0;
	bottom: 0;
	width: 2px;
	background-color: #DEDEDE;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.inves-tab .time-line-ul li {
	position: relative;
	margin-bottom: 45px
}

.inves-tab .time-line-ul li:after,
.inves-tab .time-line-ul li:before {
	position: absolute;
	left: 20%;
	top: 50%;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.inves-tab .time-line-ul li:before {
	width: 45px;
	height: 45px;
	background-color: #A4E4E1
}

.inves-tab .time-line-ul li:after {
	width: 35px;
	height: 35px;
	background-color: #00BBB3
}

.inves-tab .time-line-ul li span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 20%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.inves-tab .time-line-ul li p {
	margin-left: 20%;
	padding-left: 40px
}

.log-form {
	background-color: rgba(255, 255, 255, .6);
	padding: 50px;
	border-radius: 10px
}



.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.ceiling-container {
  width: 100%;
  height: 80px;
  background: #09122b url(../images/tb1mauosfxxxxclxxxxxxxxxxxx-1920-80.png) no-repeat 50% 100%;
  color: #fff;
  z-index: 1001;
  top: 0;
}
.ceiling-container a {
  display: inline-block;
  color: #fff;
}
.ceiling-container a:hover {
  color: #f60;
}
.ceiling-container .logo {
  float: left;
  /* width: 50px; */
  height: 50px;
  margin-right: 148px;
  margin-top: 15px;
}
.ceiling-container .logo .logo-img {
  width: 50px;
}
.ceiling-container .logo .logo-text {
  width: 94px;
}
.ceiling-container .ceiling-nav {
  float: left;
  line-height: 80px;
}
.ceiling-container .ceiling-nav li {
  height: 79px;
  float: left;
  padding: 0 19px;
  box-sizing: border-box;
}
.ceiling-container .ceiling-nav .active {
  border-bottom: 1px solid #f60;
}
.ceiling-container .ceiling-nav .active > a {
  color: #f60;
}
.ceiling-container .login {
  margin: 20px 0;
}
 .learn-menu,
 .products-menu{
  position: absolute;
  width: 100%;
  z-index: 1024;
  left: 0;
  background: rgba(9,18,43,0.9);
  transition: .2s;
}
 a {
  display: inline-block;
  color: #fff;
}
 a:hover {
  color: #f60;
}
 .learn-menu {
   height: 0;
  text-align: center;
  overflow: hidden;
}
 .learn-menu .learn-cate {
  width: 200px;
  line-height: 100px;
}

.small-cate a{
		line-height: 80px;
	}

 .products-menu {
  height: 0px;
  width:100%;
  overflow: hidden;
}
 .products-menu .small-cate {
  float: left;
  text-align: center;
}
 .products-menu .small-cate img {
  display: block;
  height: 32px;
  margin: 0 auto;
}
 .products-menu .small-cate span {
  display: block;
  margin-top: 6px;
}
 .products-menu .big-cate .big-cate-name {
  color: #fff;
  width: 100%;
  float: left;
  text-align: center;
  line-height: 100px;
}
.products-menu .product {
  width: 80%;
}
.products-menu .product .small-cate {
  width: 16%;
}
.products-menu .media {
  width: 15%;
}
.products-menu .media .small-cate {
  width: 100%;
}
.products-menu .separate {
  position: relative;
  top: 100px;
  width: 1px;
  height: 53px;
  margin-right: 3%;
  background-color: #fff;
}
.ceiling-nav .learn:hover .learn-menu{
  height: 180px;
}
.ceiling-nav .product:hover .products-menu{
  height: 320px;
}
@media screen and (max-width: 767px) {
  .w1140 {
    width: auto;
  }
  .fl {
    float: none;
  }
  .ceiling-container {
    height: auto;
  }
  .ceiling-container .login {
    display: none;
  }
  .ceiling-container .logo {
    float: none;
    display: block;
  }
  .ceiling-container .ceiling-nav {
    position: relative;
    display: flex;
    width: 100%;
    height: 40px;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box;
    line-height: 1.2;
  }
  .ceiling-container .ceiling-nav li {
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 12px;
  }

  .learn-menu, .products-menu {
    top: 40px;
    background-color: rgba(14, 24, 51, 0.95);
  }

  .learn-menu .learn-cate {
    line-height: 46px;
    width: 100%;
    border-bottom: 1px solid rgba(71, 83, 117, 0.86);
  }

  .learn-menu .learn-cate:last-of-type {
    border-bottom: none;
  }

  .products-menu .product {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /* padding-top: 20px; */
  }
  .ceiling-nav .product:hover .products-menu {
    height: auto;
  }
  .ceiling-nav .learn:hover .learn-menu {
    height: auto;
  }
  .products-menu .product .small-cate {
    width: 100%;
    flex-grow: 1;
    flex-basis: 33.333%;
  }
  .products-menu .media {
    width: 100%;
  }
  .products-menu .big-cate .big-cate-name {
    float: none;
    line-height: 30px;
    margin-bottom: 12px;
    position: relative;
  }

  .products-menu .big-cate .big-cate-name:after {
    content: '';
    position: absolute;
    width: 5em;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom: 1px solid rgba(71, 83, 117, 0.86);
  }

  .products-menu .small-cate a {
    display: block;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 16px;
  }
  .products-menu .small-cate img{
    display: inline-block;
  }
  .products-menu .separate {
    display: none;
  }
}