@font-face {
	font-family: swiper-icons;
	src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');
	font-weight: 400;
	font-style: normal;
}

:root {
	--swiper-theme-color: #007aff;
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	transform: translate3d(0,0,0);
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-container-pointer-events {
	touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform,height;
}

.swiper-container-3d {
	perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	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: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory;
}

:root {
	--swiper-navigation-size: 44px;
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-next:after,.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto;
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
	content: 'prev';
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	right: 10px;
	left: auto;
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
	content: 'next';
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000000;
}

.swiper-button-lock {
	display: none;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0,0,0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33);
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	background: #000;
	opacity: .2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--swiper-pagination-color,var(--color_next_prev));
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0,-50%,0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform,.2s top;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s left;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s right;
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white {
	--swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
	--swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s infinite linear;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg);
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px);
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

body.compensate-for-scrollbar {
	overflow: hidden;
}

.fancybox-active {
	height: auto;
}

.fancybox-is-hidden {
	left: -9999px;
	margin: 0;
	position: absolute!important;
	top: -9999px;
	visibility: hidden;
}

.fancybox-container {
	-webkit-backface-visibility: hidden;
	height: 100%;
	left: 0;
	outline: 0;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	transform: translateZ(0);
	width: 100%;
	z-index: 99992;
}

.fancybox-container * {
	box-sizing: border-box;
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.fancybox-outer {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.47,0,.74,.71);
}

.fancybox-is-open .fancybox-bg {
	opacity: .9;
	transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
	direction: ltr;
	opacity: 0;
	position: absolute;
	transition: opacity .25s ease,visibility 0s ease .25s;
	visibility: hidden;
	z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	transition: opacity .25s ease 0s,visibility 0s ease 0s;
	visibility: visible;
}

.fancybox-infobar {
	color: #ccc;
	font-size: 13px;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 44px;
	left: 0;
	line-height: 44px;
	min-width: 44px;
	mix-blend-mode: difference;
	padding: 0 10px;
	pointer-events: none;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fancybox-toolbar {
	right: 0;
	top: 0;
}

.fancybox-stage {
	direction: ltr;
	overflow: visible;
	transform: translateZ(0);
	z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
	overflow: hidden;
}

.fancybox-slide {
	-webkit-backface-visibility: hidden;
	display: none;
	height: 100%;
	left: 0;
	outline: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 10px;
	position: absolute;
	text-align: center;
	top: 0;
	transition-property: transform,opacity;
	white-space: normal;
	width: 100%;
	z-index: 99994;
}

.fancybox-slide:before {
	content: "";
	display: inline-block;
	font-size: 0;
	height: 100%;
	vertical-align: middle;
	width: 0;
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
	display: block;
}

.fancybox-slide--image {
	overflow: hidden;
	padding: 44px 0;
}

.fancybox-slide--image:before {
	display: none;
}

.fancybox-slide--html {
	padding: 6px;
}

.fancybox-content {
	background: #fff;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: relative;
	text-align: left;
	vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
	animation-timing-function: cubic-bezier(.5,0,.14,1);
	-webkit-backface-visibility: hidden;
	background: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	max-width: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	transform-origin: top left;
	transition-property: transform,opacity;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
	cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
	cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
	cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
	cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
	cursor: text;
}

.fancybox-image,.fancybox-spaceball {
	background: 0 0;
	border: 0;
	height: 100%;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}

.fancybox-spaceball {
	z-index: 1;
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
	height: 100%;
	overflow: visible;
	padding: 0;
	width: 100%;
}

.fancybox-slide--video .fancybox-content {
	background: #000;
}

.fancybox-slide--map .fancybox-content {
	background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
	background: #fff;
}

.fancybox-iframe,.fancybox-video {
	background: 0 0;
	border: 0;
	display: block;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.fancybox-iframe {
	left: 0;
	position: absolute;
	top: 0;
}

.fancybox-error {
	background: #fff;
	cursor: default;
	max-width: 400px;
	padding: 40px;
	width: 100%;
}

.fancybox-error p {
	color: #444;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.fancybox-button {
	background: rgba(30,30,30,.6);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 10px;
	position: relative;
	transition: color .2s;
	vertical-align: top;
	visibility: inherit;
	width: 44px;
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
	color: #ccc;
}

.fancybox-button:hover {
	color: #fff;
}

.fancybox-button:focus {
	outline: 0;
}

.fancybox-button.fancybox-focus {
	outline: 1px dotted;
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
	color: #888;
	cursor: default;
	outline: 0;
}

.fancybox-button div {
	height: 100%;
}

.fancybox-button svg {
	display: block;
	height: 100%;
	overflow: visible;
	position: relative;
	width: 100%;
}

.fancybox-button svg path {
	fill: currentColor;
	stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
	display: none;
}

.fancybox-progress {
	background: #ff5268;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: 0;
	transition-property: transform;
	transition-timing-function: linear;
	z-index: 99998;
}

.fancybox-close-small {
	background: 0 0;
	border: 0;
	border-radius: 0;
	color: #ccc;
	cursor: pointer;
	opacity: .8;
	padding: 8px;
	position: absolute;
	right: -12px;
	top: -44px;
	z-index: 401;
}

.fancybox-close-small:hover {
	color: #fff;
	opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
	color: currentColor;
	padding: 10px;
	right: 0;
	top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
	overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
	display: none;
}

.fancybox-navigation .fancybox-button {
	background-clip: content-box;
	height: 100px;
	opacity: 0;
	position: absolute;
	top: calc(50% - 50px);
	width: 70px;
}

.fancybox-navigation .fancybox-button div {
	padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
	left: env(safe-area-inset-left);
	padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
	padding: 31px 6px 31px 26px;
	right: 0;
	right: env(safe-area-inset-right);
}

.fancybox-caption {
	background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
	bottom: 0;
	color: #eee;
	font-size: 14px;
	font-weight: 400;
	left: 0;
	line-height: 1.5;
	padding: 75px 44px 25px;
	pointer-events: none;
	right: 0;
	text-align: center;
	z-index: 99996;
}

@supports (padding:max(0px)) {
	.fancybox-caption {
		padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left));
	}
}

.fancybox-caption--separate {
	margin-top: -50px;
}

.fancybox-caption__body {
	max-height: 50vh;
	overflow: auto;
	pointer-events: all;
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
	color: #ccc;
	text-decoration: none;
}

.fancybox-caption a:hover {
	color: #fff;
	text-decoration: underline;
}

.fancybox-loading {
	animation: a 1s linear infinite;
	background: 0 0;
	border: 4px solid #888;
	border-bottom-color: #fff;
	border-radius: 50%;
	height: 50px;
	left: 50%;
	margin: -25px 0 0 -25px;
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 99999;
}

@keyframes a {
	to {
		transform: rotate(1turn);
	}
}

.fancybox-animated {
	transition-timing-function: cubic-bezier(0,0,.25,1);
}

.fancybox-fx-slide.fancybox-slide--previous {
	opacity: 0;
	transform: translate3d(-100%,0,0);
}

.fancybox-fx-slide.fancybox-slide--next {
	opacity: 0;
	transform: translate3d(100%,0,0);
}

.fancybox-fx-slide.fancybox-slide--current {
	opacity: 1;
	transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	transition-timing-function: cubic-bezier(.19,1,.22,1);
}

.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	opacity: 0;
	transform: scale3d(1.5,1.5,1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
	opacity: 0;
	transform: scale3d(.5,.5,.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
	opacity: 1;
	transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
	opacity: 0;
	transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
	opacity: 0;
	transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
	opacity: 1;
	transform: rotate(0);
}

.fancybox-fx-circular.fancybox-slide--previous {
	opacity: 0;
	transform: scale3d(0,0,0) translate3d(-100%,0,0);
}

.fancybox-fx-circular.fancybox-slide--next {
	opacity: 0;
	transform: scale3d(0,0,0) translate3d(100%,0,0);
}

.fancybox-fx-circular.fancybox-slide--current {
	opacity: 1;
	transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
	transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
	transform: translate3d(100%,0,0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
	transform: translateZ(0) scale(1);
}

@media (max-height:576px) {
	.fancybox-slide {
		padding-left: 6px;
		padding-right: 6px;
	}

	.fancybox-slide--image {
		padding: 6px 0;
	}

	.fancybox-close-small {
		right: -6px;
	}

	.fancybox-slide--image .fancybox-close-small {
		background: #4e4e4e;
		color: #f2f4f6;
		height: 36px;
		opacity: 1;
		padding: 6px;
		right: 0;
		top: 0;
		width: 36px;
	}

	.fancybox-caption {
		padding-left: 12px;
		padding-right: 12px;
	}@	supports (padding:max(0px)) {
		.fancybox-caption{padding-left: max(12px,env(safe-area-inset-left));
		padding-right: max(12px,env(safe-area-inset-right));
	}
}}

.fancybox-share {
	background: #f4f4f4;
	border-radius: 3px;
	max-width: 90%;
	padding: 30px;
	text-align: center;
}

.fancybox-share h1 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px;
}

.fancybox-share p {
	margin: 0;
	padding: 0;
}

.fancybox-share__button {
	border: 0;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 5px 10px;
	min-width: 130px;
	padding: 0 15px;
	text-decoration: none;
	transition: all .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
}

.fancybox-share__button:link,.fancybox-share__button:visited {
	color: #fff;
}

.fancybox-share__button:hover {
	text-decoration: none;
}

.fancybox-share__button--fb {
	background: #3b5998;
}

.fancybox-share__button--fb:hover {
	background: #344e86;
}

.fancybox-share__button--pt {
	background: #bd081d;
}

.fancybox-share__button--pt:hover {
	background: #aa0719;
}

.fancybox-share__button--tw {
	background: #1da1f2;
}

.fancybox-share__button--tw:hover {
	background: #0d95e8;
}

.fancybox-share__button svg {
	height: 25px;
	margin-right: 7px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 25px;
}

.fancybox-share__button svg path {
	fill: #fff;
}

.fancybox-share__input {
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	color: #5d5b5b;
	font-size: 14px;
	margin: 10px 0 0;
	outline: 0;
	padding: 10px 15px;
	width: 100%;
}

.fancybox-thumbs {
	background: #ddd;
	bottom: 0;
	display: none;
	margin: 0;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding: 2px 2px 4px;
	position: absolute;
	right: 0;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	width: 212px;
	z-index: 99995;
}

.fancybox-thumbs-x {
	overflow-x: auto;
	overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
	display: block;
}

.fancybox-show-thumbs .fancybox-inner {
	right: 212px;
}

.fancybox-thumbs__list {
	font-size: 0;
	height: 100%;
	list-style: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	position: relative;
	white-space: nowrap;
	width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
	overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
	width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px;
}

.fancybox-thumbs__list a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(0,0,0,.1);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	float: left;
	height: 75px;
	margin: 2px;
	max-height: calc(100% - 8px);
	max-width: calc(50% - 4px);
	outline: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	width: 100px;
}

.fancybox-thumbs__list a:before {
	border: 6px solid #ff5268;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .2s cubic-bezier(.25,.46,.45,.94);
	z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
	opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
	opacity: 1;
}

@media (max-width:576px) {
	.fancybox-thumbs {
		width: 110px;
	}

	.fancybox-show-thumbs .fancybox-inner {
		right: 110px;
	}

	.fancybox-thumbs__list a {
		max-width: calc(100% - 10px);
	}
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

img {
	vertical-align: middle;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
	display: block;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:after,blockquote:before,q:after,q:before {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
	-webkit-transition-delay: 99999s;
	-webkit-transition: color 99999s ease-out,background-color 99999s ease-out;
}

*,::after,::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a,button,video {
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	text-decoration: none;
}

body {
	font-size: var(--font_size);
	line-height: var(--line_height_body);
	font-family: var(--font_body);
	color: var(--font_body_color);
	background-color: var(--color_bg);
	height: 100%;
}

:lang(ja)>body {
	font-family: var(--font_body);
}

html {
	height: 100%;
}

.clear {
	clear: both;
}

.container-fluid {
	padding-top: 66px;
	width: 100%;
	margin: auto;
}

.container-fluid.transparent {
	padding-top: 0;
}

.container {
	width: auto;
	margin: 0 auto;
}

@media (min-width:768px) {
	.container {
		width: 100%;
	}
}

@media (min-width:992px) {
	.container {
		width: 100%;
	}
}

@media (min-width:1200px) {
	.container {
		width: 92%;
	}
}

@media (min-width:1620px) {
	.container {
		width: 1400px;
		max-width: 92%;
	}
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 66px;
	z-index: 9999;
	width: 100%;
	transition: all .5s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
}

#header #logo {
	display: block;
	width: 100px;
	position: absolute;
	left: 16px;
	top: 0;
	text-decoration: none;
	height: 66px;
	background: var(--img_logo);
	mask-size: 100px;
	background-size: 100px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

#header .menu_box_big {
	display: inline-block;
	width: 100%;
	text-align: right;
	padding-top: 13px;
	padding-right: 16px;
}

#header #menu_button {
	float: right;
	border: none;
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	background-color: #222;
	-webkit-mask: url(./assets/img/menu.svg) no-repeat center;
	mask: url(./assets/img/menu.svg) no-repeat center;
	z-index: 2;
}

#header.transparent #menu_button {
	opacity: .8;
	background-color: #fff;
}

#header.transparent #menu_button:hover {
	opacity: 1;
	background-color: #fff;
}

#header.active #menu_button {
	background-color: #222;
}

#header #menu_button:hover,#header.active #menu_button:hover {
	background-color: #3483ce;
}

#header .menu_box_big .menu_box_menu {
	text-align: left;
	display: block;
	height: 40px;
	float: right;
}

#header .menu_box_big .menu_box_menu.left-menu {
	width: 280px;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: -300px;
	z-index: 9999999;
	display: block;
	overflow-y: auto;
}

#header .menu_box_big .menu_box_menu .item {
	float: left;
}

#header .menu_box_big .menu_box_menu.left-menu {
	background-color: #fff;
	padding: 20px 0;
}

#header .menu_box_big .menu_box_menu.left-menu .item {
	color: var(--color_menu);
	display: block;
	width: 100%;
	text-align: left;
}

#header .menu_box_big .menu_box_menu.left-menu .item {
	padding: 0;
}

#header .menu_box_big .menu_box_menu.left-menu .item-option a,#header .menu_box_big .menu_box_menu.left-menu a.item {
	padding-left: 40px;
}

#header .menu_box_big .menu_box_menu.left-menu a::before {
	content: '';
	height: 20px;
	width: 20px;
	position: absolute;
	left: 10px;
	top: 10px;
	background-image: url(./assets/img/menu.png?v=2);
	background-size: 20px auto;
	background-repeat: no-repeat;
}

#header .menu_box_big .menu_box_menu.left-menu .home::before {
	background-position: center 0;
}

#header .menu_box_big .menu_box_menu.left-menu .editor-choice:before {
	background-position: center -30px;
}

#header .menu_box_big .menu_box_menu.left-menu .review:before {
	background-position: center -60px;
}

#header .menu_box_big .menu_box_menu.left-menu .app-alternatives:before {
	background-size: 18px auto;
	background-position: center -82px;
}

#header .menu_box_big .menu_box_menu.left-menu .top-tens:before {
	background-position: center -123px;
}

#header .menu_box_big .menu_box_menu.left-menu .pre-register:before {
	background-position: center -153px;
}

#header .menu_box_big .menu_box_menu.left-menu .on-sale:before {
	background-position: center -184px;
}

#header .menu_box_big .menu_box_menu.left-menu .games:before {
	background-position: center -212px;
}

#header .menu_box_big .menu_box_menu.left-menu .apps:before {
	background-position: center -240px;
}

#header .menu_box_big .menu_box_menu.left-menu .category:before {
	background-position: center -272px;
}

#header .menu_box_big .menu_box_menu.left-menu .free-apk-download:before {
	background-position: center -303px;
}

#header .menu_box_big .menu_box_menu.left-menu .upload-apk:before {
	background-position: center -402px;
	background-size: 22px auto;
}

#header .menu_box_big .menu_box_menu.left-menu .browser-extension:before {
	background-position: center -301px;
	background-size: 18px auto;
}

#header .menu_box_big .menu_box_menu.left-menu .xapk-manager:before {
	background-position: center -430px;
	background-size: 22px auto;
}

#header .menu_box_big .menu_box_menu.left-menu .search-icon-dark:before {
	background-position: center -417px;
}

#header .menu_box_big .menu_box_menu.left-menu .nijigen:before {
	background-position: center -447px;
}

#header .menu_box_big .menu_box_menu.left-menu .news:before {
	background-position: center -476px;
}

#header .menu_box_big .menu_box_menu.left-menu .item .item-option {
	display: block;
	width: 100%;
	background: 0 0;
	box-shadow: none;
	padding: 0;
	position: static;
}

#header .menu_box_big .menu_box_menu.left-menu .item i {
	display: none;
}

#header .menu_box_big .menu_box_menu.left-menu .item .item-option a {
	position: relative;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 40px;
}

#header .menu_box_big .menu_box_menu.left-menu .item .item-option a:hover {
	background: 0 0;
}

#header .menu_bg {
	background: rgba(0,0,0,.3);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 999;
}

button.close_menu {
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 16px;
	font-size: 22px;
	border: none;
	border-bottom: 1px solid #e9eff2;
	background: #fbfbfb;
	display: block;
	cursor: pointer;
	text-align: left;
	margin-bottom: 16px;
}

#header .menu_box_big .item {
	float: right;
	display: block;
	line-height: 40px;
	padding: 0 10px;
	color: var(--color_menu);
	position: relative;
}

#header .menu_box_big .item span {
	opacity: .8;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#header .menu_box_big div.item i.triangle {
	cursor: pointer;
	opacity: .8;
	padding-right: 16px;
}

#header .menu_box_big div.item i.triangle::after {
	position: absolute;
	right: 10px;
	top: 18px;
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #6f6f6f;
}

#header.transparent .menu_box_big div.item i.triangle::after {
	border-top: 5px solid #fff;
}

#header.active .menu_box_big div.item i.triangle::after {
	border-top: 5px solid #6f6f6f;
}

#header .menu_box_big div.item:hover i.triangle::after {
	border-top: 5px solid #3483ce;
}

#header.active .menu_box_big div.item:hover i.triangle::after {
	border-top: 5px solid #3483ce;
}

#header.transparent .menu_box_big div.item:hover i.triangle::after {
	border-top: 5px solid #fff;
}

#header.active.transparent .menu_box_big div.item:hover i.triangle::after {
	border-top: 5px solid #3483ce;
}

#header .menu_box_big .item .item-option {
	width: 180px;
	text-align: left;
	z-index: 99;
	display: block;
	position: absolute;
	top: 40px;
	left: 0;
	background: #fff;
	padding: 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 .1875rem .3125rem -.0625rem rgba(0,0,0,.2),0 .375rem .625rem 0 rgba(0,0,0,.14),0 .0625rem 1.125rem 0 rgba(0,0,0,.12);
}

#header .menu_box_big .item .item-option a {
	display: block;
	width: 100%;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	color: var(--color_menu);
	text-overflow: ellipsis;
	white-space: nowrap;
}

#header .menu_box_big .item .item-option a:hover {
	background: #f1f2f3;
	color: var(--color_menu_h);
}

#header .menu_box_big .item .item-option.item-lang {
	width: 120px;
	text-align: center;
	right: 0;
	left: auto;
}

#header .menu_box_big .item .item-option.item-lang i {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 20px;
	margin-right: 12px;
	text-align: center;
	border: 2px solid #444;
	overflow: hidden;
	border-radius: 15px;
	vertical-align: middle;
	color: #444;
	font-size: 10px;
}

#header .menu_box_big a.search-icon {
	width: 48px;
	height: 40px;
	background-color: var(--color_menu);
	-webkit-mask: url(./assets/img/search-icon-dark.svg) no-repeat center;
	mask: url(./assets/img/search-icon-dark.svg) no-repeat center;
	-webkit-mask-size: 20px;
	mask-size: 20px;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

#header.transparent {
	background: 0 0;
	box-shadow: none;
	border: none;
}

#header.active {
	position: fixed;
}

#header.transparent.active {
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
}

#header.transparent #logo {
	/* background-color: #fff; */;
}

#header.active #logo {
	/* background-color: var(--color_logo); */;
}

#header.transparent .menu_box_big .item {
	color: #fff;
}

#header.active .menu_box_big .item {
	color: #6f6f6f;
}

#header .menu_box_big .item:hover,#header.transparent.active .menu_box_big .item:hover span {
	color: var(--color_menu_h);
}

#header.transparent .menu_box_big .menu_box_menu.left-menu .item:hover {
	color: #3483ce;
	opacity: 1;
}

#header.transparent .menu_box_big .item:hover span {
	color: #fff;
	opacity: 1;
}

#header.transparent .menu_box_big .item:hover i {
	color: #fff;
	opacity: 1;
}

#header.active.transparent .menu_box_big .item:hover i {
	color: #3483ce;
	opacity: 1;
}

#header.transparent .menu_box_big a.search-icon {
	opacity: .8;
	background-color: #fff;
}

#header.transparent .menu_box_big a.search-icon {
	opacity: .8;
}

#header.transparent .menu_box_big a.search-icon:hover {
	background-color: #fff;
	opacity: 1;
}

#header.active .menu_box_big a.search-icon {
	background-color: #6f6f6f;
	opacity: 1;
}

#header .menu_box_big a.search-icon:hover,#header.active .menu_box_big a.search-icon:hover {
	background-color: var(--color_menu_h);
}

#header.transparent .menu_box_menu.left-menu .item:hover span {
	color: #3483ce;
}

.current-lang {
	cursor: pointer;
	position: relative;
	color: var(--color_menu);
	padding-left: 28px;
}

.current-lang:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background-color: #6f6f6f;
	-webkit-mask: url(./assets/img/language.svg) no-repeat left center;
	mask: url(./assets/img/language.svg) no-repeat left center;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	background-size: 100%;
}

#header.transparent .current-lang {
	color: #fff;
}

#header.active .current-lang {
	color: var(--color_menu);
}

#header .current-lang:before,#header.active .current-lang:before,#header.active.transparent .current-lang:before {
	background-color: var(--color_menu);
}

#header.transparent .current-lang:before {
	background-color: #fff;
}

#header.active .current-lang:hover {
	color: #3483ce;
}

#header.active .current-lang:hover::before {
	background-color: #3483ce;
}

.lang-option {
	text-align: left;
	z-index: 99;
	display: block;
	position: absolute;
	top: 40px;
	right: 0;
	background: #fff;
	padding: 20px 0;
	width: 150px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 .1875rem .3125rem -.0625rem rgba(0,0,0,.2),0 .375rem .625rem 0 rgba(0,0,0,.14),0 .0625rem 1.125rem 0 rgba(0,0,0,.12);
}

.lang-option a {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	padding-left: 54px;
	color: #6f6f6f;
}

.lang-option a:hover {
	background: #f1f2f3;
	color: #3483ce;
}

.lang-option a span {
	border: 1px solid #f1f2f3;
	display: block;
	height: 25px;
	width: 25px;
	position: absolute;
	left: 20px;
	top: 8px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

#footer {
	background: #333;
	padding: 30px;
}

#footer .item {
	float: left;
	width: 25%;
	padding-right: 30px;
}

#footer .item .title {
	font-size: 1rem;
	color: #999;
	padding: 20px 0;
}

#footer .item ul {
	display: block;
	padding-left: 20px;
	padding-bottom: 20px;
}

#footer .item ul li {
	list-style: disc;
	font-size: 14px;
	color: #6f6f6f;
	padding-bottom: 10px;
}

#footer a {
	color: var(--color_footer_link);
}

#footer a:hover {
	color: var(--color_footer_link_h);
}

#footer .item ul a {
	color: var(--color_footer_link);
	font-size: .815rem;
	line-height: 1.2rem;
}

#footer .item ul a:hover {
	color: var(--color_footer_link_h);
	text-decoration: underline;
}

#footer .item .title.discover {
	border-top: 1px solid #484848;
}

.footer-bottom {
	text-align: center;
	clear: both;
	border-top: 1px solid #484848;
	padding-top: 20px;
	font-size: .75rem;
}

.tip-extension {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999;
	top: 0;
	left: 0;
}

.tip-extension-box {
	background-color: #fff;
	max-width: 640px;
	padding: 30px;
	position: relative;
	text-align: center;
	z-index: 9;
	left: 50%;
	top: 5px;
	transform: translate(-50%,0);
	box-shadow: 6px 6px 6px 6px rgba(0,0,0,.1);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	background-image: url(./assets/img/icon/icon-128.png) no-repeat center;
}

.tip-extension:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #000;
	opacity: .4;
}

.tip-extension-box .text {
	text-align: left;
	padding-left: 105px;
	position: relative;
	min-height: 80px;
	font-size: 15px;
	line-height: 20px;
}

.tip-extension-box .text .title {
	font-size: 22px;
	color: var(--color_link);
	padding-right: 16px;
	padding-bottom: 10px;
	line-height: 26px;
}

.tip-extension-box .text p {
	padding-bottom: 24px;
}

#footer .tip-extension-box .text a,.tip-extension-box .text button {
	display: inline-block;
	background-color: #1c72e7;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	vertical-align: top;
	border: none;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	margin-right: 10px;
	right: auto;
	top: auto;
	position: relative;
}

#footer .tip-extension-box .text a {
	padding-left: 50px;
}

.tip-extension-box .text a:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 7px;
	background: url(./assets/img/google_chrome_icon.svg) no-repeat center;
	width: 26px;
	height: 26px;
}

.tip-extension-box .text button.cancel {
	background-color: #fff;
	color: #888;
	position: initial;
}

.tip-extension-box button.cancel {
	position: absolute;
	right: 12px;
	top: 12px;
	background: 0 0;
	border: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}

#footer .tip-extension-box .text a:hover,.tip-extension-box .text button:hover,.tip-extension-box button.cancel:hover {
	opacity: .9;
}

.tip-extension-box .text img {
	position: absolute;
	left: 0;
	top: 0;
}

.home-banner {
	background: url(./assets/img/home-banner.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 280px;
	position: relative;
	z-index: 99;
}

.home-banner .text {
	padding-top: 56px;
	position: absolute;
	left: 50%;
	top: 46%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 640px;
	text-align: center;
	color: #fff;
}

.home-banner .text h1 {
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin-bottom: 16px;
}

.home-banner .text p {
	font-size: .875rem;
}

.home-search {
	margin-top: 20px;
	position: relative;
}

.home-search .tt-menu {
	z-index: 9999;
}

.twitter-typeahead {
	width: 100%;
	text-align: left;
}

.tt-menu {
	margin: 5px 0;
	padding: 10px 0;
	-moz-box-shadow: 0 2px 8px #a9a9a9;
	-webkit-box-shadow: 0 2px 8px #a9a9a9;
	box-shadow: 0 2px 8px #a9a9a9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	background: #fff;
	color: #666;
}

.twitter-typeahead .tt-suggestion {
	padding: 12px 16px;
	cursor: pointer;
}

.twitter-typeahead .tt-suggestion.tt-cursor,.twitter-typeahead .tt-suggestion:hover {
	cursor: pointer;
	background-color: #f1f3f4;
}

.twitter-typeahead .tt-highlight {
	font-weight: 700;
	color: #000;
}

.home-search input {
	background: #fff;
	border: none;
	text-align: left;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
	outline: 0;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 16px;
	padding-right: 86px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-user-select: text;
	user-select: text;
}

.search-btn {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	width: 80px;
	background-color: var(--search_button_pg);
	background-image: url(./assets/img/search-icon-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.h_editor_choice {
	padding: 16px 0;
	background: #fff;
}

.h_editor_choice_list {
	padding: 0 16px;
	padding-left: 8px;
}

.h_editor_choice_list .list {
	width: 50%;
	float: left;
	position: relative;
	min-height: 60px;
	margin-bottom: 16px;
}

.h_editor_choice_list .list a {
	background: #fff;
	display: block;
	box-shadow: 0 2px 4px 0 rgba(189,189,189,.3);
	margin-left: 8px;
	padding-bottom: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

.h_editor_choice_list .list a:hover {
	background: #f9f9f9;
}

@media (min-width:720px) {
	.h_editor_choice_list .list {
		width: 25%;
	}
}

.h_editor_choice_list .list .icon {
	display: block;
	height: 0;
	padding-top: 48.8%;
	position: relative;
	overflow: hidden;
	background: #f6f9fc;
}

.h_editor_choice_list .list .icon img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.h_editor_choice_list .list a:hover .icon img {
	opacity: .9;
}

.h_editor_choice_list .list .title {
	display: block;
	color: var(--color_link);
	font-size: .875rem;
	line-height: 2rem;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 8px;
}

.h_editor_choice_list .list .other {
	height: 20px;
	font-size: .75rem;
	overflow: hidden;
	line-height: 20px;
	color: #919191;
	position: relative;
	padding: 0 8px;
}

.h_editor_choice_list .other span {
	display: inline-block;
	position: relative;
	padding-left: 14px;
	color: #fa8b15;
}

.h_editor_choice_list .other span i {
	position: absolute;
	top: 0;
	width: 14px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 12px;
}

.h_editor_choice_list .other .rating i {
	background-color: #fa8b15;
	left: 0;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat center;
	mask: url(./assets/img/stars-solid.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.h_editor_choice_list .other .review {
	float: right;
	color: #919191;
}

.h_editor_choice_list .other .review i {
	background-color: #919191;
	left: 0;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 10px;
	mask-size: 10px;
}

.cookie-notice-container {
	font-size: .75rem;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #6f6f6f;
	text-align: center;
	z-index: 999999;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.cookie-notice-container button {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-8px,-50%);
	display: block;
	padding: 0 30px;
	height: 30px;
	line-height: 30px;
	background: var(--color_buttons);
	border: none;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	cursor: pointer;
}

.cookie-notice-container .container {
	max-width: 900px;
	z-index: 2;
	position: relative;
	text-align: left;
	padding: 16px;
	padding-right: 110px;
}

.cookie-notice-container:before {
	content: '';
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .95;
	z-index: -1;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
}

.topTens_bread {
	margin-top: -10px;
	background-color: rgba(237,238,244,.4);
	border-radius: 4px;
	padding: 10px 16px;
	font-size: .75rem;
}

.topTens_bread li {
	display: inline-block;
	padding: 0 5px;
}

.topTens_bread li:first-child {
	padding-left: 0;
}

.topTens_bread a {
	color: #6f6f6f;
}

.topTens_bread a:hover {
	color: #3b5998;
}

.topTens_title {
	padding: 16px;
	padding-bottom: 0;
	font-size: .75rem;
	font-weight: 400;
}

.topTens_title h1 {
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: #222;
	font-weight: 600;
}

.topTens_title p {
	color: #9f9f9f;
	padding: 8px 0;
}

.topTens_title .text_description {
	font-size: .875rem;
	line-height: 1.2rem;
}

.topTensMain {
	position: relative;
	padding: 16px 0;
}

.topTensMain-left {
	width: 100%;
}

.topTensMain-right {
	z-index: 99;
}

.topTens_banner {
	position: relative;
	margin-bottom: 16px;
	padding-top: 44%;
	height: 0;
	background: #f1f5f7;
	overflow: hidden;
}

.topTens_banner img.banner {
	width: 100.5%;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.topTens_banner a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
}

.topTens_banner a img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.topTens_banner a.video::before {
	opacity: .9;
	content: '';
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 65px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,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);
}

.topTens_banner .icon {
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	background-color: #eff3f9;
	overflow: hidden;
	position: absolute;
	width: 35%;
	height: 0;
	padding-bottom: 35%;
	left: 50%;
	top: 50%;
}

.topTens_banner .icon:nth-of-type(1) {
	-webkit-transform: translate3d(-50%,-50%,0) rotate(30deg);
	transform: translate3d(-50%,-50%,0) rotate(30deg);
}

.topTens_banner .icon:nth-of-type(2) {
	-webkit-transform: translate3d(-130%,-104%,0) scale(.66) rotate(30deg);
	transform: translate3d(-130%,-104%,0) scale(.66) rotate(30deg);
}

.topTens_banner .icon:nth-of-type(3) {
	-webkit-transform: translate3d(36%,2%,0) scale(.66) rotate(30deg);
	transform: translate3d(36%,2%,0) scale(.66) rotate(30deg);
}

.topTens_banner .icon:nth-of-type(4) {
	-webkit-transform: translate3d(81%,-88%,0) rotate(30deg);
	transform: translate3d(81%,-88%,0) rotate(30deg);
}

.topTens_banner .icon:nth-of-type(5) {
	-webkit-transform: translate3d(-183%,-25%,0) rotate(30deg);
	transform: translate3d(-183%,-25%,0) rotate(30deg);
}

.topTens_banner .icon:nth-of-type(6) {
	-webkit-transform: translate3d(-8%,-132%,0) scale(.66) rotate(30deg);
	transform: translate3d(-8%,-132%,0) scale(.66) rotate(30deg);
}

.topTens_banner .icon:nth-of-type(7) {
	-webkit-transform: translate3d(-98%,28%,0) scale(.66) rotate(30deg);
	transform: translate3d(-98%,28%,0) scale(.66) rotate(30deg);
}

.topTens_banner .icon img {
	width: 100%;
}

.topTens_text_description {
	padding: 0 16px;
	font-size: .85rem;
	line-height: 1.3rem;
}

.topTens_describe {
	margin: 10px 16px 16px;
	max-height: 160px;
	overflow-y: hidden;
	position: relative;
	font-size: .85rem;
	line-height: 1.3rem;
}

.topTens_describe.show {
	max-height: none;
	height: 100%;
	overflow: initial;
}

.topTens_describe p {
	padding-bottom: 16px;
}

.topTens_describe ul {
	padding: 0;
}

.topTens_describe li {
	list-style-type: none;
	background-image: url(./assets/img/dot.svg);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 16px;
	line-height: 1.2rem;
}

.topTens_describe strong {
	font-weight: 700;
}

.apps_wrapper {
	background: #f1f5f7;
	margin-bottom: 5px;
	position: relative;
}

.apps_wrapper .count {
	color: #fff;
	z-index: 99;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
}

.apps_wrapper .count:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 34px 0 0;
	border-color: #55acee transparent transparent transparent;
	z-index: 9;
}

.apps_wrapper .count span {
	display: block;
	padding: 3px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.apps_wrapper:first-child .count:before {
	border-color: #f4241a transparent transparent transparent;
}

.apps_wrapper:nth-child(2) .count:before {
	border-color: #f77e14 transparent transparent transparent;
}

.apps_wrapper:nth-child(3) .count:before {
	border-color: #efaa1a transparent transparent transparent;
}

.apps_wrapper_info {
	position: relative;
	height: 100%;
	padding: 16px;
	padding-bottom: 0;
}

.apps_wrapper_info .icon {
	display: inline-block;
	width: 70px;
	height: 70px;
	position: absolute;
	left: 16px;
	top: 16px;
	background: #fff;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	overflow: hidden;
}

.apps_wrapper_info .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.apps_wrapper_info .text {
	margin-left: 80px;
	min-height: 70px;
}

.apps_wrapper_info .text .title {
	width: 100%;
	padding-right: 34px;
	display: inline-block;
	font-size: 1rem;
	color: var(--color_link);
	line-height: 1.2rem;
	max-height: 2.4rem;
	margin-top: 3px;
	margin-bottom: 8px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.apps_wrapper_info .text .other {
	position: relative;
	padding-right: 40px;
}

.apps_wrapper_info .text .other a.alternatives,.apps_wrapper_info .text .other span {
	display: inline-block;
	position: relative;
	padding-left: 16px;
	color: #9f9f9f;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
}

.apps_wrapper_info .text .other a.alternatives:before,.apps_wrapper_info .text .other span:before {
	content: '';
	position: absolute;
	top: 0;
	width: 12px;
	height: 20px;
	left: 0;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 3px;
}

.apps_wrapper_info .text .other span.price:before {
	background-color: #919191;
	-webkit-mask: url(./assets/img/price-icon.svg) no-repeat center 3px;
	mask: url(./assets/img/price-icon.svg) no-repeat center 3px;
	-webkit-mask-size: 13px;
	mask-size: 13px;
}

.apps_wrapper_info .text .other span.rating:before {
	background-color: #fa8b15;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat center 3px;
	mask: url(./assets/img/stars-solid.svg) no-repeat center 3px;
	-webkit-mask-size: 13px;
	mask-size: 13px;
}

.apps_wrapper_info .text .other span.review:before {
	background-color: #919191;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.apps_wrapper_info .text .other a.alternatives {
	color: #3483ce;
}

.apps_wrapper_info .text .other a.alternatives:before {
	background-color: #3483ce;
	-webkit-mask: url(./assets/img/app-alternatives.svg) no-repeat center;
	mask: url(./assets/img/app-alternatives.svg) no-repeat center;
	-webkit-mask-size: 10px;
	mask-size: 10px;
}

.apps_wrapper_info .text a.btn {
	display: block;
	cursor: pointer;
	background: #0284fe;
	text-align: center;
	line-height: 30px;
	width: 30px;
	color: #fff;
	font-size: .75rem;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: absolute;
	right: 16px;
	top: 20px;
}

.apps_wrapper_info .text a.btn i {
	display: block;
	width: 30px;
	height: 30px;
	content: '';
	background-color: #fff;
	-webkit-mask: url(./assets/img/download.svg) no-repeat center;
	mask: url(./assets/img/download.svg) no-repeat center;
	-webkit-mask-size: 13px;
	mask-size: 13px;
	background-size: 13px;
	background-position: center;
	background-repeat: no-repeat;
}

.apps_wrapper_info .text a.btn span {
	display: none;
	padding-right: 10px;
}

@media (min-width:720px) {
	.apps_wrapper_info .text .other,.apps_wrapper_info .text .title {
		padding-right: 140px;
	}

	.apps_wrapper_info .text a.btn {
		padding: 0 16px;
		color: #fff;
		line-height: 30px;
		width: auto;
	}

	.apps_wrapper_info .text a.btn i {
		float: left;
	}

	.apps_wrapper_info .text a.btn span {
		display: inline-block;
		padding-right: 10px;
	}
}

.apps_wrapper_description {
	margin: 8px 16px;
	max-height: 175px;
	overflow: hidden;
	position: relative;
	font-size: .85rem;
	line-height: 1.2rem;
}

.apps_wrapper .more-btn:before {
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(241,245,247,0)),color-stop(100%,#f1f5f7));
	background-image: -webkit-linear-gradient(top,rgba(241,245,247,0),#f1f5f7);
	background: linear-gradient(to bottom,rgba(241,245,247,0),#f1f5f7);
}

.apps_wrapper .more-btn span {
	background: #f1f5f7;
}

.slide-box.apps_wrapper_img {
	height: 217px;
}

.slide-box.apps_wrapper_img::before {
	background: #f1f5f7;
}

.apps_wrapper_img .det-pic-out {
	height: 217px;
}

.apps_wrapper_img li {
	padding-left: 16px;
	padding-right: 12px;
}

.apps_wrapper_img .list {
	display: inline-block;
	height: 200px;
	background: #fff;
	position: relative;
	overflow: hidden;
	vertical-align: top;
}

.apps_wrapper_img.slide-box .next,.apps_wrapper_img.slide-box .prev {
	top: 47%;
}

.apps_wrapper_img .list.video {
	min-width: 300px;
}

.apps_wrapper_img .list.video img {
	min-width: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.apps_wrapper_img .list.video::before {
	opacity: .9;
	content: '';
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 70px;
	background-position: center 45%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,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);
}

.apps_wrapper_img .list.video.type::before {
	background-position: center;
}

.apps_wrapper_img .list:hover.video::before {
	opacity: 1;
}

.apps_wrapper_img .list.video .v-time {
	position: absolute;
	right: 0;
	top: 8px;
	background: #fff;
	color: #6f6f6f;
	z-index: 9;
	font-size: .75rem;
	padding-left: 10px;
	padding-right: 5px;
	height: 20px;
	line-height: 20px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}

.apps_wrapper_img .list.video .v-title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	background: hsla(0,0%,6.7%,.6);
	z-index: 9;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8px;
	color: #fff;
	font-size: .875rem;
	line-height: 1rem;
}

.latest {
	padding: 0 16px;
}

.latest .big-title {
	padding: 0;
	padding-bottom: 16px;
}

.latest .list {
	display: block;
	margin-bottom: 16px;
	position: relative;
}

.latest .list .icon {
	height: 80px;
	width: 150px;
	background: #f1f5f7;
	position: relative;
	top: 0;
	left: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.latest .list img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.latest .list .text {
	position: absolute;
	left: 170px;
	top: 0;
	height: 85px;
}

.latest .list .text p {
	font-size: 1rem;
	line-height: 1.3rem;
	height: 2.6rem;
	color: #222;
	overflow: hidden;
	margin-bottom: 12px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.latest .list .text span {
	font-size: .75rem;
	color: #9f9f9f;
}

.latest .list:hover .text p {
	color: #3483ce;
}

.latest .list:hover img {
	opacity: .9;
}

.top_tens_r_list {
	display: block;
	margin-bottom: 16px;
	height: 0;
	width: 100%;
	padding-top: 48%;
	position: relative;
	background: #f1f5f7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.top_tens_r_list img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.top_tens_r_list::after {
	content: '';
	width: auto;
	position: absolute;
	height: 60%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,.7)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
	background: linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 100%);
	opacity: .8;
}

.top_tens_r_list .title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 32px;
	font-size: 1.1rem;
	line-height: 1.2rem;
	max-height: 2.4rem;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	z-index: 10;
	padding: 0 10px;
}

.top_tens_r_list .other {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	z-index: 10;
	padding: 10px;
	font-size: .75rem;
	opacity: .8;
}

@media (min-width:1024px) {
	.topTens_bread {
		margin-top: 0;
	}

	.topTens_title {
		border-bottom: 1px solid #e8e8e8;
		padding-bottom: 8px;
	}

	.topTens_banner {
		padding-top: 40%;
		margin: 0 16px 16px;
		margin-right: 0;
	}

	.apps_wrapper_list {
		padding-left: 16px;
	}

	.topTensMain-left {
		float: left;
	}

	.topTensMain-left-main {
		margin-right: 380px;
	}

	.topTensMain-right {
		padding-right: 16px;
		display: block;
		float: right;
		width: 360px;
		margin-left: -360px;
	}

	.latest {
		padding: 0;
	}
}

.container_main_banner {
	min-height: 160px;
	text-align: center;
	color: #fff;
	position: relative;
	background: url(./assets/img/home-banner.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.container_main_banner .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width: 900px;
	padding: 16px;
	font-weight: 200;
}

.container_main_banner h1 {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 200;
	padding: 10px;
}

.container_main {
	margin: 0 auto;
	background: #fff;
	max-width: 900px;
	padding: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 3px 8px 0 rgba(0,0,0,.03);
	line-height: 26px;
	padding-bottom: 60px;
}

.container_main a {
	color: #37aafd;
}

.container_main p {
	padding-bottom: 10px;
}

.container_main h3 {
	font-size: 18px;
	color: #555;
	padding: 20px 0;
}

.container_main_title {
	padding-bottom: 30px;
	font-size: 14px;
	color: #555;
}

.container_main_title p {
	padding-bottom: 10px;
	line-height: 24px;
}

.container_main_title a {
	color: #37aafd;
}

@media (min-width:1024px) {
	.container_main {
		margin: 30px auto;
	}
}

.container_main .refund-faqs h2 {
	font-size: 18px;
	font-weight: 600;
	padding: 8px 0;
}

.container_main .refund-faqs h3 {
	padding: 8px 0;
	font-weight: 600;
}

.container_main .refund-faqs ol {
	padding-left: 16px;
	list-style: decimal;
	padding-bottom: 10px;
}

.big-title {
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: var(--color_big_title);
	padding: 16px;
	padding-top: 0;
	position: relative;
}

.big-title a {
	color: var(--color_big_title);
}

.big-title .more {
	position: absolute;
	display: block;
	line-height: 1.5rem;
	font-size: .875rem;
	right: 16px;
	top: 0;
	color: var(--color_more);
	background-image: url(./assets/img/more-icon.svg);
	background-position: right 9px;
	background-repeat: no-repeat;
	background-size: 7px;
	padding-right: 10px;
}

.report-form .input {
	min-height: 100px;
	position: relative;
}

.report-form .input .title,.report-radio-title {
	font-size: 14px;
	display: block;
	padding-bottom: 5px;
	color: #555;
}

.report-radio-title {
	padding-top: 10px;
}

.report-form .input .title span {
	padding-right: 5px;
	color: #e68d8d;
}

.report-form input {
	border: 1px solid #e3e5e6;
	width: 100%;
	line-height: 40px;
	height: 40px;
	padding: 0 16px;
	margin-bottom: 30px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	outline: 0;
}

.report-form input#pkg:disabled {
	background: #f1f3f4;
}

.report-radio label {
	width: 100%;
	height: 40px;
	display: block;
	position: relative;
	padding-left: 30px;
	line-height: 40px;
}

.report-radio label input {
	position: absolute;
	left: 0;
	top: 10px;
	width: 20px;
	height: 20px;
	display: inline-block;
	border: none;
	background: 0 0;
	padding: 0;
	margin: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.report-form input:focus {
	border: 1px solid #dadbdc;
	background: #f1f3f4;
}

.report-form .input-text #message.error,.report-form input.error {
	border: 1px solid #e0b4b4;
	background: #fff6f6;
}

.report-form .errorText {
	display: none;
	position: absolute;
	left: 0;
	bottom: 10px;
	color: #e68d8d;
	font-size: 12px;
	line-height: 12px;
}

.report-form .input-text {
	position: relative;
	padding-top: 10px;
	padding-bottom: 30px;
}

.report-form .input-text .title {
	font-size: 16px;
	padding-bottom: 10px;
	color: #555;
}

.report-form .input-text #message {
	display: block;
	width: 100%;
	font-size: 12px;
	border: 1px solid #e3e5e6;
	padding: 8px 16px;
	margin-bottom: 10px;
	min-height: 100px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.report-form .successfully {
	margin: 10px auto;
}

.report-form button.button {
	padding: 16px;
	display: block;
	background: #ff713f;
	border: none;
	color: #fff;
	width: 100%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

.report-form button.button:hover {
	background: #ea6738;
}

@media (min-width:1024px) {
	.report-form button.button {
		width: 300px;
		margin: 0 auto;
	}
}

.report-layer {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	left: 0;
	top: 0;
}

.report-layer:before {
	content: '';
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: 100%;
	background: #000;
	opacity: .6;
}

.report-layer-main {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 30px;
	text-align: center;
	min-width: 320px;
	font-size: 14px;
}

.report-layer-main #icon {
	height: 48px;
	width: 48px;
	margin: 0 auto;
	margin-bottom: 16px;
}

.report-layer-main #icon.success {
	background-image: url(./assets/img/report-s.svg);
}

.report-layer-main #icon.error {
	background-image: url(./assets/img/report-e.svg);
}

.ErrorBox {
	background-color: #fff;
	margin-top: 10px;
}

.ErrorBox .container {
	padding: 50px 16px;
}

.ErrorBox h1 {
	color: #d32f2f;
	font-size: 28px;
	line-height: 30px;
	font-weight: 200;
	padding-bottom: 10px;
}

.ErrorBox a {
	color: #0284fc;
	text-decoration: underline;
}

.container_main.how-to-install h3 {
	font-size: 1.6rem;
	line-height: 2rem;
}

.container_main.how-to-install h5 {
	font-size: 18px;
	color: #555;
	margin-bottom: 10px;
	padding-top: 10px;
}

.how-to-install h4 {
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #555;
	padding-bottom: 10px;
}

.how-to-install strong {
	font-weight: 700;
	color: #555;
}

.how-to-install .tutorial_pic {
	margin: 0 auto;
	margin-bottom: 20px;
	height: 330px;
	overflow-y: hidden;
	overflow-x: auto;
	z-index: 1;
	white-space: nowrap;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	direction: ltr;
	-webkit-overflow-scrolling: touch;
}

.how-to-install .tutorial_pic a {
	display: inline-block;
	background: #f6f9fc;
	width: 155.67px;
	border: 1px solid #f6f9fc;
	height: 320px;
	overflow: hidden;
}

.how-to-install .tutorial_pic .youtube_iframe {
	display: inline-block;
	width: 90%;
	max-width: 480px;
	height: 320px;
	position: relative;
}

.how-to-install .youtube_video {
	width: 100%;
	max-width: 640px;
	height: 0;
	padding-top: 56.6%;
	margin: 0 auto;
	position: relative;
}

@media (min-width:720px) {
	.how-to-install .youtube_video {
		max-width: 560px;
		height: 320px;
		padding-top: 0;
	}
}

.how-to-install .tutorial_pic .youtube_iframe iframe,.how-to-install .youtube_video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.editor_choice {
	padding: 16px 0;
	background: #fff;
}

.editor_choice_list {
	padding: 0 16px;
	padding-left: 8px;
}

.editor_choice_list .list {
	width: 33.33%;
	float: left;
	position: relative;
	padding: 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.editor_choice_list .list:hover {
	background: #f9f9f9;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.editor_choice_list .list:hover .icon {
	opacity: .9;
}

.editor_choice_list .list:hover .title {
	color: #3483ce;
}

@media (min-width:720px) {
	.editor_choice_list .list {
		width: 25%;
	}
}

@media (min-width:600px) {
	.editor_choice_list .list {
		width: 16.666%;
	}
}

.editor_choice_list .list .icon {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 6px;
}

.editor_choice_list .list .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.editor_choice_list .list .icon img.loaded {
	background: #fff;
}

.editor_choice_list .list .rating {
	height: 1.2rem;
	font-size: .75rem;
	line-height: 1.2rem;
	padding-left: 16px;
	color: #fa8b16;
	background-image: url(./assets/img/stars-solid.svg);
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 13px;
}

.editor_choice_list .list .title {
	font-size: 1rem;
	line-height: 1.4rem;
	color: var(--color_link);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.more-btn {
	cursor: pointer;
	display: block;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: var(--color_link);
}

.more-btn span {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 2;
	position: absolute;
}

.more-btn:hover span {
	color: var(--color_link_h);
}

.more-btn:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 1;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
	background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
}

.bread-crumbs a:hover {
	color: #666;
	text-decoration: none;
}

.detail-banner {
	background: #fff;
}

.detail-banner-bg {
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	background: var(--color_buttons);
}

.detail-banner-bg span {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	height: 100%;
	display: inline-block;
	opacity: .3;
	filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.detail-banner-bg:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: linear-gradient(-180deg,rgba(0,0,0,0) 2%,rgba(0,0,0,.3) 95%);
}

.detail-main {
	padding: 16px 0;
	position: relative;
	z-index: 2;
	padding-top: 56px;
}

.detail-info {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 60px;
}

.detail-info h1 {
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: #222;
	padding: 16px 16px 10px;
}

.detail-info .icon {
	width: 88px;
	height: 88px;
	margin: 0 auto;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
}

.detail-info .icon img {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin: 4px;
}

.detail-info .text {
	padding: 0 16px 16px;
	color: #9f9f9f;
}

.detail-info .text .version {
	color: var(--color_link_h);
	font-size: 14px;
	margin-right: 5px;
}

.detail-info .text .developers {
	color: var(--color_link);
	text-align: center;
}

.detail-info .text .developers:hover {
	text-decoration: underline;
	color: var(--color_link_h);
}

.detail-info .short-description {
	padding: 0 8px;
	color: #9f9f9f;
	text-align: center;
}

.detail_star_review {
	position: absolute;
	right: 8px;
	top: 90px;
}

.detail_review,.detail_star {
	position: relative;
	color: #fff;
	line-height: 24px;
	height: 24px;
	padding: 0 10px;
	padding-left: 24px;
	overflow: hidden;
	font-size: .75rem;
	background-image: url(./assets/img/stars-solid.svg);
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 12px;
	display: inline-block;
}

.detail_review {
	background-image: url(./assets/img/review.svg);
	background-size: 10px;
}

.detail_edits {
	position: relative;
	color: #fff;
	line-height: 24px;
	height: 24px;
	padding: 0 10px;
	padding-left: 24px;
	overflow: hidden;
	font-size: .75rem;
	background-repeat: no-repeat;
	background-position: 8px center;
	background-size: 12px;
	display: inline-block;
}

.detail_edits { 
	background-image: url(./assets/img/editor.svg);
	background-size: 10px;
}

 
.detail_edits:before,.detail_review:before,.detail_star:before {
	content: '';
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: -1;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	opacity: .4;
}

.pre_register_btn {
	display: block;
	margin: 0 auto;
	clear: both;
	width: 210px;
	height: 80px;
	background-image: url(./assets/img/google-badge/en_pre_register_generic.png);
	background-position: center;
	background-size: 200px;
	background-repeat: no-repeat;
}

.google_play_btn {
	display: block;
	margin: 10px auto;
	clear: both;
	width: 176px;
	height: 55px;
	background-image: url(./assets/img/google-badge/en_badge_web_generic.png);
	background-position: center;
	background-size: 200px;
	background-repeat: no-repeat;
}

.google_play_btn.jp {
	background-image: url(./assets/img/google-badge/jp_badge_web_generic.png);
}

.google_play_btn.de {
	background-image: url(./assets/img/google-badge/de_badge_web_generic.png);
}

.download-btn {
	padding: 0 5px;
	position: relative;
	max-width: 410px;
	margin: 0 auto;
	width: 100%;
}

.download-btn .detail-security {
	position: absolute;
	right: 4px;
	top: 0;
	height: 47px;
	width: 40px;
	background-image: url(./assets/img/detail-security.svg);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
}

.download-btn .qrcode_btn {
	display: none;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 6px;
	right: -48px;
	cursor: pointer;
	background-color: #9f9f9f;
	-webkit-mask: url(./assets/img/QrCode.svg) no-repeat center;
	mask: url(./assets/img/QrCode.svg) no-repeat center;
	-webkit-mask-size: 22px;
	mask-size: 22px;
	background-size: 22px;
}

@media (min-width:560px) {
	.download-btn .qrcode_btn {
		display: inline-block;
	}
}

#detail_qrcode {
	display: none;
	text-align: center;
}

#detail_qrcode img {
	margin: 16px auto;
}

.navigationBar {
	position: fixed;
	left: 0;
	width: 100%;
	height: 66px;
	top: -66px;
	background: #fff;
	z-index: 9999;
	transition: top .1s;
	border-bottom: 1px solid #e8e8e8;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
}

.navigationBar.show {
	top: 0;
}

.navigationBar .container {
	position: relative;
	height: 100%;
}

.navigationBar .icon {
	height: 50px;
	width: 50px;
	position: absolute;
	left: 16px;
	top: 8px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
	background: #f6f9fc;
}

.navigationBar .title {
	height: 100%;
	margin-left: 80px;
	margin-right: 148px;
	font-size: 1.1rem;
	line-height: 66px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.navigationBar .btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 66px;
	line-height: 66px;
	background: var(--color_buttons);
	text-align: center;
	color: #fff;
	padding-left: 36px;
	padding-right: 16px;
	font-size: .75rem;
}

.navigationBar .btn.pre_register {
	padding: 0;
	width: 140px;
	background-image: url(./assets/img/google-badge/en_pre_register_generic.png);
	background-position: center;
	background-size: 140px;
	background-repeat: no-repeat;
}

.navigationBar .btn.google_play {
	padding: 0;
	width: 140px;
	background: 0 0;
	background-image: url(./assets/img/google-badge/en_badge_web_generic.png);
	background-position: center;
	background-size: 140px;
	background-repeat: no-repeat;
}

.navigationBar .btn.google_play.jp {
	background-image: url(./assets/img/google-badge/jp_badge_web_generic.png);
}

.navigationBar .btn.google_play.gray {
	background-color: #fff;
	background-image: url(./assets/img/google-badge/en_badge_web_generic_gray.png);
}

.navigationBar .btn:before {
	display: block;
	width: 30px;
	height: 30px;
	content: '';
	background-color: #fff;
	-webkit-mask: url(./assets/img/download.svg) no-repeat center;
	mask: url(./assets/img/download.svg) no-repeat center;
	-webkit-mask-size: 13px;
	mask-size: 13px;
	background-size: 13px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 6px;
	top: 16px;
}

.navigationBar .btn.google_play:before,.navigationBar .btn.pre_register:before {
	display: none;
}

.container_hint {
	background: #fff;
	text-align: center;
	padding: 10px;
}

.container_hint a {
	color: #0284fe;
	text-decoration: underline;
}

.security {
	display: inline-block;
	height: 30px;
	width: 30px;
	background-color: #0284fe;
	-webkit-mask: url(./assets/img/detail-security.svg) no-repeat center;
	mask: url(./assets/img/detail-security.svg) no-repeat center;
	-webkit-mask-size: 17px;
	mask-size: 17px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.detail_price {
	margin-top: 16px;
}

.detail_price .price {
	font-size: 1rem;
	color: #f92e1f;
}

.detail_price .peak_price {
	font-size: .75rem;
	margin: 0 5px;
	text-decoration: line-through;
	color: #9f9f9f;
}

.detail_price .discount {
	color: #fff;
	background: #24cd77;
	padding: 2px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.download-btn a {
	cursor: pointer;
	margin: 20px auto;
	margin-bottom: 10px;
	display: block;
	width: 100%;
	background: var(--color_buttons);
	height: 47px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	font-size: .8rem;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	border-bottom: 3px solid var(--color_buttons_h);
	padding-right: 32px;
	padding-left: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.download-btn a:hover {
	background: var(--color_buttons_h);
}

.down_link {
	color: #0284fe;
	line-height: 30px;
}

.down_link a {
	color: var(--color_link_h);
}

.down_link a:hover {
	color: var(--color_link);
}

.detail-describe {
	padding: 16px 0;
	background: #fff;
	margin-top: 3px;
}

.detail-describe .text {
	padding: 0 16px;
	max-height: 200px;
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
	line-height: 1.2rem;
	font-size: .8rem;
}

.detail-describe .description,.detail-describe .editor_review,.detail-describe .pre_description {
	padding-bottom: 16px;
	line-height: 1.5rem;
}

.detail-describe .description p {
	padding-bottom: 16px;
}

.detail-describe .small_title {
	font-size: 1rem;
	color: #222;
	padding: 16px 0;
}

.detail-describe .editor_review p {
	padding-bottom: 16px;
}

.detail-describe .editor_review ul {
	padding: 0;
}

.detail-describe .editor_review ul li {
	list-style-type: none;
	background-image: url(./assets/img/dot.svg);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 16px;
	line-height: 1.2rem;
}

.detail-describe a {
	color: #0284fe;
}

.detail-describe ul,.detail-describe ul li {
	list-style-type: disc;
}

.detail-describe ul {
	padding-left: 16px;
}

.detail-describe strong {
	font-weight: 700;
}

.detail-screenshots {
	text-align: center;
	padding: 30px 0;
}

.detail-screenshots h3 {
	text-align: left;
	padding: 0 16px;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #222;
	margin-bottom: 20px;
}

.screenshots-box {
	padding-left: 16px;
	margin: 0 auto;
	/* height: 260px; */
	height: calc(100% - 2rem);
	overflow-x: auto;
	z-index: 1;
	white-space: nowrap;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	direction: ltr;
	-webkit-overflow-scrolling: touch;
}

@media (max-width:480px) {
    /* For Mobile Phones */
	#footer.desktop {
		display: none;
	}

	footer#footermb.mobile {
		display: block!important;
	}

	.screenshots-box {
		height: 260px!important;
	}
}

@media (max-width:960px) {
    /* For Tablets */
	#footer.desktop {
		display: none;
	}

	footer#footermb.mobile {
		display: block!important;
	}

	.screenshots-box {
		height: 260px!important;
	}
}

@media (min-width:1025px) {
    /* For Laptops/Desktop */
	#footermb.mobile {
		display: none!important;
	}
}

@media (max-width:1280px) {
    /* For Hi-Res Laptops */
	#footermb.mobile {
		display: none!important;
	}
}

div#footer div.container.mobile div.item {
	padding-bottom: 16px!important;
}

footer#footermb.mobile {
	background: #333;
	padding: 20px;
	text-align: center;
}

footer#footermb.mobile .item {
	padding-bottom: 16px;
}

footer#footermb.mobile .item a {
	color: #9f9f9f;
	font-size: .815rem;
	line-height: 1.2rem;
}

footer#footermb.mobile a {
	color: var(--color_footer_link);
}

footer#footermb.mobile.copyright {
	text-align: center;
	clear: both;
	border-top: 1px solid #484848;
	padding-top: 10px;
	font-size: .75rem;
}

.screenshots-box a {
	display: inline-block;
	height: 250px;
	min-width: 141px;
	background: #fff;
}

.detail-tag {
	padding: 16px 0;
	background: #fff;
	margin-top: 3px;
}

.detail-post {
	padding-bottom: 16px;
	background: #fff;
	margin-top: 3px;
}

.detail-post .container {
	position: relative;
	overflow: hidden;
	height: 340px;
}

.detail-post .big-title {
	z-index: 999;
	background: #fff;
	padding-top: 16px;
}

.detail-post-box {
	width: 100%;
	padding: 0 8px;
	max-width: 480px;
	height: 320px;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	top: 0;
	left: 0;
}

.detail-post.facebook .container {
	position: relative;
	overflow: auto;
	height: auto;
}

.detail-post.facebook .detail-post-box {
	width: auto;
	margin: 0 16px;
	padding: 0;
	max-width: 350px;
	height: auto;
	overflow: auto;
	position: relative;
	top: 0;
	left: 0;
}

.detail-more-info {
	border-top: 3px solid #f8f8f8;
	background: #fff;
	padding: 16px 0;
	color: #9f9f9f;
	font-size: .75rem;
}

.detail-more-info .container {
	padding: 0 16px;
}

.detail-more-info .big-title {
	padding: 0;
	padding-bottom: 16px;
}

.detail-more-info .item {
	padding-left: 30px;
	float: left;
	width: 50%;
	margin-bottom: 8px;
	margin-top: 8px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px;
	line-height: 12px;
}

@media (min-width:768px) {
	.detail-more-info .item {
		width: 33.3%;
	}
}

@media (min-width:992px) {
	.detail-more-info .item {
		width: 25%;
	}
}

.detail-more-info .title {
	font-size: 12px;
	color: #222;
	padding-bottom: 8px;
}

.detail-more-info .item p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.detail-more-info a {
	color: var(--color_link);
}

.detail-more-info a:hover {
	color: var(--color_link_h);
}

.detail-more-info .item.packageName {
	background-image: url(./assets/img/packageName.svg);
}

.detail-more-info .item.category {
	background-image: url(./assets/img/info-category.png);
}

.detail-more-info .item.publish-date {
	background-image: url(./assets/img/info-publish-date.png);
}

.detail-more-info .item.report {
	background-image: url(./assets/img/info-report.png);
	background-size: 14px;
}

.detail-more-info .item.requirements {
	background-image: url(./assets/img/info-requirements.png);
	background-size: 16px;
}

.detail-more-info .item.version {
	background-image: url(./assets/img/info-version.png);
}

.detail-more-info .item.get-it-on {
	background-image: url(./assets/img/info-get-it-on.png);
}

.detail-more-info .item.need-update {
	background-image: url(./assets/img/need-update.svg);
	background-size: 22px;
}

.details-safe {
	background: #fff;
	z-index: 9999;
	top: 0;
	left: 0;
	padding: 40px 20px;
	text-align: center;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	max-width: 640px;
	font-size: .75rem;
	line-height: 1.4rem;
}

.details-safe .title {
	font-size: 1.25rem;
	line-height: 2.2rem;
	color: #222;
}

.details-safe .closed {
	border: none;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 16px;
	background: var(--color_buttons);
	color: #fff;
	display: block;
	height: 32px;
	line-height: 32px;
	width: 100px;
	text-align: center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.related-game {
	background: #fff;
	margin-top: 3px;
}

.related-game .big-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 80px;
	padding-top: 16px;
}

.related-game .big-title .more {
	top: 16px;
}

.related-game .box {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.related-game .article_box {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (min-width:720px) {
	.related-game .box {
		width: 49.5%;
		display: inline-block;
	}

	.related-game .article_box .list {
		width: 50%;
	}
}

.detail-list {
	margin-left: -8px;
	background: #fff;
	padding: 16px;
	padding-top: 0;
}

.detail-list .list {
	display: block;
	width: 100%;
	float: left;
	position: relative;
	min-height: 60px;
	padding: 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.detail-list .list .icon {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 8px;
	top: 8px;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.detail-list .list .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.detail-list .list .text {
	margin-left: 96px;
	min-height: 80px;
}

.detail-list .list img.loaded {
	background: 0 0;
	border: none;
	width: 100%;
	height: 100%;
}

.detail-list .list span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.detail-list .list .name {
	margin-top: 2px;
	font-size: 1rem;
	height: 1.6rem;
	line-height: 1.6rem;
	color: #222;
}

.detail-list .list:hover {
	background: #f9f9f9;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.detail-list .list:hover .name {
	color: #3483ce;
}

.detail-list .list .category {
	color: #6f6f6f;
	font-size: .812rem;
	line-height: 1.2rem;
	max-height: 1.2rem;
	margin-bottom: 8px;
}

.detail-list .list .ratings {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 18px;
	font-size: 14px;
	color: #fa8b16;
	background-image: url(./assets/img/stars-solid.svg);
	background-repeat: no-repeat;
	background-position: left 2px;
	vertical-align: top;
	margin-right: 6px;
}

.detail-list .list .review {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	font-size: 12px;
	color: #999;
	vertical-align: top;
	position: relative;
}

.detail-list .list .review:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 20px;
	background-color: #999;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.detail-article-list {
	margin-left: -8px;
	background: #fff;
	padding: 16px;
	padding-top: 0;
}

.detail-article-list .list {
	display: block;
	width: 100%;
	float: left;
	position: relative;
	min-height: 96px;
	padding: 8px;
	padding-left: 142px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.detail-article-list .list .icon {
	width: 120px;
	height: 80px;
	position: absolute;
	left: 8px;
	top: 8px;
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

.detail-article-list .list .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.detail-article-list .list img.loaded {
	background: 0 0;
	border: none;
	width: 100%;
	height: 100%;
}

.detail-article-list .list .title {
	display: block;
	font-size: 1rem;
	line-height: 1.8rem;
	color: var(--color_link);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.detail-article-list .list .desc {
	color: #6f6f6f;
	font-size: .812rem;
	line-height: 1.2rem;
	max-height: 1.2rem;
	margin-bottom: 8px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.detail-article-list .list .date {
	font-size: .8rem;
	line-height: 1.2rem;
	margin-bottom: 8px;
	color: #999;
}

.detail-article-list .list:hover {
	background: #f9f9f9;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.detail-article-list .list:hover .title {
	color: #3483ce;
}

.detail-video {
	background: #fff;
	padding: 16px 0;
	margin-top: 3px;
}

.detail-video-list {
	padding-left: 16px;
	padding-right: 10px;
	margin: 0 auto;
	overflow-x: auto;
	z-index: 1;
	white-space: nowrap;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	direction: ltr;
	-webkit-overflow-scrolling: touch;
}

.detail-video-list.one .list {
	max-width: 460px;
	width: 100%;
	padding: 0;
}

.detail-video-list .list {
	width: 90%;
	display: inline-block;
	padding-right: 4px;
	max-width: 460px;
}

@media (min-width:620px) {
	.detail-video-list .list {
		width: 55%;
	}
}

@media (min-width:768px) {
	.detail-video-list .list {
		width: 40%;
	}
}

@media (min-width:992px) {
	.detail-video-list .list {
		width: 30%;
	}
}

@media (min-width:1200px) {
	.detail-video-list .list {
		width: 21%;
	}
}

.detail-video-list .list a {
	background: #f6f9fc;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 48.8%;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.detail-video-list .list a::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	background-size: 65px;
	background-position: center 35%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,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);
}

.detail-video-list .list.type a::before {
	background-position: center;
}

.detail-video-list .list span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.detail-video-list .list img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}

.detail-video-list .list .title {
	position: absolute;
	background: hsla(0,0%,6.7%,.6);
	z-index: 9;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8px;
	color: #fff;
	font-size: .875rem;
	line-height: 1rem;
}

.detail-video-list .list .time {
	position: absolute;
	right: 0;
	top: 8px;
	background: #fff;
	color: #6f6f6f;
	z-index: 9;
	font-size: .75rem;
	padding-left: 10px;
	padding-right: 5px;
	height: 20px;
	line-height: 20px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}

.sale-list-template {
	padding: 0 16px;
	margin-left: -8px;
}

.sale-list-template .list {
	width: 100%;
	float: left;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 8px;
}

.sale-list-template .list a {
	margin-left: 8px;
	height: 116px;
	display: block;
	background: #fff;
}

.sale-list-template .list .icon {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 24px;
	top: 16px;
}

.sale-list-template .list .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.sale-list-template .list .text {
	padding-top: 16px;
	margin-left: 108px;
	margin-right: 100px;
	min-height: 100px;
}

.sale-list-template .list .title {
	font-size: 1rem;
	line-height: 2.1rem;
	color: var(--color_link);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sale-list-template .list .other {
	color: #919191;
	position: relative;
	font-size: .75rem;
	height: 24px;
	line-height: 24px;
}

.sale-list-template .list .other span {
	position: relative;
	display: inline-block;
	padding-left: 16px;
	height: 20px;
	line-height: 20px;
	color: #999;
	font-size: 12px;
	vertical-align: top;
}

.sale-list-template .list .other span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 16px;
	background-color: #999;
	-webkit-mask: url(./assets/img/review.svg) no-repeat left center;
	mask: url(./assets/img/review.svg) no-repeat left center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.sale-list-template .list .other span.star {
	margin-right: 10px;
	color: #fa8b16;
	font-size: 14px;
}

.sale-list-template .list .other span.star:before {
	background-color: #fa8b16;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat left center;
	mask: url(./assets/img/stars-solid.svg) no-repeat left center;
	-webkit-mask-size: 14px;
	mask-size: 14px;
}

.sale-list-template .list .developer {
	font-size: .75rem;
	line-height: 1.2rem;
	color: #919191;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sale-list-template .list .sale {
	position: absolute;
	right: 16px;
	top: 24px;
	width: 80px;
	text-align: right;
}

.sale-list-template .list .price {
	width: 100%;
	display: block;
	font-size: 1rem;
	color: #222;
	text-align: right;
}

.sale-list-template .list .peak_price {
	display: block;
	text-align: right;
	font-size: .75rem;
	margin: 4px auto;
	text-decoration: line-through;
	color: #9f9f9f;
}

.sale-list-template .list .discount {
	display: inline-block;
	color: #fff;
	background: #fd9385;
	padding: 2px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

@media (min-width:768px) {
	.sale-list-template .list {
		width: 50%;
	}
}

@media (min-width:992px) {
	.sale-list-template .list {
		width: 33.33%;
	}
}

@media (min-width:1440px) {
	.sale-list-template .list {
		width: 25%;
	}
}

.sale-list-template .list:hover a {
	background: #f9f9f9;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.sale-list-template .list:hover .title {
	color: #3483ce;
}

.home-sale-list {
	padding: 0 16px;
	padding-left: 8px;
	padding-bottom: 16px;
}

.home-sale-list .list:nth-child(10),.home-sale-list .list:nth-child(11),.home-sale-list .list:nth-child(12),.home-sale-list .list:nth-child(7),.home-sale-list .list:nth-child(8),.home-sale-list .list:nth-child(9) {
	display: none;
}

.home-sale-list .list {
	width: 100%;
	float: left;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.home-sale-list .list a {
	display: block;
	width: 100%;
	padding: 8px;
}

.home-sale-list .list .icon {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 8px;
	top: 8px;
}

.home-sale-list .list .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.home-sale-list .list .text {
	margin-left: 68px;
	margin-right: 60px;
}

.home-sale-list .list .title {
	font-size: 1rem;
	line-height: 1.4rem;
	color: var(--color_link);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-sale-list .list .other {
	color: #919191;
	position: relative;
	padding-left: 38px;
	font-size: .75rem;
	height: 1.2rem;
	line-height: 1.2rem;
}

.home-sale-list .list .other span {
	display: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-sale-list .list .other .star {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 1.2rem;
	padding-left: 14px;
	padding-right: 4px;
	color: #fa8b15;
	overflow: hidden;
	background-image: url(./assets/img/stars-solid.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px;
}

.home-sale-list .list .developer {
	font-size: .75rem;
	line-height: 1.2rem;
	color: #919191;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-sale-list .list .sale {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 60px;
	text-align: right;
}

.home-sale-list .list .price {
	width: 100%;
	display: block;
	font-size: .875rem;
	color: #222;
	text-align: right;
}

.home-sale-list .list .peak_price {
	display: block;
	text-align: right;
	margin: 4px auto;
	text-decoration: line-through;
	color: #9f9f9f;
}

.home-sale-list .list .discount {
	display: inline-block;
	color: #fff;
	background: var(--color_disconts);
	padding: 2px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

@media (min-width:640px) {
	.home-sale-list .list:nth-child(10),.home-sale-list .list:nth-child(11),.home-sale-list .list:nth-child(12),.home-sale-list .list:nth-child(7),.home-sale-list .list:nth-child(8),.home-sale-list .list:nth-child(9) {
		display: block;
	}

	.home-sale-list .list {
		width: 50%;
	}
}

@media (min-width:720px) {
	.home-sale-list .list {
		width: 33.33%;
	}
}

@media (min-width:1024px) {
	.home-sale-list .list {
		width: 25%;
	}
}

.home-sale-list .list:hover a {
	background: #f9f9f9;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.home-sale-list .list:hover .title {
	color: var(--color_link_h);
}

.LoadMore {
	clear: both;
	width: 80%;
	height: 40px;
	margin: 0 auto;
	display: none;
}

.LoadMore a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	background: #37aafd;
	background-image: linear-gradient(90deg,#18c4e2 0,#37aafd 100%);
	color: #fff;
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.dropload-down,.dropload-up {
	position: relative;
	height: 0;
	overflow: hidden;
	font-size: 12px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.dropload-down {
	text-align: center;
	height: 50px;
}

.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update {
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #999;
}

.dropload-load .loading {
	display: inline-block;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	margin: 6px;
	border: 2px solid #666;
	border-bottom-color: transparent;
	vertical-align: middle;
	-webkit-animation: rotate .75s linear infinite;
	animation: rotate .75s linear infinite;
}

.slide-box {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.slide-box .det-pic-out {
	overflow: hidden;
	overflow-x: scroll;
	position: relative;
	width: 100%;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

.slide-box::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 17px;
	background: #fff;
	z-index: 9;
}

.slide-box .det-pic-out::-webkit-scrollbar {
	width: 0!important;
}

.slide-box ul {
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
}

.slide-box li {
	white-space: nowrap;
}

.slide-box .next,.slide-box .prev {
	outline: 0;
	display: none;
	opacity: 0;
	width: 40px;
	height: 40px;
	position: absolute;
	background: #fff;
	background-repeat: no-repeat;
	background-size: 12px;
	cursor: pointer;
	margin-top: -20px;
	top: 36%;
	box-shadow: 0 0 0 1px rgba(0,0,0,.02),0 4px 8px 0 rgba(0,0,0,.3);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
	background-position: center;
	z-index: 999;
}

.slide-box .next:before,.slide-box .prev:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.slide-box .prev {
	left: 3px;
}

.slide-box .next {
	right: 3px;
}

.slide-box .prev:before {
	background-color: var(--color_next_prev);
	-webkit-mask: url(./assets/img/chevron-left.svg) no-repeat center;
	mask: url(./assets/img/chevron-left.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.slide-box .next:before {
	background-color: var(--color_next_prev);
	-webkit-mask: url(./assets/img/chevron-right.svg) no-repeat center;
	mask: url(./assets/img/chevron-right.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.slide-box .next.go,.slide-box .prev.go {
	display: block;
	opacity: .95;
}

.slide-box .next:hover,.slide-box .prev:hover {
	opacity: 1;
}

.home_main {
	margin-bottom: 10px;
	padding-top: 16px;
	background: #fff;
}

.scrolling-left .det-pic-out {
	height: 166px;
}

.scrolling-left li {
	padding-left: 12px;
	padding-right: 8px;
}

.scrolling-left .list {
	display: inline-block;
	width: 108px;
	padding: 0 4px;
}

.scrolling-left .list:hover {
	background: #f9f9f9;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.scrolling-left .list .icon {
	width: 100%;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
	position: relative;
	margin: 4px 0;
}

.scrolling-left .list .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.scrolling-left .list .title {
	font-size: 14px;
	line-height: 22px;
	color: var(--color_link);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.scrolling-left .list .other {
	font-size: 12px;
	line-height: 14px;
	height: 18px;
	color: #919191;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.scrolling-left .list:hover .title {
	color: var(--color_link_h);
}

.article.scrolling-left .det-pic-out {
	height: 190px;
}

.article.scrolling-left .list {
	width: 280px;
	height: 170px;
	box-shadow: 0 2px 4px 0 rgba(189,189,189,.3);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 0;
	overflow: hidden;
	margin: 0 4px;
}

.article.scrolling-left .list .icon {
	position: relative;
	overflow: hidden;
	background: #f6f9fc;
	margin: 0;
	padding: 0;
	height: 140px;
}

.article.scrolling-left .list .icon img {
	width: auto;
	height: auto;
	min-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.article.scrolling-left .list .title {
	line-height: 30px;
	padding: 0 8px;
}

.article-main {
	position: relative;
	margin-bottom: 16px;
	margin-top: 10px;
}

.article-left {
	float: left;
	width: 100%;
}

.article-left.no-next-page {
	float: none;
}

.article-right {
	display: none;
	position: relative;
	float: right;
	z-index: 99;
}

.article-right.no-next-page {
	display: block;
	float: none;
}

@media (min-width:996px) {
	.article-left-main {
		margin-right: 340px;
	}

	.article-right {
		display: block;
		width: 320px;
		margin-left: -320px;
	}

	.article-left.no-next-page {
		float: left;
	}

	.article-right.no-next-page {
		float: right;
	}
}

@media (min-width:1200px) {
	.article-left-main {
		margin-right: 360px;
	}

	.article-right {
		width: 340px;
		margin-left: -340px;
	}
}

@media (min-width:1620px) {
	.article-left-main {
		margin-right: 420px;
	}

	.article-right {
		width: 400px;
		margin-left: -400px;
	}
}

.article-editors-choice {
	padding-top: 16px;
	background-color: #fff;
}

.article-editors-choice .detail-list {
	margin: 0;
}

.detail-tag .apps_tag {
	display: block;
	padding: 0 16px;
	margin-top: 0;
}

.apps_tag {
	margin-top: 10px;
}

.apps_tag a,.apps_tag span {
	background-color: #f8f9fa;
	border: 1px solid #eee;
	display: inline-block;
	padding: 4px 10px;
	color: #666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: .75rem;
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.apps_tag .more_tags:hover,.apps_tag a:hover {
	color: var(--color_link);
	border: 1px solid #2e93f1;
}

.apps_tag a.topTen {
	color: #e08412;
	background: #fff6e8;
	border: 1px solid #fff6e8;
}

.apps_tag a.topTen:hover {
	text-decoration: none;
	background: #ffe8cb;
}

.apps_tag a.genre {
	color: #078807;
	background: #f1fbf1;
	border: 1px solid #f1fbf1;
}

.apps_tag a.genre:hover {
	text-decoration: none;
	border: 1px solid #98c598;
}

.apps_tag a.reviewArticle {
	color: #1890ff;
	background: #e8f4ff;
	border: 1px solid #d1e9ff;
}

.apps_tag a.reviewArticle:hover {
	text-decoration: none;
	border: 1px solid #1982e4;
}

.apps_tag .more_tags {
	cursor: pointer;
}

.category-page {
	background: #fff;
	margin-bottom: 10px;
}

.category-page .big-title {
	border-bottom: 1px solid #f8f8f8;
	padding: 10px 16px;
}

.category-tag {
	padding: 16px;
}

.category-tag ul li {
	width: 50%;
	float: left;
	margin-bottom: 10px;
}

@media (min-width:540px) {
	.category-tag ul li {
		width: 33.33%;
	}
}

@media (min-width:720px) {
	.category-tag ul li {
		width: 25%;
	}
}

@media (min-width:900px) {
	.category-tag ul li {
		width: 20%;
	}
}

.category-tag a {
	padding-right: 10px;
	display: block;
	width: 100%;
	color: #6f6f6f;
	position: relative;
	padding-left: 40px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.category-tag a span {
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 30px;
	height: 30px;
	background: #4285f4;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.category-tag a span img {
	height: 30px;
	width: 30px;
	position: absolute;
	top: 0;
	left: 0;
}

.down-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: var(--color_buttons_h);
}

.down-banner .down-banner-bg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	opacity: .3;
	filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	min-height: 100%;
}

.down-banner:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: linear-gradient(-180deg,rgba(0,0,0,0) 2%,rgba(0,0,0,.3) 95%);
}

.package-content {
	position: relative;
	margin: 0 auto;
	z-index: 99;
	color: #fff;
	text-align: left;
	padding: 30px 16px;
	padding-top: 70px;
	width: 100%;
	max-width: 1200px;
}

.package-content .icon {
	display: block;
	background: #fff;
	width: 70px;
	height: 70px;
	position: relative;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	overflow: hidden;
	border: 2px solid #fff;
	margin: 0 auto;
	margin-bottom: 16px;
}

.package-content .icon img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.package-content .text {
	text-align: center;
}

.package-content .downloading {
	font-weight: 400;
	font-size: 1.2rem;
	padding-bottom: 10px;
}

.package-content h1 {
	font-size: .875rem;
	line-height: 1.2rem;
	font-weight: 400;
	padding-bottom: 6px;
}

.package-content .size_date {
	font-size: .75rem;
	line-height: 1.6rem;
	opacity: .9;
}

.package-content .size_date span {
	padding: 0 5px;
}

.package-content p {
	font-size: .875rem;
	line-height: 1.6rem;
	opacity: .9;
}

.package-content a {
	color: #fff;
	text-decoration: underline;
}

.package-content a.howInstall {
	text-decoration: none;
}

.package-content a.howInstall:hover {
	text-decoration: underline;
}

.dotting {
	display: inline-block;
	width: 10px;
	min-height: 2px;
	padding-right: 2px;
	border-left: 2px solid currentColor;
	border-right: 2px solid currentColor;
	background-color: currentColor;
	background-clip: content-box;
	box-sizing: border-box;
	animation: dot 4s infinite step-start both;
}

.dotting:before {
	content: '...';
}

.dotting::before {
	content: '';
}

:root .dotting {
	margin-left: 2px;
	padding-left: 2px;
}

@keyframes dot {
	25% {
		border-color: transparent;
		background-color: transparent;
	}

	50% {
		border-right-color: transparent;
		background-color: transparent;
	}

	75% {
		border-right-color: transparent;
	}
}

.white-box {
	background: #fff;
	margin-top: 10px;
}

.list-template {
	margin-left: -8px;
	padding: 0 16px;
}

.list-template .list {
	width: 50%;
	position: relative;
	float: left;
	margin-bottom: 16px;
	padding: 0 8px;
}

.list-template .list a {
	width: 100%;
	display: inline-block;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(189,189,189,.5);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	padding: 8px;
}

.list-template .list a:hover {
	background: #f9f9f9;
}

.list-template .list:hover .icon {
	opacity: .9;
}

.list-template .list:hover .title {
	color: #3483ce;
}

@media (min-width:360px) {
	.list-template .list {
		width: 33.333%;
	}
}

@media (min-width:480px) {
	.list-template .list {
		width: 25%;
	}
}

@media (min-width:600px) {
	.list-template .list {
		width: 20%;
	}
}

@media (min-width:720px) {
	.list-template .list {
		width: 16.66666%;
	}
}

@media (min-width:1024px) {
	.list-template .list {
		width: 12.5%;
	}
}

.list-template .list .icon {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 6px;
	background: #f6f9fc;
	-moz-border-radius: 16%;
	-webkit-border-radius: 16%;
	border-radius: 16%;
}

.list-template .list .icon img {
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 16%;
	-webkit-border-radius: 16%;
	border-radius: 16%;
}

.list-template .list .icon img.loaded {
	background: #fff;
	border: 1px solid #fff;
}

.list-template .list .title {
	font-size: .875rem;
	line-height: 1rem;
	height: 2rem;
	color: var(--color_link);
	width: 100%;
	overflow: hidden;
	margin-bottom: 8px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.list-template .list .other {
	height: 20px;
	font-size: .75rem;
	overflow: hidden;
	line-height: 20px;
	color: #919191;
	position: relative;
}

.list-template .other span {
	display: inline-block;
	position: relative;
	padding-left: 14px;
	color: #fa8b15;
}

.list-template .other span i {
	position: absolute;
	top: 0;
	width: 14px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 12px;
}

.list-template .other .rating i {
	background-color: #fa8b15;
	left: 0;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat center;
	mask: url(./assets/img/stars-solid.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.list-template .other .review {
	float: right;
	color: #919191;
}

.list-template .other .review i {
	background-color: #919191;
	left: 0;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 10px;
	mask-size: 10px;
}

.category-title {
	padding: 0 16px;
	position: relative;
	padding-top: 30px;
	margin-bottom: 20px;
}

.category-title .icon {
	height: 60px;
	width: 60px;
	background: #4285f4;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	overflow: hidden;
	left: 16px;
	top: 30px;
}

.category-title .icon img {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.category-title .text {
	padding-left: 80px;
	height: 60px;
}

.category-title h1 {
	font-size: 20px;
	color: #222;
	padding-bottom: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.category-sorting a {
	color: #666;
	margin-right: 8px;
	margin-left: 8px;
	padding-left: 18px;
	font-size: 14px;
	position: relative;
	cursor: pointer;
}

.category-sorting a.selected {
	color: #ff713f;
}

.category-sorting a span {
	width: 14px;
	height: 14px;
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	border: 1px solid #dbdbdb;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.category-sorting a span:after {
	left: 2px;
	top: 2px;
	background: #dbdbdb;
	content: " ";
	display: block;
	position: absolute;
	height: 8px;
	width: 8px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.category-sorting a.selected span {
	border: 1px solid #ff713f;
}

.category-sorting a.selected span:after {
	background: #ff713f;
}

.category-select {
	display: block;
	padding: 0 16px;
	width: 100%;
	position: relative;
}

.category-select select {
	position: relative;
	background-color: #fff;
	width: 100%;
	font-size: 12px;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	color: #9f9f9f;
	outline: 0;
}

.category-select:after {
	right: 30px;
	top: 17px;
	border: 3px solid #3273dc;
	border-radius: 2px;
	border-right: 0;
	border-top: 0;
	content: " ";
	display: block;
	height: .625em;
	margin-top: -.4375em;
	pointer-events: none;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: center;
	transform-origin: center;
	width: .625em;
}

.search-white {
	margin: 10px auto;
	background: #fff;
	padding-top: 16px;
}

#search-clear-button {
	position: absolute;
	right: 16px;
	top: 0;
	height: 30px;
	width: 30px;
	border: none;
	background-color: #fff;
	background-image: url(./assets/img/search-history-icon.svg);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.search-list {
	padding: 0 16px;
	padding-bottom: 16px;
}

.search-list a {
	color: #666;
	text-decoration: none;
	display: inline-block;
	line-height: 30px;
	padding: 0 15px;
	background: #f6f6f6;
	margin-bottom: 8px;
	margin-right: 5px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.no-result {
	padding: 16px;
	text-align: center;
	padding-bottom: 32px;
	font-size: 1rem;
}

.no-result span {
	font-size: 20px;
	font-weight: 400;
	color: #222;
}

.google-play-down {
	display: block;
	height: 48px;
	width: 300px;
	background-color: #000;
	background-image: url(./assets/img/google-play-down.jpg);
	background-size: 160px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 16px auto;
	margin-bottom: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.editor-choice-template {
	padding: 0 16px;
	margin-left: -16px;
}

.editor-choice-template .List {
	width: 100%;
	float: none;
	padding-left: 16px;
	margin-bottom: 16px;
}

@media (min-width:640px) {
	.editor-choice-template .List {
		width: 50%;
		float: left;
	}
}

@media (min-width:720px) {
	.editor-choice-template .List {
		width: 33.33%;
		float: left;
	}
}

@media (min-width:1024px) {
	.editor-choice-template .List {
		width: 25%;
		float: left;
	}
}

.editor-choice-template .List a {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	box-shadow: 0 2px 4px 0 rgba(189,189,189,.3);
}

.editor-choice-template .List .ImgBox {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 48.8%;
	position: relative;
	overflow: hidden;
	margin-bottom: 8px;
}

.editor-choice-template .List .ImgBox img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.editor-choice-template .List:hover .ImgBox img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	width: 115%;
}

.editor-choice-template .List .Name {
	padding: 0 16px;
	display: block;
	color: #222;
	font-size: 1rem;
	line-height: 2rem;
	position: relative;
	padding-right: 66px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.editor-choice-template .List .star {
	position: absolute;
	right: 16px;
	top: 5px;
	color: #fa8b15;
	line-height: 22px;
	height: 20px;
	width: 38px;
	font-size: 14px;
	background-image: url(./assets/img/stars-solid.svg);
	background-repeat: no-repeat;
	background-position: 0 center;
	text-align: right;
}

.editor-choice-template .List .Short_Description {
	display: block;
	padding: 0 16px;
	overflow: hidden;
	margin-bottom: 16px;
	font-size: .812rem;
	line-height: 1.2rem;
	height: 2.4rem;
	color: #6f6f6f;
}

.category_top .category_list_top_more {
	display: block;
	width: 220px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	background-color: #fff;
	border-radius: 40px;
	color: #6f6f6f;
	cursor: pointer;
}

.category_top_title {
	padding: 16px;
	color: #222;
	font-size: 1.125rem;
	line-height: 1.5rem;
}

.category_list {
	margin: 0 16px;
	margin-left: 0;
}

.category_list_top {
	max-height: 388px;
	overflow: hidden;
}

@media (min-width:720px) {
	.category_top .category_list_top_more {
		display: none;
	}

	.category_top_list {
		width: 50%;
		float: left;
	}

	.category_list_top {
		max-height: none;
	}
}

@media (min-width:1024px) {
	.category_top_list {
		width: 33.33%;
	}
}

@media (min-width:1360px) {
	.category_top_list {
		width: 25%;
	}
}

.category_top_list {
	position: relative;
}

.category_top_list:hover a {
	background: #f9f9f9;
}

.category_top_list a {
	display: block;
	background: #fff;
	padding: 16px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	margin-bottom: 8px;
	margin-left: 16px;
	overflow: hidden;
}

.category_top_list .icon {
	position: absolute;
	height: 90px;
	width: 90px;
}

.category_top_list .icon img {
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	border: 1px solid #f6f9fc;
}

.category_top_list .icon img.loaded {
	background: #fff;
}

.category_top_list .text {
	margin-left: 106px;
	height: 90px;
	text-align: left;
}

.category_top_list .angle {
	color: #fff;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 0;
}

.category_top_list .angle span {
	position: relative;
	z-index: 10;
	text-align: center;
	width: 20px;
	line-height: 24px;
	display: inline-block;
}

.category_top_list .angle:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 36px 36px 0 0;
	border-color: #55acee transparent transparent transparent;
	z-index: 2;
	opacity: .8;
}

.category_top_list:first-of-type .angle,.category_top_list:nth-child(2) .angle,.category_top_list:nth-child(3) .angle {
	color: #fff;
}

.category_top_list:first-of-type .angle:after {
	border-color: #f4241a transparent transparent transparent;
}

.category_top_list:nth-child(3) .angle:after {
	border-color: #efaa1a transparent transparent transparent;
}

.category_top_list:nth-child(2) .angle:after {
	border-color: #f77e14 transparent transparent transparent;
}

.category_top_list .text .title {
	color: var(--color_link);
	font-size: 1rem;
	height: 1.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.category_top_list .text .short_description {
	color: #6f6f6f;
	font-size: .812rem;
	line-height: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.category_top_list .text .developer {
	color: #9f9f9f;
	font-size: .75rem;
	line-height: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 8px;
}

.category_top_list .text .rating {
	display: inline-block;
	color: #fa8b15;
	margin-right: 8px;
	font-size: .875rem;
	line-height: 1rem;
	height: 1rem;
	position: relative;
	padding-left: 14px;
	overflow: hidden;
}

.category_top_list .text .rating::before {
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
	background-color: #fa8b15;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask: url(./assets/img/stars-solid.svg) no-repeat center;
	mask-size: 12px;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
}

.category_top_list .text .review {
	display: inline-block;
	color: #9f9f9f;
	font-size: .75rem;
	line-height: 1rem;
	position: relative;
	padding-left: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.category_top_list .text .review::before {
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 4px;
	background-color: #9f9f9f;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 10px;
	mask-size: 10px;
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
}

.category_all {
	padding-top: 10px;
	padding-bottom: 20px;
}

.category_all_title_box {
	padding: 0 16px;
}

.category_all_title {
	color: #222;
	font-size: 1.125rem;
	line-height: 1.5rem;
	cursor: pointer;
	position: relative;
	background: 0 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	text-decoration: none;
}

.category_all_title h2 {
	display: inline-block;
	color: #222;
	font-size: 1.125rem;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	padding-right: 16px;
}

.category_all_title h2::before {
	position: absolute;
	right: 0;
	top: 18px;
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #6f6f6f;
}

.category_all_title .select {
	width: 100%;
	max-width: 320px;
	height: 42px;
	z-index: 4;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
	font-size: .875rem;
	border: none;
}

.category_all_sortBy {
	display: none;
	float: right;
	position: relative;
	height: 32px;
	line-height: 32px;
	margin-top: 4px;
}

.category_all_sortBy select {
	display: inline-block;
	background: #fff;
	height: 28px;
	margin-left: 5px;
	position: relative;
	border: 1px solid #e8e8e8;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	text-decoration: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-left: 10px;
	padding-right: 20px;
}

.category_all_sortBy::before {
	position: absolute;
	right: 8px;
	top: 14px;
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #6f6f6f;
	z-index: 9;
}

.category_sorting {
	padding-bottom: 10px;
}

.category_sorting .sorting {
	background: #fff;
	height: 42px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.category_sorting a {
	display: inline-block;
	font-size: .75rem;
	width: 33.33%;
	padding: 0 6px;
	text-align: center;
	line-height: 40px;
	height: 42px;
	color: #888;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.category_sorting a:first-child {
	width: 30%;
}

.category_sorting a:nth-child(2) {
	width: 30%;
}

.category_sorting a:nth-child(3) {
	width: 40%;
}

.category_sorting a.selected {
	color: #fa8b16;
	border-bottom: 2px solid #fa8b16;
}

@media (min-width:720px) {
	.category_all_sortBy {
		display: block;
	}

	.category_all_title {
		width: 50%;
		float: left;
	}

	.category_sorting {
		display: none;
	}
}

.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.alternative_banner {
	/* background: url(./assets/img/home-banner.svg); */
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 300px;
	position: relative;
	z-index: 99;
	background-color: var(--search_bg);
}

@media (min-width:640px) {
	.alternative_banner {
		min-height: 260px;
	}
}

.alternative_banner .text {
	position: absolute;
	left: 50%;
	top: 28%;
	transform: translate(-50%,0);
	width: 100%;
	padding: 0 16px;
	text-align: center;
	color: #fff;
	line-height: 14px;
	font-weight: 400;
}

.alternative_banner h1 {
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: 300;
	padding-bottom: 10px;
}

.alternative_banner p {
	opacity: .7;
}

.alternative_box {
	margin-top: -100px;
	z-index: 99;
	position: relative;
	padding: 10px;
}

.alternative_box .list {
	display: block;
	background: #fff;
	padding: 16px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	overflow: hidden;
	margin-bottom: 8px;
	min-height: 150px;
}

.alternative_box .list:hover {
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
}

.alternative_box .list .icon {
	overflow: hidden;
	width: 80px;
	position: absolute;
	left: 16px;
	top: 16px;
}

.alternative_box .list .icon a {
	display: block;
	width: 80px;
	height: 80px;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	overflow: hidden;
	margin-bottom: 10px;
}

.alternative_box .list .icon img {
	width: 100%;
	height: 100%;
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	overflow: hidden;
	margin-bottom: 5px;
}

.alternative_box .list .icon img.loaded {
	background: 0 0;
	border: none;
}

.alternative_box .list .icon:hover img {
	opacity: .8;
}

.alternative_box .list .icon .star {
	display: block;
	width: 60px;
	margin: 0 auto;
	height: 24px;
	color: #fff;
	line-height: 24px;
	background: var(--color_buttons);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	position: relative;
	padding-left: 12px;
	font-size: .875rem;
}

.alternative_box .list .icon .star::before {
	content: '';
	position: absolute;
	top: 6px;
	left: 10px;
	display: block;
	width: 12px;
	height: 12px;
	background-color: yellow;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask: url(./assets/img/stars-solid.svg) no-repeat center;
	mask-size: 12px;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
}

.alternative_box .list .text {
	padding-left: 96px;
}

.alternative_box .list .title {
	font-size: 1rem;
	line-height: 1.4rem;
	display: inline-block;
	color: var(--color_link_h);
	width: 100%;
	margin: 6px 0;
}

.alternative_box .list .title:hover {
	text-decoration: underline;
}

.alternative_box .list .short_description {
	font-size: .812rem;
	line-height: 1.2rem;
	max-height: 2.4rem;
	overflow: hidden;
	color: #6f6f6f;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.alternative_box .list .apk_relevant {
	display: none;
	width: 410px;
	position: absolute;
	right: 16px;
	top: 16px;
}

.alternative_box .list .apk_relevant a {
	display: block;
	float: left;
	width: 90px;
	height: 130px;
	padding: 4px;
	position: relative;
	cursor: pointer;
}

.alternative_box .list .apk_relevant a:hover {
	background: #f8f9fa;
}

.alternative_box .list .apk_relevant a.more {
	width: 50px;
	padding: 0;
}

.alternative_box .list .apk_relevant a.more:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: block;
	content: '';
	height: 30px;
	width: 30px;
	background-color: #9f9f9f;
	-webkit-mask: url(./assets/img/chevron-right.svg) no-repeat center;
	mask: url(./assets/img/chevron-right.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.alternative_box .list .apk_relevant a.more:hover {
	background: 0 0;
}

.alternative_box .list .apk_relevant a.more:hover:before {
	background-color: #666;
}

.alternative_box .list .apk_relevant img {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 4px;
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.alternative_box .list .apk_relevant img.loaded {
	background: #fff;
}

.alternative_box .list .apk_relevant span:first-of-type {
	color: var(--color_link);
}

.alternative_box .list .apk_relevant span {
	display: block;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #9f9f9f;
	font-size: 12px;
}

@media (min-width:960px) {
	.alternative_box .list .icon {
		left: 24px;
		top: 24px;
	}

	.alternative_box .list .title {
		font-size: 1.2rem;
		line-height: 2.2rem;
	}

	.alternative_box .list .text {
		padding-right: 426px;
		padding-left: 106px;
		min-height: 130px;
	}

	.alternative_box .list .apk_relevant {
		display: block;
	}
}

.alternative_list {
	padding: 0 16px;
	padding-left: 8px;
	padding-bottom: 16px;
}

.alternative_list .list {
	width: 50%;
	float: left;
	position: relative;
	min-height: 60px;
	padding: 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.alternative_list .list:hover {
	background: #f9f9f9;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.alternative_list .list:hover .icon {
	opacity: .9;
}

.alternative_list .list:hover .text .title {
	color: var(--color_link_h);
}

@media (min-width:720px) {
	.alternative_list .list {
		width: 33.33%;
	}
}

@media (min-width:1024px) {
	.alternative_list .list {
		width: 25%;
	}
}

.alternative_list .list .icon {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 8px;
	top: 8px;
}

.alternative_list .list .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.alternative_list .list .icon img.loaded {
	background: #fff;
}

.alternative_list .list .text {
	margin-left: 68px;
	min-height: 60px;
}

.alternative_list .list .text .rating {
	height: 1.2rem;
	font-size: .75rem;
	line-height: 1.2rem;
	padding-left: 16px;
	color: #fa8b16;
	background-image: url(./assets/img/stars-solid.svg);
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 13px;
}

.alternative_list .list .text .title {
	font-size: 1rem;
	line-height: 2.1rem;
	color: var(--color_link);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.alternative_list .list .text .other {
	font-size: .75rem;
	line-height: 1.2rem;
	color: #919191;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.alternative_list .list .text .other span {
	color: #6f6f6f;
}

.home_hot_apps {
	padding: 16px 0;
	background: #fff;
	margin-top: 10px;
}

.home_hot_apps_list {
	padding: 0 16px;
	padding-left: 8px;
}

.home_hot_apps_list .list {
	width: 50%;
	float: left;
	position: relative;
	min-height: 60px;
	padding: 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.home_hot_apps_list .list:hover {
	background: #f9f9f9;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}

.home_hot_apps_list .list:hover .icon {
	opacity: .9;
}

.home_hot_apps_list .list:hover .text .title {
	color: var(--color_link_h);
}

@media (min-width:720px) {
	.home_hot_apps_list .list {
		width: 33.33%;
	}
}

@media (min-width:1024px) {
	.home_hot_apps_list .list {
		width: 25%;
	}
}

.home_hot_apps_list .list .icon {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 8px;
	top: 8px;
}

.home_hot_apps_list .list .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.home_hot_apps_list .list .icon img.loaded {
	background: #fff;
}

.home_hot_apps_list .list .text {
	margin-left: 68px;
	min-height: 60px;
}

.home_hot_apps_list .list .text .rating {
	height: 1.2rem;
	font-size: .75rem;
	line-height: 1.2rem;
	padding-left: 16px;
	color: #fa8b16;
	background-image: url(./assets/img/stars-solid.svg);
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 13px;
}

.home_hot_apps_list .list .text .title {
	font-size: 1rem;
	line-height: 1.4rem;
	color: var(--color_link);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home_hot_apps_list .list .text .other {
	font-size: .75rem;
	line-height: 1.2rem;
	color: #919191;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home_hot_apps_list .list .text .other span {
	color: #6f6f6f;
}

.developer_banner {
	width: 100%;
	height: 240px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: #55acee;
}

.developer_banner img.banner_img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	opacity: .6;
	filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.developer_banner:before {
	content: '';
	width: 120%;
	height: 120%;
	position: absolute;
	background-image: linear-gradient(-180deg,rgba(0,0,0,0) 2%,rgba(0,0,0,.3) 95%);
}

.developer_introduce {
	padding-bottom: 16px;
}

.developer_introduce .text {
	background: #fff;
	margin: 0 16px;
	padding: 16px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
	font-size: .875rem;
	line-height: 1.4rem;
	text-align: center;
}

.developer_introduce .text .icon {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	margin-top: -80px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
	background: #fff;
}

.developer_introduce .text .icon img {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	border: 2px solid #fff;
	background: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.developer_introduce .text h1 {
	text-align: center;
	line-height: 3rem;
	color: #222;
	font-size: 1.4rem;
}

.developer_introduce .container {
	margin-top: -46px;
	z-index: 99;
	position: relative;
}

.developer_introduce .title {
	font-size: 1rem;
	padding-bottom: 16px;
	color: #333;
}

.developer_list .big-title {
	padding: 16px;
}

.developer_good {
	padding: 0 16px;
	margin-left: -16px;
}

.developer_good .list {
	width: 100%;
	position: relative;
	padding-left: 16px;
	margin-bottom: 16px;
}

.developer_good .list a:hover {
	background: #f9f9f9;
}

.developer_good .list:hover .icon {
	opacity: .9;
}

.developer_good .list:hover .title {
	color: #3483ce;
}

@media (min-width:600px) {
	.developer_good .list {
		width: 33.33%;
		float: left;
		padding-left: 16px;
		margin-bottom: 0;
	}
}

.developer_good .list a {
	display: inline-block;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
	min-height: 106px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	padding: 8px;
}

.developer_good .icon {
	position: absolute;
	top: 8px;
	left: 24px;
	width: 150px;
	height: 90px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	background: #f6f9fc;
}

.developer_good .icon img {
	min-height: 100%;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.developer_good .text {
	padding-right: 16px;
	padding-left: 166px;
}

.developer_good .text .title {
	font-size: 1rem;
	line-height: 1.5rem;
	color: var(--color_link);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.developer_good .text .short_description {
	color: #6f6f6f;
	font-size: .812rem;
	line-height: 1rem;
	height: 2rem;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.developer_good .text .star {
	height: 1.2rem;
	font-size: .875rem;
	line-height: 1.2rem;
	padding-left: 16px;
	color: #fa8b16;
	background-image: url(./assets/img/stars-solid.svg);
	background-repeat: no-repeat;
	background-position: left 2px;
	background-size: 15px;
}

.developer_list_box {
	padding: 0 16px;
	margin-left: -16px;
	margin-bottom: 10px;
}

.developer_list_box .list {
	width: 100%;
	position: relative;
	padding-left: 16px;
	margin-bottom: 16px;
}

@media (min-width:600px) {
	.developer_list_box .list {
		width: 33.33%;
		float: left;
		padding-left: 16px;
	}
}

.search_banner {
	background-image: -webkit-linear-gradient(45deg,var(--search_bg),var(--search_bg_h));
	background-image: linear-gradient(45deg,var(--search_bg),var(--search_bg_h));
	width: 100%;
	height: 160px;
	position: relative;
	z-index: 99;
}

.search_banner .text {
	padding-top: 56px;
	position: absolute;
	left: 50%;
	top: 46%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 640px;
	text-align: center;
	color: #fff;
}

.top_tens_box {
	background: #fff;
	padding-top: 10px;
	padding-bottom: 16px;
}

.top_tens_box .big-title {
	padding-bottom: 8px;
}

.top_tens_box .list {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	height: 100px;
	width: 100%;
}

.top_tens_box .list .img {
	position: absolute;
	left: 16px;
	top: 10px;
	width: 150px;
	height: 80px;
	overflow: hidden;
	background: #e9eff2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.top_tens_box .list .img img {
	min-width: 100%;
	height: 100%;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.top_tens_box .list .text {
	border-top: 1px solid #f6f9fc;
	padding-top: 16px;
	padding-left: 166px;
	padding-right: 16px;
	height: 86px;
	position: relative;
	margin: 0 16px;
	color: #fff;
}

.top_tens_box .list .text .title {
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2rem;
	max-height: 2.4rem;
	color: var(--color_link);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.top_tens_box .list .text .short-description {
	color: #6f6f6f;
	font-size: .812rem;
	line-height: 1.2rem;
	max-height: 2.4rem;
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: none;
}

.top_tens_box .list .text .date {
	position: absolute;
	bottom: 4px;
	color: #9f9f9f;
	font-size: .75rem;
	line-height: .75rem;
}

@media (min-width:760px) {
	.top_tens_box .list {
		float: left;
		width: 50%;
	}

	.top_tens_box .list .text .short-description {
		display: block;
	}

	.top_tens_box .list .text .title {
		max-height: none;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
}

.top_tens_box .list:hover {
	background: #fff;
}

.top_tens_box .list:hover img {
	opacity: .9;
}

.top_tens_box .list:hover .short-description,.top_tens_box .list:hover .title {
	color: #3483ce;
}

.topTens_swiper {
	margin-bottom: 10px;
}

.topTens_swiper .swiper-wrapper {
	padding-left: 8px;
	padding-right: 16px;
}

.topTens_swiper .list {
	text-align: left;
	width: 320px;
	height: 160px;
}

.topTens_swiper .list:last-of-type {
	margin-right: 16px;
}

.topTens_swiper .list a {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 4px;
	padding-bottom: 4px;
}

.topTens_swiper .list .img {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #e9eff2;
}

.topTens_swiper .list .img:before {
	content: '';
	width: auto;
	position: absolute;
	height: 60%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,.7)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
	background: linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 100%);
	opacity: .8;
}

.topTens_swiper .list .img img {
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

.topTens_swiper .list .title {
	position: absolute;
	z-index: 3;
	left: 20px;
	right: 10px;
	bottom: 32px;
	font-size: 1rem;
	line-height: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #fff;
}

.topTens_swiper .list .other {
	position: absolute;
	z-index: 3;
	left: 20px;
	right: 10px;
	bottom: 14px;
	font-size: .75rem;
	opacity: .6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}

.topTens_swiper .swiper-button-next,.topTens_swiper .swiper-button-prev {
	z-index: 99;
	width: 44px;
	height: 44px;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	text-decoration: none;
	background-size: 14px;
	background-repeat: no-repeat;
	box-shadow: 0 2px 4px 0 rgba(189,189,189,.3);
}

.topTens_swiper .swiper-button-next {
	right: 0;
	-moz-border-radius: 50% 0 0 50%;
	-webkit-border-radius: 50% 0 0 50%;
	border-radius: 50% 0 0 50%;
	background-image: url(./assets/img/chevron-right.svg);
	background-position: 20px center;
}

.topTens_swiper .swiper-button-prev {
	left: 0;
	-moz-border-radius: 0 50% 50% 0;
	-webkit-border-radius: 0 50% 50% 0;
	border-radius: 0 50% 50% 0;
	background-image: url(./assets/img/chevron-left.svg);
	background-position: 10px center;
}

.topTens_swiper .swiper-button-next.swiper-button-disabled,.topTens_swiper .swiper-button-prev.swiper-button-disabled {
	display: none;
}

@media (min-width:1024px) {
	.topTens_swiper .swiper-wrapper {
		display: block;
		padding: 0 16px;
		padding-left: 12px;
		box-sizing: inherit;
	}

	.topTens_swiper .list {
		margin: 0;
		overflow: hidden;
		display: inline-block;
		float: left;
		height: 200px;
	}

	.topTens_swiper .list:last-of-type {
		margin: 0;
	}

	.topTens_swiper .list:first-child {
		width: 40%;
		height: 360px;
	}

	.topTens_swiper .list:nth-child(2),.topTens_swiper .list:nth-child(3) {
		width: 30%;
		height: 160px;
	}

	.topTens_swiper .list:nth-child(4),.topTens_swiper .list:nth-child(5),.topTens_swiper .list:nth-child(6) {
		width: 20%;
	}

	.topTens_swiper .swiper-button-next,.topTens_swiper .swiper-button-prev {
		display: none;
	}
}

.niJiGen_banner {
	margin: 0;
	width: 100%;
	height: 220px;
	position: relative;
	overflow: hidden;
}

.niJiGen_banner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 9;
	background-color: rgba(8,25,43,.15);
	background-image: -webkit-linear-gradient(rgba(8,25,43,.15),rgba(255,25,43,.85));
	background-image: linear-gradient(rgba(8,25,43,.15),rgba(8,25,43,.85));
}

.niJiGen_banner img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	min-width: 100.1%;
	min-height: 100.1%;
	width: 100%;
}

.niJiGen_banner .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	color: #fff;
	font-size: 1rem;
	line-height: 1.2rem;
	z-index: 99;
	width: 100%;
	padding: 16px;
}

.niJiGen_banner h1 {
	font-size: 1.8rem;
	line-height: 2rem;
	margin-bottom: 8px;
}

.item_apk {
	padding: 0 8px;
}

.item_apk ul {
	margin-left: -10px;
}

.item_apk ul li {
	padding-left: 10px;
	margin-bottom: 10px;
}

.item_apk .list {
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 16px 10px;
	height: 120px;
	padding-left: 110px;
}

.item_apk .list .title {
	color: var(--color_link_h);
}

.item_apk .list:hover .title {
	text-decoration: underline;
}

.item_apk .list .angle {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.item_apk .list .angle span {
	position: absolute;
	left: 2px;
	top: 2px;
	font-size: .75rem;
	color: #fff;
	z-index: 99;
	padding: 2px;
	display: inline-block;
	width: 20px;
	text-align: center;
}

.item_apk .list .angle i::after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	height: 16px;
	z-index: 10;
	background-color: #fff;
	-webkit-mask: url(./assets/img/crown.svg) no-repeat center;
	mask: url(./assets/img/crown.svg) no-repeat center;
	-webkit-mask-size: 16px;
	mask-size: 16px;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
}

.item_apk .list .angle:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 36px 36px 0 0;
	border-color: #55acee transparent transparent transparent;
	z-index: 2;
	opacity: .8;
}

.item_apk li:first-child .list .angle:after {
	border-color: #f4241a transparent transparent transparent;
}

.item_apk li:nth-child(2) .list .angle:after {
	border-color: #f77e14 transparent transparent transparent;
}

.item_apk li:nth-child(3) .list .angle:after {
	border-color: #efaa1a transparent transparent transparent;
}

.item_apk .icon {
	position: absolute;
	height: 90px;
	width: 90px;
	top: 16px;
	left: 10px;
}

.item_apk .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	border: 1px solid #f6f9fc;
}

.item_apk .title {
	color: #222;
	font-size: 1rem;
	height: 1.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 4px;
}

.item_apk .description {
	font-size: .812rem;
	line-height: 1.2rem;
	max-height: 2.4rem;
	min-height: 2.4rem;
	overflow: hidden;
	color: #6f6f6f;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}

.item_apk .star {
	display: inline-block;
	color: #fa8b15;
	margin-right: 16px;
	font-size: .875rem;
	line-height: 1rem;
	height: 1rem;
	position: relative;
	padding-left: 14px;
}

.item_apk .star::before {
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
	background-color: #fa8b15;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask: url(./assets/img/stars-solid.svg) no-repeat center;
	mask-size: 12px;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
}

.item_apk .review::before {
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 4px;
	background-color: #9f9f9f;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 10px;
	mask-size: 10px;
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
}

.item_apk .review {
	display: inline-block;
	color: #9f9f9f;
	font-size: .75rem;
	line-height: 1rem;
	position: relative;
	padding-left: 14px;
}

.item_apk .more {
	display: block;
	height: 40px;
	line-height: 40px;
	clear: both;
	margin: 10px auto;
	text-align: center;
	background: #37aafd;
	background-image: linear-gradient(90deg,#18c4e2 0,#37aafd 100%);
	color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.item_video {
	background: #fff;
	padding-top: 16px;
}

.niJiGen_video {
	position: relative;
	overflow: hidden;
	height: 197px;
}

.niJiGen_video:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 17px;
	background: #fff;
	z-index: 999;
}

.niJiGen_video ul {
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
}

.niJiGen_video li {
	white-space: nowrap;
	padding: 0 16px;
}

.niJiGen_video .det-pic-out {
	overflow: hidden;
	overflow-x: scroll;
	position: relative;
	height: 197px;
}

.niJiGen_video .list {
	display: inline-block;
	width: 320px;
	height: 180px;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	background: #f6f9fc;
}

.niJiGen_video .list img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	min-height: 100%;
}

.niJiGen_video .list:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	background-size: 65px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,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);
}

.niJiGen_video .list.type:before {
	background-position: center 35%;
}

.niJiGen_video .list .title {
	position: absolute;
	background: hsla(0,0%,6.7%,.6);
	z-index: 9;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	font-size: .875rem;
	line-height: 1rem;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.niJiGen_video .list .time {
	position: absolute;
	right: 0;
	top: 8px;
	background: #fff;
	color: #6f6f6f;
	z-index: 99;
	font-size: .75rem;
	padding-left: 10px;
	padding-right: 5px;
	height: 20px;
	line-height: 20px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}

.niJiGen_hot {
	clear: both;
	background: #fff;
	padding: 16px 0;
}

.niJiGen_hot ul {
	margin-left: -10px;
}

.niJiGen_hot ul li {
	padding-left: 10px;
}

.niJiGen_hot .list {
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 8px 16px;
	height: 70px;
	padding-left: 86px;
	padding-right: 50px;
}

.niJiGen_hot .list .icon {
	position: absolute;
	height: 60px;
	width: 60px;
	top: 5px;
	left: 16px;
}

.niJiGen_hot .list .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	border: 1px solid #f6f9fc;
}

.niJiGen_hot .list .title {
	color: #222;
	font-size: .85rem;
	height: 1.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 4px;
}

.niJiGen_hot .list:hover .title {
	color: #3483ce;
}

.niJiGen_hot .list .other {
	padding-top: 8px;
}

.niJiGen_hot .list .star {
	display: inline-block;
	color: #fa8b15;
	margin-right: 16px;
	font-size: .875rem;
	line-height: 1rem;
	height: 1rem;
	position: relative;
	padding-left: 14px;
}

.niJiGen_hot .list .star::before {
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
	background-color: #fa8b15;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask: url(./assets/img/stars-solid.svg) no-repeat center;
	mask-size: 12px;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
}

.niJiGen_hot .list .review::before {
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 4px;
	background-color: #9f9f9f;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 10px;
	mask-size: 10px;
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
}

.niJiGen_hot .list .review {
	display: inline-block;
	color: #9f9f9f;
	font-size: .75rem;
	line-height: 1rem;
	position: relative;
	padding-left: 14px;
}

.niJiGen_hot .list .down {
	position: absolute;
	right: 16px;
	top: 26px;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #0284fe;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.niJiGen_hot .list .down:before {
	display: block;
	width: 30px;
	height: 30px;
	content: '';
	background-color: #fff;
	-webkit-mask: url(./assets/img/download.svg) no-repeat center;
	mask: url(./assets/img/download.svg) no-repeat center;
	-webkit-mask-size: 13px;
	mask-size: 13px;
	background-size: 13px;
	background-position: center;
	background-repeat: no-repeat;
}

.niJiGen_topTen {
	background: #fff;
	padding-top: 16px;
	margin-top: 10px;
}

.niJiGen_topTen .big-title {
	padding-bottom: 10px;
}

.niJiGen_topTen ul {
	margin-left: -10px;
}

.niJiGen_topTen ul li {
	padding-left: 10px;
}

.niJiGen_topTen .list {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	height: 100px;
	width: 100%;
	padding: 0 16px;
	padding-left: 176px;
}

.niJiGen_topTen .icon {
	position: absolute;
	left: 16px;
	top: 10px;
	width: 150px;
	height: 80px;
	overflow: hidden;
	background: #e9eff2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.niJiGen_topTen .icon img {
	min-width: 100%;
	height: 100%;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.niJiGen_topTen .title {
	width: auto;
	font-size: 1rem;
	line-height: 1.2rem;
	height: 2.4rem;
	margin: 16px 0;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.niJiGen_topTen .other {
	color: #9f9f9f;
	font-size: .75rem;
	line-height: .75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.relatedTagTitle {
	background: #fff;
	margin-bottom: 10px;
	padding: 16px 0;
}

.relatedTagTitle .tabs .list {
	padding: 0 16px;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	position: relative;
	padding-left: 56px;
}

.relatedTagTitle .tabs .list.current {
	color: #0d95e8;
}

.relatedTagTitle .tabs .list:hover {
	color: #0d95e8;
}

.relatedTagTitle .tabs .list img {
	position: absolute;
	left: 16px;
	top: 3px;
	width: 34px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #f6f9fc;
	overflow: hidden;
}

.niJiGen_main {
	z-index: 99;
	position: relative;
	min-height: 1000px;
}

.niJiGen_content {
	position: relative;
}

.niJiGen_category_box {
	position: relative;
	height: 67px;
	overflow: hidden;
	margin: 4px auto;
	margin-bottom: 0;
}

.niJiGen_category_box:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 17px;
	background: #f6f9fc;
	z-index: 99;
}

.niJiGen_category_box ul {
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
}

.niJiGen_category_box li {
	white-space: nowrap;
	padding: 0 8px;
}

.niJiGen_category_box .det-pic-out {
	overflow: hidden;
	overflow-x: scroll;
	position: relative;
	height: 77px;
}

.niJiGen_category_box .list {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	position: relative;
	padding: 0 16px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	text-decoration: none;
	overflow: hidden;
	color: #fff;
	opacity: .9;
}

.niJiGen_category_box .list:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(255,255,255,.15);
	background-image: -webkit-linear-gradient(rgba(8,25,43,.15),rgba(8,25,43,.85));
	background-image: linear-gradient(rgba(255,255,255,.15),rgba(8,25,43,.85));
}

.niJiGen_category_box .list.current {
	color: #fff;
}

.niJiGen_category_box .list:hover {
	opacity: 1;
}

.niJiGen_category_box .list img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	min-height: 100%;
	filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.niJiGen_category_box .list span {
	position: relative;
	z-index: 99;
}

.niJiGen_category_box .next,.niJiGen_category_box .prev {
	outline: 0;
	display: none;
	opacity: 0;
	width: 40px;
	height: 50px;
	position: absolute;
	background: #fff;
	border: none;
	background-repeat: no-repeat;
	background-size: 12px;
	cursor: pointer;
	margin-top: -34px;
	top: 50%;
	background-position: center;
	z-index: 9999;
}

.niJiGen_category_box .next:before,.niJiGen_category_box .prev:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.niJiGen_category_box .next:before {
	background-color: var(--color_next_prev);
	-webkit-mask: url(./assets/img/chevron-right.svg) no-repeat center;
	mask: url(./assets/img/chevron-right.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.niJiGen_category_box .prev:before {
	background-color: var(--color_next_prev);
	-webkit-mask: url(./assets/img/chevron-left.svg) no-repeat center;
	mask: url(./assets/img/chevron-left.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
	background-position: left center;
}

.niJiGen_category_box .prev {
	left: 0;
}

.niJiGen_category_box .next {
	right: 0;
}

.niJiGen_category_box .go {
	display: block;
	opacity: .8;
}

@media (min-width:1024px) {
	.niJiGen_banner {
		height: 280px;
	}

	.container-fluid.niJiGen .container {
		padding: 0 16px;
	}

	.niJiGen_category_box li {
		padding-left: 0;
	}

	.item_apk {
		padding: 0;
	}

	.item_apk .more {
		max-width: 320px;
	}
}

.apk-down-banner {
	background: url(./assets/img/home-banner.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	position: relative;
	padding-top: 120px;
	padding-bottom: 100px;
}

.apk-down-banner .text {
	text-align: center;
	color: #fff;
	font-size: .85rem;
	padding: 0 16px;
}

.apk-down-banner .text :lang(ja) {
	font-size: .75rem;
}

.apk-down-banner .text h1 {
	font-size: 1.6rem;
	line-height: 2rem;
	padding-bottom: 10px;
}

.apk-down-banner .text h1:lang(ja) {
	font-size: 1.3rem;
	line-height: 1.6rem;
}

.apk-down-form {
	max-width: 720px;
	margin: 0 auto;
	padding: 16px;
	position: relative;
}

.apk-down-form input {
	position: relative;
	width: 100%;
	outline: 0;
	height: 44px;
	line-height: 44px;
	padding-right: 100px;
	background-color: #fff;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	border: 1px solid #fff;
	padding-left: 16px;
	padding-right: 110px;
}

.apk-down-form input.error {
	border: 1px solid #e0b4b5;
}

.apk-down-form button {
	position: absolute;
	right: 16px;
	top: 0;
	margin-top: 16px;
	cursor: pointer;
	outline: 0;
	border: none;
	height: 44px;
	width: 100px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #ff713f;
	text-align: center;
	font-size: .75rem;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	opacity: .95;
}

.apk-down-form button:hover {
	opacity: 1;
}

.apk-down-form button:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: '';
	height: 44px;
	width: 100px;
	background-color: #fff;
	-webkit-mask: url(./assets/img/download.svg) no-repeat center;
	mask: url(./assets/img/download.svg) no-repeat center;
	-webkit-mask-size: 18px;
	mask-size: 18px;
	background-size: 18px;
	background-position: center;
	background-repeat: no-repeat;
}

.apk-down-form button.loading:before {
	background-color: #fff;
	-webkit-mask: url(./assets/img/Loading.svg) no-repeat center;
	mask: url(./assets/img/Loading.svg) no-repeat center;
	-webkit-mask-size: 32px;
	mask-size: 32px;
	background-size: 32px;
}

.errorInfo {
	display: none;
	position: absolute;
	left: 16px;
	top: 70px;
	background-color: #f85b5b;
	padding: 8px 16px;
	color: #fff;
	font-size: .75rem;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.errorInfo:before {
	position: absolute;
	left: 20px;
	top: -5px;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #f85b5b transparent;
}

.apk-down-info {
	background: #fff;
	padding: 32px 16px;
	position: relative;
	margin: -50px auto 8px auto;
}

@media (min-width:720px) {
	.apk-down-info {
		padding: 32px;
		margin: -50px 16px 16px 16px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		box-shadow: 0 12px 32px 2px rgba(0,0,0,.06);
	}
}

.apk-down-faq h2 {
	font-size: 1.2rem;
	padding-bottom: 16px;
	line-height: 1.6rem;
}

.apk-down-faq .list {
	padding: 10px 0;
	padding-bottom: 16px;
	line-height: 1.2rem;
	font-size: .75rem;
}

.apk-down-faq .list p:first-child {
	font-size: .9rem;
	padding-bottom: 8px;
	font-weight: 600;
}

.apk-down-faq a {
	color: #0284fe;
}

.packageInfo {
	position: relative;
	min-height: 120px;
}

.packageInfo .icon {
	height: 100px;
	width: 100px;
	position: absolute;
	left: 0;
	right: 0;
	background: #f6f9fc;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
}

.packageInfo .icon img {
	height: 100%;
	width: 100%;
}

.packageInfo .text {
	min-height: 120px;
	padding-left: 116px;
	padding-bottom: 16px;
	font-size: .75rem;
	color: #6f6f6f;
}

.packageInfo .text span {
	color: #9f9f9f;
}

.packageInfo .text .title {
	font-size: 1.25rem;
	line-height: 1.5rem;
	max-height: 3rem;
	overflow: hidden;
	color: var(--color_link);
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.packageInfo .text a.title {
	color: #3483ce;
}

.packageInfo .text a.title:hover {
	color: #3483ce;
	text-decoration: underline;
}

.packageInfo .text .ratings {
	float: left;
	display: inline-block;
	background: url(./assets/img/star-hollow.svg);
	height: 15px;
	width: 75px;
	position: relative;
	margin: 10px 35px 10px 0;
}

.packageInfo .text .ratings i {
	display: block;
	width: 100%;
	height: 100%;
	background: url(./assets/img/stars-solid.svg);
}

.packageInfo .text .ratings span {
	position: absolute;
	right: -26px;
	top: 0;
	color: #fa8b16;
	font-size: .875rem;
}

.packageInfo .text .review {
	display: inline-block;
	height: 15px;
	float: left;
	margin: 10px auto;
}

.packageInfo .text .version {
	clear: both;
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.packageInfo .text .genre {
	clear: both;
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.packageInfo .text .developer {
	clear: both;
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.packageInfo .pre_description {
	font-size: .75rem;
	line-height: 1.5rem;
	max-height: 200px;
	overflow: hidden;
}

.packageInfo .pre_description.show {
	max-height: none;
}

.packageInfo .button {
	padding-bottom: 16px;
	text-align: center;
}

.packageInfo .button a:hover {
	text-decoration: underline;
}

.packageInfo .button .down {
	display: block;
	text-align: center;
	height: 44px;
	line-height: 44px;
	color: #fff;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	background: #0284fe;
	opacity: .95;
	cursor: pointer;
}

.packageInfo .button .down:hover {
	opacity: 1;
	text-decoration: none;
}

.packageInfo .button .info {
	display: block;
	margin: 16px auto;
	padding: 0 16px;
	color: #0284fe;
	text-align: center;
}

.packageInfo .button .google_play_btn,.packageInfo .button .pre_register_btn {
	margin: 0 auto;
	width: 176px;
	height: 55px;
}

@media (min-width:960px) {
	.packageInfo .button {
		text-align: right;
		position: absolute;
		right: 0;
		top: 10px;
	}

	.packageInfo .button .down {
		display: inline-flex;
		padding: 0 30px;
	}

	.packageInfo .text {
		padding-right: 400px;
	}
}

.apk-down-recommend {
	background: #fff;
	padding: 16px 0;
	position: relative;
	margin: 0 auto;
	margin-bottom: 8px;
}

@media (min-width:720px) {
	.apk-down-recommend {
		padding: 16px;
		margin: 0 16px 16px 16px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		box-shadow: 0 12px 32px 2px rgba(0,0,0,.06);
	}
}

.uploadBanner {
	position: relative;
	padding: 0 16px;
	height: 360px;
	overflow: hidden;
	background: url(./assets/img/upload-bg.jpg) center;
	background-repeat: no-repeat;
	background-size: cover;
}

.uploadBanner:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: '';
	z-index: 1;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),to(rgba(0,0,0,.5)));
	background-image: linear-gradient(to bottom,transparent 0,rgba(0,0,0,.5) 100%);
}

.uploadBanner img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	min-width: 110%;
	min-height: 110%;
	filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.uploadBanner .text {
	color: #fff;
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 10;
	max-width: 900px;
	margin: 0 auto;
	left: 50%;
	top: 70px;
	transform: translate(-50%,0);
}

.uploadBanner .text h1 {
	font-size: 1.4rem;
	line-height: 2rem;
	max-height: 4rem;
	overflow: hidden;
	margin-bottom: 8px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.uploadBanner .text p {
	font-size: .95rem;
	line-height: 1.2rem;
	max-height: 2.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding-bottom: 8px;
}

.file_upload_box {
	z-index: 99;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#fileUpload {
	opacity: 0;
	visibility: hidden;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.file_upload_box span {
	border: none;
	opacity: .9;
	border-radius: 25px;
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translate(-50%,50%);
	font-size: .85rem;
	cursor: pointer;
	display: block;
	overflow: hidden;
	padding-left: 70px;
	padding-right: 50px;
	height: 50px;
	line-height: 50px;
	outline: 0;
	width: 80%;
	text-align: center;
	color: #fff;
	z-index: 1;
	background-image: -webkit-linear-gradient(left,#2987e8 0,#2967e8 100%);
	background-image: -o-linear-gradient(left,#2987e8 0,#2967e8 100%);
	background-image: linear-gradient(to right,#2987e8 0,#2967e8 100%);
	background-repeat: repeat-x;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 400px;
}

.file_upload_box span:hover {
	opacity: 1;
}

.file_upload_box span:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: '';
	background-color: #fff;
	-webkit-mask: url(./assets/img/upload.svg) no-repeat 40px 16px;
	mask: url(./assets/img/upload.svg) no-repeat 40px 16px;
	-webkit-mask-size: 20px;
	mask-size: 20px;
	background-size: 20px;
}

.upload_box {
	z-index: 9;
	max-width: 1000px;
	position: relative;
	background: #fff;
	padding: 16px;
	margin: -30px 8px 16px 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 12px 32px 2px rgba(0,0,0,.06);
}

@media (min-width:990px) {
	.upload_box {
		margin: -30px auto 16px auto;
	}
}

.progressBar {
	margin: 10px 0;
	clear: both;
	height: 6px;
	background: #f5f5f5;
	border-radius: 5px;
	position: relative;
	margin-right: 30px;
}

.progressBar i {
	position: absolute;
	right: -30px;
	top: -5px;
	font-size: .75rem;
}

.progressBar span {
	display: block;
	width: 0;
	height: 100%;
	background-color: #52c41a;
	border-radius: 5px;
}

.apk_list .name,.apk_list .size {
	margin-bottom: 16px;
}

.apk_list .name span,.apk_list .size span {
	display: block;
	font-weight: 700;
	padding-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.apk_list .cancel {
	cursor: pointer;
	display: block;
	height: 32px;
	line-height: 32px;
	width: auto;
	padding: 0 30px;
	margin-top: 16px;
	text-align: center;
	background: #ea6f56;
	margin: 0 auto;
	border: none;
	color: #fff;
	border-radius: 5px;
}

.apk_list .error_box {
	width: auto;
	margin-bottom: 10px;
	padding: 8px 16px;
	border-radius: 5px;
	border: 1px solid #e0b4b4;
	background: #fff6f6;
}

.upload_success .icon {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 16px;
	background: #f6f9fc;
	overflow: hidden;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

.upload_success .icon img {
	width: 100%;
	height: 100%;
}

.upload_success .text {
	text-align: center;
	margin: 0 auto;
	font-size: .85rem;
}

.upload_success .text .title {
	padding-bottom: 16px;
}

.upload_success .text .title p {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
}

.upload_success .link {
	display: inline-block;
	width: 100%;
	max-width: 400px;
	background: #f6f9fc;
	border-radius: 12px;
	position: relative;
}

.upload_success .link a {
	color: #666;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	padding: 10px 16px;
	padding-right: 40px;
}

.upload_success .link:before {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	width: 40px;
	height: 40px;
	background-color: #666;
	-webkit-mask: url(./assets/img/copy.svg) no-repeat center;
	mask: url(./assets/img/copy.svg) no-repeat center;
	-webkit-mask-size: 16px;
	mask-size: 16px;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

.upload_success .link i {
	position: absolute;
	top: 36px;
	right: -10px;
	display: block;
	padding: 3px 10px;
	background: #c3c3c3;
	color: #fff;
	border-radius: 12px;
	font-size: .75rem;
}

.upload_success .down {
	text-align: center;
	font-size: .85rem;
	padding-top: 16px;
	padding-bottom: 10px;
}

.upload_success .down a {
	color: #3483ce;
	margin: 0 10px;
}

.vrCodeBox {
	display: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#vrCode {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.upload-info-banner {
	position: relative;
	overflow: hidden;
	padding: 90px 0;
}

.upload-info-banner:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	content: '';
	background-image: -webkit-linear-gradient(45deg,#55acee,#4442f8bd);
	background-image: linear-gradient(45deg,#55acee,#4442f8bd);
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .9;
}

.upload-info-banner img.bg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	min-height: 100%;
	min-width: 100%;
	opacity: .9;
	filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.upload-info-banner .text {
	position: relative;
	z-index: 9;
	max-width: 100%;
	color: #fff;
	width: 100%;
	padding: 0 16px;
	text-align: center;
	line-height: 1.4rem;
}

.upload-info-banner .icon {
	width: 80px;
	height: 80px;
	background: #fff;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 16px;
	border: 2px solid #fff;
}

.upload-info-banner .icon img {
	width: 100%;
	height: 100%;
}

.upload-info-banner h1 {
	font-size: 1.4rem;
	line-height: 2.2rem;
	padding-bottom: 8px;
}

.upload-info-banner .down {
	display: inline-block;
	margin: 20px auto;
	background: #fff;
	padding: 10px 32px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #0d88e2;
	text-transform: uppercase;
}

.uploadInfo {
	z-index: 9;
	position: relative;
	background: #fff;
	padding: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 12px 32px 2px rgba(0,0,0,.03);
	margin: -60px 16px 16px 16px;
}

.uploadInfo .icon-box {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	overflow: hidden;
}

.uploadInfo .icon-box img {
	width: 100%;
	height: 100%;
}

.uploadInfo .text {
	padding: 8px 0;
}

.uploadInfo .text h1 {
	text-align: center;
	color: #222;
	font-size: 1.2rem;
	line-height: 2rem;
	padding-bottom: 10px;
}

.uploadInfo ul {
	margin-left: -16px;
}

.uploadInfo li {
	padding-bottom: 8px;
	font-size: .85rem;
	padding-left: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.uploadInfo li span {
	color: #3483ce;
	float: right;
}

.uploadInfo .btn .apkVrCode {
	display: none;
	margin: 0 auto;
	margin-bottom: 10px;
	height: 110px;
	width: 110px;
}

.uploadInfo .btn a {
	display: block;
	cursor: pointer;
	background: #0284fe;
	text-align: center;
	line-height: 34px;
	color: #fff;
	font-size: .75rem;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin: 0 auto;
}

@media (min-width:640px) {
	.uploadInfo .text h1 {
		text-align: left;
	}

	.uploadInfo li span {
		float: none;
	}

	.uploadInfo .icon-box {
		position: absolute;
		left: 24px;
		top: 32px;
	}

	.uploadInfo .text {
		padding-left: 110px;
		padding-right: 220px;
		min-height: 160px;
	}

	.uploadInfo .btn {
		position: absolute;
		right: 24px;
		top: 24px;
		width: 200px;
		text-align: center;
	}

	.uploadInfo .btn .apkVrCode {
		display: block;
	}

	.uploadInfo .btn a {
		max-width: 150px;
	}
}

@media (min-width:960px) {
	.uploadInfo li {
		width: 50%;
		float: left;
	}
}

@media (min-width:1200px) {
	.uploadInfo li {
		width: 33.33%;
	}
}

.upload-info {
	z-index: 9;
	position: relative;
	background: #fff;
	padding: 16px;
	margin: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 12px 32px 2px rgba(0,0,0,.03);
	word-wrap: break-word;
	word-break: normal;
}

.upload-info .title {
	font-size: 1rem;
	padding: 8px 0;
}

.upload-info .list {
	margin: 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #d8dfe2;
}

.upload-info .list.no-xapk .list-box {
	display: inline-table;
}

.upload-info .list.no-xapk .list-box .number {
	text-align: right;
}

.upload-info .list .list-title {
	cursor: pointer;
	font-size: .85rem;
	padding: 0 16px;
	height: 40px;
	line-height: 40px;
	background: #f8f9fa;
	position: relative;
	padding-right: 60px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.upload-info .list .list-title span {
	position: absolute;
	right: 8px;
	top: 10px;
	height: 20px;
	width: 34px;
	line-height: 20px;
	text-align: center;
	background: #3483ce;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	font-size: .75rem;
	opacity: .5;
}

.upload-info table.list-box {
	display: block;
	width: 100%;
}

.upload-info table.list-box tbody {
	width: 100%;
	display: inline-table;
}

.upload-info table.list-box tr {
	border-top: 1px solid #d8dfe2;
}

.upload-info table.list-box td {
	font-size: .85rem;
	line-height: 1.4rem;
	word-wrap: break-word;
	word-break: break-all;
	padding: 16px;
}

.upload-info table.list-box .number {
	background: #eef1f2;
	width: 30%;
	min-width: 20px;
	text-align: center;
	border-right: 1px solid #d8dfe2;
}

.upload-info table.list-box .string {
	padding: 16px;
	width: 40%;
	color: #3483ce;
	background: #eef1f2;
	border-right: 1px solid #d8dfe2;
}

.upload-info table.list-box .describe {
	padding: 16px;
	background: #f8f9fa;
	width: 70%;
}

.upload-info table.list-box.three .number {
	width: 8%;
}

.upload-info table.list-box.three .string {
	background: #f8f9fa;
}

.upload-info table.list-box.three .describe {
	display: none;
}

@media (min-width:640px) {
	.upload-info table.list-box .number {
		width: 8%;
	}

	.upload-info table.list-box.three .number {
		width: 4%;
	}

	.upload-info table.list-box.three .string {
		background: #eef1f2;
	}

	.upload-info table.list-box.three .describe {
		display: table-cell;
		width: 52%;
	}
}

.uploadInfo_share {
	padding: 10px 0;
	clear: both;
	text-align: center;
}

@media (min-width:640px) {
	.uploadInfo_share {
		text-align: left;
	}
}

.uploadInfo_share a {
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	margin-right: 4px;
	background-size: 18px;
	background-position: center;
	background-repeat: no-repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.uploadInfo_share a.share-fb {
	background-color: #3b5998;
	background-image: url(./assets/img/Facebook-icon.svg);
}

.uploadInfo_share a.share-twitter {
	background-color: #55acee;
	background-image: url(./assets/img/Twitter-icon.svg);
}

.uploadInfo_share a.share-line {
	background-size: 16px;
	background-color: #00ba00;
	background-image: url(./assets/img/line-me-icon.svg);
}

.uploadInfo_share a.share-vk {
	background-color: #6383a8;
	background-image: url(./assets/img/Vkontakte-icon.svg);
}

.uploadInfo_share a.share-reddit {
	background-color: #ff5700;
	background-image: url(./assets/img/Reddit-icon.svg);
}

.uploadInfo_share a.share-more {
	background-color: #ff6550;
	background-image: url(./assets/img/share-more.svg);
}

.add-apk {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 96%;
	max-height: 96%;
	max-width: 640px;
	z-index: 9999999;
	background: #fff;
	overflow-y: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.add-apk-box {
	position: relative;
}

.add-apk-box .ShutDown {
	position: absolute;
	right: 10px;
	top: 5px;
	display: block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 1.2rem;
	cursor: pointer;
	background: url(./assets/img/ShutDown.svg);
	background-size: 18px;
	background-position: center;
	background-repeat: no-repeat;
}

.add-apk-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: #000;
	opacity: .7;
}

.add-apk .add-apk-title {
	padding: 16px 30px;
	padding-top: 32px;
	text-align: center;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #222;
	font-weight: 400;
}

.search-form {
	margin: 0 20px;
	padding-bottom: 16px;
	position: relative;
}

.search-form input {
	position: relative;
	width: 100%;
	outline: 0;
	height: 40px;
	line-height: 40px;
	padding-right: 100px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding-left: 16px;
	padding-right: 86px;
	background-color: #fff;
	border: 1px solid #dedede;
}

.search-form button.search {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	outline: 0;
	border: none;
	height: 40px;
	width: 80px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #ff713f;
	text-align: center;
	font-size: .75rem;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	opacity: .95;
}

.search-form button.search:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: '';
	background-color: #fff;
	-webkit-mask: url(./assets/img/search-icon-dark.svg) no-repeat center;
	mask: url(./assets/img/search-icon-dark.svg) no-repeat center;
	-webkit-mask-size: 20px;
	mask-size: 20px;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.search-form button.search.loading:before {
	margin: 0 auto;
	background-color: #fff;
	-webkit-mask: url(./assets/img/Loading.svg) no-repeat center;
	mask: url(./assets/img/Loading.svg) no-repeat center;
	-webkit-mask-size: 32px;
	mask-size: 32px;
	background-size: 32px;
}

.search-form p {
	font-size: .75rem;
	padding: 4px 16px;
	color: #9f9f9f;
}

.prompt {
	display: none;
	color: #222;
	position: relative;
	padding: 16px 60px;
}

.prompt.success {
	background-color: #cdf7e2;
}

.prompt.error {
	background-color: #fef8f0;
}

.prompt.error:before,.prompt.success:before {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 32px;
	top: 13px;
	content: '';
	-webkit-mask-size: 20px;
	mask-size: 20px;
	background-size: 20px;
}

.prompt.success:before {
	background-color: #3dcc86;
	-webkit-mask: url(./assets/img/successful.svg) no-repeat center;
	mask: url(./assets/img/successful.svg) no-repeat center;
}

.prompt.error:before {
	background-color: #ff713f;
	-webkit-mask: url(./assets/img/mark-error.svg) no-repeat center;
	mask: url(./assets/img/mark-error.svg) no-repeat center;
}

.prompt.error:after,.prompt.success:after {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 32px;
	top: 13px;
	content: '';
	background-color: #222;
	-webkit-mask: url(./assets/img/closed.svg) no-repeat center;
	mask: url(./assets/img/closed.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
	background-size: 12px;
}

.search-info {
	display: none;
	overflow: hidden;
	clear: both;
	margin: 0 16px;
	max-height: 360px;
	overflow-y: auto;
	padding: 8px;
	background-color: #f8f9fa;
	border: 1px solid #eee;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.search-info .list,.search-info .there {
	cursor: pointer;
	height: 60px;
	position: relative;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 4px;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	text-decoration: none;
	cursor: pointer;
}

.search-info .there:before {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 16px;
	top: 16px;
	content: '';
	background-color: #ccc;
	-webkit-mask: url(./assets/img/successful.svg) no-repeat center;
	mask: url(./assets/img/successful.svg) no-repeat center;
	-webkit-mask-size: 20px;
	mask-size: 20px;
	background-size: 20px;
}

.search-info .list:before {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 16px;
	top: 16px;
	content: '';
	background-color: #ccc;
	-webkit-mask: url(./assets/img/add.svg) no-repeat center;
	mask: url(./assets/img/add.svg) no-repeat center;
	-webkit-mask-size: 22px;
	mask-size: 22px;
	background-size: 22px;
}

.search-info .list img.icon,.search-info .there img.icon {
	position: absolute;
	left: 12px;
	top: 8px;
	height: 44px;
	width: 44px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	background: #f1f2f3;
}

.search-info .list .other,.search-info .list .title,.search-info .there .other,.search-info .there .title {
	padding-left: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 50px;
}

.search-info .list .title,.search-info .there .title {
	font-size: 1rem;
	height: 30px;
	line-height: 30px;
	padding-top: 4px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-info .list .other,.search-info .there .other {
	height: 20px;
	line-height: 20px;
	color: #9f9f9f;
	font-size: .75rem;
	font-weight: 400;
}

.search-info .list.selected,.search-info .list:hover {
	background: #fff;
}

.search-info .list:hover .title {
	color: #3483d1;
}

.search-info .list.selected:before,.search-info .list:hover:before {
	background-color: #3dcc86;
	-webkit-mask: url(./assets/img/successful.svg) no-repeat center;
	mask: url(./assets/img/successful.svg) no-repeat center;
	-webkit-mask-size: 20px;
	mask-size: 20px;
	background-size: 20px;
}

button.submit-button {
	width: 100%;
	display: block;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #b9b9b9;
	border: none;
	margin: 16px auto;
	margin-bottom: 32px;
	max-width: 300px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

button.submit-button.submit {
	color: #fff;
	background: #ff713f;
}

.right-add-apk {
	display: none;
	background: #fff;
	margin-top: 10px;
}

.right-add-apk .add-apk-btn {
	padding: 16px;
	cursor: pointer;
	background: url(./assets/img/editor.svg);
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 12px center;
	padding-left: 40px;
}

.topTens_title .add-apk-btn {
	display: none;
	color: #3483ce;
	cursor: pointer;
}

.m-add-apk {
	position: fixed;
	background: #fff;
	height: 48px;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 99999;
	border-top: 1px solid #e8e8e8;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
}

.m-add-apk .left,.m-add-apk .right {
	cursor: pointer;
	width: 50%;
	padding: 0 10px;
	line-height: 48px;
	text-align: center;
}

.m-add-apk .left {
	float: left;
}

.m-add-apk .right {
	float: right;
}

.m-add-apk .left span,.m-add-apk .right span {
	display: inline-block;
	position: relative;
	padding-left: 30px;
}

.m-add-apk .left span:before,.m-add-apk .right span:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 24px;
	height: 24px;
}

.m-add-apk .right span:before {
	background: url(./assets/img/editor.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
}

.m-add-apk .left span:before {
	background: url(./assets/img/share.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
}

.tag_page_title {
	position: relative;
	padding-right: 180px;
}

.tag_page_title .add-apk-btn {
	position: absolute;
	display: none;
	right: 0;
	font-size: .8rem;
	cursor: pointer;
}

@media (min-width:996px) {
	.tag_page_title .add-apk-btn {
		display: inline-block;
	}

	.topTens_title .add-apk-btn {
		display: inline-block;
	}

	.right-add-apk {
		display: block;
	}

	.m-add-apk {
		display: none;
	}
}

.grecaptcha-badge {
	bottom: 75px!important;
}

.chrome_plugin_banner {
	background-image: linear-gradient(135deg,#55acee,#4442f8bd);
	padding-top: 80px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.chrome_plugin_banner:before {
	content: '';
	position: absolute;
	bottom: 0;
	top: 86%;
	right: -20px;
	background-color: #f6f9fc;
	padding-bottom: 120%;
	width: 120%;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(-5deg) skewX(5deg);
	-ms-transform: rotate(-5deg) skewX(5deg);
	transform: rotate(-5deg) skewX(5deg);
	z-index: 0;
}

.chrome_plugin_banner .text {
	margin: 0 auto;
	color: #fff;
	width: 90%;
	padding-bottom: 30px;
	position: relative;
}

.chrome_plugin_banner .text h1 {
	font-size: 1.8rem;
	line-height: 2.2rem;
	padding-bottom: 10px;
}

.chrome_plugin_banner .text p {
	font-size: 1rem;
	line-height: 1.6rem;
	font-weight: 300;
	margin-bottom: 20px;
}

.chrome_plugin_banner .text p.tutorial_text {
	padding-top: 16px;
}

.chrome_plugin_banner .text p.tutorial_text a {
	font-size: .85rem;
	color: #fff;
	text-decoration: underline;
}

.chrome_plugin_banner .text .btn {
	width: auto;
	max-width: 90%;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	background: #fff;
	padding-left: 50px;
	padding-right: 30px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	position: relative;
	color: #272750;
	overflow: hidden;
}

.chrome_plugin_banner .text .btn:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 9px;
	background: url(./assets/img/google_chrome_icon.svg) no-repeat center;
	width: 30px;
	height: 30px;
}

.chrome_plugin_main {
	margin: 0 30px;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 10;
	position: relative;
	margin-bottom: 30px;
	text-align: right;
	min-height: 260px;
}

.chrome_plugin_main .img_screenshots {
	margin: 0 auto;
	max-width: 400px;
}

.chrome_plugin_main .img_screenshots img {
	max-width: 400px;
	width: 100%;
	border: 2px solid #f1f2f3;
	box-shadow: 0 11px 19px 0 rgba(0,0,0,.07);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
}

.chrome_plugin_top {
	height: 50px;
	width: 100%;
	background: #f8f8f9;
	padding-top: 10px;
	position: relative;
	display: none;
}

.chrome_plugin_top .address {
	background: #fff;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding: 0 10px;
	margin-left: 80px;
	margin-right: 120px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	color: #ccc;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .75rem;
}

.chrome_plugin_top .address_left {
	position: absolute;
	left: 18px;
	top: 18px;
}

.chrome_plugin_top .address_left span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #d7d8db;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	margin: 2px;
}

.chrome_plugin_top .address_right {
	width: 100px;
	position: absolute;
	right: 0;
	top: 10px;
	text-align: left;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.chrome_plugin_top .address_right .address_icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	vertical-align: top;
	background-image: url(./assets/img/icon-57.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	box-shadow: 0 2px 4px 1px rgba(189,189,189,.4);
	text-align: right;
	position: relative;
}

.chrome_plugin_top .address_right .address_menu {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 20px;
	vertical-align: top;
	padding-top: 5px;
}

.chrome_plugin_top .address_right .address_menu span {
	display: block;
	width: 5px;
	height: 5px;
	background: #d7d8db;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	margin: 2px;
}

.chrome_plugin_top .address_right .address_icon span {
	display: inline-block;
	background: #689f38;
	font-size: .75rem;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	padding: 0 2px;
	height: 12px;
	width: 12px;
	position: absolute;
	right: -2px;
	bottom: -2px;
	text-align: center;
	line-height: 12px;
}

.chrome_plugin_title {
	padding: 20px 30px;
	text-align: center;
	font-size: 1rem;
	line-height: 1.6rem;
	color: #5268db;
}

.chrome_plugin_title h2 {
	font-size: 1.4rem;
	padding-top: 4px;
	color: #222;
}

.chrome_plugin_features {
	padding: 20px 16px;
	padding-top: 0;
}

.chrome_plugin_features .list {
	width: 100%;
	position: relative;
	min-height: 100px;
	margin-bottom: 16px;
}

.chrome_plugin_features .list .icon {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 16px;
	top: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.chrome_plugin_features .list .icon:before {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 50%;
	width: 50%;
	content: '';
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.chrome_plugin_features .list .icon:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: 40%;
	width: 40%;
	content: '';
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
}

.chrome_plugin_features .list:first-child .icon,.chrome_plugin_features .list:first-child .icon:before {
	background: #ebfff2;
}

.chrome_plugin_features .list:first-child .icon:after {
	background: #29c05e;
	-webkit-mask: url(./assets/img/detail-security.svg) no-repeat center;
	mask: url(./assets/img/detail-security.svg) no-repeat center;
	-webkit-mask-size: 26px;
	mask-size: 26px;
	background-size: 26px;
}

.chrome_plugin_features .list:nth-child(2) .icon,.chrome_plugin_features .list:nth-child(2) .icon:before {
	background: #f7e9eb;
}

.chrome_plugin_features .list:nth-child(2) .icon:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSIjZjU1NzY1Ij4KICAgIDxwYXRoIGQ9Ik04MTkuMjkyIDYyMy43ODVjLTQwLjg0NC00MC44NDQtODguMzg3LTcyLjU0Ny0xNDAuMTUxLTk0LjEwMiA2OS41ODctNTEuMzkyIDExNC44MDktMTMzLjk3IDExNC44MDktMjI2LjkyMSAwLTE1NS40NjctMTI2LjQ4My0yODEuOTUxLTI4MS45NTEtMjgxLjk1MXMtMjgxLjk1MSAxMjYuNDgzLTI4MS45NTEgMjgxLjk1MWMwIDkyLjk1IDQ1LjIyMSAxNzUuNTI5IDExNC44MDkgMjI2LjkyMS01MS43NjIgMjEuNTU1LTk5LjMwOCA1My4yNi0xNDAuMTUxIDk0LjEwMi04Mi4wODAgODIuMDgwLTEyNy4yODQgMTkxLjIxMy0xMjcuMjg0IDMwNy4yOTIgMCAzMi4xNzQgMjYuMDgyIDU4LjI1NCA1OC4yNTQgNTguMjU0czU4LjI1NC0yNi4wODAgNTguMjU0LTU4LjI1NGMwLTE3NS4zODUgMTQyLjY4NS0zMTguMDY4IDMxOC4wNjgtMzE4LjA2OCAxNzUuMzg1IDAgMzE4LjA2OCAxNDIuNjg1IDMxOC4wNjggMzE4LjA2OCAwIDMyLjE3NCAyNi4wODAgNTguMjU0IDU4LjI1NCA1OC4yNTRzNTguMjU0LTI2LjA4MCA1OC4yNTQtNTguMjU0YzAtMTE2LjA4MS00NS4yMDQtMjI1LjIxMS0xMjcuMjg0LTMwNy4yOTJ6TTUxMiAxMzcuMzJjOTEuMjI1IDAgMTY1LjQ0MiA3NC4yMTggMTY1LjQ0MiAxNjUuNDQycy03NC4yMTggMTY1LjQ0Mi0xNjUuNDQyIDE2NS40NDItMTY1LjQ0Mi03NC4yMTgtMTY1LjQ0Mi0xNjUuNDQyIDc0LjIxOC0xNjUuNDQyIDE2NS40NDItMTY1LjQ0MnoiLz4KPC9zdmc+Cg==);
	background-size: 26px;
}

.chrome_plugin_features .list:nth-child(3) .icon,.chrome_plugin_features .list:nth-child(3) .icon:before {
	background: #dcf7e6;
}

.chrome_plugin_features .list:nth-child(3) .icon:after {
	background-size: 40px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSIjODRFOEE3Ij4KICAgIDxwYXRoIGQ9Ik01MTcuODcwOTMzIDE0OC4wOTMxNTZjLTE5LjY2MDggMC0zOC45MjMzNzggMS42NDk3NzgtNTcuNzMwODQ0IDQuNjg3NjQ0IDguMjQ4ODg5IDMuMTA2MTMzIDE4LjU0NTc3OCA0Ljc3ODY2NyAzMi41ODU5NTYgNC4xMDczNzggNDguMzEwMDQ0LTIuMjk4MzExIDc4LjI0NDk3OCA2LjkwNjMxMSA0My43MDIwNDQgMjAuNzMwMzExcy0yOC4xMTQ0ODkgMjguNTAxMzMzLTExLjk5MjE3OCAyOS42NTA0ODljMTYuMTIyMzExIDEuMTQ5MTU2IDUzLjcwMzExMS0xNi4wNTQwNDQgNjYuMTczMTU2LTAuOTIxNiAxMi44NjgyNjcgMTUuNjIxNjg5LTE0LjQzODQgNDEuMjQ0NDQ0IDEuODQzMiA2OC45MjY1NzggMjQuMjIzMjg5IDQxLjE5ODkzMy01OC42Mjk2ODkgNTAuNjMxMTExLTc5LjU2NDggODEuNTIxNzc4LTIwLjE5NTU1NiAyOS43OTg0LTMxLjU4NDcxMSA2MS43MTMwNjctOC41NTYwODkgMTA0LjQ5MzUxMSAyMy4wMjg2MjIgNDIuNzgwNDQ0IDI4LjQ0NDQ0NCAxNi45NDE1MTEgNjguOTM3OTU2IDIxLjYyOTE1NiA3OS44MjY0ODkgOS4yMzg3NTYgNTUuOTMzMTU2IDcxLjczNjg4OSAxNTQuMjgyNjY3IDkxLjMwNjY2NyAzNy42MjYzMTEgNy40ODY1NzggMTEuNzY0NjIyIDg5LjIyNDUzMy01NC4yNjA2MjIgMTI4LjYxNDQtNjMuNjM1OTExIDM3Ljk1NjI2Ny00My41NDI3NTYgODEuNDk5MDIyLTEzMy45NzMzMzMgMTEwLjUzNTExMS0yMS43MzE1NTYgNi45NzQ1NzgtMzguMjYzNDY3IDIuOTY5Ni0yMS40NDcxMTEtMjEuMjA4MTc4IDMyLjYyMDA4OS00Ni44ODc4MjIgMjkuNzg3MDIyLTk5LjE0NTk1NiAwLTEyMi41Mzg2NjctMjkuNzg3MDIyLTIzLjM5MjcxMS02My4xODA4LTI4LjQ4OTk1Ni01NS4xMjUzMzMtNjQuNTEyIDguMDU1NDY3LTM2LjAyMjA0NCAzOS4yMzA1NzgtNDguNjI4NjIyIDQxLjQ0OTI0NC04MS4wMDk3NzggMi4xMzkwMjItMzEuMjMyLTQ3LjQxMTItMTM3LjUzNDU3OC0xMDkuMzQwNDQ0LTExNi40ODU2ODktMzUuMzczNTExIDEyLjAyNjMxMS0xMDMuNzg4MDg5LTMyLjk3MjgtMTAwLjE2OTk1Ni05MS44OTgzMTEgNC4xOTg0LTY4LjQ2MDA4OSA1Ni42Mzg1NzgtNzguOTUwNCA0NC44NjI1NzgtMTE5LjY3MTQ2Ny0wLjAzNDEzMy0wLjExMzc3OCAwLjAxMTM3OC0wLjI2MTY4OSAwLTAuMzg2ODQ0LTEwNy41NzY4ODkgNjEuODQ5Ni0xODAuMDc2MDg5IDE3Ny44NDYwNDQtMTgwLjA3NjA4OSAzMTAuODQwODg5IDAgMTk3LjkzOTIgMTYwLjQ2MDggMzU4LjQgMzU4LjQgMzU4LjRzMzU4LjQtMTYwLjQ2MDggMzU4LjQtMzU4LjRTNzE1LjgxMDEzMyAxNDguMDkzMTU2IDUxNy44NzA5MzMgMTQ4LjA5MzE1NnoiLz4KPC9zdmc+Cg==);
}

.chrome_plugin_features .list:nth-child(4) .icon,.chrome_plugin_features .list:nth-child(4) .icon:before {
	background: #fffae8;
}

.chrome_plugin_features .list:nth-child(4) .icon:after {
	background-size: 32px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTc2NTY0OTE5MTkzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjY4MjUiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTczNy42NzM4MDkgODYzLjkwMzc0NSA3MzcuNjczODA5IDgwMC4xMzMzNSA2NzIuNTAzNTMxIDgwMC4xMzMzNSA2NzIuNTAzNTMxIDg2My45NDk3OTRaTTgzNC45NDMxNTcgODYzLjk0OTc5NGMxNS45NTQzNjcgMCAyOS4wMDY2MzctMTMuMDUzMjk0IDI5LjAwNjYzNy0yOS4wMDY2MzdsMC0zNC44MDg3ODQtNjIuNDYxNTg3IDAgMCA2My43NjkzNzJNNDE1LjMxMTg5MSAyMjMuODY1NjI3bDAgMTkxLjQ0NzI4N0wyMjMuODY0NjA0IDQxNS4zMTI5MTQgMjIzLjg2NDYwNCAyMjMuODY1NjI3IDQxNS4zMTE4OTEgMjIzLjg2NTYyN000NTAuMTIwNjc0IDE2MC4wNTAyMDYgMTg5LjA1NTgyIDE2MC4wNTAyMDZjLTE1Ljk1MzM0NCAwLTI5LjAwNjYzNyAxMy4wNTMyOTQtMjkuMDA2NjM3IDI5LjAwNjYzN2wwIDI2MS4wNjM4MzFjMCAxNS45NTQzNjcgMTMuMDUzMjk0IDI5LjAwNjYzNyAyOS4wMDY2MzcgMjkuMDA2NjM3bDI2MS4wNjM4MzEgMGMxNS45NTMzNDQgMCAyOS4wMDY2MzctMTMuMDUzMjk0IDI5LjAwNjYzNy0yOS4wMDY2MzdMNDc5LjEyNjI4OCAxODkuMDU2ODQzQzQ3OS4xMjczMTIgMTczLjEwMzUgNDY2LjA3NDAxOCAxNjAuMDUwMjA2IDQ1MC4xMjA2NzQgMTYwLjA1MDIwNkw0NTAuMTIwNjc0IDE2MC4wNTAyMDZ6TTMxOS41ODg3NTkgMzE5LjU4OTc4Mm0tMzEuOTA3NzExIDBhMzEuMTgxIDMxLjE4MSAwIDEgMCA2My44MTU0MjEgMCAzMS4xODEgMzEuMTgxIDAgMSAwLTYzLjgxNTQyMSAwWk04MDAuMTM0MzczIDIyMy44NjU2MjdsMCAxOTEuNDQ3Mjg3TDYwOC42ODgxMDkgNDE1LjMxMjkxNCA2MDguNjg4MTA5IDIyMy44NjU2MjcgODAwLjEzNDM3MyAyMjMuODY1NjI3TTgzNC45NDMxNTcgMTYwLjA1MDIwNiA1NzMuODc5MzI2IDE2MC4wNTAyMDZjLTE1Ljk1NDM2NyAwLTI5LjAwNjYzNyAxMy4wNTMyOTQtMjkuMDA2NjM3IDI5LjAwNjYzN2wwIDI2MS4wNjM4MzFjMCAxNS45NTQzNjcgMTMuMDUzMjk0IDI5LjAwNjYzNyAyOS4wMDY2MzcgMjkuMDA2NjM3bDI2MS4wNjM4MzEgMGMxNS45NTQzNjcgMCAyOS4wMDY2MzctMTMuMDUzMjk0IDI5LjAwNjYzNy0yOS4wMDY2MzdMODYzLjk0OTc5NCAxODkuMDU2ODQzQzg2My45NTA4MTcgMTczLjEwMzUgODUwLjg5NzUyMyAxNjAuMDUwMjA2IDgzNC45NDMxNTcgMTYwLjA1MDIwNkw4MzQuOTQzMTU3IDE2MC4wNTAyMDZ6TTcwNC40MTEyNDEgMzE5LjU4OTc4Mm0tMzEuOTA3NzExIDBhMzEuMTgxIDMxLjE4MSAwIDEgMCA2My44MTU0MjEgMCAzMS4xODEgMzEuMTgxIDAgMSAwLTYzLjgxNTQyMSAwWk00MTUuMzExODkxIDYwOC42ODcwODZsMCAxOTEuNDQ3Mjg3TDIyMy44NjQ2MDQgODAwLjEzNDM3MyAyMjMuODY0NjA0IDYwOC42ODcwODYgNDE1LjMxMTg5MSA2MDguNjg3MDg2TTQ1MC4xMjA2NzQgNTQ0Ljg3MTY2NSAxODkuMDU1ODIgNTQ0Ljg3MTY2NWMtMTUuOTUzMzQ0IDAtMjkuMDA2NjM3IDEzLjA1MzI5NC0yOS4wMDY2MzcgMjkuMDA2NjM3bDAgMjYxLjA2MzgzMWMwIDE1Ljk1NDM2NyAxMy4wNTMyOTQgMjkuMDA2NjM3IDI5LjAwNjYzNyAyOS4wMDY2MzdsMjYxLjA2MzgzMSAwYzE1Ljk1NDM2NyAwIDI5LjAwNjYzNy0xMy4wNTMyOTQgMjkuMDA2NjM3LTI5LjAwNjYzN0w0NzkuMTI2Mjg4IDU3My44NzgzMDNDNDc5LjEyNzMxMiA1NTcuOTI0OTU5IDQ2Ni4wNzQwMTggNTQ0Ljg3MTY2NSA0NTAuMTIwNjc0IDU0NC44NzE2NjVMNDUwLjEyMDY3NCA1NDQuODcxNjY1ek0zMTkuNTg4NzU5IDcwNC40MTAyMThtLTMxLjkwNzcxMSAwYTMxLjE4MSAzMS4xODEgMCAxIDAgNjMuODE1NDIxIDAgMzEuMTgxIDMxLjE4MSAwIDEgMC02My44MTU0MjEgMFpNODM0Ljk0MzE1NyA1NDQuODcxNjY1bC0zNS41NzkzMzMgMCAwIDEyNy42MzA4NDItNjMuODE1NDIxIDBMNzM1LjU0ODQwMiA1NDQuODcxNjY1IDU3My44NzkzMjYgNTQ0Ljg3MTY2NWMtMTUuOTU0MzY3IDAtMjkuMDA2NjM3IDEzLjA1MzI5NC0yOS4wMDY2MzcgMjkuMDA2NjM3bDAgMjYxLjA2MzgzMWMwIDE1Ljk1NDM2NyAxMy4wNTMyOTQgMjkuMDA2NjM3IDI5LjAwNjYzNyAyOS4wMDY2MzdsMzQuODA4Nzg0IDAgMC02My44MTU0MjEgMC02My44MTU0MjEgMC02My44MTU0MjEgNjMuODE1NDIxIDAgMCA2My44MTU0MjFMODYzLjk1MDgxNyA3MzYuMzE3OTI4bDAtMTYyLjQzOTYyNkM4NjMuOTUwODE3IDU1Ny45MjQ5NTkgODUwLjg5NzUyMyA1NDQuODcxNjY1IDgzNC45NDMxNTcgNTQ0Ljg3MTY2NXoiIHAtaWQ9IjY4MjYiIGZpbGw9IiNlOWI2MDAiPjwvcGF0aD48L3N2Zz4=);
}

.chrome_plugin_features .list:nth-child(5) .icon,.chrome_plugin_features .list:nth-child(5) .icon:before {
	background: #f5eeff;
}

.chrome_plugin_features .list:nth-child(5) .icon:after {
	background-color: #a55cef;
	-webkit-mask: url(./assets/img/search-icon-dark.svg) no-repeat center;
	mask: url(./assets/img/search-icon-dark.svg) no-repeat center;
}

.chrome_plugin_features .list:nth-child(6) .icon,.chrome_plugin_features .list:nth-child(6) .icon:before {
	background: #ffecfa;
}

.chrome_plugin_features .list:nth-child(6) .icon:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiBmaWxsPSIjZTc2NGE1Ij4KICAgIDxwYXRoIGQ9Ik00ODguMiA5NTkuNmMtMi4xIDAtNC4xLTAuMi02LjItMC43LTEzLjEtMy0yMi4yLTE0LjgtMjEuOC0yOC4ybDEwLjYtMzM1LjZIMzI2LjdjLTkuNiAwLTE4LjUtNC45LTIzLjctMTMtNS4xLTguMS01LjctMTguMy0xLjYtMjdMNTI3LjUgNzkuOGM2LTEyLjUgMjAuMi0xOC43IDMzLjQtMTQuOCAxMy4zIDQgMjEuNiAxNy4xIDE5LjYgMzAuOGwtNDguNCAzMzIuNWgxNjVjOS41IDAgMTguMyA0LjggMjMuNCAxMi43IDUuMiA3LjkgNiAxNy45IDIuMiAyNi42TDUxMy44IDk0Mi44Yy00LjUgMTAuNC0xNC43IDE2LjgtMjUuNiAxNi44ek0zNzEgNTM5LjFoMTI4LjdjNy42IDAgMTQuOCAzLjEgMjAuMSA4LjUgNS4zIDUuNCA4LjEgMTIuOCA3LjkgMjAuNGwtNyAyMjAgMTMzLjQtMzAzLjZINDk5LjdjLTguMSAwLTE1LjktMy41LTIxLjItOS43LTUuMy02LjItNy43LTE0LjMtNi41LTIyLjNsMjYuMy0xODAuOUwzNzEgNTM5LjF6Ii8+Cjwvc3ZnPgo=);
}

.chrome_plugin_features .list .text {
	padding-left: 116px;
	padding-top: 10px;
	padding-right: 16px;
	font-size: .85rem;
	line-height: 1.3rem;
	height: 8rem;
	color: #8e8d8d;
	font-weight: 400;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (min-width:720px) {
	.chrome_plugin_features .list {
		width: 50%;
		float: left;
	}
}

@media (min-width:996px) {
	.chrome_plugin_features .list {
		width: 33.33%;
		float: left;
	}
}

.chrome_plugin_features .list .text p:first-child {
	color: #0f2137;
	font-size: 1.1rem;
	line-height: 1.4rem;
	padding-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media (min-width:992px) {
	.chrome_plugin_features {
		padding: 80px 16px;
	}

	.chrome_plugin_main {
		background: #fff;
		box-shadow: 0 11px 19px 0 rgba(0,0,0,.07);
		min-height: 450px;
		background-image: url(./assets/img/apk-downloader-browser-extension.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 55%;
	}

	.chrome_plugin_main .img_screenshots {
		position: absolute;
		top: 95px;
		right: 40px;
	}

	.chrome_plugin_top {
		display: block;
	}

	.chrome_plugin_banner .container {
		position: relative;
	}

	.chrome_plugin_banner .text {
		position: absolute;
		top: 120px;
		left: 80px;
		z-index: 20;
		text-align: left;
		color: #000;
		max-width: 450px;
	}

	.chrome_plugin_banner .text h1 {
		font-size: 1.8rem;
		line-height: 2.2rem;
		font-weight: 700;
	}

	.chrome_plugin_banner .text p {
		font-size: 1.1rem;
		line-height: 1.6rem;
	}

	.chrome_plugin_banner .text p.tutorial_text a {
		color: #0284fe;
	}

	.chrome_plugin_banner .text .btn {
		color: #fff;
		background: #5e6ede;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}

	.chrome_plugin_banner .text .btn.mac:before {
		background-color: #fff;
	}

	.chrome_plugin_banner .text .btn.pc:before {
		background-color: #fff;
	}

	.chrome_plugin_title {
		padding: 50px 30px;
	}
}

.chrome_plugin_faq {
	padding: 80px 0;
	background: #fff;
}

.chrome_plugin_faq .list {
	padding: 0 30px;
	background: #fff;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 5px;
	border-bottom: 1px solid #ebebeb;
}

.chrome_plugin_faq .list .list_text {
	cursor: pointer;
	position: relative;
	line-height: 1.2rem;
	font-size: 1.1rem;
	color: #222;
	padding-right: 3rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 32px 0;
	padding-right: 30px;
}

.chrome_plugin_faq .list.show .list_box {
	display: block;
}

.chrome_plugin_faq .list.show .list_box span {
	font-weight: 600;
}

.chrome_plugin_faq .list.show .list_box p.add_chrome {
	margin: 30px auto;
	text-align: center;
	max-width: 360px;
}

.chrome_plugin_faq .list.show .list_box img {
	width: 100%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 0 12px #e6e6e6;
	-webkit-box-shadow: 2px 0 12px #e6e6e6;
	box-shadow: 2px 0 12px #e6e6e6;
	border: 1px solid #e6e6e6;
	overflow: hidden;
}

.chrome_plugin_faq .list .list_box .mac_icon,.chrome_plugin_faq .list .list_box .menu_icon,.chrome_plugin_faq .list .list_box .pc_icon {
	content: '';
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	background-color: #000;
	vertical-align: middle;
}

.chrome_plugin_faq .list .list_box .mac_icon {
	-webkit-mask: url(./assets/img/mac.svg) no-repeat center;
	mask: url(./assets/img/mac.svg) no-repeat center;
	-webkit-mask-size: 18px;
	mask-size: 18px;
	background-size: 18px;
}

.chrome_plugin_faq .list .list_box .pc_icon {
	-webkit-mask: url(./assets/img/pc.svg) no-repeat center;
	mask: url(./assets/img/pc.svg) no-repeat center;
	-webkit-mask-size: 14px;
	mask-size: 14px;
	background-size: 14px;
}

.chrome_plugin_faq .list .list_box .menu_icon {
	-webkit-mask: url(./assets/img/menu_icon.svg) no-repeat center;
	mask: url(./assets/img/menu_icon.svg) no-repeat center;
	-webkit-mask-size: 14px;
	mask-size: 14px;
	background-size: 14px;
}

.chrome_plugin_faq .list .list_text span {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	height: 12px;
	width: 12px;
	display: block;
}

.chrome_plugin_faq .list .list_text span:after,.chrome_plugin_faq .list .list_text span:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #000;
}

.chrome_plugin_faq .list .list_text span:before {
	width: 100%;
	height: 2px;
}

.chrome_plugin_faq .list .list_text span:after {
	width: 2px;
	height: 100%;
}

.chrome_plugin_faq .list.show .list_text span:after {
	display: none;
}

.chrome_plugin_faq .list .list_box {
	padding-bottom: 32px;
	display: none;
	line-height: 1.4rem;
}

.chrome_plugin_faq .list .list_box a {
	color: #2e93f1;
	text-decoration: underline;
}

.chrome_plugin_tutorial {
	background: #e1e0FF33;
	width: 100%;
}

.chrome_plugin_tutorial .container {
	position: relative;
	padding: 50px 30px;
}

.chrome_plugin_tutorial .img_box {
	width: 100%;
	position: relative;
	clear: both;
	text-align: center;
}

.chrome_plugin_tutorial .img_box img {
	width: 100%;
	max-width: 600px;
}

.chrome_plugin_tutorial .text h3 {
	font-size: 1.6rem;
	line-height: 2rem;
	color: #222;
	padding-bottom: 16px;
}

.chrome_plugin_tutorial .text p {
	padding-bottom: 16px;
	font-size: 1rem;
	line-height: 1.4rem;
	color: #9f9f9f;
}

.chrome_plugin_tutorial.two {
	background: 0 0;
}

@media (min-width:992px) {
	.chrome_plugin_tutorial .img_box {
		float: left;
		width: 50%;
		height: 0;
		padding-top: 40%;
		overflow: hidden;
		position: relative;
	}

	.chrome_plugin_tutorial.two .img_box {
		float: right;
	}

	.chrome_plugin_tutorial .img_box img {
		width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}

	.chrome_plugin_tutorial .text {
		position: absolute;
		right: 32px;
		top: 50%;
		transform: translate(0,-50%);
		width: 45%;
	}

	.chrome_plugin_tutorial.two .text {
		left: 32px;
	}
}

#install .chrome_plugin_banner .text:before {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4KICAgIDxwYXRoIGQ9Ik01MTIgMEMyMzAuNCAwIDAgMjMwLjQgMCA1MTJzMjMwLjQgNTEyIDUxMiA1MTIgNTEyLTIzMC40IDUxMi01MTJTNzkzLjYgMCA1MTIgMHogbTAgOTQ3LjJjLTI0MC42NCAwLTQzNS4yLTE5NC41Ni00MzUuMi00MzUuMlMyNzEuMzYgNzYuOCA1MTIgNzYuOHM0MzUuMiAxOTQuNTYgNDM1LjIgNDM1LjItMTk0LjU2IDQzNS4yLTQzNS4yIDQzNS4yeiBtMjY2LjI0LTU3OC41NmMwIDEwLjI0LTUuMTIgMjAuNDgtMTAuMjQgMjUuNmwtMjg2LjcyIDI4Ni43MmMtNS4xMiA1LjEyLTE1LjM2IDEwLjI0LTI1LjYgMTAuMjRzLTIwLjQ4LTUuMTItMjUuNi0xMC4yNGwtMTYzLjg0LTE2My44NGMtMTUuMzYtNS4xMi0yMC40OC0xNS4zNi0yMC40OC0yNS42IDAtMjAuNDggMTUuMzYtNDAuOTYgNDAuOTYtNDAuOTYgMTAuMjQgNS4xMiAyMC40OCAxMC4yNCAyNS42IDE1LjM2bDEzOC4yNCAxMzguMjQgMjYxLjEyLTI2MS4xMmM1LjEyLTUuMTIgMTUuMzYtMTAuMjQgMjUuNi0xMC4yNCAyMC40OC01LjEyIDQwLjk2IDE1LjM2IDQwLjk2IDM1Ljg0eiIgZmlsbD0iI0ZGRkZGRiIgLz4KPC9zdmc+Cg==);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 90%;
}

#install .chrome_plugin_banner .text h1 {
	padding-top: 50px;
	font-size: 1.6rem;
}

#install .chrome_plugin_banner .text p {
	font-size: .85rem;
	line-height: 1.2rem;
	opacity: .8;
}

@media (min-width:992px) {
	#install .chrome_plugin_banner .text:before {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4Ij4KICAgIDxwYXRoIGQ9Ik01MTIgMEMyMzAuNCAwIDAgMjMwLjQgMCA1MTJzMjMwLjQgNTEyIDUxMiA1MTIgNTEyLTIzMC40IDUxMi01MTJTNzkzLjYgMCA1MTIgMHogbTAgOTQ3LjJjLTI0MC42NCAwLTQzNS4yLTE5NC41Ni00MzUuMi00MzUuMlMyNzEuMzYgNzYuOCA1MTIgNzYuOHM0MzUuMiAxOTQuNTYgNDM1LjIgNDM1LjItMTk0LjU2IDQzNS4yLTQzNS4yIDQzNS4yeiBtMjY2LjI0LTU3OC41NmMwIDEwLjI0LTUuMTIgMjAuNDgtMTAuMjQgMjUuNmwtMjg2LjcyIDI4Ni43MmMtNS4xMiA1LjEyLTE1LjM2IDEwLjI0LTI1LjYgMTAuMjRzLTIwLjQ4LTUuMTItMjUuNi0xMC4yNGwtMTYzLjg0LTE2My44NGMtMTUuMzYtNS4xMi0yMC40OC0xNS4zNi0yMC40OC0yNS42IDAtMjAuNDggMTUuMzYtNDAuOTYgNDAuOTYtNDAuOTYgMTAuMjQgNS4xMiAyMC40OCAxMC4yNCAyNS42IDE1LjM2bDEzOC4yNCAxMzguMjQgMjYxLjEyLTI2MS4xMmM1LjEyLTUuMTIgMTUuMzYtMTAuMjQgMjUuNi0xMC4yNCAyMC40OC01LjEyIDQwLjk2IDE1LjM2IDQwLjk2IDM1Ljg0eiIgZmlsbD0iIzZCQzgzOSIgLz4KPC9zdmc+Cg==);
	}

	#install .chrome_plugin_banner .text p {
		color: #9f9f9f;
	}
}

#install .chrome_plugin_features {
	display: none;
}

#install .chrome_plugin_faq,#install .chrome_plugin_tutorial {
	background: #f6f9fc;
}

#install .chrome_plugin_tutorial.two {
	background: #fff;
}

.video_buddy .img_box_banner img {
	width: 100%;
	max-width: 100%;
	border-radius: 12px;
	overflow: hidden;
}

.video_buddy .down_box {
	margin: 20px auto;
	text-align: center;
}

.video_buddy .img_box {
	margin-top: 30px;
	text-align: center;
	padding: 20px;
	margin: 0 auto;
	overflow-x: auto;
	z-index: 1;
	white-space: nowrap;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	direction: ltr;
	-webkit-overflow-scrolling: touch;
}

.video_buddy .img_box img {
	max-width: 240px;
	margin: 10px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	-moz-box-shadow: 2px 0 24px #b7b7b7;
	-webkit-box-shadow: 2px 0 24px #b7b7b7;
	box-shadow: 2px 0 24px #b7b7b7;
}

.video_buddy .git_btn {
	display: inline-block;
	text-transform: uppercase;
	padding: 20px 60px;
	padding-left: 70px;
	background: rgba(70,99,246,.96);
	box-shadow: 0 4px 15px 0 rgba(70,99,246,.45);
	border-radius: 42px;
	color: #fff;
	font-weight: 700;
	border: none;
	cursor: pointer;
	font-size: 13px;
	outline: 0;
	-webkit-transition: box-shadow .35s;
	transition: box-shadow .35s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.video_buddy .git_btn:before {
	width: 30px;
	height: 30px;
	content: '';
	background-color: #fff;
	-webkit-mask: url(./assets/img/download.svg) no-repeat center;
	mask: url(./assets/img/download.svg) no-repeat center;
	-webkit-mask-size: 13px;
	mask-size: 13px;
	background-size: 13px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 36px;
	top: 17px;
}

.video_buddy .git_btn:hover {
	text-decoration: none;
	color: #fff;
	opacity: .95;
}

.container_main.video_buddy h1 {
	color: #555;
	font-size: 1.6rem;
	line-height: 2rem;
}

.container_main.video_buddy h3 {
	font-size: 1.6rem;
	line-height: 2rem;
}

.video-buddy-banner {
	text-align: center;
	background: #ff9f45;
}

.video-buddy-banner img {
	max-width: 100%;
	max-height: 240px;
}

.banner_swiper {
	padding-bottom: 20px;
}

.banner_swiper .swiper-wrapper {
	padding-left: 8px;
	padding-right: 16px;
}

.banner_swiper .list {
	text-align: left;
	width: 320px;
	height: 180px;
}

.banner_swiper .list:last-of-type {
	margin-right: 16px;
}

.banner_swiper .list a {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 4px;
	padding-bottom: 4px;
}

.banner_swiper .list .img {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #e9eff2;
}

.banner_swiper .list .img:before {
	content: '';
	width: auto;
	position: absolute;
	height: 60%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,.7)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
	background: linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 100%);
	opacity: .8;
}

.banner_swiper .list .img img {
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

.banner_swiper .list .title {
	position: absolute;
	z-index: 3;
	left: 20px;
	right: 10px;
	bottom: 16px;
	font-size: 1rem;
	line-height: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}

.banner_swiper .swiper-button-next,.banner_swiper .swiper-button-prev {
	z-index: 99;
	width: 44px;
	height: 44px;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	text-decoration: none;
	background-size: 14px;
	background-repeat: no-repeat;
	box-shadow: 0 2px 4px 0 rgba(189,189,189,.3);
}

.banner_swiper .swiper-button-next {
	right: 0;
	-moz-border-radius: 50% 0 0 50%;
	-webkit-border-radius: 50% 0 0 50%;
	border-radius: 50% 0 0 50%;
	background-image: url(./assets/img/chevron-right.svg);
	background-position: 20px center;
}

.banner_swiper .swiper-button-prev {
	left: 0;
	-moz-border-radius: 0 50% 50% 0;
	-webkit-border-radius: 0 50% 50% 0;
	border-radius: 0 50% 50% 0;
	background-image: url(./assets/img/chevron-left.svg);
	background-position: 10px center;
}

.banner_swiper .swiper-button-next.swiper-button-disabled,.banner_swiper .swiper-button-prev.swiper-button-disabled {
	display: none;
}

@media (min-width:1024px) {
	.banner_swiper {
		padding-bottom: 10px;
	}

	.banner_swiper .swiper-wrapper {
		display: block;
		padding: 0 16px;
		padding-left: 12px;
		box-sizing: inherit;
	}

	.banner_swiper .list {
		margin: 0;
		overflow: hidden;
		display: inline-block;
		float: left;
		height: 200px;
	}

	.banner_swiper .list:last-of-type {
		margin: 0;
	}

	.banner_swiper .list:first-child {
		width: 45%;
		height: 360px;
	}

	.banner_swiper .list:nth-child(2),.banner_swiper .list:nth-child(3),.banner_swiper .list:nth-child(4),.banner_swiper .list:nth-child(5),.banner_swiper .list:nth-child(6) {
		width: 27.5%;
		height: 180px;
	}

	.banner_swiper .swiper-button-next,.banner_swiper .swiper-button-prev,.banner_swiper .swiper-pagination {
		display: none;
	}
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 0;
}

.container_review {
	max-width: 1200px;
	position: relative;
	padding-bottom: 12px;
}

.container_review_left {
	width: 100%;
	margin-bottom: 8px;
}

.review_swiper {
	padding-bottom: 20px;
}

.review_swiper .swiper-wrapper {
	padding-left: 8px;
	padding-right: 16px;
}

.review_swiper .list {
	text-align: left;
	width: 320px;
	height: 180px;
}

.review_swiper .list:last-of-type {
	margin-right: 16px;
}

.review_swiper .list a {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 4px;
	padding-bottom: 4px;
}

.review_swiper .list .img {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #e9eff2;
}

.review_swiper .list .img:before {
	content: '';
	width: auto;
	position: absolute;
	height: 60%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.5)),color-stop(100%,rgba(0,0,0,.7)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 70%);
	background: linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 100%);
	opacity: .8;
}

.review_swiper .list .img img {
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

.review_swiper .list .title {
	position: absolute;
	z-index: 3;
	left: 20px;
	right: 10px;
	bottom: 36px;
	font-size: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
}

.review_swiper .list .other {
	position: absolute;
	z-index: 3;
	left: 20px;
	right: 10px;
	bottom: 16px;
	font-size: .8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	opacity: .7;
}

.review_swiper .swiper-button-next,.review_swiper .swiper-button-prev {
	z-index: 99;
	width: 44px;
	height: 44px;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	outline: 0;
	text-decoration: none;
	background-size: 14px;
	background-repeat: no-repeat;
	box-shadow: 0 2px 4px 0 rgba(189,189,189,.3);
}

.review_swiper .swiper-button-next {
	right: 0;
	-moz-border-radius: 50% 0 0 50%;
	-webkit-border-radius: 50% 0 0 50%;
	border-radius: 50% 0 0 50%;
	background-image: url(./assets/img/chevron-right.svg);
	background-position: 20px center;
}

.review_swiper .swiper-button-prev {
	left: 0;
	-moz-border-radius: 0 50% 50% 0;
	-webkit-border-radius: 0 50% 50% 0;
	border-radius: 0 50% 50% 0;
	background-image: url(./assets/img/chevron-left.svg);
	background-position: 10px center;
}

.review_swiper .swiper-button-next.swiper-button-disabled,.review_swiper .swiper-button-prev.swiper-button-disabled {
	display: none;
}

@media (min-width:1024px) {
	.review_swiper {
		padding-bottom: 10px;
	}

	.review_swiper .swiper-wrapper {
		display: block;
		padding: 0 16px;
		padding-left: 12px;
		box-sizing: inherit;
	}

	.review_swiper .list {
		margin: 0;
		overflow: hidden;
		display: inline-block;
		float: left;
		height: 200px;
	}

	.review_swiper .list:last-of-type {
		margin: 0;
	}

	.review_swiper .list:first-child {
		width: 45%;
		height: 360px;
	}

	.review_swiper .list:nth-child(2),.review_swiper .list:nth-child(3),.review_swiper .list:nth-child(4),.review_swiper .list:nth-child(5),.review_swiper .list:nth-child(6) {
		width: 27.5%;
		height: 180px;
	}

	.review_swiper .swiper-button-next,.review_swiper .swiper-button-prev,.review_swiper .swiper-pagination {
		display: none;
	}
}

.review_bread {
	padding: 12px;
	padding-bottom: 0;
	font-size: .8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: none;
}

.review_bread ol {
	overflow: hidden;
}

.review_bread li {
	display: inline-block;
}

.review_bread a {
	color: #9f9f9f;
}

.review_bread a:hover {
	color: #2e93f1;
}

.review_bread span {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

.review_banner {
	background: #f1f2f3;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 48.8%;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.review_banner img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.review_main {
	font-size: .9rem;
	line-height: 1.4rem;
	padding: 16px;
	background: #fff;
	box-shadow: 0 0 12px 0 rgba(189,189,189,.3);
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	color: #444;
}

.review_main .updated_date {
	font-size: .8rem;
	color: #999;
}

.review_main h1 {
	font-size: 1.4rem;
	line-height: 1.8rem;
	color: #000;
	padding-bottom: 10px;
}

.review_main h2,.review_main h3 {
	padding: 0;
	padding-bottom: 10px;
	font-size: 1rem;
	font-weight: 700;
}

.review_main p {
	margin-bottom: 12px;
}

.review_main a {
	color: #2e93f1;
}

.review_main img {
	width: auto;
	height: fit-content;
	max-width: 100%;
	margin: 0 auto;
}

.review_main a:hover {
	text-decoration: underline;
}

.review_main ul {
	padding-left: 16px;
}

.review_main ul li {
	list-style-type: disc;
	padding-bottom: 8px;
}

.review_main table {
	border: 1px solid #f6f9fc;
	width: 100%;
	clear: both;
	margin: 16px 0;
}

.review_main table td {
	border: 1px solid #9f9f9f;
	padding: 8px;
}

.review_main .sns_post_box {
	position: relative;
	overflow: hidden;
	height: 340px;
	margin: 16px 0;
}

.review_main .sns_post_box .title {
	background: #fff;
	height: 40px;
	line-height: 40px;
	color: #444;
	font-size: 1rem;
	font-weight: 700;
}

.review_main .sns_post {
	width: 100%;
	max-width: 480px;
	height: 320px;
	overflow: hidden;
	overflow-y: auto;
	position: absolute;
	top: 40px;
}

.review_main .review_tip {
	background-color: #f6f9fc;
	padding: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 16px;
}

.review_main .review_tip a {
	color: #666;
}

.review_main .review_tip a:hover {
	color: #0284fe;
	text-decoration: underline;
}

.review_main .video_box {
	background: #f1f2f3;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 52%;
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

.review_main .video_box:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	background-size: 80px;
	background-position: center 45%;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,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);
}

.review_main .video_box img {
	width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.review_main .video_box .title {
	position: absolute;
	background: hsla(0,0%,6.7%,.6);
	z-index: 9;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px;
	color: #fff;
	font-size: 1rem;
	line-height: 1rem;
}

.review_main .youtube_iframe {
	width: 100%;
	height: 0;
	padding-top: 48.8%;
	position: relative;
}

.review_main .youtube_iframe iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.review_main strong {
	font-weight: 700;
}

.review_main .multiple-pictures {
	width: 100%;
	padding-bottom: 18px;
	margin-top: 18px;
	height: 240px;
	overflow-x: auto;
	overflow-y: hidden;
	z-index: 1;
	white-space: nowrap;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	direction: ltr;
	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.review_main .multiple-pictures img {
	height: 100%;
	width: auto;
	margin-right: 3px;
}

.review_tag_main .title {
	font-size: 1rem;
	padding: 16px 0;
}

.review_tag_main a {
	padding: 0 20px;
	display: inline-block;
	color: #666;
	line-height: 2rem;
	background: #f5f5f5;
	border-radius: 15px;
	font-size: .8rem;
	margin-bottom: 8px;
}

.review_tag_main a:hover {
	opacity: .8;
	text-decoration: underline;
}

.review_tag_main a:first-child {
	color: #e08412;
	background: #fff6e8;
}

.review_tag_main a:nth-child(2) {
	color: #078807;
	background: #f1fbf1;
}

.review_related {
	padding: 16px 0;
}

.review_related a {
	display: block;
	padding: 12px 36px;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
	font-size: .85rem;
	position: relative;
}

.review_related a:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	top: 10px;
	background-color: #999;
	-webkit-mask: url(./assets/img/prev.svg) no-repeat center;
	mask: url(./assets/img/prev.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
}

.review_related a:hover:before {
	background-color: #2e93f1;
}

.review_related a.prev:before {
	left: 10px;
}

.review_related a.next {
	text-align: right;
	float: right;
}

.review_related a.next:before {
	transform: rotateY(180deg);
	left: auto;
	right: 10px;
}

.review_related a:hover {
	color: #2e93f1;
}

.review_related span {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
	vertical-align: top;
}

.review_related .title {
	font-weight: 400;
	display: none;
}

@media (min-width:720px) {
	.review_related .title {
		display: initial;
	}
}

.review_white_box {
	margin-top: 8px;
	background: #fff;
	box-shadow: 0 0 12px 0 rgba(189,189,189,.3);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.review_white_box .big_title {
	line-height: 1.4rem;
	padding: 16px;
	font-size: 1.1rem;
	color: #333;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	padding-right: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.review_white_box .big_title .more {
	position: absolute;
	display: block;
	line-height: 1.5rem;
	font-size: .875rem;
	right: 16px;
	top: 16px;
	color: #666;
	background-image: url(./assets/img/more-icon.svg);
	background-position: right 9px;
	background-repeat: no-repeat;
	background-size: 7px;
	padding-right: 10px;
}

.review_white_box .white_list,.review_white_box .white_list_article {
	padding: 8px 0;
}

.review_white_box .white_list a {
	display: block;
	position: relative;
	padding: 8px 16px;
	padding-left: 100px;
	height: 90px;
}

.review_white_box .white_list a img {
	width: 72px;
	height: 72px;
	position: absolute;
	left: 16px;
	top: 8px;
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.review_white_box .white_list a:hover {
	background: #f9f9f9;
}

.review_white_box .white_list span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
}

.review_white_box .white_list span:first-child {
	font-size: 1rem;
	height: 1.6rem;
	line-height: 1.6rem;
	color: #222;
}

.review_white_box .white_list span:nth-child(2) {
	color: #6f6f6f;
	font-size: .812rem;
	line-height: 1.2rem;
	max-height: 1.2rem;
	margin-bottom: 8px;
}

.review_white_box .white_list span:nth-child(3),.review_white_box .white_list span:nth-child(4) {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 18px;
	font-size: 14px;
	vertical-align: top;
	margin-right: 6px;
}

.review_white_box .white_list span:nth-child(3) {
	background-image: url(./assets/img/stars-solid.svg);
	background-position: left 2px;
	background-repeat: no-repeat;
	color: #fa8b16;
}

.review_white_box .white_list span:nth-child(4) {
	position: relative;
	color: #999;
}

.review_white_box .white_list span:nth-child(4):before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 20px;
	background-color: #999;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.review_white_box .white_list_article a {
	display: block;
	position: relative;
	padding: 8px 16px;
	padding-left: 148px;
	height: 88px;
}

.review_white_box .white_list_article a:hover {
	background: #f9f9f9;
}

.review_white_box .white_list_article span.icon {
	width: 120px;
	height: 72px;
	position: absolute;
	left: 16px;
	top: 8px;
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.review_white_box .white_list_article span.icon img {
	width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.review_white_box .white_list_article span {
	display: block;
	overflow: hidden;
}

.review_white_box .white_list_article span:first-child {
	margin-top: 4px;
	font-size: .95rem;
	line-height: 1.2rem;
	height: 2.4rem;
	margin-bottom: 8px;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.review_white_box .white_list_article span:nth-child(2) {
	color: #6f6f6f;
	line-height: 1.2rem;
	max-height: 1.2rem;
}

@media (min-width:720px) {
	.review_white_box .white_list a,.review_white_box .white_list_article a {
		width: 50%;
		float: left;
	}
}

@media (min-width:1024px) {
	.review_bread {
		display: block;
	}

	.container_review_left {
		float: left;
		margin-bottom: 0;
		padding: 12px 0;
	}

	.container_review_main {
		margin-right: 376px;
	}

	.container_review_right {
		display: block;
		float: right;
		width: 360px;
		margin-left: -360px;
		margin-bottom: 0;
		padding-top: 4px;
	}

	.review_banner {
		padding-top: 40%;
		border-radius: 8px 8px 0 0;
	}

	.review_main {
		padding: 16px 46px;
	}

	.review_white_box .white_list a,.review_white_box .white_list_article a {
		width: 100%;
		float: none;
	}
}

.review_app_box {
	width: 100%;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin: 8px auto;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.08);
	box-shadow: 0 2px 15px 0 rgba(0,0,0,.08);
	position: relative;
	text-align: left;
	padding: 12px 16px;
}

.review_app_box .icon {
	position: absolute;
	top: 12px;
	left: 16px;
	height: 80px;
	width: 80px;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	overflow: hidden;
}

.review_app_box .text {
	padding: 0 0 0 100px;
	min-height: 92px;
}

.review_app_box .title {
	display: block;
	font-size: 1.2rem;
	line-height: 1.6rem;
	max-height: 3.2rem;
	margin-bottom: 8px;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.review_app_box p {
	font-size: .85rem;
	line-height: 1.2rem;
	display: none;
}

.review_app_box a.title:hover {
	color: #0284fe;
}

.review_app_box .other {
	position: relative;
	font-size: .85rem;
}

.review_app_box .other a.alternatives,.review_app_box .other span {
	display: inline-block;
	position: relative;
	padding-left: 16px;
	color: #9f9f9f;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
}

.review_app_box .other a.alternatives:before,.review_app_box .other span:before {
	content: '';
	position: absolute;
	top: 0;
	width: 12px;
	height: 20px;
	left: 0;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 3px;
}

.review_app_box .other span.rating:before {
	background-color: #fa8b15;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat center 3px;
	mask: url(./assets/img/stars-solid.svg) no-repeat center 3px;
	-webkit-mask-size: 13px;
	mask-size: 13px;
}

.review_app_box .other span.review:before {
	background-color: #919191;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.review_app_box .other a.alternatives {
	color: #0284fe;
}

.review_app_box .other a.alternatives:before {
	background-color: #0284fe;
	-webkit-mask: url(./assets/img/app-alternatives.svg) no-repeat center;
	mask: url(./assets/img/app-alternatives.svg) no-repeat center;
	-webkit-mask-size: 10px;
	mask-size: 10px;
}

.review_app_box .button {
	display: inline-table;
	background: #0284fe;
	color: #fff;
	font-size: .85rem;
	line-height: 1.6rem;
	padding: 8px 24px;
	border-radius: 4px;
	min-width: 100px;
	width: 100%;
	text-align: center;
}

.review_app_box .button:hover {
	text-decoration: none;
}

.review_app_box .google_play_btn,.review_app_box .pre_register_btn {
	width: 176px;
	height: 55px;
	margin: 0;
	margin-left: 100px;
}

@media (min-width:560px) {
	.review_app_box {
		text-align: left;
	}

	.review_app_box .text {
		padding: 0 190px 0 120px;
		min-height: 100px;
	}

	.review_app_box p {
		max-height: 2.4rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.review_app_box .icon {
		position: absolute;
		top: 12px;
		left: 16px;
		height: 100px;
		width: 100px;
		-moz-border-radius: 20%;
		-webkit-border-radius: 20%;
		border-radius: 20%;
		overflow: hidden;
	}

	.review_app_box .button {
		position: absolute;
		right: 16px;
		top: 50px;
		width: auto;
	}

	.review_app_box .google_play_btn,.review_app_box .pre_register_btn {
		width: 176px;
		height: 55px;
		position: absolute;
		right: 16px;
		top: 50px;
	}
}

.main_wrap {
	max-width: 1180px;
	position: relative;
	padding: 16px 0;
}

.main_wrap_left {
	margin-bottom: 16px;
	width: 100%;
}

.main_wrap_right {
	background: #fff;
	min-height: 300px;
	box-shadow: 0 0 12px 0 rgba(189,189,189,.3);
}

@media (min-width:996px) {
	.main_wrap_center {
		margin-right: 350px;
	}

	.main_wrap_left {
		float: left;
		margin-bottom: 0;
	}

	.main_wrap_right {
		width: 336px;
		display: block;
		float: right;
		margin-left: -336px;
	}
}

.main_wrap_box {
	background: #fff;
	margin-bottom: 16px;
	box-shadow: 0 0 12px 0 rgba(189,189,189,.3);
}

.main_wrap_title {
	height: 50px;
	background: #fbfbfb;
	border-bottom: 1px solid #e8e8e8;
	padding: 0 24px;
	line-height: 50px;
	font-size: 1rem;
	color: #222;
	position: relative;
}

.main_wrap_title span {
	font-weight: 700;
}

.tags_info {
	padding: 16px;
	border-bottom: 3px solid #f6f9fc;
	position: relative;
}

.tags_info .icon {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 16px;
	top: 16px;
}

.tags_info .icon img {
	width: 100%;
	height: 100%;
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}

.tags_info .text {
	padding-left: 96px;
	min-height: 80px;
}

.tags_info .title {
	font-size: 1.2rem;
	line-height: 1.4rem;
	color: #3483d1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tags_info .title a {
	color: #3483d1;
}

.tags_info .title a:hover {
	text-decoration: underline;
}

.tags_info .desc {
	font-size: .9rem;
	line-height: 1.2rem;
	color: #6f6f6f;
	margin: 10px 0;
}

.tags_info .text .rating {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 18px;
	font-size: 14px;
	color: #fa8b16;
	background-image: url(./assets/img/stars-solid.svg);
	background-repeat: no-repeat;
	background-position: left 2px;
	vertical-align: top;
	margin-right: 6px;
}

.tags_info .text .review {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	font-size: 12px;
	color: #999;
	vertical-align: top;
	position: relative;
}

.tags_info .text .review:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 20px;
	background-color: #999;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.tags_info .btn {
	display: block;
	position: absolute;
	cursor: pointer;
	background: #0284fe;
	height: 26px;
	text-align: center;
	line-height: 26px;
	width: 80px;
	color: #fff;
	font-size: .75rem;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	border-bottom: 3px solid #1274d0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1;
	left: 16px;
	top: 106px;
}

@media (min-width:720px) {
	.tags_info .icon {
		width: 110px;
		height: 110px;
	}

	.tags_info .text {
		padding-right: 150px;
		padding-left: 126px;
		min-height: 110px;
	}

	.tags_info .btn {
		left: auto;
		right: 16px;
		width: 120px;
		top: 50px;
		height: 36px;
		line-height: 36px;
		font-size: .8rem;
	}
}

.main_wrap_article {
	padding: 8px 0;
}

.main_wrap_article .list {
	width: 100%;
	display: block;
	position: relative;
	padding: 8px 16px;
	padding-left: 166px;
	min-height: 80px;
	cursor: pointer;
}

.main_wrap_article .list:hover .title {
	color: #3483d1;
	text-decoration: underline;
}

.main_wrap_article .list .icon {
	width: 140px;
	height: 70px;
	position: absolute;
	left: 16px;
	top: 8px;
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

.main_wrap_article .list .icon img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.main_wrap_article .list .title {
	font-size: 1rem;
	line-height: 1.6rem;
	color: #222;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.main_wrap_article .list .desc {
	color: #6f6f6f;
	font-size: .8rem;
	line-height: 1.2rem;
	height: 2.4rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main_wrap_article .list .date {
	color: #9f9f9f;
	font-size: .8rem;
	display: none;
}

.main_wrap_article_more {
	background: #fff;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	margin-top: 10px;
	color: #3483d1;
}

.main_wrap_article_more:hover {
	text-decoration: underline;
}

@media (min-width:996px) {
	.main_wrap_article .list {
		padding-left: 232px;
		min-height: 112px;
	}

	.main_wrap_article .list .icon {
		width: 200px;
		height: 100px;
	}

	.main_wrap_article .list .title {
		margin-bottom: 8px;
		font-size: 1.1rem;
	}

	.main_wrap_article .list .desc {
		margin-bottom: 8px;
	}

	.main_wrap_article .list .date {
		display: block;
	}
}

.error_page_box {
	background-color: #fff;
	margin: 10px auto;
	clear: both;
}

.error_page_box h1 {
	color: #d32f2f;
	font-size: 28px;
	line-height: 30px;
	font-weight: 200;
	padding-bottom: 10px;
}

.error_page_box a {
	color: #0284fc;
	text-decoration: underline;
}

.error_page_box .error_big_title {
	padding: 12px 70px 0 12px;
	position: relative;
	display: block;
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #222;
	text-decoration: none;
}

.error_page_box .error_big_title span {
	position: absolute;
	right: 12px;
	top: 12px;
	font-size: .85rem;
	color: #666;
	padding-right: 10px;
}

.error_page_box .error_big_title:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 4px;
	border-color: transparent transparent #666;
	position: absolute;
	top: 23px;
	right: 12px;
	transform: rotate(90deg);
}

.error_page_box .error_big_title:after {
	content: '';
	border-style: solid;
	border-width: 0 4px 4px;
	border-color: transparent transparent #fff;
	position: absolute;
	top: 23px;
	right: 14px;
	transform: rotate(90deg);
}

.error_page_editor_box {
	padding: 8px;
}

.error_page_editor_box .item {
	width: 50%;
	float: left;
	position: relative;
	min-height: 60px;
	padding: 6px;
}

@media (min-width:720px) {
	.error_page_editor_box .item {
		width: 25%;
	}
}

.error_page_editor_box .item a {
	background: #fff;
	display: block;
	box-shadow: 0 2px 4px 0 rgba(189,189,189,.3);
	padding-bottom: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
}

.error_page_editor_box .item .icon {
	display: block;
	height: 0;
	padding-top: 48.8%;
	position: relative;
	overflow: hidden;
	background: #f6f9fc;
}

.error_page_editor_box .item img {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.error_page_editor_box .item .title {
	display: block;
	color: #222;
	font-size: .875rem;
	line-height: 2rem;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 8px;
}

.error_page_editor_box .item .other {
	padding: 0 8px;
}

.review_icon,.star_icon {
	position: relative;
	display: inline-block;
	font-size: 12px;
	padding-left: 14px;
}

.star_icon {
	color: #fa8b15;
}

.review_icon {
	color: #919191;
}

.review_icon:before,.star_icon:before {
	content: '';
	width: 12px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 2px;
}

.star_icon:before {
	background-color: #fa8b15;
	-webkit-mask: url(./assets/img/stars-solid.svg) no-repeat center;
	mask: url(./assets/img/stars-solid.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
}

.review_icon:before {
	background-color: #919191;
	-webkit-mask: url(./assets/img/review.svg) no-repeat center;
	mask: url(./assets/img/review.svg) no-repeat center;
	-webkit-mask-size: 10px;
	mask-size: 10px;
}

.download_button_box {
	margin: 12px auto;
}

.download_blue_button {
	background: #0284fe;
}

.download_green_button {
	background: #24dc83;
}

.download_button_box .down_btn {
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	display: inline-block;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	max-width: 100%;
	margin: 0 auto;
	height: 42px;
	line-height: 42px;
	padding: 0 24px;
	overflow: hidden;
}

.download_button_box .down_btn span {
	display: block;
	position: relative;
	padding-left: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.download_button_box .down_btn span i {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	background-color: #fff;
	-webkit-mask: url(./assets/img/download.svg) no-repeat right center;
	mask: url(./assets/img/download.svg) no-repeat right center;
	-webkit-mask-size: 18px;
	mask-size: 18px;
	background-size: 18px;
	background-position: right center;
	background-repeat: no-repeat;
}

.download_later_show {
	display: none;
}

.bread_crumbs {
	text-transform: uppercase;
}

.bread_crumbs li {
	display: inline-block;
}

.bread_crumbs a {
	font-size: 12px;
	color: #999;
	display: inline-block;
	position: relative;
	padding-right: 16px;
	line-height: 20px;
}

.bread_crumbs a:hover {
	color: #666;
}

.bread_crumbs a::after,.bread_crumbs a::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 4px;
	position: absolute;
	transform: rotate(90deg);
	top: 7.5px;
}

.bread_crumbs a:before {
	right: 2px;
	border-color: transparent transparent #c3c3c3;
}

.bread_crumbs a:after {
	right: 4px;
	border-color: transparent transparent #fff;
}

.bread_crumbs li:last-child {
	display: none;
}

.bread_crumbs li:last-child a::after,.bread_crumbs li:last-child a::before {
	display: none;
}

.alternative_detail {
	padding: 16px;
	background: #fff;
	margin-top: 8px;
}

.alternative_detail h1 {
	font-size: 1.4rem;
	line-height: 1.8rem;
	color: #222;
	padding: 16px 0;
}

.alternative_detail .desc {
	color: #9f9f9f;
	padding-bottom: 16px;
	line-height: 1.2rem;
	border-bottom: 1px solid #eff3f9;
	margin-bottom: 16px;
}

.alternative_detail_list {
	padding: 12px 16px;
	position: relative;
	background: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin: 8px auto;
	overflow: hidden;
}

.alternative_detail_list .icon {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.alternative_detail_list .icon img {
	width: 100%;
	height: 100%;
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
	overflow: hidden;
	background: #f6f9fc;
	border: 1px solid #f6f9fc;
}

.alternative_detail_list .icon img.loaded,.alternative_detail_list .icon img.loading {
	background: 0 0;
	border: 1px solid #fff;
}

.alternative_detail_list .text {
	position: relative;
	text-align: center;
}

.alternative_detail_list .text .title {
	font-size: 1.1rem;
	line-height: 1.6rem;
	padding: 10px 0;
	color: var(--color_link_h);
	display: inline-block;
}

:lang(ja)>.alternative_detail_list .text .title {
	line-height: 1.6rem;
}

.alternative_detail_list .text .title:hover {
	text-decoration: underline;
}

.alternative_detail_list .other span {
	display: inline-block;
	position: relative;
	padding-left: 16px;
	color: #9f9f9f;
	height: 20px;
	line-height: 20px;
	margin-right: 6px;
	font-size: .85rem;
}

.alternative_detail_list .other span:before {
	content: '';
	position: absolute;
	top: 0;
	width: 12px;
	height: 20px;
	left: 0;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 3px;
}

.alternative_detail_list .description {
	padding: 8px 0;
	line-height: 1.2rem;
	text-align: left;
}

.alternative_detail_list .down_box {
	margin: 16px auto 0;
	padding: 0 24px;
	cursor: pointer;
	display: block;
	width: 100%;
	max-width: 240px;
	background: #0284fe;
	height: 44px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: .8rem;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	border-bottom: 3px solid #1274d0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.alternative_detail_list .number {
	display: block;
	border-top: 1px solid #eff3f9;
	margin-top: 10px;
	padding: 16px 0;
	color: #3483ce;
}

.alternative_detail_list .number:hover {
	text-decoration: underline;
}

.lists .alternative_detail_list:first-child {
	margin-top: 0;
}

.lists .alternative_detail_list {
	padding-bottom: 0;
}

.lists .alternative_detail_list .icon {
	position: absolute;
	top: 16px;
	left: 16px;
}

.lists .alternative_detail_list .text {
	text-align: left;
	margin-left: 116px;
	padding-right: 0;
}

.lists .alternative_detail_list .down_box {
	position: absolute;
	left: 16px;
	top: 116px;
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	width: 100px;
	text-align: center;
}

@media (min-width:720px) {
	.alternative_detail .description,.alternative_detail h1 {
		text-align: center;
	}

	.alternative_detail .alternative_detail_list .description {
		text-align: left;
	}

	.alternative_detail_list .icon {
		position: absolute;
		top: 16px;
		left: 16px;
	}

	.alternative_detail_list .text {
		text-align: left;
		margin-left: 116px;
		padding-right: 276px;
	}

	.alternative_detail_list .down_box {
		position: absolute;
		right: 16px;
		top: 32px;
	}

	.lists .alternative_detail_list .down_box {
		position: absolute;
		right: 16px;
		left: auto;
		top: 4px;
		width: 120px;
	}

	.lists .alternative_detail_list .title {
		padding-right: 150px;
	}
}

.share .icon, .share-icon {
	background: url(./assets/img/share_icon.svg) no-repeat top center;
	background-size: 40px auto;
}

.share-button {
	display: block;
	z-index: 999;
	cursor: pointer;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 16px;
	right: 16px;
	border: none;
	background-color: #ff6550;
	background-position: center top;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,.15);
}

.small-share {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
}

.small-share:before {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	background: #17181a;
	opacity: .7;
	left: 0;
	top: 0;
	z-index: 999;
}

.small-share a {
	display: block;
	z-index: 99999;
	color: #fff;
	position: relative;
	height: 40px;
	margin-bottom: 16px;
	cursor: pointer;
}

.small-share .icon {
	position: absolute;
	right: 16px;
	bottom: 0;
	display: block;
	height: 40px;
	width: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,.15);
}

.small-share .text {
	font-size: 12px;
	line-height: 24px;
	height: 24px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	color: #666;
	padding: 0 10px;
	position: absolute;
	right: 64px;
	top: 8px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.35);
}

.share-more .icon {
	background-color: #ff6550;
	background-position: left -40px;
}

.share-fb .icon {
	background-color: #3b5998;
	background-position: center -80px;
}

.share-twitter .icon {
	background-color: #55acee;
	background-position: center -320px;
}

.share-vk .icon {
	background-color: #6383a8;
	background-position: center -360px;
}

.share-reddit .icon {
	background-color: #ff5700;
	background-position: center -120px;
}

.share-pinterest .icon {
	background-color: #cb2027;
	background-position: center -280px;
}

.share-whatsapp .icon {
	background-color: #4dc247;
	background-position: center -160px;
}

.share-e .icon {
	background-color: #777;
	background-position: center -240px;
}

.share-line .icon {
	background-color: #00ba00;
	background-position: center -200px;
}

.other-share {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	color: #fff;
	text-align: center;
}

.other-share:before {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	background: #17181a;
	opacity: .85;
	left: 0;
	top: 0;
}

.other-share-main {
	width: 90%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 20%;
	transform: translate(-50%,0);
	max-width: 640px;
}

.other-share-main amp-social-share {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 48px;
	width: 48px;
	margin: 10px;
}

.other-share-main .title {
	font-size: 26px;
	font-weight: 200;
	padding-bottom: 16px;
}

.other-share-main .subtitle {
	font-size: 14px;
	font-weight: 200;
	padding-bottom: 16px;
}

.other-share-main .list {
	text-align: center;
}

.other-share-main .list a {
	display: block;
	cursor: pointer;
	width: 24%;
	color: #fff;
	margin: 10px auto;
	text-align: center;
	float: left;
	z-index: 9999;
}

.other-share-main .list .text {
	color: #fff;
	line-height: 30px;
	display: block;
}

.other-share-main .list .icon {
	display: block;
	height: 40px;
	width: 40px;
	margin: 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.share-right {
	position: fixed;
	right: 0;
	top: 20%;
	z-index: 9999;
	display: none;
}

@media (min-width:992px) {
	.share-right {
		display: block;
	}

	.share-button {
		display: none;
	}
}

.share-right a {
	position: relative;
	height: 40px;
	width: 40px;
	overflow: hidden;
	cursor: pointer;
	display: block;
	float: right;
}

.share-right a span {
	display: block;
	width: 100%;
	height: 100%;
}

.share-right a:hover {
	opacity: .9;
	width: 50px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}

.commentlist {
	margin-top: 15px;
	padding-left: 0;
}

.commentlist li {
	list-style-type: none;
}

.comment-user {
	font-size: 16px;
}

.comment-time {
	font-size: 13px;
}

.comment-content {
	margin-top: 10px;
}

.reply {
	text-align: right;
	border-bottom: 1px solid #dee0e0;
}

.reply a {
	font-weight: 400!important;
}

.children {
	margin-top: 10px;
	padding-inline-start: 20px;
}

.comment-reply-link a,.commentlist a {
	font-weight: 600;
}

.form-allowed-tags {
	display: none;
}

p.comment-subscription-form {
	clear: both;
}

.comment-subscription-form label {
	display: inline-block!important;
}

input#subscribe_comments {
	padding: 0!important;
	margin: 0!important;
	margin-right: .5em!important;
	float: none!important;
}

#commentform p {
	margin: 0;
}

#commentform input,#commentform textarea {
	width: 100%;
	padding: 10px;
	background: #f7f7f7;
	border: none;
	margin: 2% 0;
	font-size: 1em;
	border-bottom: 2px dashed #d7d7d7;
	font-family: chaparral-pro,serif;
}

#commentform input#submit,.button {
	color: #fff;
	border: none!important;
	background: var(--color_buttons);
	-webkit-appearance: none;
}

#commentform input#submit:hover,.button:hover {
	background: var(--color_buttons_h);
}

#commentform input#submit:active,.button:active {
	background: var(--color_buttons_h);
}

.comment-metadata {
	text-align: right;
}

.detail_banner .button_box {
	text-align: center;
	padding-top: 10px;
}

.new_detail_price {
	text-align: center;
	padding-bottom: 10px;
}

.new_detail_price .price {
	font-size: 1rem;
	color: #f92e1f;
}

.new_detail_price .peak_price {
	font-size: .75rem;
	margin: 0 5px;
	text-decoration: line-through;
	color: #9f9f9f;
}

.new_detail_price .discount {
	color: #fff;
	background: #24cd77;
	padding: 2px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.version_banner {
	position: relative;
	margin: 16px 24px;
	color: #999;
	text-align: center;
	padding-bottom: 24px;
}

.version_banner .icon {
	margin-bottom: 12px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	width: 110px;
	height: 110px;
}

.version_banner h1 {
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: #000;
	padding-bottom: 6px;
}

.version_banner p {
	padding: 8px 0;
}

.version_banner .down_btn {
	cursor: pointer;
	margin-top: 8px;
	display: inline-block;
	max-width: 260px;
	min-width: 180px;
	background: #0284fe;
	text-align: center;
	color: #fff;
	font-size: 12px;
	border-radius: 8px;
	padding: 12px 26px 12px 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	background-image: linear-gradient(90deg,#0284fe,#793bf1c7);
}

.version_banner .down_btn:before {
	content: '';
	width: 35px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	-webkit-mask: url(./assets/img/download.svg) no-repeat right center;
	mask: url(./assets/img/download.svg) no-repeat right center;
	-webkit-mask-size: 18px;
	mask-size: 18px;
	background-size: 18px;
	background-position: right center;
	background-repeat: no-repeat;
}

@media (min-width:640px) {
	.version_banner {
		text-align: left;
		padding-left: 130px;
	}

	.version_banner .icon {
		position: absolute;
		left: 0;
		top: 0;
	}
}

.version_history {
	margin-bottom: 10px;
}

.version_history .big_title {
	padding: 12px;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #222;
	position: relative;
}

.version_history .big_title a {
	font-size: 12px;
	float: right;
	color: #666;
}

.version_history .big_title h2 {
	display: inline-block;
}

.version_history .list {
	width: 100%;
	background: #fff;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
	border-radius: 6px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.version_history .list:hover {
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
}

.version_history .list .package_info {
	display: block;
	color: #222;
	width: auto;
	padding: 12px 90px 12px 76px;
	position: relative;
	min-height: 72px;
	cursor: pointer;
}

.version_history .list .icon {
	position: absolute;
	left: 16px;
	top: 12px;
	width: 50px;
	height: 50px;
	border-radius: 8px;
	overflow: hidden;
}

.version_history .list .text {
	font-size: 12px;
	line-height: 18px;
	color: #999;
	padding-top: 4px;
	display: block;
}

.version_history .list .text span {
	padding-right: 8px;
}

.version_history .list .title {
	line-height: 18px;
	font-size: 16px;
	overflow: hidden;
	display: block;
}

.version_history .list .title .version {
	font-weight: 700;
	padding-right: 6px;
}

.version_history .list .title .name {
	display: none;
	width: 100%;
}

.version_history .list .title span {
	margin: 2px 0;
}

.version_history .list .title span.mod,.version_history .list .title span.apk,.version_history .list .title span.obb,.version_history .list .title span.xapk {
	display: inline-block;
	height: 24px;
	line-height: 22px;
	padding: 0 4px;
	border-radius: 4px;
	text-transform: uppercase;
	border: 1px solid #24cd77;
	color: #24cd77;
	font-size: 12px;
	vertical-align: middle;
}

.version_history .list .title span.xapk {
	border-color: #2e9cf2;
	color: #2e9cf2;
}

.version_history .list .title span.obb {
	border: solid 1px #fa8b16;
	color: #fa8b16;
}

.version_history .list .title span.mod {
	border: solid 1px tomato;
	color: tomato;
}

.version_history .list .v_h_button {
	position: absolute;
	right: 0;
	top: 22px;
	text-align: right;
	padding-right: 8px;
	z-index: 10;
}

.info_box .down-button,.version_history .list .v_h_button a,.version_history .list .v_h_button button {
	display: inline-block;
	position: relative;
	height: 32px;
	line-height: 30px;
	width: 32px;
	border-radius: 50%;
	border: 1px solid #ebedef;
	cursor: pointer;
	vertical-align: top;
	margin: 0 4px;
	overflow: hidden;
	color: #fff;
	text-align: center;
	font-size: 12px;
}

.version_history .list .v_h_button .info {
	width: 20px;
	height: 20px;
	border: 1px solid #c1c1c1;
	position: relative;
	background: 0 0;
	margin-top: 7px;
}

.version_history .list .v_h_button .info:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #c1c1c1;
	-webkit-mask: url(./assets/img/info.svg) no-repeat center;
	mask: url(./assets/img/info.svg) no-repeat center;
	-webkit-mask-size: 14px;
	mask-size: 14px;
	background-size: 14px;
	background-position: right center;
	background-repeat: no-repeat;
}

.info_box .down-button,.version_history .list .down {
	border: none;
	background: var(--color_buttons);
	background-image: linear-gradient(90deg,var(--color_buttons),var(--color_buttons_h));
}

.info_box .down-button:before,.version_history .list .down:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	-webkit-mask: url(./assets/img/download.svg) no-repeat center;
	mask: url(./assets/img/download.svg) no-repeat center;
	-webkit-mask-size: 12px;
	mask-size: 12px;
	background-size: 12px;
	background-position: right center;
	background-repeat: no-repeat;
}

.version_history .list .down span {
	display: none;
}

.version_history .list .down:hover,.version_history .list .info:hover {
	opacity: .8;
}

.version_history .list .info_box {
	display: none;
	border-top: 1px solid #e0e7f0;
	background: #fcfdfd;
	border-radius: 4px;
	font-size: 13px;
	padding: 16px;
	overflow-x: scroll;
}

.version_history .list .info_box.show {
	display: block;
}

.version_history .list .info_box p {
	padding: 4px 0;
	position: relative;
}

.version_history .list .info_box strong {
	font-weight: 600;
	color: #425761;
}

.version_history .list .info_box .whats_new {
	font-size: 12px;
	line-height: 18px;
	background: #f6f9fc;
	padding: 12px;
	margin-top: 4px;
}

.info_box .table {
	box-sizing: border-box;
	display: table;
	width: 100%;
	height: 100%;
	max-width: 100%;
}

.info-fix {
	position: relative;
}

.version_history .list .info_box.info-download {
	position: absolute;
	display: none;
	padding-left: 0;
	top: 0;
	right: 0;
	overflow: revert;
}

.version_history .info-download .table:before {
	content: '';
	width: 20%;
	height: 100%;
	position: absolute;
	left: -20%;
	top: 0;
	background: linear-gradient(to right ,rgba(255,255,255,0),#fff);
}

.version_history .more-apk {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 43px;
	position: relative;
	height: 22px;
}

.version_history .list .info_box.show_amp {
	display: block;
}

.version_history .word-break {
	word-break: break-all;
}

.version_history .more-apk span:after,.version_history .more-apk span:before {
	content: '';
	position: absolute;
	left: 50%;
}

.version_history .more-apk span:before {
	top: 0;
	transform: translateX(-3px);
}

.version_history .more-apk span:after {
	bottom: 0;
	transform: translateX(-3px);
}

.version_history .more-apk span,.version_history .more-apk span:after,.version_history .more-apk span:before {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #9d9d9d;
}

@media (min-width:720px) {
	.version_history .list .package_info {
		padding-right: 160px;
	}

	.version_history .more-apk {
		display: none;
	}

	.version_history .list .title .name {
		display: inline-block;
		padding-bottom: 4px;
		width: auto;
	}

	.version_history .list .v_h_button a.down,.version_history .list .v_h_button button.down {
		width: 100px;
		border-radius: 6px;
	}

	.version_history .list .v_h_button a.down:before,.version_history .list .v_h_button button.down:before {
		display: none;
	}

	.version_history .list .down span {
		display: inline-block;
		vertical-align: top;
	}
}

@media (max-width:720px) {
	.version_history .list .v_h_button button.down {
		display: none;
	}
}

@media (max-width:565px) {
	.version_history .list .info_box.info-download {
		display: block;
	}

	.info_box .table-cell .down_text {
		display: none;
	}

	.info_box .down-button {
		display: inline-block;
	}

	.version_history .list .info_box.show_amp_download {
		display: block;
	}
}

@media (min-width:565px) {
	.version_history .list .info_box.show_amp_download {
		display: none;
	}
}

.ver-info-box {
	background: rgba(0,0,0,.8);
}

.ver-info {
	background: #fff;
	z-index: 9999;
	padding: 40px 20px;
	text-align: left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 95%;
	max-width: 640px;
	line-height: 1.4rem;
	font-size: 13px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.ver-info button.close {
	position: absolute;
	right: 16px;
	top: 16px;
	border: none;
	background: 0 0;
	cursor: pointer;
}

.ver-info button.close:before {
	content: 'x';
	width: 48px;
	height: 48px;
	font-size: 1rem;
}

.ver-info .ver-info-top {
	padding-bottom: 12px;
}

.ver-info .ver-info-top strong {
	font-size: 18px;
}

.ver-info strong {
	font-weight: 600;
	color: #425761;
}

.ver-info .whats_new {
	background: #f6f9fc;
	padding: 12px;
	margin: 4px auto;
}

.ver-info .down_btn {
	border: none;
	background: #0284fe;
	background-image: linear-gradient(90deg,#0284fe,#793bf1c7);
	display: inline-block;
	position: relative;
	line-height: 30px;
	border-radius: 4px;
	cursor: pointer;
	vertical-align: top;
	margin: 8px 0;
	overflow: hidden;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 0 16px;
}

ul.pagination {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

ul.pagination li {
	list-style: none;
}

ul.pagination li a {
	display: block;
	padding: 8px 10px;
	margin: 1px 3px;
	color: #717171;
	background-color: #f5f5f5;
	text-decoration: none;
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0px;
	background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
	font-size: smaller;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
}

ul.pagination li a:hover {
	border-color: #fff;
	background-color: #fdfdfd;
	background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
}

ul.pagination li.active a {
	color: #fff;
	background-color: var(--color_next_prev);
	border-color: var(--color_next_prev);
	background-image: -webkit-linear-gradient(top, var(--color_next_prev), var(--color_next_prev));
	box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
}