.products-5[data-v-2a3cd8f7]@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

.buy_download .new_button_box_right a span {
    font-family: Montserrat_Regular !important;
}

.buy_download .new_button_box .new_leftBtn_text_box .download_text_1 {
    font-family: Montserrat_Regular !important;
}

.buy_download .new_button_box .new_leftBtn_text_box .download_text_2 {
    font-family: Montserrat_Light !important;
}

.fadein-enter-active {
    animation: fadein 0.3s linear;
}

@keyframes fadein {
    from {
        top: -40px;
    }

    to {
        top: -2px;
    }
}

:root {
    --swiper-theme-color: #007aff
}

.new_home_top_content_tab_content_container {
    width: 224.35px;
    height: 254.83px;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    margin-right: 44px;
    margin-bottom: 45px;
    border-radius: 12px;
}

.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: translateZ(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(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-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 {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    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: normal;
    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: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

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

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

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

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

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: 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: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: 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%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

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

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

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

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

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

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    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
}

html {
    font-display: swap;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-display: swap;
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button,
input,
select,
textarea {
    font-display: swap;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail>img,
.thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

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

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-display: swap;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%
}

.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 24px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

.h6,
h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

.small,
small {
    font-size: 85%
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,
a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,
a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,
a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,
a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,
a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,
dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

caption,
th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset,
legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    margin: 1px 9 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control,
output {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type=date].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control,
    input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time],
    input[type=date].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg input[type=time],
    input[type=date].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline input[type=checkbox],
.checkbox input[type=checkbox],
.radio-inline input[type=radio],
.radio input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px 9
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio-inline,
fieldset[disabled] .radio label,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success.checkbox-inline label,
.has-success.checkbox label,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.radio-inline label,
.has-success.radio label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning.checkbox-inline label,
.has-warning.checkbox label,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.radio-inline label,
.has-warning.radio label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group .form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn,
.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.carousel,
.carousel-inner {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    transition: left .6s ease-in-out
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1
}

@media (-webkit-transform-3d),
(transform-3d) {
    .carousel-inner>.item {
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        perspective: 1000px
    }

    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        transform: translateZ(0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-control.left {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 0, transparent);
    background-repeat: repeat-x;
    filter: gradient("#80000000", "#00000000", 1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .5));
    background-repeat: repeat-x;
    filter: gradient("#00000000", "#80000000", 1)
}

.carousel-control:focus,
.carousel-control:hover {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-display: swap;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: "\2039"
}

.carousel-control .icon-next:before {
    content: "\203a"
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@font-face {
    font-display: swap;
    font-family: OpenSans-ExtraBold;
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/OpenSans-ExtraBold.woff")
        /*tpa=https://www.fonepaw.com/fonts/OpenSans-ExtraBold.woff*/
        format("woff")
}

@font-face {
    font-display: swap;
    font-family: OpenSans-Light;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/OpenSans-Light.woff")
        /*tpa=https://www.fonepaw.com/fonts/OpenSans-Light.woff*/
        format("woff")
}

@font-face {
    font-display: swap;
    font-family: OpenSans-Regular;
    src: url("../fonts/OpenSans-Regular.woff")
        /*tpa=https://www.fonepaw.com/fonts/OpenSans-Regular.woff*/
        format("woff")
}

@font-face {
    font-display: swap;
    font-family: OpenSans-SemiBold;
    src: url("../fonts/OpenSans-SemiBold.woff")
        /*tpa=https://www.fonepaw.com/fonts/OpenSans-SemiBold.woff*/
        format("woff")
}

@font-face {
    font-display: swap;
    font-family: OpenSans-Bold;
    src: url("../fonts/OpenSans-Bold.woff")
        /*tpa=https://www.fonepaw.com/fonts/OpenSans-Bold.woff*/
        format("ttf")
}

[class*=" icon-"],
[class^=icon-] {
    font-display: swap;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-logo-3:before {
    content: "\e901";
    color: #9652d1
}

.icon-logo-1:before {
    content: "\e902";
    color: #fff
}

.icon-logo-2:before {
    content: "\e903";
    color: #3a57f1
}

.icon-arrow:before {
    content: "\e900"
}

.icon-cart:before {
    content: "\e904"
}

.icon-down:before {
    content: "\e905";
    color: #7b5ef0
}

.icon-download:before {
    content: "\e906";
    color: #fff
}

.icon-facebook:before {
    content: "\e907"
}

.icon-google:before {
    content: "\e908"
}

.icon-home:before {
    content: "\e909";
    color: #0f6fcd
}

.icon-instagram:before {
    content: "\e90a"
}

.icon-linkedin:before {
    content: "\e90b"
}

.icon-mac:before {
    content: "\e90c"
}

.icon-overview:before {
    content: "\e90d";
    color: #fff
}

.icon-read:before {
    content: "\e90e";
    color: #fff
}

.icon-search:before {
    content: "\e90f";
    color: #9fa0a0
}

.icon-twitter:before {
    content: "\e910"
}

.icon-win:before {
    content: "\e911"
}

.icon-youtube:before {
    content: "\e912"
}

.icon-ABR:before {
    content: "\e913";
    color: #26acff
}

.icon-ade-v1:before {
    content: "\e914";
    color: #0f3e60
}

.icon-adr-v1:before {
    content: "\e915";
    color: #0f3e60
}

.icon-ADR:before {
    content: "\e916";
    color: #26acff
}

.icon-adrs-v1:before {
    content: "\e917";
    color: #0f3e60
}

.icon-android:before {
    content: "\e918";
    color: #5092cf
}

.icon-app:before {
    content: "\e919";
    color: #26acff
}

.icon-apple:before {
    content: "\e91a";
    color: #479df8
}

.icon-BADE:before {
    content: "\e91b";
    color: #26acff
}

.icon-cart1:before {
    content: "\e91c"
}

.icon-close:before {
    content: "\e91d";
    color: #fff
}

.icon-down1:before {
    content: "\e91e"
}

.icon-download-01:before {
    content: "\e91f";
    color: #fff
}

.icon-download1:before {
    content: "\e920";
    color: #fff
}

.icon-DR:before {
    content: "\e921";
    color: #26acff
}

.icon-DT:before {
    content: "\e922";
    color: #26acff
}

.icon-dtt-v1:before {
    content: "\e923";
    color: #0f3e60
}

.icon-facebook1:before {
    content: "\e924";
    color: #adadad
}

.icon-google1:before {
    content: "\e925";
    color: #adadad
}

.icon-HEIC:before {
    content: "\e926";
    color: #26acff
}

.icon-HIDATA:before {
    content: "\e927";
    color: #25abff
}

.icon-home1:before {
    content: "\e928";
    color: #edeeef
}

.icon-IBR:before {
    content: "\e929";
    color: #26acff
}

.icon-idr-v1:before {
    content: "\e92a";
    color: #0f3e60
}

.icon-IDR:before {
    content: "\e92b";
    color: #26acff
}

.icon-idrs-v1:before {
    content: "\e92c";
    color: #0f3e60
}

.icon-iphone:before {
    content: "\e92d";
    color: #479df8
}

.icon-isr-v1:before {
    content: "\e92e";
    color: #0f3e60
}

.icon-ISR:before {
    content: "\e92f";
    color: #26acff
}

.icon-IT:before {
    content: "\e930";
    color: #26acff
}

.icon-language:before {
    content: "\e931"
}

.icon-mac1:before {
    content: "\e932";
    color: #2ab7ff
}

.icon-menu:before {
    content: "\e933";
    color: #fff
}

.icon-MM:before {
    content: "\e934";
    color: #585858
}

.icon-MT:before {
    content: "\e935";
    color: #26acff
}

.icon-next:before {
    content: "\e936";
    color: #dcdddd
}

.icon-online:before {
    content: "\e937";
    color: #3c8ff9
}

.icon-onlinepdf:before {
    content: "\e938";
    color: #25abff
}

.icon-pdf_f_1:before {
    content: "\e939";
    color: #0f3e60
}

.icon-pdf_f_2:before {
    content: "\e93a";
    color: #0f3e60
}

.icon-pdf_f_3:before {
    content: "\e93b";
    color: #0f3e5f
}

.icon-pdf_f_4:before {
    content: "\e93c";
    color: #0f3e5f
}

.icon-pdf_f_5:before {
    content: "\e93d";
    color: #0f3e60
}

.icon-pdf_f_6:before {
    content: "\e93e";
    color: #0f3e60
}

.icon-pdf_f_7:before {
    content: "\e93f";
    color: #0f3e60
}

.icon-pdf_f_8:before {
    content: "\e940";
    color: #0f3e60
}

.icon-prev:before {
    content: "\e941";
    color: #dcdddd
}

.icon-read1:before {
    content: "\e942";
    color: #26acff
}

.icon-readmore:before {
    content: "\e943";
    color: #26acff
}

.icon-resource:before {
    content: "\e944";
    color: #23a4ba
}

.icon-search1:before {
    content: "\e945"
}

.icon-SO:before {
    content: "\e946";
    color: #26acff
}

.icon-solution:before {
    content: "\e947";
    color: #26acff
}

.icon-SR:before {
    content: "\e948";
    color: #26acff
}

.icon-tutorials:before {
    content: "\e949";
    color: #26acff
}

.icon-twitter1:before {
    content: "\e94a";
    color: #adadad
}

.icon-up:before {
    content: "\e94b"
}

.icon-vc-v1:before {
    content: "\e94c";
    color: #0f3e60
}

.icon-VCU:before {
    content: "\e94d";
    color: #26acff
}

.icon-win1:before {
    content: "\e94e";
    color: #025199
}

.icon-youtube1:before {
    content: "\e94f";
    color: #adadad
}

body {
    font-family: Arial, helvetica neue, Helvetica, sans-serif, opensans-extrabold, opensans-light, opensans-regular, opensans-semibold
}

#ja_body {
    font-display: swap;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-weight: 400
}

::-moz-placeholder {
    color: #2ad9c2;
    font-size: 14px
}

::-webkit-input-placeholder {
    color: #2ad9c2;
    font-size: 14px
}

:-ms-input-placeholder {
    color: #2ad9c2;
    font-size: 14px
}

body,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

a,
a:hover {
    text-decoration: none
}

img {
    vertical-align: middle
}

.flex-container {
    display: flex;
    max-width: 1080px;
    margin: auto
}

.flex-container .flex-item {
    display: inline-flex
}

.flex-center {
    justify-content: center;
    align-items: center
}

.clear {
    clear: both
}

.container {
    margin: auto;
    padding: 0
}

header {
    position: relative;
    z-index: 9;
    background-color: #fff
}

header .header-bottom {
    height: 79px
}

header nav.header-bottom .logo {
    display: inline-block;
    height: 68px;
    line-height: 68px
}

header nav.header-bottom .logo img {
    width: 118px;
    height: 31px
}

header nav.header-bottom .right {
    width: 70%;
    float: right
}

header nav.header-bottom .right .flex-container {
    justify-content: flex-end;
    align-items: center
}

header nav.header-bottom .mobi-btn {
    display: none
}

header nav.header-bottom .flex-item {
    height: 72px;
    flex: 0 auto;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    margin-left: 28px;
    cursor: pointer;
    z-index: 1
}

header nav.header-bottom .flex-item .hover-item__content .xljta {
    width: 12px;
    margin-left: 2px;
    transform: rotate(0deg);
    transition: all .5s
}

header nav.header-bottom .flex-item .hover-item__content .xljtb {
    width: 12px;
    margin-left: 2px;
    transform: rotate(180deg);
    transition: all .5s
}

header nav.header-bottom .flex-item .hover-item__content img {
    display: inline-block;
    height: 20px
}

header nav.header-bottom .flex-item .hover-item__content span {
    display: inline-block;
    color: #595757;
    font-size: 16px;
    font-display: swap;
    font-family: 700;
    position: relative;
    top: 2px
}

header nav.header-bottom .flex-item .hover-item__content span i {
    display: inline-block;
    margin-left: -7px;
    transform: scale(.7) rotate(-180deg) translateX(-50%);
    transition: .2s ease-in-out;
    vertical-align: middle
}

header nav.header-bottom .flex-item .hover-item__list {
    position: absolute;
    z-index: 29;
    top: 85%;
    width: 100%;
    padding: 30px 0 50px;
    background: #fff;
    box-shadow: 0 2px 20px -2px rgba(0, 0, 0, .25);
    border-radius: 4px;
    left: 0;
    display: flex
}

header nav.header-bottom .flex-item .hoverdv {
    width: 90%;
    margin: 0 auto
}

header nav.header-bottom .flex-item .hover-item__list .container {
    display: flex
}

header nav.header-bottom .flex-item .hover-item__list .mobile-container {
    display: none
}

header nav.header-bottom .flex-item .hover-item__list .pro-list {
    width: 40%
}

header nav.header-bottom .flex-item .hover-item__list .pro-list .box {
    background: #f7f8f8;
    padding: 20px;
    display: flex;
    flex-direction: column
}

header nav.header-bottom .flex-item .hover-item__list .pro-list .box:first-child {
    margin-bottom: 40px
}

header nav.header-bottom .flex-item .hover-item__list .pro-list .box .desc {
    display: flex
}

header nav.header-bottom .flex-item .hover-item__list .pro-list .box .img-box {
    width: 30%
}

header nav.header-bottom .flex-item .hover-item__list .pro-list .box .img-box img {
    max-width: 100%
}

header nav.header-bottom .flex-item .hover-item__list .pro-list .box .word {
    padding-left: 20px
}

header nav.header-bottom .flex-item .hover-item__list .pro-list .box .word .h3 {
    margin-top: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    width: 94%
}

header nav.header-bottom .flex-item .hover-item__list .pro-list a {
    display: inline-flex;
    width: 130px;
    height: 40px;
    border: 3px solid #2d8cff;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    outline: none;
    margin-left: 54px
}

header nav.header-bottom .flex-item .hover-item__list .pro-list a:hover {
    background: #2d8cff;
    color: #fff
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box {
    padding-left: 40px;
    flex: 0 0 20%
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box h3 {
    font-size: 18px;
    color: #2d8cff;
    font-weight: 700;
    padding-bottom: 12px;
    border-bottom: 2px solid #e7e7ef;
    margin-bottom: 0
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box h3 img {
    margin-right: 10px
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links .sj {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 6px solid #000;
    border-bottom: 5px solid transparent;
    margin-right: 8px
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links:hover .sj {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 6px solid #2d8cff;
    border-bottom: 5px solid transparent;
    margin-right: 8px
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links .producta {
    margin-top: 20px;
    margin-left: 5px;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    color: #000;
    outline: none;
    position: relative;
    left: 0
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links:hover .producta {
    color: #2d8cff
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links .productspan {
    display: none
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links:hover .productspan {
    display: inline-block
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links .buya {
    margin-left: 10px;
    padding: 0 6px
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links .buya,
header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links .trya {
    height: 20px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #087df4;
    border-radius: 2px;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    color: #087df4;
    outline: none;
    position: relative
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links .trya {
    padding: 0 5px;
    margin-left: 5px
}

header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links .buya:hover,
header nav.header-bottom .flex-item .hover-item__list .pro-link-area .link-box .links .trya:hover {
    background: #087df4;
    color: #fff
}

header nav.header-bottom .flex-item .hover-item__listpt {
    position: absolute;
    z-index: 12;
    top: 85%;
    padding: 10px 0;
    left: 55%;
    display: flex;
    width: 320px;
    background: #fff;
    box-shadow: -1px 1px 12px 0 hsla(0, 0%, 57.6%, .22);
    border-radius: 8px
}

header nav.header-bottom .flex-item .hover-item__listpt .container {
    display: flex
}

header nav.header-bottom .flex-item .hover-item__listpt .mobile-container {
    display: none
}

header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area {
    width: 300px;
    display: flex;
    flex-wrap: wrap
}

header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box {
    padding-left: 20px;
    width: 100%
}

header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box .links {
    padding: 8px 0
}

header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box h3 {
    font-size: 16px;
    color: #2d8cff;
    font-weight: 700;
    margin-bottom: 0
}

header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box .links .producta {
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    color: #595757;
    outline: none;
    position: relative
}

header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box .links .buya {
    margin-left: 10px
}

header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box .links .buya,
header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box .links .trya {
    padding: 0 5px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    border: 1px solid #087df4;
    border-radius: 2px;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    color: #087df4;
    outline: none;
    position: relative
}

header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box .links .trya {
    margin-left: 5px
}

header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box .links .buya:hover,
header nav.header-bottom .flex-item .hover-item__listpt .pro-link-area .link-box .links .trya:hover {
    background: #087df4;
    color: #fff
}

header nav.header-bottom .flex-item.active .hover-item__content span,
header nav.header-bottom .flex-item:hover .hover-item__content span {
    display: inline-block;
    position: relative
}

header nav.header-bottom .flex-item.active .hover-item__content span:before,
header nav.header-bottom .flex-item:hover .hover-item__content span:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    background: #2d8cff;
    z-index: 10;
    bottom: -30px
}

header nav.header-bottom .flex-item.active .hover-item__content span i,
header nav.header-bottom .flex-item:hover .hover-item__content span i {
    transform: scale(.7) rotate(0deg) translateX(50%)
}

.foot {
    padding: 60px 0 0;
    background-color: #fff;
    border-top: 2px solid #ececec;
    font-display: swap;
    font-family: opensans-regular
}

.foot .container {
    padding: 0 12px
}

.foot .foot-list {
    padding-bottom: 60px
}

.foot .foot-list .flex-row-8 {
    display: flex;
    max-width: 100%;
    justify-content: center
}

.foot .foot-list .flex-row-8 .flex-item {
    flex: 0 0 24%;
    flex-direction: column
}

.foot .foot-list .flex-row-8 .flex-item .title {
    font-size: 20px;
    margin-bottom: 18px;
    position: relative;
    color: #595757
}

.foot .foot-list .flex-row-8 .flex-item.tutorials {
    flex: 0 0 30%
}

.foot .foot-list .flex-row-8 .flex-item ul li a {
    font-size: 14px;
    line-height: 30px;
    color: #595757
}

.foot .foot-list .flex-row-8 .flex-item ul li a:hover {
    color: #2d8cff;
    text-decoration: underline
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 {
    flex: 0 0 25%;
    flex-direction: column
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 p {
    font-size: 20px;
    margin-bottom: 18px;
    position: relative;
    color: #595757
}

#subscribeBox {
    width: 100%
}

#subscribeBox .subscribeBoxpSty {
    font-size: 14px;
    line-height: 30px;
    color: #595757
}

#subscribeBox .btn {
    width: 120px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    font-display: swap;
    font-family: OpenSans;
    margin-bottom: 25px;
    border-radius: 6px;
    border: none;
    background: #2d8cff
}

#subscribeBox .btn:hover {
    background: #0066cb
}

#newsletter .input-group {
    display: flex;
    color: #fff
}

#newsletter .input-group input {
    width: 200px;
    height: 32px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: none
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .sub-form {
    padding-bottom: 12px;
    margin-bottom: 16px
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .sub-form .email-popup {
    border: none;
    padding: 0 10px;
    height: 32px;
    border-radius: 5px;
    background-color: #077df4;
    font-size: 14px;
    margin-left: 5px;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .links {
    display: flex;
    margin-bottom: 30px;
    margin-left: 2px
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .links a {
    font-size: 0;
    color: #077df4;
    margin-right: 18px
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .links a:before {
    font-size: 18px;
    color: #077df4;
    margin-right: 18px
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .language {
    position: relative
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .language .item {
    display: inline-block;
    cursor: pointer
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .language .item img {
    height: 16px;
    margin-right: 5px
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .language .item span {
    font-size: 14px;
    color: #595757
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .language .item span i {
    display: inline-block;
    font-size: 12px;
    color: #2d8cff;
    transform: rotate(90deg);
    transition: .5s;
    margin-left: 20px
}

.foot .foot-list .flex-row-8 .flex-item.flex-row-4 .language .item span .icon-arrowactive {
    display: inline-block;
    font-size: 12px;
    color: #2d8cff;
    transform: rotate(270deg);
    transition: .5s;
    margin-left: 20px
}

.footer .link .box .active_box .rotate {
    transform: rotate(270deg)
}

.foot .foot-list nav.lan-list {
    position: absolute;
    width: 120px;
    top: -230px;
    left: 0;
    overflow: hidden;
    border-radius: 12px;
    z-index: 10000;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}

.foot .foot-list nav.lan-list ul {
    width: 100%;
    height: 216px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center
}

.foot .foot-list nav.lan-list ul li {
    display: inline-flex;
    align-items: center;
    width: 100%
}

.foot .foot-list nav.lan-list ul li a {
    display: block;
    width: 100%;
    color: #2d8cff;
    font-size: 14px
}

.foot .foot-list nav.lan-list ul li a:hover {
    color: #0066cb
}

.foot .foot-list nav.lan-list ul li a img {
    width: 26px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle
}

.foot .foot-bottom {
    padding: 12px 0;
    text-align: center;
    box-shadow: none;
    background-color: #2d8cff;
    font-display: swap;
    font-family: opensans-regular
}

.foot .foot-bottom p {
    background-repeat: no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto
}

body.fixed .lan-list,
body.fixed .lan-mask {
    display: block
}

.foot .foot-title {
    display: none
}

@media screen and (max-width: 1080px) {
    .container {
        width: auto
    }

    .container,
    .flex-container {
        padding: 0 12px
    }

    header nav.header-bottom .flex-container .flex-item {
        margin-left: 40px
    }
}

@media screen and (max-width: 768px) {
    .container {
        padding: unset
    }

    header nav.header-bottom {
        position: relative
    }

    header nav.header-bottom .logo {
        padding-left: 12px;
        width: 180px;
        z-index: 1
    }

    header nav.header-bottom .right {
        width: unset;
        height: 77px;
        align-items: center;
        z-index: 1;
        justify-content: flex-end;
        display: flex !important
    }

    header nav.header-bottom .right .flex-container {
        position: absolute;
        top: 100%;
        left: 0;
        box-shadow: 2px 2px 6px rgba(31, 37, 51, .15);
        width: 100%;
        flex-direction: column;
        background-color: #fff;
        padding: 20px;
        align-items: flex-start;
        border-bottom: 5px solid #2d8cff
    }

    header nav.header-bottom .right .flex-container .flex-item {
        width: 100%;
        height: auto;
        align-items: baseline;
        margin-left: 0;
        padding: 15px 0
    }

    header nav.header-bottom .right .flex-container .flex-item .hover-item__content span:before {
        left: 0
    }

    header nav.header-bottom .right .flex-container .flex-item .hover-item__list {
        position: static;
        margin-top: 10px;
        box-shadow: unset;
        padding: 0
    }

    header nav.header-bottom .right .flex-container .flex-item .hover-item__list .link {
        text-align: center;
        text-indent: 0
    }

    header nav.header-bottom .right .flex-container .flex-item .hover-item__listpt {
        position: static;
        margin-top: 10px;
        box-shadow: unset;
        padding: 0
    }

    header nav.header-bottom .right .flex-container .flex-item .hover-item__listpt .link {
        text-align: center;
        text-indent: 0
    }

    header nav.header-bottom .mobi-btn {
        cursor: pointer;
        display: block;
        height: 28px;
        width: 28px;
        position: relative;
        margin-right: 12px
    }

    header nav.header-bottom .mobi-btn span {
        position: absolute;
        display: block;
        width: 25px;
        margin: auto;
        height: 3px;
        background-color: #595757;
        border-radius: 8px;
        left: calc(50% - 12px);
        transition: .3s
    }

    header nav.header-bottom .mobi-btn span:first-of-type {
        top: 2px;
        transform-origin: 100%
    }

    header nav.header-bottom .mobi-btn span:nth-of-type(2) {
        top: 11px;
        opacity: 1
    }

    header nav.header-bottom .mobi-btn span:nth-of-type(3) {
        top: 21px;
        opacity: 1
    }

    header nav.header-bottom .mobi-btn.active span:first-of-type {
        transform: translateX(-4px) translateY(2px) rotate(-45deg)
    }

    header nav.header-bottom .mobi-btn.active span:nth-of-type(2) {
        transform: translateX(1px) translateY(1px) rotate(45deg);
        width: 23px
    }

    header nav.header-bottom .menu-destroy {
        width: 25px;
        height: 25px;
        position: relative;
        margin-right: 12px
    }

    header nav.header-bottom .menu-destroy span {
        display: block;
        width: 3px;
        height: 100%;
        background: #595757;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        border-radius: 1.5px
    }

    header nav.header-bottom .menu-destroy span:first-child {
        transform: rotate(45deg)
    }

    header nav.header-bottom .menu-destroy span:nth-child(2) {
        transform: rotate(-45deg)
    }

    header nav.header-bottom .flex-item .hover-item__list {
        border-top: 1px solid #2d8cff;
        border-bottom: unset;
        border-radius: 0
    }

    header nav.header-bottom .flex-item .hover-item__list .mobile-container {
        width: 100%;
        flex-direction: column;
        padding: unset;
        text-indent: 15px
    }

    header nav.header-bottom .flex-item .hover-item__list .mobile-container .link-box {
        display: flex;
        flex-direction: column;
        padding: 5px 0
    }

    header nav.header-bottom .flex-item .hover-item__list .mobile-container .link-box .title {
        font-size: 14px;
        color: #2d8cff;
        font-weight: 700;
        cursor: pointer;
        padding: 10px 0
    }

    header nav.header-bottom .flex-item .hover-item__list .mobile-container .link-box .links {
        display: flex;
        flex-direction: column
    }

    header nav.header-bottom .flex-item .hover-item__list .mobile-container .link-box .links a {
        font-size: 12px;
        display: block;
        color: #595757;
        width: 100%;
        padding: 12px 0;
        outline: none
    }

    header nav.header-bottom .flex-item .hover-item__listpt .mobile-container {
        width: 100%;
        flex-direction: column;
        padding: unset;
        text-indent: 15px
    }

    header nav.header-bottom .flex-item .hover-item__listpt .mobile-container .link-box {
        display: flex;
        flex-direction: column;
        padding: 5px 0
    }

    header nav.header-bottom .flex-item .hover-item__listpt .mobile-container .link-box .title {
        font-size: 14px;
        color: #2d8cff;
        font-weight: 700;
        cursor: pointer;
        padding: 10px 0
    }

    header nav.header-bottom .flex-item .hover-item__listpt .mobile-container .link-box .links {
        display: flex;
        flex-direction: column
    }

    header nav.header-bottom .flex-item .hover-item__listpt .mobile-container .link-box .links a {
        font-size: 12px;
        display: block;
        color: #595757;
        width: 100%;
        padding: 12px 0;
        outline: none
    }

    header nav.header-bottom .flex-item.active .hover-item__content span:before,
    header nav.header-bottom .flex-item:hover .hover-item__content span:before {
        content: unset
    }

    .foot .foot-list {
        flex-direction: column;
        padding-bottom: 50px
    }

    .foot .foot-list .flex-row-8 {
        flex: 0 0 100%;
        flex-direction: column;
        margin-bottom: 50px
    }

    .foot .foot-list .flex-row-8 .flex-item {
        margin-bottom: 30px
    }

    .foot .foot-list .flex-row-8 .flex-item:last-of-type {
        margin-bottom: 0
    }

    .foot .foot-list .flex-row-4 {
        flex: 0 0 100%
    }

    .foot .foot-list nav.lan-list {
        width: 100%;
        display: flex;
        top: 20px;
        left: 0;
        border: none;
        padding-top: 10px;
        z-index: 10
    }

    .foot .foot-list nav.lan-list ul {
        height: auto;
        justify-content: inherit
    }

    .foot .foot-list nav.lan-list ul li {
        flex: 0 0 25%
    }

    .foot {
        padding-top: 40px
    }

    .foot .foot-title {
        display: block
    }

    .foot .foot-title img {
        width: 55%
    }
}

@media screen and (max-width: 500px) {
    nav.lan-list {
        padding: 20px
    }

    nav.lan-list ul li {
        flex: 0 0 33%
    }

    nav.lan-list ul li a img {
        display: block
    }
}

.slide-fade-enter-active {
    transition: all .3s ease
}

.slide-fade-leave-active {
    transition: all .8s cubic-bezier(1, .5, .8, 1)
}

.slide-fade-enter,
.slide-fade-leave-to {
    transform: translateX(10px);
    opacity: 0
}

.icon.outbound {
    color: #aaa;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

#ja-bbsline .addthis-smartlayers#ja-bbsline .addthis-smartlayers-desktop {
    display: none
}

#ja-bbsline .container {
    padding: 0
}

#ja-bbsline .lineBanner {
    background: url("../../pages/line-bbs/lineBanner.png")
        /*tpa=https://www.fonepaw.com/pages/line-bbs/lineBanner.png*/
        top no-repeat;
    height: 300px;
    width: 100%;
    position: relative
}

#ja-bbsline .lineBanner p {
    font-size: 56px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%
}

#ja-bbsline .hd .container {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #00be00
}

#ja-bbsline .hd .logo {
    width: 240px
}

#ja-bbsline .hd .logo a {
    width: 100%;
    background: url("../../pages/line-bbs/FonePaw.png")
        /*tpa=https://www.fonepaw.com/pages/line-bbs/FonePaw.png*/
        no-repeat;
    height: 44px;
    display: inline-block
}

#ja-bbsline .hd .nav {
    right: 0
}

@media screen and (max-width: 991px) {
    #ja-bbsline .hd .nav {
        display: none
    }

    #ja-bbsline .hd .container {
        justify-content: space-between
    }
}

#ja-bbsline .hd .nav ul {
    line-height: 30px;
    display: block;
    margin-bottom: 0;
    height: 80px;
    text-align: right
}

#ja-bbsline .hd .nav ul li {
    height: 40px;
    float: none;
    display: inline-block
}

#ja-bbsline .hd .nav ul.line2 li {
    float: right
}

#ja-bbsline .hd .nav ul li {
    margin-left: 40px
}

#ja-bbsline .hd .nav ul li a:hover {
    color: #00be00
}

#ja-bbsline .hd .xy_nav {
    display: none
}

#ja-bbsline .sub_ban {
    padding: 30px 0
}

#ja-bbsline .sub_ban .borad {
    position: relative
}

#ja-bbsline .sub_ban .board .title {
    display: inline-block;
    float: left
}

#ja-bbsline .sub_ban .board .title p {
    font-size: 30px;
    color: #333;
    line-height: 40px
}

#ja-bbsline .sub_ban .board .share_btns1 {
    display: inline-block;
    float: right
}

#ja-bbsline .sub_ban .board .share_btns1 .share_btn_xy {
    width: 32px;
    height: 32px;
    display: none;
    background: url("../../pages/line-bbs/share.png")
        /*tpa=https://www.fonepaw.com/pages/line-bbs/share.png*/
        no-repeat 50%;
    cursor: pointer;
    float: right
}

#ja-bbsline .line_boxes .box {
    margin-bottom: 30px
}

#ja-bbsline .recommend {
    margin-top: 30px;
    padding: 20px;
    position: relative
}

#ja-bbsline .recommend .subject {
    display: block;
    border: 1px solid #00be00;
    overflow: hidden;
    position: relative
}

#ja-bbsline .recommend .subject .word {
    width: 43%;
    float: left;
    color: #000;
    padding: 26px 0 26px 136px;
    background: url("../../pages/line-bbs/recommend_l.png")
        /*tpa=https://www.fonepaw.com/pages/line-bbs/recommend_l.png*/
        no-repeat 0 100%
}

#ja-bbsline .recommend .subject .word .name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}

#ja-bbsline .recommend .subject .word .desc {
    font-size: 13px;
    margin-bottom: inherit
}

#ja-bbsline .recommend .subject .bg {
    width: 57%;
    float: right;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../../pages/line-bbs/recommend_r.png")
        /*tpa=https://www.fonepaw.com/pages/line-bbs/recommend_r.png*/
        no-repeat 50%
}

#ja-bbsline .recommend i {
    display: block;
    width: 26px;
    height: 26px;
    border: 1px solid #b5b5b6;
    border-radius: 50%;
    background: url("../../pages/line-bbs/recommend_close.svg")
        /*tpa=https://www.fonepaw.com/pages/line-bbs/recommend_close.svg*/
        no-repeat 50%;
    background-size: 60%;
    position: absolute;
    right: 30px;
    top: 30px
}

#ja-bbsline .line_boxes .box .news {
    padding: 10px;
    border: 1px solid #00be00;
    border-radius: 10px
}

#ja-bbsline .line_boxes .box.show {
    display: block
}

#ja-bbsline .line_boxes .box .id_info {
    padding: 15px 0;
    position: relative;
    margin: 0 15px;
    border-bottom: 1px solid #00be00
}

#ja-bbsline .line_boxes .box .id_info div {
    display: inline-block;
    vertical-align: middle
}

#ja-bbsline .line_boxes .box .id_info div.info .avatar {
    width: 70px;
    height: 70px;
    display: inline-block
}

#ja-bbsline .line_boxes .box .id_info div.info .id_name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

#ja-bbsline .line_boxes .box .id_info div.info .id_name.male p {
    color: #333
}

#ja-bbsline .line_boxes .box .id_info div.info .id_name.female p {
    color: #ff9804
}

#ja-bbsline .line_boxes .box .id_info div.info .id_name.neuter p {
    color: #03c1d2
}

#ja-bbsline .line_boxes .box .id_info div.info .id_name p.p1 {
    margin-top: 10px;
    margin-bottom: 5px
}

#ja-bbsline .line_boxes .box .id_info div.search {
    float: right;
    padding: 5px 0
}

#ja-bbsline .line_boxes .box .id_info div.search a {
    display: block;
    width: 160px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    background-color: #00be00;
    text-decoration: none;
    border-radius: 10px
}

#ja-bbsline .line_boxes .box .id_info div.search a:hover {
    background-color: #66d866
}

#ja-bbsline .line_boxes .box .content {
    padding: 15px
}

#ja-bbsline .line_boxes .box .content .date {
    font-size: 14px;
    color: #029a02;
    margin-bottom: 5px
}

#ja-bbsline .line_boxes .box .content .text {
    font-size: 20px;
    color: #029a02;
    margin-bottom: 0;
    line-height: 30px;
    word-break: break-all
}

#ja-bbsline .location {
    padding: 30px 20px
}

#ja-bbsline .location .placenames p {
    font-size: 24px;
    color: #029a02;
    margin-bottom: 20px
}

#ja-bbsline .location .spots a {
    display: inline-block;
    padding-right: 13px;
    border-right: 1px solid #029a02;
    color: #029a02;
    cursor: pointer;
    margin-right: 13px;
    margin-bottom: 5px;
    text-decoration: none
}

#ja-bbsline .location .spots a.active,
#ja-bbsline .location .spots a:hover {
    color: #fa9a02
}

#ja-bbsline .form_submit {
    background-image: url("../../pages/line-bbs/submit_bg.png")
        /*tpa=https://www.fonepaw.com/pages/line-bbs/submit_bg.png*/
    ;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 50px 0
}

#ja-bbsline .form_submit .left_text {
    display: inline-block;
    width: 45%;
    vertical-align: top
}

#ja-bbsline .form_submit .left_text .p1 {
    font-size: 30px;
    color: #333;
    margin-bottom: 50px
}

#ja-bbsline .form_submit .left_text .p2 {
    color: #333;
    font-size: 16px
}

#ja-bbsline .form_submit .left_text .p2:nth-child(2) {
    margin-bottom: 40px
}

#ja-bbsline .form_submit .left_text .p2 span {
    color: #ff9804
}

#ja-bbsline .form_submit .left_text .share_btns2 {
    margin-top: 200px
}

#ja-bbsline .form_submit .right_form {
    display: inline-block;
    width: 400px;
    vertical-align: top;
    float: right
}

#ja-bbsline .form_submit .right_form #line_form {
    display: block;
    text-align: center
}

#ja-bbsline .form_submit .right_form #line_form div {
    margin-bottom: 5px
}

#ja-bbsline .form_submit .right_form #line_form .label {
    display: flex;
    align-items: center;
    width: 100%;
    margin: auto;
    color: #333;
    background-color: #fff;
    text-align: left;
    padding-left: 10px
}

#ja-bbsline .form_submit .right_form #line_form .label .nn {
    color: #ff9804;
    margin-right: 5px
}

#ja-bbsline .form_submit .right_form #line_form input {
    width: 300px;
    border: none;
    border-left: 1px solid #a4a8a4;
    margin-left: 10px
}

#ja-bbsline .form_submit .right_form #line_form select {
    width: 88%;
    border: none;
    background: none;
    margin-left: 10px;
    height: 30px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../../pages/line-bbs/arrow.png")
        /*tpa=https://www.fonepaw.com/pages/line-bbs/arrow.png*/
        no-repeat scroll 100% transparent;
    margin-right: 14px
}

#ja-bbsline .form_submit .right_form #line_form .label {
    position: relative
}

#ja-bbsline .form_submit .right_form #line_form .label .textspan {
    width: 50px
}

#ja-bbsline .form_submit .right_form #line_form .label .textspan2 {
    width: 80px
}

#ja-bbsline .form_submit .right_form #line_form .label hr {
    width: 1px;
    height: 30px;
    display: inline-block;
    border: none;
    border-left: 1px solid #a4a8a4;
    margin: 0 0 0 5px
}

#ja-bbsline .form_submit .right_form #line_form .cont .label {
    display: block;
    padding: 5px 0
}

#ja-bbsline .form_submit .right_form #line_form .cont .label textarea {
    width: 100%;
    display: block;
    border: none;
    border-top: 1px solid #a4a8a4;
    height: 250px;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    padding: 5px
}

#ja-bbsline .form_submit .right_form #line_form .submit {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    color: #fff;
    font-size: 22px;
    background-color: #ff9804;
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 5px;
    margin-top: 30px
}

#ja-bbsline label#name-error {
    left: 80px;
    position: absolute;
    background: none;
    top: 10px;
    content: "hello"
}

#ja-bbsline label#lineid-error {
    left: 120px;
    position: absolute;
    background: none;
    top: 10px
}

#ja-bbsline .warning {
    display: none;
    width: 300px;
    height: 150px;
    position: fixed;
    background: #fff;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    padding: 30px 0;
    z-index: 10000;
    border: 1px solid #00be00;
    border-radius: 10px
}

#ja-bbsline .warning button {
    position: absolute;
    top: 90px;
    left: 105px;
    width: 90px;
    height: 30px;
    border: none;
    background: green;
    color: #fff
}

#ja-bbsline .menu_box {
    margin-bottom: 40px;
    padding: 0
}

#ja-bbsline .menu_box ul {
    padding: 0;
    margin: 0;
    height: 80px;
    line-height: 30px
}

#ja-bbsline .menu_box li {
    display: inline-block;
    height: 30px;
    margin-right: 30px
}

#ja-bbsline .menu_box li a {
    color: #323333;
    display: block;
    font-size: 14px;
    height: 100%;
    padding-top: 13px;
    text-decoration: none
}

#ja-bbsline .menu_box li a:hover {
    color: #00be00
}

#ja-bbsline .articles {
    margin-bottom: 40px
}

#ja-bbsline .articles ul {
    padding: 0;
    margin: 0;
    height: 80px;
    line-height: 30px
}

#ja-bbsline .articles ul li {
    display: inline-block;
    height: 30px;
    margin-right: 30px
}

#ja-bbsline .articles ul li a {
    color: #323333;
    display: block;
    font-size: 14px;
    height: 100%;
    padding-top: 13px;
    text-decoration: none
}

#ja-bbsline .articles ul li a:hover {
    color: #00be00
}

#ja-bbsline .pages {
    text-align: center;
    margin: 15px 0 50px
}

#ja-bbsline .pages .container {
    position: relative
}

#ja-bbsline .pages .container:before {
    left: 0
}

#ja-bbsline .pages .container:after,
#ja-bbsline .pages .container:before {
    content: "";
    width: 30%;
    border-top: 1px solid #00be00;
    height: 1px;
    top: 17.5px;
    position: absolute
}

#ja-bbsline .pages .container:after {
    right: 0
}

#ja-bbsline .pages .pbtn {
    width: 40%;
    display: inline-block;
    height: 35px
}

#ja-bbsline .pages ul {
    display: inline-block;
    margin: 0 15px;
    padding: 0
}

#ja-bbsline .pages li {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 5px
}

#ja-bbsline .pages li.pn {
    display: inline-block
}

#ja-bbsline .pages li.no1 {
    display: none !important
}

#ja-bbsline .pages li.pn.spn {
    display: inline-block
}

#ja-bbsline .pages li.active span {
    color: #00be00
}

#ja-bbsline .pages li.first,
#ja-bbsline .pages li.last {
    display: inline-block
}

#ja-bbsline .pages li span {
    line-height: 20px;
    cursor: pointer
}

#ja-bbsline .pages .jump {
    display: inline-block
}

#ja-bbsline .pages .jump input {
    width: 35px;
    border: 1px solid #00be00;
    border-radius: 5px;
    line-height: 35px;
    text-align: center
}

#ja-bbsline .pages .jump button,
#ja-bbsline .pages .jump input {
    height: 35px;
    padding: 0;
    display: inline-block;
    vertical-align: middle
}

#ja-bbsline .pages .jump button {
    width: 14px;
    background: url("../../pages/line-bbs/page_btn.png")
        /*tpa=https://www.fonepaw.com/pages/line-bbs/page_btn.png*/
        no-repeat 50%;
    border: none;
    box-shadow: none;
    margin-left: 3px
}

@media screen and (max-width: 768px) {
    #ja-bbsline .lineBanner {
        height: 400px;
        background-position-x: 35%;
        background-color: #00be00
    }

    #ja-bbsline .lineBanner p {
        font-size: 40px;
        margin-left: -120px
    }

    #ja-bbsline .hd .logo {
        height: 50px
    }

    #ja-bbsline .hd .xy_nav {
        display: inline-block;
        float: right;
        height: 50px;
        width: 50%;
        position: relative
    }

    #ja-bbsline .hd .xy_nav .xy_nav_icon {
        width: 30px;
        height: 30px;
        background: url("../../pages/line-bbs/xy_nav.png")
            /*tpa=https://www.fonepaw.com/pages/line-bbs/xy_nav.png*/
            50% no-repeat;
        right: 0;
        bottom: 0;
        position: absolute
    }

    #ja-bbsline .hd .xy_nav ul {
        display: none;
        position: absolute;
        right: 0;
        list-style: none;
        margin: 0;
        top: 50px;
        text-align: right;
        background-color: #00b86a;
        border-radius: 5px;
        padding: 10px 15px;
        z-index: 9999
    }

    #ja-bbsline .hd .xy_nav ul li {
        margin-bottom: 8px
    }

    #ja-bbsline .hd .xy_nav ul li:last-child {
        margin-bottom: 0
    }

    #ja-bbsline .hd .xy_nav ul li a {
        color: #fff;
        text-decoration: none
    }

    #ja-bbsline .pages .container:after,
    #ja-bbsline .pages .container:before {
        display: none
    }

    #ja-bbsline .pages .pbtn {
        width: 50%
    }

    #ja-bbsline .form_submit {
        background-position-x: 30%;
        background-position-y: -100%;
        background-color: #cff3cf
    }

    #ja-bbsline .form_submit .left_text {
        display: block;
        margin: auto;
        width: 90%
    }

    #ja-bbsline .form_submit .right_form {
        display: block;
        margin: 50px auto 0;
        float: none;
        width: 90%
    }

    #ja-bbsline .form_submit .right_form #line_form select {
        width: 100%
    }

    #ja-bbsline .sub_ban .board .share_btns1 {
        position: relative
    }

    #ja-bbsline .sub_ban .board .share_btns1 .share_btn_xy {
        display: none
    }

    #ja-bbsline .form_submit .left_text .share_btns2 {
        margin-top: 10px
    }

    #ja-bbsline .sub_ban .board .share_btns1 .addthis_sharing_toolbox {
        position: absolute;
        width: 170px;
        right: 0;
        top: 35px;
        background: #fff;
        border: 1px solid #00be00;
        padding: 10px;
        border-radius: 15px;
        z-index: 100000;
        display: none
    }

    #ja-bbsline .articles {
        width: 95%;
        margin: 0 auto 30px
    }

    #ja-bbsline .articles ul {
        height: auto;
        line-height: normal
    }

    #ja-bbsline .articles ul li {
        width: 45%;
        margin-right: 10px;
        vertical-align: top;
        height: auto
    }

    #ja-bbsline .recommend .subject .bg,
    #ja-bbsline .recommend .subject .word {
        width: 100%;
        float: inherit
    }

    #ja-bbsline .recommend .subject .word {
        padding: 24px 0 24px 15px
    }

    #ja-bbsline .recommend .subject .bg {
        position: inherit;
        height: 112px;
        margin-top: 20px
    }
}

@media screen and (max-width: 414px) {
    #ja-bbsline .lineBanner {
        background: url("../../pages/line-bbs/xy_banner.png")
            /*tpa=https://www.fonepaw.com/pages/line-bbs/xy_banner.png*/
            no-repeat top;
        background-size: 100%;
        background-color: #00be00;
        height: 250px
    }

    #ja-bbsline .hd {
        width: 95%;
        margin: auto
    }

    #ja-bbsline .hd .logo a {
        left: 10px;
        width: 100%
    }

    #ja-bbsline .sub_ban {
        width: 95%;
        margin: auto
    }

    #ja-bbsline .sub_ban .board .title p {
        font-size: 25px
    }

    #ja-bbsline .line_boxes {
        width: 95%;
        margin: auto
    }

    #ja-bbsline .line_boxes .box .id_info div {
        display: block
    }

    #ja-bbsline .line_boxes .box .id_info div.search {
        float: none;
        margin-top: 10px
    }

    #ja-bbsline .line_boxes .box .id_info {
        margin: 0
    }

    #ja-bbsline .line_boxes .box .content {
        padding: 15px 0
    }

    #ja-bbsline .line_boxes .box .id_info div.info .id_name {
        width: 150px
    }

    #ja-bbsline .pages .pbtn {
        width: 95%
    }

    #ja-bbsline .form_submit {
        background-position-x: 30%;
        background-position-y: 10%;
        background-size: 300%
    }

    #ja-bbsline .form_submit .right_form #line_form select {
        width: 100%;
        margin-left: 10px
    }

    #ja-bbsline .form_submit .right_form #line_form input,
    #ja-bbsline .form_submit .right_form #line_form select[name=pid] {
        width: 70%
    }

    #ja-bbsline .location {
        width: 95%;
        margin: auto
    }

    #ja-bbsline .articles ul li {
        min-height: 60px;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 320px) {
    #ja-bbsline .lineBanner {
        height: 200px;
        background-position-x: 30px
    }

    #ja-bbsline .lineBanner p {
        font-size: 30px;
        margin-left: -87px
    }

    #ja-bbsline .form_submit .left_text .p1,
    #ja-bbsline .sub_ban .board .title p {
        font-size: 20px
    }

    #ja-bbsline .form_submit .left_text .p2 {
        font-size: 14px
    }

    #ja-bbsline .pages .pbtn {
        width: 100%
    }
}

#ja-bbstwitter .twitter-bbs-banner {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden
}

#ja-bbstwitter .twitter-bbs-banner img {
    position: absolute;
    width: 2048px;
    height: 300px;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

#ja-bbstwitter .google-ad {
    margin: 0 auto 50px;
    overflow: hidden
}

#ja-bbstwitter .flex-container {
    max-width: 1080px;
    display: flex;
    margin: 0 auto
}

#ja-bbstwitter .twitter-bbs-header {
    padding: 50px 0
}

#ja-bbstwitter header {
    border: none
}

#ja-bbstwitter .twitter-bbs-header .flex-container {
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 10px;
    border-bottom: .5px solid #3b1e1e
}

#ja-bbstwitter .twitter-bbs-header .flex-container .logo {
    width: 253px
}

#ja-bbstwitter .twitter-bbs-header .flex-container .logo a {
    display: block
}

#ja-bbstwitter .twitter-bbs-header .flex-container .logo a img {
    width: 100%
}

#ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-mobi-button {
    display: none
}

#ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-items {
    margin-bottom: 0;
    text-align: right
}

#ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-items a {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    color: #3b1e1e;
    font-weight: 700;
    text-decoration: none;
    margin-left: 50px
}

#ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-items a:first-of-type {
    margin-left: 0
}

#ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-items a:hover {
    color: #b2b2b2
}

#ja-bbstwitter .content-top h1 {
    font-size: 30px;
    color: #3b1e1e;
    font-weight: 600;
    margin: 0
}

#ja-bbstwitter .content-body {
    padding: 70px 0
}

#ja-bbstwitter .content-body .flex-container {
    flex-wrap: wrap
}

#ja-bbstwitter .content-body .flex-item-full {
    flex: 0 0 100%;
    margin-bottom: 50px
}

#ja-bbstwitter .content-body .item__content {
    min-height: 212px;
    width: 100%;
    padding: 24px 38px 20px 113px;
    background: #1da1f2;
    border-radius: 5px;
    position: relative
}

#ja-bbstwitter .content-body .item__content .sexual {
    position: absolute;
    top: 24px;
    left: 30px;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: url("../../pages/twitter-bbs/unknown.svg")
        /*tpa=https://www.fonepaw.com/pages/twitter-bbs/unknown.svg*/
        0 0 no-repeat;
    background-size: 60px
}

#ja-bbstwitter .content-body .item__content .sexual.man {
    background: url("../../pages/twitter-bbs/man.svg")
        /*tpa=https://www.fonepaw.com/pages/twitter-bbs/man.svg*/
        0 0 no-repeat;
    background-size: 60px
}

#ja-bbstwitter .content-body .item__content .sexual.lady {
    background: url("../../pages/twitter-bbs/lady.svg")
        /*tpa=https://www.fonepaw.com/pages/twitter-bbs/lady.svg*/
        0 0 no-repeat;
    background-size: 60px
}

#ja-bbstwitter .content-body .item__content .top {
    border-bottom: .5px solid #fff;
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 30px
}

#ja-bbstwitter .content-body .item__content .top .info {
    display: inline-flex;
    flex-direction: column
}

#ja-bbstwitter .content-body .item__content .top .info p {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 700
}

#ja-bbstwitter .content-body .item__content .top .follow-state {
    margin-left: 30px;
    display: inline-flex;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    opacity: .5
}

#ja-bbstwitter .content-body .item__content .top .follow-state.active {
    opacity: 1
}

#ja-bbstwitter .content-body .item__content .top a.link {
    display: inline-block;
    box-shadow: 3px 3px 8px rgba(5, 46, 104, .3);
    border-radius: 4px;
    background: #fff;
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #1da1f2;
    position: absolute;
    right: 0;
    top: 0
}

#ja-bbstwitter .content-body .item__content .top a.link:hover {
    text-decoration: none;
    box-shadow: 1px 1px 1px rgba(5, 46, 104, .3)
}

#ja-bbstwitter .content-body .item__content .bottom {
    position: relative
}

#ja-bbstwitter .content-body .item__content .bottom p {
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

#ja-bbstwitter .content-body .item__content p.date {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 38px;
    bottom: 0
}

#ja-bbstwitter .content-body .pages .flex-container {
    justify-content: center;
    padding-bottom: 40px;
    border-bottom: 1.5px dashed #1da1f2
}

#ja-bbstwitter .content-body .pages ul {
    display: flex;
    justify-content: center;
    padding: 0
}

#ja-bbstwitter .content-body .pages ul li {
    display: inline-flex;
    align-items: center;
    margin: 0 8px;
    padding: 8px 12px;
    height: 35px;
    border: 1px solid #c9caca;
    color: #9fa0a0
}

#ja-bbstwitter .content-body .pages ul li span {
    font-size: 18px;
    color: inherit;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer
}

#ja-bbstwitter .content-body .pages ul li.pn,
#ja-bbstwitter .content-body .pages ul li.pn.spn {
    display: inline-flex
}

#ja-bbstwitter .content-body .pages ul li.active,
#ja-bbstwitter .content-body .pages ul li:hover {
    border-color: #1da1f2;
    color: #fff;
    background: #1da1f2
}

#ja-bbstwitter .content-body .pages .jump,
#ja-bbstwitter .content-body .pages ul li.first,
#ja-bbstwitter .content-body .pages ul li.last {
    display: inline-flex
}

#ja-bbstwitter .content-body .pages .jump input {
    width: 40px;
    height: 35px;
    border: 1px solid #e3e3e3;
    background: #e3e3e3;
    display: inline-flex;
    text-align: center;
    margin: 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

#ja-bbstwitter .content-body .pages .jump button {
    background: #b8b8b8;
    width: 60px;
    height: 35px;
    border: none;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

#ja-bbstwitter .content-body .recommend {
    width: 100%;
    padding: 20px;
    position: relative
}

#ja-bbstwitter .content-body .recommend .subject {
    display: block;
    border: 1px solid #1da1f2;
    overflow: hidden;
    position: relative
}

#ja-bbstwitter .content-body .recommend .subject .word {
    width: 43%;
    float: left;
    color: #000;
    padding: 26px 0 26px 136px;
    background: url("../../pages/twitter-bbs/recommend_l.png")
        /*tpa=https://www.fonepaw.com/pages/twitter-bbs/recommend_l.png*/
        no-repeat 0 100%
}

#ja-bbstwitter .content-body .recommend .subject .word .name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}

#ja-bbstwitter .content-body .recommend .subject .word .desc {
    font-size: 13px;
    margin-bottom: inherit
}

#ja-bbstwitter .content-body .recommend .subject .bg {
    width: 57%;
    float: right;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../../pages/twitter-bbs/recommend_r.png")
        /*tpa=https://www.fonepaw.com/pages/twitter-bbs/recommend_r.png*/
        no-repeat 50%
}

#ja-bbstwitter .content-body .recommend i {
    display: block;
    width: 26px;
    height: 26px;
    border: 1px solid #b5b5b6;
    border-radius: 50%;
    background: url("../../pages/twitter-bbs/recommend_close.svg")
        /*tpa=https://www.fonepaw.com/pages/twitter-bbs/recommend_close.svg*/
        no-repeat 50%;
    background-size: 60%;
    position: absolute;
    right: 30px;
    top: 30px
}

#ja-bbstwitter .content-bottom {
    position: relative;
    overflow: hidden;
    padding-top: 104px;
    padding-bottom: 20px
}

#ja-bbstwitter .content-bottom:before {
    content: "";
    display: block;
    width: 100%;
    height: 666px;
    background: url("../../pages/twitter-bbs/bottom-bg.svg")
        /*tpa=https://www.fonepaw.com/pages/twitter-bbs/bottom-bg.svg*/
        0 0 no-repeat;
    background-size: 2048px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

#ja-bbstwitter .content-bottom .flex-container {
    display: flex;
    justify-content: space-between
}

#ja-bbstwitter .content-bottom .flex-container .flex-item {
    flex: 0 0 45%;
    display: block
}

#ja-bbstwitter .content-bottom .flex-container .p1 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px
}

#ja-bbstwitter .content-bottom .flex-container .p2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    color: #fff;
    margin-bottom: 20px
}

#ja-bbstwitter .content-bottom .flex-container .p2:last-of-type {
    margin-bottom: 0
}

#ja-bbstwitter .content-bottom .flex-container .form-area {
    position: relative
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #fff;
    padding: 8px;
    display: flex;
    align-items: center
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item:last-of-type {
    margin-bottom: 0
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item label {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    width: 123px;
    border-right: 1px solid #fff;
    flex: 0 0 auto
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item label i {
    font-style: normal;
    color: #ff8048;
    margin-left: 2px
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item input {
    background: inherit;
    border: none;
    box-shadow: none;
    font-size: 18px;
    color: #fff;
    text-indent: 8px;
    width: 100%
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item ::-webkit-input-placeholder {
    color: #fff
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item ::-moz-placeholder {
    color: #fff
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item :-ms-input-placeholder {
    color: #fff
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item .select {
    position: relative;
    width: 100%;
    padding-left: 8px;
    font-size: 18px;
    background: transparent;
    height: 27px;
    color: #fff;
    border: none
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item .select .selectoption,
#ja-bbstwitter .content-bottom .flex-container .form-area .form-item .select option {
    background: #fff;
    width: 100%;
    height: 40px;
    color: #1da1f2;
    border-radius: 8px
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item.textarea {
    flex-direction: column
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item.textarea label {
    flex: 0 0 100%;
    width: 100%;
    border-bottom: 1px solid #fff;
    border-right: none
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item.textarea textarea {
    width: 100%;
    background: inherit;
    border: none;
    resize: none;
    height: 90px;
    padding-top: 6px;
    font-size: 18px;
    color: #fff
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item.button {
    padding: 0;
    overflow: hidden
}

#ja-bbstwitter .content-bottom .flex-container .form-area .form-item.button button {
    display: block;
    padding: 8px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: none;
    color: #1da1f2;
    font-size: 18px;
    font-weight: 700
}

#ja-bbstwitter .content-bottom .flex-container .form-area .message-error,
#ja-bbstwitter .content-bottom .flex-container .form-area .message-result {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    background: rgba(0, 0, 0, .5);
    border-radius: 8px
}

#ja-bbstwitter .content-bottom .flex-container .form-area .message-error i,
#ja-bbstwitter .content-bottom .flex-container .form-area .message-result i {
    position: absolute;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    font-style: normal;
    right: 4px;
    top: 4px
}

#ja-bbstwitter .content-bottom .flex-container .form-area .message-error {
    color: red
}

#ja-bbstwitter .content-bottom .flex-container .form-area .message-result {
    color: #fff
}

@media screen and (max-width: 1080px) {
    .flex-container {
        padding: 0 16px
    }
}

@media screen and (max-width: 1024px) {
    #ja-bbstwitter .google-ad {
        margin-bottom: 30px
    }

    #ja-bbstwitter .twitter-bbs-header {
        padding: 30px 0 50px
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container {
        padding-bottom: 20px
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container .logo {
        width: 192px
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav {
        position: relative
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-mobi-button {
        display: block;
        width: 36px;
        height: 36px;
        border: 1px solid #231815;
        position: relative;
        cursor: pointer
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-mobi-button.active span:first-of-type {
        transform: rotate(-45deg) translate(-65%)
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-mobi-button.active span:nth-of-type(2) {
        opacity: 0
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-mobi-button.active span:nth-of-type(3) {
        transform: rotate(45deg) translateY(18px)
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-mobi-button span {
        display: block;
        width: 27px;
        overflow: hidden;
        text-indent: 10000px;
        border-top: 2px solid #231815;
        height: 2px;
        position: absolute;
        top: 4px;
        left: 50%;
        transition-duration: .2s
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-mobi-button span:first-of-type {
        transform: translate(-50%, 2px)
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-mobi-button span:nth-of-type(2) {
        opacity: 1;
        transform: translate(-50%, 12px)
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-mobi-button span:nth-of-type(3) {
        transform: translate(-50%, 22px)
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-items {
        display: none;
        position: absolute;
        width: 163px;
        padding-left: 0;
        top: 40px;
        left: -127px;
        background: #fff;
        border-radius: 2px;
        box-shadow: 3px 3px 8px rgba(5, 46, 104, .3);
        z-index: 1000
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-items a {
        display: block;
        margin: 0;
        text-align: right;
        padding: 6px 10px;
        font-size: 14px;
        line-height: 24px;
        color: #1da1f2;
        border-bottom: 1px solid #1da1f2
    }

    #ja-bbstwitter .twitter-bbs-header .flex-container nav .nav-items a:last-of-type {
        border-bottom: none
    }

    #ja-bbstwitter .content-body {
        padding-top: 24px
    }

    #ja-bbstwitter .content-body .flex-item-full {
        margin-bottom: 30px
    }

    #ja-bbstwitter .content-body .recommend {
        margin-top: 30px
    }
}

@media screen and (max-width: 768px) {

    #ja-bbstwitter .content-body .recommend .subject .bg,
    #ja-bbstwitter .content-body .recommend .subject .word {
        width: 100%;
        float: inherit
    }

    #ja-bbstwitter .content-body .recommend .subject .word {
        padding: 24px 0 24px 15px
    }

    #ja-bbstwitter .content-body .recommend .subject .bg {
        position: inherit;
        height: 112px;
        margin-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .flex-container {
        padding: 0 10px
    }

    #ja-bbstwitter .twitter-bbs-banner,
    #ja-bbstwitter .twitter-bbs-banner img {
        height: 133px
    }

    #ja-bbstwitter .content-top h1 {
        font-size: 20px
    }

    #ja-bbstwitter .content-body .item__content {
        padding: 20px 20px 20px 100px;
        min-height: 290px
    }

    #ja-bbstwitter .content-body .item__content .sexual {
        left: 20px
    }

    #ja-bbstwitter .content-body .item__content .top {
        flex-wrap: wrap;
        margin-bottom: 16px;
        padding-top: 10px
    }

    #ja-bbstwitter .content-body .item__content .top .info {
        flex: 0 0 100%
    }

    #ja-bbstwitter .content-body .item__content .top .info p {
        font-size: 12px;
        padding: 0 0 10px
    }

    #ja-bbstwitter .content-body .item__content .top .follow-state {
        position: absolute;
        margin: 0;
        right: -14px;
        padding: 2px;
        top: 5px;
        font-size: 12px
    }

    #ja-bbstwitter .content-body .item__content .top a.link {
        position: static
    }

    #ja-bbstwitter .content-body .item__content .bottom p {
        font-size: 14px;
        padding-bottom: 20px
    }

    #ja-bbstwitter .content-body .item__content p.date {
        right: 20px;
        font-size: 12px;
        padding: 0 0 10px
    }

    #ja-bbstwitter .content-body .pages ul li {
        height: 20px;
        padding: 4px 5px;
        margin: 0 4px
    }

    #ja-bbstwitter .content-body .pages ul li span {
        font-size: 12px
    }

    #ja-bbstwitter .content-body .pages .jump input {
        width: 23px;
        height: 20px;
        font-size: 12px;
        margin: 0 4px
    }

    #ja-bbstwitter .content-body .pages .jump button {
        margin: 0 4px;
        width: 40px;
        height: 20px;
        font-size: 12px
    }

    #ja-bbstwitter .content-bottom {
        padding: 40px 0 60px
    }

    #ja-bbstwitter .content-bottom:before {
        background-image: url("../../pages/twitter-bbs/bottom-bg-mobi.svg")
            /*tpa=https://www.fonepaw.com/pages/twitter-bbs/bottom-bg-mobi.svg*/
        ;
        height: 100%
    }

    #ja-bbstwitter .content-bottom .flex-container {
        flex-wrap: wrap
    }

    #ja-bbstwitter .content-bottom .flex-container .flex-item {
        flex: 0 0 100%
    }

    #ja-bbstwitter .content-bottom .flex-container .flex-item:first-of-type {
        margin-bottom: 20px
    }

    #ja-bbstwitter .content-bottom .flex-container .p1 {
        font-size: 20px;
        margin-bottom: 12px
    }

    #ja-bbstwitter .content-bottom .flex-container .p2 {
        font-size: 14px;
        margin-bottom: 6px;
        line-height: 28px
    }

    #ja-bbstwitter .content-bottom .flex-container .form-area .form-item.button button,
    #ja-bbstwitter .content-bottom .flex-container .form-area .form-item .select .default,
    #ja-bbstwitter .content-bottom .flex-container .form-area .form-item .select .options .option,
    #ja-bbstwitter .content-bottom .flex-container .form-area .form-item input,
    #ja-bbstwitter .content-bottom .flex-container .form-area .form-item label,
    #ja-bbstwitter .content-bottom .flex-container .form-area .form-item textarea {
        font-size: 14px
    }
}

@keyframes hover {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

#BbsYoutube .youtube-bbs-banner {
    overflow: hidden;
    width: 100%;
    height: 300px;
    background: url("../../pages/youtube-bbs/head-banner.svg")
        /*tpa=https://www.fonepaw.com/pages/youtube-bbs/head-banner.svg*/
        50% 0 no-repeat;
    background-size: 2048px
}

#BbsYoutube .youtube-bbs-banner .cont {
    display: flex;
    width: 1080px;
    margin: auto;
    height: 300px;
    align-items: center;
    justify-content: flex-end;
    position: relative
}

#BbsYoutube .youtube-bbs-banner .cont img {
    height: 249px
}

#BbsYoutube .youtube-bbs-banner .cont .finger {
    position: absolute;
    width: 100px;
    height: 95px;
    right: 139px;
    bottom: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

#BbsYoutube .youtube-bbs-banner .cont .finger img {
    width: 52px;
    height: 64px;
    animation: hover .8s linear infinite alternate-reverse
}

#BbsYoutube .google-ad {
    margin: 0 auto 50px;
    overflow: hidden
}

#BbsYoutube .flex-container {
    max-width: 1080px;
    display: flex;
    margin: 0 auto
}

#BbsYoutube .youtube-bbs-header {
    padding: 50px 0;
    border: none
}

#BbsYoutube .youtube-bbs-header .flex-container {
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 10px;
    border-bottom: .5px solid #3b1e1e
}

#BbsYoutube .youtube-bbs-header .flex-container .logo {
    width: 253px
}

#BbsYoutube .youtube-bbs-header .flex-container .logo a {
    display: block
}

#BbsYoutube .youtube-bbs-header .flex-container .logo a img {
    width: 100%
}

#BbsYoutube .youtube-bbs-header .flex-container nav .nav-mobi-button {
    display: none
}

#BbsYoutube .youtube-bbs-header .flex-container nav .nav-items {
    margin-bottom: 0;
    text-align: right
}

#BbsYoutube .youtube-bbs-header .flex-container nav .nav-items a {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    color: #3b1e1e;
    font-weight: 700;
    text-decoration: none;
    margin-left: 50px
}

#BbsYoutube .youtube-bbs-header .flex-container nav .nav-items a:first-of-type {
    margin-left: 0
}

#BbsYoutube .youtube-bbs-header .flex-container nav .nav-items a:hover {
    color: #b2b2b2
}

#BbsYoutube .content-top h1 {
    font-size: 30px;
    color: #3b1e1e;
    font-weight: 600;
    margin: 0
}

#BbsYoutube .content-body {
    padding: 70px 0
}

#BbsYoutube .content-body .flex-container {
    flex-wrap: wrap
}

#BbsYoutube .content-body .flex-item-full {
    flex: 0 0 100%;
    padding-top: 50px;
    margin-bottom: 6px;
    position: relative
}

#BbsYoutube .content-body .flex-item-full.random-0:before {
    content: "";
    display: block;
    background: url("../../pages/youtube-bbs/random-1.svg")
        /*tpa=https://www.fonepaw.com/pages/youtube-bbs/random-1.svg*/
        0 0 no-repeat;
    background-size: 63px;
    width: 65px;
    height: 53px;
    position: absolute;
    top: 0;
    left: 11px;
    z-index: 1
}

#BbsYoutube .content-body .flex-item-full.random-0:after {
    content: "";
    display: block;
    background-size: 46px;
    width: 46px;
    height: 37px;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 2
}

#BbsYoutube .content-body .flex-item-full.random-1:before {
    content: "";
    display: block;
    background: url("../../pages/youtube-bbs/random-2.svg")
        /*tpa=https://www.fonepaw.com/pages/youtube-bbs/random-2.svg*/
        0 0 no-repeat;
    background-size: 63px;
    width: 65px;
    height: 53px;
    position: absolute;
    top: 0;
    left: 11px;
    z-index: 1
}

#BbsYoutube .content-body .flex-item-full.random-1:after {
    content: "";
    display: block;
    background-size: 46px;
    width: 46px;
    height: 37px;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 2
}

#BbsYoutube .content-body .flex-item-full.random-2:before {
    content: "";
    display: block;
    background: url("../../pages/youtube-bbs/random-3.svg")
        /*tpa=https://www.fonepaw.com/pages/youtube-bbs/random-3.svg*/
        0 0 no-repeat;
    background-size: 63px;
    width: 65px;
    height: 53px;
    position: absolute;
    top: 0;
    left: 11px;
    z-index: 1
}

#BbsYoutube .content-body .flex-item-full.random-2:after {
    content: "";
    display: block;
    background-size: 46px;
    width: 46px;
    height: 37px;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 2
}

#BbsYoutube .content-body .item__content {
    min-height: 212px;
    width: 100%;
    padding: 24px 70px 20px 364px;
    background: linear-gradient(90deg, #ffc6a0, #ff7b7b);
    border-radius: 5px;
    position: relative
}

#BbsYoutube .content-body .item__content .thumb {
    position: absolute;
    display: inline-block;
    width: 276px;
    height: 160px;
    left: 38px;
    overflow: hidden;
    background-color: #f15151
}

#BbsYoutube .content-body .item__content .thumb img {
    height: 100%;
    object-fit: cover
}

#BbsYoutube .content-body .item__content .thumb:before {
    content: "";
    display: block;
    background: url("../../pages/youtube-bbs/play-button.svg")
        /*tpa=https://www.fonepaw.com/pages/youtube-bbs/play-button.svg*/
        0 0 no-repeat;
    background-size: 53px;
    width: 53px;
    height: 37px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

#BbsYoutube .content-body .item__content .top {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 30px;
    padding-top: 10px
}

#BbsYoutube .content-body .item__content .top .info {
    display: inline-flex;
    flex-direction: column;
    width: 308px;
    border-bottom: .5px solid #fff;
    padding-bottom: 22px
}

#BbsYoutube .content-body .item__content .top .info p {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 700
}

#BbsYoutube .content-body .item__content .top .info p span {
    display: inline-block;
    width: 70%;
    vertical-align: top
}

#BbsYoutube .content-body .item__content .top a.link {
    display: inline-block;
    box-shadow: 3px 3px 8px rgba(5, 46, 104, .3);
    border-radius: 4px;
    background: #fff;
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #f15151;
    position: absolute;
    right: 0;
    top: 0
}

#BbsYoutube .content-body .item__content .top a.link:hover {
    text-decoration: none;
    box-shadow: 1px 1px 1px rgba(5, 46, 104, .3)
}

#BbsYoutube .content-body .item__content .top a.link:nth-last-child(2) {
    top: 50px
}

#BbsYoutube .content-body .item__content .bottom {
    position: relative;
    width: 308px
}

#BbsYoutube .content-body .item__content .bottom p {
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

#BbsYoutube .content-body .item__content p.date {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    right: 70px;
    bottom: 0;
    padding: 0 0 10px
}

#BbsYoutube .content-body .articles {
    margin-top: 40px;
    margin-bottom: 40px
}

#BbsYoutube .content-body .articles ul {
    padding: 0
}

#BbsYoutube .content-body .articles ul li {
    display: inline-flex;
    margin-right: 30px
}

#BbsYoutube .content-body .articles ul li a {
    color: #323333;
    display: block;
    font-size: 14px;
    height: 100%;
    padding-top: 13px;
    text-decoration: none
}

#BbsYoutube .content-body .articles ul li a:hover {
    color: #ff7b7b
}

#BbsYoutube .content-body .pages .flex-container {
    justify-content: center;
    padding-bottom: 40px;
    border-bottom: 1.5px dashed #ff7b7b
}

#BbsYoutube .content-body .pages ul {
    display: flex;
    justify-content: center;
    padding: 0
}

#BbsYoutube .content-body .pages ul li {
    display: inline-flex;
    align-items: center;
    margin: 0 8px;
    padding: 8px 12px;
    height: 35px;
    border: 1px solid #c9caca;
    color: #9fa0a0
}

#BbsYoutube .content-body .pages ul li span {
    font-size: 18px;
    color: inherit;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer
}

#BbsYoutube .content-body .pages ul li.pn,
#BbsYoutube .content-body .pages ul li.pn.spn {
    display: inline-flex
}

#BbsYoutube .content-body .pages ul li.active,
#BbsYoutube .content-body .pages ul li:hover {
    border-color: #ff7b7b;
    color: #fff;
    background: #ff7b7b
}

#BbsYoutube .content-body .pages .jump,
#BbsYoutube .content-body .pages ul li.first,
#BbsYoutube .content-body .pages ul li.last {
    display: inline-flex
}

#BbsYoutube .content-body .pages .jump input {
    width: 40px;
    height: 35px;
    border: 1px solid #e3e3e3;
    background: #e3e3e3;
    display: inline-flex;
    text-align: center;
    margin: 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

#BbsYoutube .content-body .pages .jump button {
    background: #b8b8b8;
    width: 60px;
    height: 35px;
    border: none;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

#BbsYoutube .content-body .recommend {
    width: 100%;
    margin-top: 50px;
    padding: 20px;
    position: relative
}

#BbsYoutube .content-body .recommend .subject {
    display: block;
    border: 1px solid #ff7b7b;
    overflow: hidden;
    position: relative
}

#BbsYoutube .content-body .recommend .subject .word {
    width: 43%;
    float: left;
    color: #000;
    padding: 26px 0 26px 136px;
    background: url("../../pages/youtube-bbs/recommend_l.png")
        /*tpa=https://www.fonepaw.com/pages/youtube-bbs/recommend_l.png*/
        no-repeat 0 100%
}

#BbsYoutube .content-body .recommend .subject .word .name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px
}

#BbsYoutube .content-body .recommend .subject .word .desc {
    font-size: 13px;
    margin-bottom: inherit
}

#BbsYoutube .content-body .recommend .subject .bg {
    width: 57%;
    float: right;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../../pages/youtube-bbs/recommend_r.png")
        /*tpa=https://www.fonepaw.com/pages/youtube-bbs/recommend_r.png*/
        no-repeat 50%
}

#BbsYoutube .content-body .recommend i {
    display: block;
    width: 26px;
    height: 26px;
    border: 1px solid #b5b5b6;
    border-radius: 50%;
    background: url("../../pages/youtube-bbs/recommend_close.svg")
        /*tpa=https://www.fonepaw.com/pages/youtube-bbs/recommend_close.svg*/
        no-repeat 50%;
    background-size: 60%;
    position: absolute;
    right: 30px;
    top: 30px
}

#BbsYoutube .content-bottom {
    position: relative;
    overflow: hidden;
    padding-top: 90px
}

#BbsYoutube .content-bottom:before {
    content: "";
    display: block;
    width: 100%;
    height: 666px;
    background: url("../../pages/youtube-bbs/foot-banner.svg")
        /*tpa=https://www.fonepaw.com/pages/youtube-bbs/foot-banner.svg*/
        50% 0 no-repeat;
    background-size: 2048px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

#BbsYoutube .content-bottom .bottom-flex-container {
    display: flex;
    justify-content: center
}

#BbsYoutube .content-bottom .bottom-flex-container .flex-item {
    flex: 0 0 37%;
    margin-left: 40px
}

#BbsYoutube .content-bottom .bottom-flex-container .p1 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px
}

#BbsYoutube .content-bottom .bottom-flex-container .p2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    color: #fff;
    margin-bottom: 20px
}

#BbsYoutube .content-bottom .bottom-flex-container .p2:last-of-type {
    margin-bottom: 0
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area {
    position: relative
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #fff;
    padding: 8px;
    display: flex;
    align-items: center
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item:last-of-type {
    margin-bottom: 0
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item label {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    width: 123px;
    border-right: 1px solid #fff;
    flex: 0 0 auto
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item label i {
    font-style: normal;
    color: #faee00;
    margin-left: 2px
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item input {
    background: inherit;
    border: none;
    box-shadow: none;
    font-size: 18px;
    color: #fff;
    text-indent: 8px;
    width: 100%
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item ::-webkit-input-placeholder {
    color: #fff
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item ::-moz-placeholder {
    color: #fff
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item :-ms-input-placeholder {
    color: #fff
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item .select {
    position: relative;
    width: 100%;
    padding-left: 8px
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item .select:after {
    content: "";
    background-size: 20px;
    width: 20px;
    height: 11px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item .select .default {
    color: #fff;
    opacity: .37;
    font-size: 18px;
    cursor: pointer
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item .select .options {
    position: absolute;
    padding: 24px 16px;
    list-style: none;
    border-radius: 8px;
    background: #fff;
    width: 270px;
    top: 0;
    right: 0;
    display: none;
    z-index: 1000
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item .select .options .option {
    font-size: 18px;
    font-weight: 700;
    color: #1da1f2;
    padding: 4px 0;
    border-bottom: 1px solid #1da1f2
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item .select .options .option:hover {
    color: #fff;
    background: #1da1f2
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item .select .options .option:last-of-type {
    border-bottom: none
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.textarea {
    flex-direction: column
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.textarea.small textarea {
    height: 46px
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.textarea label {
    flex: 0 0 100%;
    width: 100%;
    border-bottom: 1px solid #fff;
    border-right: none
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.textarea textarea {
    width: 100%;
    background: inherit;
    border: none;
    resize: none;
    height: 90px;
    padding-top: 6px;
    font-size: 14px;
    color: #fff
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.textarea ::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.textarea ::-moz-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.textarea :-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .6)
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.button {
    padding: 0;
    overflow: hidden
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.button button {
    display: block;
    padding: 8px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: none;
    color: #f15151;
    font-size: 18px;
    font-weight: 700
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .message-error,
#BbsYoutube .content-bottom .bottom-flex-container .form-area .message-result {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    background: rgba(0, 0, 0, .5);
    border-radius: 8px
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .message-error i,
#BbsYoutube .content-bottom .bottom-flex-container .form-area .message-result i {
    position: absolute;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    font-style: normal;
    right: 4px;
    top: 4px
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .message-error {
    color: red
}

#BbsYoutube .content-bottom .bottom-flex-container .form-area .message-result {
    color: #fff
}

#BbsYoutube .hover-item {
    width: 154px;
    height: 173px;
    position: fixed;
    right: calc(50vw - 620px);
    top: 40%;
    z-index: 99;
    border-radius: 8px
}

#BbsYoutube .hover-item button {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 100;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #fff;
    color: #f15151;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding: 0;
    border: none;
    box-shadow: none
}

@media screen and (max-width: 1080px) {

    #BbsYoutube .content-body .articles ul,
    #BbsYoutube .content-top,
    #BbsYoutube .flex-container {
        padding: 0 16px
    }

    #BbsYoutube .hover-item {
        right: 16px
    }
}

@media screen and (max-width: 1024px) {
    #BbsYoutube .google-ad {
        margin-bottom: 30px
    }

    #BbsYoutube .youtube-bbs-header {
        padding: 30px 0 50px
    }

    #BbsYoutube .youtube-bbs-header .flex-container {
        padding-bottom: 20px
    }

    #BbsYoutube .youtube-bbs-header .flex-container .logo {
        width: 192px
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav {
        position: relative
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-mobi-button {
        display: block;
        width: 36px;
        height: 36px;
        border: 1px solid #231815;
        position: relative;
        cursor: pointer
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-mobi-button.active span:first-of-type {
        transform: rotate(-45deg) translate(-65%)
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-mobi-button.active span:nth-of-type(2) {
        opacity: 0
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-mobi-button.active span:nth-of-type(3) {
        transform: rotate(45deg) translateY(18px)
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-mobi-button span {
        display: block;
        width: 27px;
        overflow: hidden;
        text-indent: 10000px;
        border-top: 2px solid #231815;
        height: 2px;
        position: absolute;
        top: 4px;
        left: 50%;
        transition-duration: .2s
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-mobi-button span:first-of-type {
        transform: translate(-50%, 2px)
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-mobi-button span:nth-of-type(2) {
        opacity: 1;
        transform: translate(-50%, 12px)
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-mobi-button span:nth-of-type(3) {
        transform: translate(-50%, 22px)
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-items {
        display: none;
        position: absolute;
        width: 163px;
        padding-left: 0;
        top: 40px;
        right: 0;
        background: #fff;
        border-radius: 2px;
        box-shadow: 3px 3px 8px rgba(5, 46, 104, .3);
        z-index: 1000
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-items a {
        display: block;
        margin: 0;
        text-align: right;
        padding: 6px 10px;
        font-size: 14px;
        line-height: 24px;
        color: #1da1f2;
        border-bottom: 1px solid #1da1f2
    }

    #BbsYoutube .youtube-bbs-header .flex-container nav .nav-items a:last-of-type {
        border-bottom: none
    }

    #BbsYoutube .content-body {
        padding-top: 24px
    }

    #BbsYoutube .content-body .recommend {
        margin-top: 30px
    }
}

@media screen and (max-width: 768px) {
    #BbsYoutube .youtube-bbs-banner {
        background-position: -400px 0
    }

    #BbsYoutube .youtube-bbs-banner .cont {
        display: none
    }

    #BbsYoutube .content-body .recommend .subject .bg,
    #BbsYoutube .content-body .recommend .subject .word {
        width: 100%;
        float: inherit
    }

    #BbsYoutube .content-body .recommend .subject .word {
        padding: 24px 0 24px 15px
    }

    #BbsYoutube .content-body .recommend .subject .bg {
        position: inherit;
        height: 112px;
        margin-top: 20px
    }

    #BbsYoutube .content-body .item__content {
        padding: 40px 30px 20px
    }

    #BbsYoutube .content-body .item__content .thumb {
        position: relative;
        width: 213px;
        height: 123px;
        top: unset;
        left: 50%;
        transform: translateX(-50%)
    }

    #BbsYoutube .content-body .item__content .top {
        flex-direction: column;
        padding-bottom: 22px;
        border-bottom: .5px solid #fff
    }

    #BbsYoutube .content-body .item__content .top .info {
        width: 100%;
        border-bottom: none
    }

    #BbsYoutube .content-body .item__content .top a.link {
        position: static
    }

    #BbsYoutube .content-body .item__content .top a.link:nth-of-type(2) {
        margin-top: 20px
    }

    #BbsYoutube .content-body .item__content .bottom {
        width: 80%;
        margin-bottom: 20px
    }

    #BbsYoutube .content-body .item__content p.date {
        position: static;
        margin-bottom: 0
    }
}

@media screen and (max-width: 600px) {
    #BbsYoutube .flex-container {
        padding: 0 10px
    }

    #BbsYoutube .youtube-bbs-banner {
        height: 134px;
        background: url("../../pages/youtube-bbs/head-banner-mob.svg")
            /*tpa=https://www.fonepaw.com/pages/youtube-bbs/head-banner-mob.svg*/
            50% 0 no-repeat;
        background-size: cover
    }

    #BbsYoutube .content-top h1 {
        font-size: 20px
    }

    #BbsYoutube .content-body .item__content {
        min-height: 290px
    }

    #BbsYoutube .content-body .item__content .sexual {
        left: 20px
    }

    #BbsYoutube .content-body .item__content .top {
        flex-wrap: wrap;
        margin-bottom: 16px;
        padding-top: 20px
    }

    #BbsYoutube .content-body .item__content .top .info {
        flex: 0 0 100%
    }

    #BbsYoutube .content-body .item__content .top .info p {
        font-size: 12px
    }

    #BbsYoutube .content-body .item__content .top .follow-state {
        position: absolute;
        margin: 0;
        right: -14px;
        padding: 2px;
        top: 5px;
        font-size: 12px
    }

    #BbsYoutube .content-body .item__content .top a.link {
        position: static
    }

    #BbsYoutube .content-body .item__content .bottom p {
        font-size: 14px;
        padding-bottom: 20px
    }

    #BbsYoutube .content-body .item__content p.date {
        right: 20px;
        font-size: 12px
    }

    #BbsYoutube .content-body .pages ul li {
        height: 20px;
        padding: 4px 5px;
        margin: 0 4px
    }

    #BbsYoutube .content-body .pages ul li span {
        font-size: 12px
    }

    #BbsYoutube .content-body .pages .jump input {
        width: 23px;
        height: 20px;
        font-size: 12px;
        margin: 0 4px
    }

    #BbsYoutube .content-body .pages .jump button {
        margin: 0 4px;
        width: 40px;
        height: 20px;
        font-size: 12px
    }

    #BbsYoutube .content-bottom {
        padding: 40px 0 60px
    }

    #BbsYoutube .content-bottom:before {
        background-image: url("../../pages/youtube-bbs/foot-banner-mob.svg")
            /*tpa=https://www.fonepaw.com/pages/youtube-bbs/foot-banner-mob.svg*/
        ;
        background-size: 414px;
        height: 100%
    }

    #BbsYoutube .content-bottom .bottom-flex-container {
        flex-wrap: wrap
    }

    #BbsYoutube .content-bottom .bottom-flex-container .flex-item {
        flex: 0 0 60%;
        display: block;
        margin-left: 0
    }

    #BbsYoutube .content-bottom .bottom-flex-container .flex-item:first-of-type {
        margin-bottom: 20px
    }

    #BbsYoutube .content-bottom .bottom-flex-container .p1 {
        font-size: 20px;
        margin-bottom: 12px
    }

    #BbsYoutube .content-bottom .bottom-flex-container .p2 {
        font-size: 14px;
        margin-bottom: 6px;
        line-height: 28px
    }

    #BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item label {
        font-size: 14px;
        width: 40%
    }

    #BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item.button button,
    #BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item .select .default,
    #BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item .select .options .option,
    #BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item input,
    #BbsYoutube .content-bottom .bottom-flex-container .form-area .form-item textarea {
        font-size: 14px
    }
}

* {
    font-family: Aileron
}

.box_black_friday {
    background: url("../../pages/black-friday-sales-2021/content_background.png")
        /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/content_background.png*/
        #000 no-repeat;
    background-size: 100% 100%
}

.black_friday_banner {
    width: 100%;
    height: 953px;
    position: relative;
    background: url("../../pages/black-friday-sales-2021/banner2.png")
        /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/banner2.png*/
        no-repeat;
    background-size: auto 100%;
    padding-top: 20px;
    z-index: 9
}

.black_friday_banner .banner_logo {
    width: 1080px;
    height: 25px;
    margin: 0 auto
}

.black_friday_banner .banner_back {
    display: none
}

.black_friday_banner .logo {
    width: 125px;
    height: 25px;
    position: absolute;
    z-index: 9;
    left: 405px
}

.black_friday_banner .group {
    width: 1323px;
    margin: 0 auto;
    position: relative
}

.black_friday_banner .banner_hint {
    font-size: 14.0324px;
    line-height: 14px;
    text-align: center;
    color: hsla(0, 0%, 100%, .51);
    font-family: ONEAN;
    letter-spacing: .23em
}

.black_friday_banner .time {
    width: 500px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 17px auto 0
}

.black_friday_banner .time .time_dot {
    width: 4px;
    height: 4px;
    background-color: #7b65b9;
    border-radius: 4px;
    margin: 0 14px
}

.black_friday_banner .time .time_box {
    width: 57px;
    height: 57px;
    background: url("../../pages/black-friday-sales-2021/time_background.png")
        /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/time_background.png*/
        no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.black_friday_banner .time .time_box .time_box_text1 {
    font-size: 36px;
    color: #7b65b9;
    font-family: ONEAN;
    font-weight: 700;
    line-height: 36px
}

.black_friday_banner .time .time_box .time_box_text2 {
    font-size: 6px;
    color: hsla(0, 0%, 100%, .3)
}

.black_friday_banner .sphere_background1 {
    position: absolute;
    left: 0;
    bottom: -388px;
    z-index: 1
}

.content_black_friday {
    padding-top: 42px;
    padding-bottom: 181px;
    position: relative;
    overflow: hidden
}

.content_black_friday .discount_title {
    width: 766px;
    height: 128px;
    margin: 0 auto;
    background: url("../../pages/black-friday-sales-2021/discount_title.png")
        /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/discount_title.png*/
        100%/100% no-repeat;
    position: relative;
    display: flex;
    align-items: center
}

.content_black_friday .discount_title .discount_title_back {
    display: none
}

.content_black_friday .discount_title .discount_title_icon1,
.content_black_friday .discount_title .discount_title_icon2 {
    position: absolute
}

.content_black_friday .discount_title .discount_title_icon1 {
    right: -30px;
    top: 0
}

.content_black_friday .discount_title .discount_title_icon2 {
    width: 36px;
    height: 41px;
    left: 38px;
    top: 40px
}

.content_black_friday .discount_title .discount_title_text {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    margin-bottom: 19px;
    margin-left: 90px
}

.fr_body .content_black_friday .discount_title .discount_title_text {
    font-size: 27px
}

.de_body .content_black_friday .discount_title .discount_title_text {
    font-size: 30px
}

.es_body .content_black_friday .discount_title .discount_title_text {
    font-size: 24px;
    line-height: 29px
}

.pt_body .content_black_friday .discount_title .discount_title_text {
    font-size: 28px;
    line-height: 30px;
    margin-left: 85px
}

.ja_body .content_black_friday .discount_title .discount_title_text,
.tw_body .content_black_friday .discount_title .discount_title_text {
    margin: 0 auto 19px
}

.fr_body .content_black_friday .discount_title .discount_title_text .percentage {
    font-size: 43px
}

.es_body .content_black_friday .discount_title .discount_title_text .percentage {
    margin-left: 5px;
    font-size: 41px
}

.pt_body .content_black_friday .discount_title .discount_title_text .percentage {
    font-size: 40px
}

.content_black_friday .discount_title .discount_title_text .percentage {
    color: #ffba35;
    font-size: 46px;
    position: relative;
    top: 5px
}

.content_black_friday .product {
    width: 1074.88px;
    height: 628.56px;
    border: 1px solid #83709a;
    backdrop-filter: blur(3px);
    border-radius: 14.4847px;
    margin: 215px auto 0;
    position: relative;
    padding: 30px;
    z-index: 9
}

.content_black_friday .overspread {
    background: hsla(0, 0%, 100%, .12);
    backdrop-filter: blur(3px);
    border-radius: 12.4847px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2
}

.content_black_friday .product .product_tab1,
.content_black_friday .product .product_tab2,
.content_black_friday .product .product_tab3 {
    cursor: pointer
}

.content_black_friday .product .product_tab1 {
    width: 316px;
    height: 150px;
    position: absolute;
    left: 30px;
    top: -105px;
    background: linear-gradient(180deg, #fff 69.4%, #bcbbf7 106.53%);
    border-radius: 9px 9px 0 0;
    display: flex;
    color: #232323
}

.content_black_friday .product .new_product_tab1,
.content_black_friday .product .product_tab2 {
    width: 316px;
    height: 104px;
    background: hsla(0, 0%, 100%, .12);
    border-radius: 9px 9px 0 0;
    border: 1px solid #83709a;
    top: -103.9px;
    color: rgba(196, 212, 255, .35)
}

.content_black_friday .product .product_tab2 {
    position: absolute;
    left: 376px;
    display: flex
}

.content_black_friday .product .new_product_tab2 {
    height: 150px;
    top: -105px;
    background: linear-gradient(180deg, #fff 69.4%, #bcbbf7 106.53%);
    color: #232323;
    border: none
}

.content_black_friday .product .product_tab3 {
    width: 316px;
    height: 104px;
    background: hsla(0, 0%, 100%, .12);
    border-radius: 9px 9px 0 0;
    border: 1px solid #83709a;
    position: absolute;
    top: -103.9px;
    left: 723px;
    display: flex;
    color: rgba(196, 212, 255, .35)
}

.content_black_friday .product .new_product_tab3 {
    height: 150px;
    top: -105px;
    background: linear-gradient(180deg, #fff 69.4%, #bcbbf7 106.53%);
    color: #232323;
    border: none
}

.content_black_friday .product .product_introduce {
    background-color: #fff;
    width: 1009.64px;
    height: 564.14px;
    border-radius: 13px;
    backdrop-filter: blur(4px);
    position: relative;
    z-index: 4
}

.content_black_friday .product .product_introduce .product_introduce_discount_50 {
    position: absolute;
    top: -11px;
    left: -5px
}

.content_black_friday .product .product_introduce .product_introduce_particulars {
    display: flex;
    height: 100%
}

.button .button_box .background,
.product_2_header .button_box .background {
    width: 26.43px;
    height: 26.43px;
    background: #885ade;
    border-radius: 26.43px;
    position: absolute;
    left: 7px
}

.particulars_content_buttom .buy_now:hover {
    background: #000
}

.product_2 .product_2_content {
    padding-bottom: 38px;
    display: flex;
    flex-wrap: wrap;
    background: hsla(0, 0%, 100%, .04);
    border-radius: 14.4847px;
    margin-top: 35px;
    border: 1px solid #83709a
}

.product_2_content .product_2_content_product_abrazine {
    width: 494px;
    height: 336px;
    background: linear-gradient(0deg, rgba(49, 33, 92, .53), rgba(49, 33, 92, .53)), linear-gradient(180deg, transparent, hsla(0, 0%, 48.2%, .2));
    box-shadow: inset 0 20px 50px rgba(249, 98, 98, .08);
    backdrop-filter: blur(40px);
    margin-top: 38px;
    border-radius: 14px;
    border: 1px solid #83709a;
    display: flex;
    position: relative;
    z-index: 9
}

.product_2_content_product_box_left:after {
    background: url("../../pages/black-friday-sales-2021/product_2_back.png")
        /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/product_2_back.png*/
        no-repeat
}

.product_2_content_product_right .product_right_button .product_right_button_buy:hover {
    background: #000
}

.product_3 .product_3_title {
    width: 892px;
    height: 128px;
    line-height: 128px;
    margin: 0 auto;
    background: url("../../pages/black-friday-sales-2021/discount_title.png")
        /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/discount_title.png*/
        no-repeat;
    background-size: 100%;
    position: relative;
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    padding-left: 78px
}

.ja_body .product_3 .product_3_title {
    font-size: 22px
}

.tw_body .product_3 .product_3_title {
    font-size: 31px
}

.ja_body .product_3_title_text {
    font-size: 38px;
    margin-left: 9px
}

.pt_body .product_3_title_text {
    margin-left: 9px
}

.product_3_button .button .button_box .background {
    position: absolute;
    left: 7px;
    width: 54.37px;
    height: 35.97px;
    background: #885ade;
    border-radius: 10.9122px
}

.product_3_content .product_3_content_top {
    width: 506.15px;
    height: 655.88px;
    background: linear-gradient(160.59deg, rgba(118, 45, 165, .3) 1.21%, rgba(241, 111, 125, .3) 107.68%);
    border: 1px solid #7e6b94;
    border-radius: 13px;
    position: relative;
    padding-top: 28px
}

.product_3_content_top_introduce_buttonn_buy_new {
    background: #000
}

.product_3_content .product_3_content_bottom:after {
    background: url("../../pages/black-friday-sales-2021/abrazine2.png")
        /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/abrazine2.png*/
        no-repeat
}

.product_3_content_bottom .product_3_content_bottom_box {
    background: url("../../pages/black-friday-sales-2021/abrazine3.png")
        /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/abrazine3.png*/
        no-repeat
}

.product_3_bottom_content_right_button .product_3_bottom_button:hover {
    background: #000
}

.content_black_friday .explain_title {
    width: 680px;
    height: 128px;
    background: url("../../pages/black-friday-sales-2021/discount_title.png")
        /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/discount_title.png*/
        no-repeat;
    background-size: 100%;
    margin: 216px auto 0;
    line-height: 128px;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.content_black_friday .explain_title .explain_title_text {
    margin-left: 55px;
    margin-bottom: 32px
}

.explain_title .discount_title_icon3 {
    top: 29px
}

.explain_title .discount_title_icon1 {
    position: absolute;
    right: -39px;
    top: -8px;
    width: 65px;
    height: 45px
}

.content_black_friday .explain_content {
    display: flex;
    justify-content: space-between;
    margin: 100px auto 0;
    width: 1074px
}

.explain_content_box {
    width: 320.86px;
    height: 307.5px;
    background: rgba(108, 132, 255, .2);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 37px
}

.explain_content_box:hover {
    box-shadow: 0 9px 0 #a69eff
}

.content_black_friday .background_ball,
.content_black_friday .background_ball2,
.content_black_friday .background_ball3 {
    position: absolute
}

.content_black_friday .background_ball2 {
    right: 0;
    bottom: 670px
}

.content_black_friday .background_ball3 {
    left: 0;
    bottom: 2000px
}

.content_black_friday .background_ball {
    left: 0;
    bottom: -400px
}

@media (max-width: 1323px) {

    .black_friday_banner .group,
    .group_background {
        width: 100%
    }
}

@media (max-width: 770px) {
    .mobile_style {
        display: none !important
    }

    .pc_style {
        display: block !important
    }

    .black_friday_banner .sphere_background1,
    .content_black_friday .background_ball,
    .content_black_friday .background_ball2,
    .content_black_friday .background_ball3 {
        display: none
    }

    .black_friday_banner .banner_back {
        display: block;
        width: 100%
    }

    .product_2_header .background_mobile {
        display: block
    }

    .black_friday_banner .logo {
        left: 22px
    }

    .black_friday_banner {
        background-size: 100%;
        height: auto;
        padding-top: 0
    }

    .black_friday_banner .banner_hint,
    .black_friday_banner .time {
        position: absolute;
        bottom: 130px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }

    .black_friday_banner .time {
        bottom: 55px
    }

    .black_friday_banner .banner_logo {
        position: absolute;
        top: 25px;
        left: 25px;
        width: 90%
    }

    .content_black_friday {
        margin-top: -2px;
        padding-bottom: 90px
    }

    .content_black_friday .discount_title {
        background: url("../../pages/black-friday-sales-2021/discount_title_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/discount_title_mobile.png*/
            no-repeat;
        background-size: 100% 100%;
        width: 92%;
        font-size: 20px;
        line-height: 28px;
        display: flex;
        align-items: center;
        margin-top: 0
    }

    .content_black_friday .discount_title .discount_title_back {
        display: block;
        position: absolute;
        width: 100%;
        height: auto;
        left: 0
    }

    .product_2_content_recognition {
        width: 100%
    }

    .content_black_friday .discount_title .discount_title_text {
        font-size: 15px;
        line-height: 29px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        margin-left: 0;
        margin-bottom: 6px
    }

    .es_body .product_2_header .text {
        font-size: 11px
    }

    .de_body .content_black_friday .discount_title .discount_title_text,
    .es_body .content_black_friday .discount_title .discount_title_text,
    .fr_body .content_black_friday .discount_title .discount_title_text {
        font-size: 15px
    }

    .pt_body .content_black_friday .discount_title .discount_title_text {
        font-size: 16px;
        line-height: 23px;
        width: 60%;
        margin-left: 0
    }

    .ja_body .content_black_friday .discount_title .discount_title_text {
        margin: 0
    }

    .es_body .content_black_friday .discount_title .discount_title_text {
        line-height: 23px
    }

    .content_black_friday .discount_title .discount_title_text .percentage,
    .fr_body .content_black_friday .discount_title .discount_title_text .percentage {
        font-size: 25px
    }

    .es_body .content_black_friday .discount_title .discount_title_text .percentage,
    .pt_body .content_black_friday .discount_title .discount_title_text .percentage {
        font-size: 30px
    }

    .content_black_friday .discount_title .discount_title_icon2 {
        width: 24px;
        height: 28px;
        left: 44px;
        top: 47px
    }

    .content_black_friday .discount_title .discount_title_icon1 {
        width: 42px;
        right: -5px;
        top: 11px
    }

    .pt_body .product_3_title_icon3 {
        top: 48px
    }

    .product_3_title_icon3 {
        width: 28px;
        height: 34px;
        left: 30px
    }

    .product_3_title_icon1 {
        width: 42px;
        right: -5px;
        top: 11px
    }

    .ja_body .particulars_content .particulars_content_middle {
        width: 94%
    }

    .ja_body .price .new,
    .tw_body .price .new {
        font-size: 23px
    }

    .explain_title .discount_title_icon3 {
        width: 28px;
        height: 34px
    }

    .explain_title .discount_title_icon1 {
        width: 42px;
        height: 32px;
        right: -5px;
        top: 3px
    }

    .content_black_friday .product {
        width: 92%;
        height: auto;
        padding: 14px;
        margin-top: 85px
    }

    .content_black_friday .product .product_introduce {
        width: 100%;
        height: auto
    }

    .content_black_friday .product .product_introduce .product_introduce_discount_50 {
        width: 81px;
        height: 84px;
        top: -4px;
        left: -2px
    }

    .content_black_friday .product .product_introduce .product_introduce_particulars {
        flex-direction: column;
        align-items: center
    }

    .product_introduce_particulars .particulars_img {
        width: 166px;
        height: 179px;
        margin-top: 9px;
        margin-left: 0
    }

    .particulars_content .particulars_content_title {
        width: 81%;
        height: 46px;
        margin: 0 auto;
        padding-top: 5px;
        padding-left: 5px
    }

    .product_tab1_button {
        height: 59px;
        top: -42px;
        position: absolute;
        display: flex;
        justify-content: space-between;
        width: 100%;
        left: 0;
        padding: 0 16px
    }

    .particulars_content_title .title1 {
        font-size: 14px;
        line-height: 18px
    }

    .product .title1:first-child {
        font-size: 12px
    }

    .particulars_content_title .title2 {
        font-size: 8px;
        margin-top: 0
    }

    .particulars_content_middle .title {
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        width: 93%
    }

    .particulars_content_middle .detail {
        font-size: 8px;
        margin-top: 0;
        width: 232px
    }

    .particulars_content .particulars_content_middle {
        margin-top: 0;
        width: 94%;
        margin-left: 32px
    }

    .detail .detail_li {
        margin-top: 3px
    }

    .detail .detail_li .detail_li_i {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-style: normal
    }

    .detail .detail_li span {
        width: 3px;
        height: 3px;
        border-radius: 3px
    }

    .price .new {
        font-size: 23px;
        line-height: 35px
    }

    .price .original {
        font-size: 9px;
        margin-left: 9px
    }

    .particulars_content_title .guidance {
        display: none
    }

    .particulars_content_price .button .button_box,
    .product_2_header .button_box {
        width: 38px;
        height: 18px
    }

    .button .button_box .background,
    .product_2_header .button_box .background {
        width: 14px;
        height: 14px
    }

    .button_box .mac_pink,
    .button_box .mac_white,
    .button_box .win_pink,
    .button_box .win_white,
    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_white,
    .product_2_header .button_box .win_pink,
    .product_2_header .button_box .win_white {
        width: 7px;
        height: 7px;
        left: 6px
    }

    .button_box .mac_pink,
    .button_box .mac_white,
    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_white {
        height: 9px
    }

    .button_box .mac_pink,
    .button_box .mac_white,
    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_whitek {
        left: 24px;
        bottom: 5px
    }

    .particulars_content_buttom .buy_now {
        width: 112px;
        height: 34px
    }

    .particulars_content_buttom .free span {
        font-size: 9px
    }

    .buy_now .buy_now_text {
        font-size: 14px
    }

    .de_body .buy_now .buy_now_text,
    .ja_body .buy_now .buy_now_text {
        font-size: 10px
    }

    .buy_now .buy_now_mac,
    .buy_now .buy_now_win {
        width: 14px;
        height: 14px;
        margin-right: -16px
    }

    .particulars_content_price .price {
        display: flex;
        align-items: flex-end
    }

    .particulars_content_price .button {
        height: 18px;
        margin-left: 13px;
        width: auto
    }

    .buy_now .buy_now_mac {
        height: 17px;
        margin-bottom: 3px;
        width: 15px
    }

    .particulars_content .particulars_content_price {
        width: 65%;
        margin-left: 52px;
        margin-top: 7px
    }

    .particulars_content_price .button .button_box,
    .product_2_header .button_box {
        margin-left: 13px
    }

    .particulars_content_buttom {
        margin-left: 52px;
        margin-top: 11px;
        margin-bottom: 20px
    }

    .content_black_friday .product .product_tab1,
    .content_black_friday .product .product_tab2,
    .content_black_friday .product .product_tab3 {
        width: auto;
        height: 42px;
        top: -42px;
        left: 16px;
        display: flex !important;
        position: unset
    }

    .content_black_friday .product .product_tab2 {
        left: 43%
    }

    .content_black_friday .product .product_tab3 {
        left: 70%
    }

    .product_tab1 .product_tab1_img,
    .product_tab2 .product_tab2_img,
    .product_tab3 .product_tab3_img {
        width: 26px;
        height: 26px;
        margin-top: 7px;
        margin-left: 7px
    }

    .product_tab1 .product_tab1_text,
    .product_tab2 .product_tab2_text,
    .product_tab3 .product_tab3_text {
        font-size: 8px;
        line-height: 10px;
        margin-left: 8px;
        margin-top: 0;
        width: auto;
        height: 38px;
        display: flex;
        align-items: center
    }

    .tw_body .product_tab1 .product_tab1_text,
    .tw_body .product_tab2 .product_tab2_text,
    .tw_body .product_tab3 .product_tab3_text {
        white-space: nowrap
    }

    .de_body .product_tab2 .product_tab2_text,
    .es_body .product_tab3 .product_tab3_text,
    .fr_body .product_tab1 .product_tab1_text,
    .fr_body .product_tab2 .product_tab2_text,
    .fr_body .product_tab3 .product_tab3_text,
    .ja_body .product_tab1 .product_tab1_text,
    .pt_body .product_tab1 .product_tab1_text,
    .tw_body .product_tab1 .product_tab1_text {
        margin-top: 0
    }

    .fr_body .product_2_header .text {
        font-size: 11px
    }

    .de_body .product_2_header .text {
        font-size: 10px
    }

    .product_2_header .text:after {
        margin: 0 14px
    }

    .product_2_header .text:nth-child(3):after,
    .pt_body .product_2_header .text:first-child:after {
        content: ""
    }

    .product_2 .product_2_header {
        display: block;
        margin-left: 0
    }

    .product_2_header .button_box {
        margin-left: 0;
        margin-top: 15px;
        width: 51px;
        height: 25px
    }

    .product_2_header .button_box .background_mobile2 {
        width: 18px;
        height: 18px;
        background: #b4acff;
        border-radius: 14px;
        position: absolute;
        left: 3px
    }

    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_white,
    .product_2_header .button_box .win_pink,
    .product_2_header .button_box .win_white {
        width: 10px;
        height: 10px;
        left: 8px
    }

    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_white {
        height: 13px;
        left: 31px
    }

    .product_2 {
        width: 92%;
        margin-top: 57px
    }

    .product_2 .product_2_content {
        padding: 0 0 16px;
        margin-top: 23px
    }

    .product_2_content .product_2_content_product_abrazine {
        width: 92%;
        height: 214px;
        margin: 16px auto 0
    }

    .product_2_content_product_img {
        width: 92px;
        height: 141px;
        margin-top: 13px
    }

    .product_2_content_product_abrazine .product_2_content_product_box {
        width: 100%;
        padding-left: 15px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 100%
    }

    .product_2_content_product_right .product_right_title {
        width: 167px;
        height: auto;
        border-radius: 4.46803px;
        font-size: 13px;
        line-height: 15px;
        padding: 5px 8px
    }

    .fr_body .product_2_content_product_right .product_right_title {
        font-size: 11px
    }

    .product_2_content_product_right .product_right_details {
        font-size: 9px;
        width: 161px;
        line-height: 12px;
        margin-left: 8px;
        margin-top: 8px;
        margin-bottom: 2px;
        height: auto
    }

    .product_2_content_product_right .product_right_price .new_price {
        font-size: 24px
    }

    .product_2_content_product_right .product_right_price .original_price {
        font-size: 10px
    }

    .product_2_content_product_right .product_right_button {
        width: 118px;
        margin-top: 5px;
        margin-left: 8px
    }

    .product_2_content_product_right .product_right_button .product_right_button_buy {
        width: 118px;
        height: 31px;
        margin-left: 0
    }

    .product_right_button_free .product_right_button_free_text {
        font-size: 10px
    }

    .free_arrows {
        margin-bottom: 0
    }

    .product_right_button_buy .product_right_button_buy_img {
        width: 12px;
        height: 13px;
        margin-right: -16px
    }

    .product_right_button_buy .product_right_button_buy_img_mac {
        width: 13px;
        margin-bottom: 2px;
        height: 15px;
        margin-right: -19px
    }

    .product_right_button_buy .product_right_button_buy_text {
        font-size: 14px
    }

    .de_body .product_right_button_buy .product_right_button_buy_text {
        font-size: 10px
    }

    .ja_body .product_right_button_buy .product_right_button_buy_text {
        font-size: 11px
    }

    .product_2_content_product_right {
        margin-left: 23px
    }

    .product_2_content_product_right .product_right_price {
        margin-left: 8px
    }

    .product_right_button .product_right_button_free {
        margin-top: 6px
    }

    .product_2_content_product_abrazine .product_2_content_product_back {
        width: 100%;
        height: 100%
    }

    .product_3 {
        width: 92%;
        margin-top: 100px
    }

    .product_3 .product_3_title {
        background: url("../../pages/black-friday-sales-2021/discount_title_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/discount_title_mobile.png*/
            no-repeat;
        background-size: 100% 100%;
        width: 100%;
        font-size: 20px;
        line-height: 28px;
        display: flex;
        align-items: center;
        padding-left: 49px
    }

    .product_3_title_text_box {
        width: 90%;
        text-align: center;
        font-size: 16px;
        display: block
    }

    .es_body .product_3_title_text_box {
        font-size: 14px
    }

    .ja_body .product_3_title_text_box {
        font-size: 13px
    }

    .product_3_title_text {
        font-size: 24px;
        bottom: -2px;
        margin-right: 0
    }

    .de_body .product_3_title_text {
        font-size: 26px
    }

    .ja_body .product_3_title_text {
        font-size: 36px
    }

    .product_3_content .product_3_content_top {
        width: 100%;
        height: 453px
    }

    .black_friday_banner .time .time_box {
        width: 51px;
        height: 51px
    }

    .product_2_content_recognition_box {
        margin-left: 0;
        width: 496px
    }

    .es_body .product_2_content .product_2_content_recognition_box:nth-child(2) {
        margin-left: 0
    }

    .black_friday_banner .time .time_box .time_box_text1 {
        font-size: 34px
    }

    .product_3_content_top .product_3_content_top_introduce {
        height: 373px;
        width: 92%;
        margin-top: 15px
    }

    .product_3_content_top .product_3_content_top_title {
        font-size: 20px;
        font-weight: 700
    }

    .fr_body .product_3_content_top .product_3_content_top_title {
        font-size: 19px
    }

    .de_body .product_3_content_top .product_3_content_top_title {
        font-size: 18px
    }

    .product_3_content_top .product_3_content_top_box {
        top: 15px;
        width: 100%
    }

    .product_3_content_top .product_3_content_top_abrazine {
        width: 100%;
        height: 100%
    }

    .product_3_content_bottom_box .product_3_bottom_content_product {
        width: 243px;
        height: 161px;
        margin-left: 0
    }

    .product_3_content_top_introduce_img {
        width: 243px;
        height: 161px
    }

    .product_3_content_top_introduce_discount {
        width: 77px;
        height: 79px;
        top: -6px;
        left: -2px
    }

    .product_3_content_top_introduce_title {
        font-size: 14px;
        width: 92%
    }

    .es_body .product_3_content_top_introduce_title,
    .fr_body .product_3_content_top_introduce_title {
        width: 100%
    }

    .es_body .product_3_bottom_content_right_title {
        font-size: 14px;
        text-align: center
    }

    .product_3_content_top_introduce_particulars {
        font-size: 10px;
        width: 92%
    }

    .es_body .product_3_content_top_introduce_particulars {
        width: 100%
    }

    .product_3_content_top_introduce_price .new_price {
        font-size: 30px
    }

    .product_3_content_top_introduce_price .original_price {
        font-size: 13px
    }

    .product_3_content_top_introduce_button {
        width: 158px;
        margin-top: 0;
        bottom: 25px
    }

    .product_3_content_top_introduce_button_buy {
        height: 32px
    }

    .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_img {
        width: 14px;
        height: 14px;
        margin-right: -35px
    }

    .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_img_mac {
        height: 18px;
        width: 16px;
        margin-right: -35px
    }

    .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_text {
        font-size: 14px
    }

    .ja_body .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_text {
        font-size: 13px
    }

    .de_body .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_text {
        font-size: 11px
    }

    .product_3_content_top_introduce_button .product_3_content_top_introduce_button_free {
        margin-top: 0
    }

    .product_3_content_top_introduce_button_free .product_3_content_top_introduce_button_free_text {
        font-size: 10px;
        color: rgba(0, 0, 0, .69)
    }

    .product_3_content_top_introduce_price {
        margin-top: 0;
        position: absolute;
        bottom: 59px
    }

    .product_3_content .product_3_content_top:nth-child(2) {
        margin-top: 41px
    }

    .product_3_content .product_3_content_bottom {
        height: 458px;
        margin-top: 41px
    }

    .product_3_content .product_3_content_bottom_title {
        font-size: 20px;
        margin-top: 15px
    }

    .pt_body .product_3_content .product_3_content_bottom_title {
        font-size: 18px
    }

    .product_3_content_bottom_box .product_3_bottom_content {
        width: 92%;
        height: 373px;
        flex-direction: column;
        align-items: center
    }

    .product_3_bottom_content_right {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .product_3_bottom_content_right_title {
        font-size: 14px;
        margin-top: 0
    }

    .product_3_bottom_content_right_subheading {
        font-size: 10px;
        margin-top: 11px;
        text-align: center
    }

    .product_3_bottom_content_right_price .new_price {
        font-size: 31px
    }

    .product_3_bottom_content_right_price .original_price {
        font-size: 13px
    }

    .product_3_bottom_content_right_button {
        flex-direction: column;
        margin-top: 0;
        position: absolute;
        bottom: 25px
    }

    .product_3_bottom_content_right_button .product_3_bottom_button {
        width: 158px;
        height: 33px
    }

    .product_3_bottom_content_right_price {
        margin-top: 0;
        position: absolute;
        bottom: 59px
    }

    .product_2_content_product_box_left:after {
        width: 117px;
        height: 165px;
        position: absolute;
        left: -13px;
        top: 28px
    }

    .product_3_bottom_button_text {
        font-size: 14px
    }

    .de_body .product_3_bottom_button_text {
        font-size: 11px
    }

    .product_3_bottom_mac_white,
    .product_3_bottom_win_white {
        width: 14px;
        height: 14px;
        margin-right: -35px
    }

    .product_3_bottom_mac_white {
        height: 17px
    }

    .product_3_bottom_button_experience_text {
        font-size: 10px
    }

    .product_3_bottom_button_experience_img {
        margin-bottom: 0
    }

    .content_black_friday .explain_title {
        width: 92%;
        height: 98px;
        background: url("../../pages/black-friday-sales-2021/discount_title_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/black-friday-sales-2021/discount_title_mobile.png*/
            no-repeat;
        background-size: 100% 100%;
        font-size: 15px;
        line-height: 28px;
        margin-top: 100px
    }

    .content_black_friday .explain_title .explain_title_text {
        margin-left: 0;
        margin-bottom: 0
    }

    .explain_title .discount_title_icon3 {
        left: 42px;
        top: 33px
    }

    .de_body .explain_title .discount_title_icon3,
    .fr_body .explain_title .discount_title_icon3 {
        left: 42px
    }

    .es_body .explain_title .discount_title_icon3 {
        left: 38px
    }

    .pt_body .explain_title .discount_title_icon3 {
        left: 35px
    }

    .explain_content_box {
        width: 92%;
        height: 220px;
        padding-top: 26px;
        margin: 42px auto
    }

    .swiper-pagination {
        left: 50% !important;
        transform: translateX(-50%);
        bottom: 9px
    }

    .explain_content_box .explain_content_box_img {
        height: 56px
    }

    .explain_content_box .explain_content_box_text1 {
        font-size: 16px
    }

    .explain_content_box .explain_content_box_text2 {
        font-size: 12px;
        margin-top: 0
    }

    .de_body .explain_content_box .explain_content_box_text2 {
        line-height: 23px
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        margin-right: 15px
    }

    .scorll-box .swiper-pagination .swiper-pagination-bullet {
        margin: 0 4px
    }

    .product_3_button .button .button_box {
        width: 71px;
        height: 29px;
        border-radius: 9.69952px;
        margin-top: 22px
    }

    .product_3_content {
        margin-top: 36px
    }

    .product_3_button .button .button_box .background {
        width: 32.22px;
        height: 21.32px;
        border-radius: 6.46635px
    }

    .product_3_button .button_box .mac3_pink,
    .product_3_button .button_box .mac3_white,
    .product_3_button .button_box .win3_pink,
    .product_3_button .button_box .win3_white {
        width: 11px;
        height: 11px;
        left: 15px
    }

    .product_3_button .button_box .mac3_pink,
    .product_3_button .button_box .mac3_white {
        height: 14px;
        left: 45px
    }
}

.swiper-pagination[data-v-9e44eccc] .swiper-pagination-bullet,
.swiper-pagination[data-v-11d3b431] .swiper-pagination-bullet,
.swiper-pagination[data-v-45b83752] .swiper-pagination-bullet,
.swiper-pagination[data-v-68b684ce] .swiper-pagination-bullet,
.swiper-pagination[data-v-4557fce2] .swiper-pagination-bullet,
.swiper-pagination[data-v-dd65842e] .swiper-pagination-bullet,
.swiper-pagination[data-v-e1b394d6] .swiper-pagination-bullet {
    background-color: #fff !important
}

.box_christmas_sales {
    font-family: Aileron !important;
    background: linear-gradient(#67112f, #270314);
    background-size: 100% 100%
}

.christmas_sales_banner {
    width: 100%;
    position: relative;
    z-index: 10;
    overflow: hidden
}

.christmas_sales_banner .back_tree6,
.christmas_sales_banner .back_tree7 {
    position: absolute;
    height: 50%
}

.christmas_sales_banner .back_tree7 {
    height: 45%
}

.christmas_sales_banner .back_tree6 {
    left: 0;
    bottom: 0
}

.christmas_sales_banner .back_tree7 {
    right: 0;
    bottom: 0
}

.christmas_sales_banner .banner_back_pc {
    width: 100%;
    height: auto
}

.christmas_sales_banner .banner_logo {
    width: 1080px;
    height: 25px;
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 50%;
    transform: translateX(-50%)
}

.christmas_sales_banner .banner_shelter {
    position: absolute;
    width: 100%;
    bottom: -11%;
    left: 0;
    transform: scale(1.6)
}

.christmas_sales_banner .banner_back {
    display: none
}

.christmas_sales_banner .logo {
    width: 125px;
    height: 25px
}

.christmas_sales_banner .group {
    width: 1323px;
    margin: 0 auto;
    position: relative
}

.group_background {
    margin-top: -50px;
    margin-left: -50px
}

.group_icon1,
.group_icon2,
.group_icon3 {
    position: absolute
}

.group_icon1 {
    top: 300px;
    left: 280px;
    animation: icon1 3s infinite
}

.group_icon2 {
    top: 560px;
    left: 1080px;
    animation: icon2 3s infinite
}

.group_icon3 {
    top: 200px;
    left: 980px;
    animation: icon3 3s infinite
}

@keyframes icon1 {
    10% {
        top: 300px
    }

    50% {
        top: 350px
    }

    to {
        top: 300px
    }
}

@keyframes icon2 {
    10% {
        top: 560px
    }

    50% {
        top: 610px
    }

    to {
        top: 560px
    }
}

@keyframes icon3 {
    10% {
        top: 200px
    }

    50% {
        top: 250px
    }

    to {
        top: 200px
    }
}

.christmas_sales_banner .banner_hint {
    font-size: 14.0324px;
    line-height: 14px;
    text-align: center;
    color: hsla(0, 0%, 100%, .51);
    font-family: ONEAN;
    letter-spacing: .23em;
    position: relative;
    top: -94px
}

.christmas_sales_banner .time {
    width: 500px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -71px auto 125px;
    position: relative
}

.christmas_sales_banner .time .time_dot {
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 14px
}

.christmas_sales_banner .time .time_box {
    width: 57px;
    height: 57px;
    background: hsla(0, 0%, 100%, .06);
    backdrop-filter: blur(1.77428px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 4.54856px
}

.christmas_sales_banner .time .time_box .time_box_text1 {
    font-size: 26px;
    color: #ff79c3;
    font-family: ONEAN;
    font-weight: 700;
    line-height: 36px
}

.christmas_sales_banner .time .time_box .time_box_text2 {
    font-size: 6px;
    color: hsla(0, 0%, 100%, .3)
}

.christmas_sales_banner .sphere_background1 {
    position: absolute;
    left: 0;
    bottom: -388px;
    z-index: 1
}

.content_christmas_sales {
    padding-top: 42px;
    padding-bottom: 181px;
    position: relative;
    overflow: hidden
}

.content_christmas_sales .back_tree1,
.content_christmas_sales .back_tree2,
.content_christmas_sales .back_tree3,
.content_christmas_sales .back_tree4,
.content_christmas_sales .back_tree5 {
    position: absolute
}

.content_christmas_sales .back_tree1 {
    left: 0;
    top: 600px
}

.content_christmas_sales .back_tree2 {
    right: 0;
    top: 1700px
}

.content_christmas_sales .back_tree3 {
    left: 0;
    top: 2500px
}

.content_christmas_sales .back_tree4 {
    left: 0;
    bottom: 0
}

.content_christmas_sales .back_tree5 {
    right: 0;
    bottom: 0
}

.content_christmas_sales .discount_title {
    width: 766px;
    height: 128px;
    margin: 0 auto;
    background: url("../../pages/christmas-sales-2021/discount_title_1.png")
        /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/discount_title_1.png*/
        100%/100% no-repeat;
    position: relative;
    display: flex;
    align-items: center
}

.content_christmas_sales .discount_title .discount_title_back {
    display: none
}

.content_christmas_sales .discount_title .discount_title_icon1,
.content_christmas_sales .discount_title .discount_title_icon2 {
    position: absolute
}

.content_christmas_sales .discount_title .discount_title_icon1 {
    right: -30px;
    top: 0
}

.content_christmas_sales .discount_title .discount_title_icon2 {
    width: 36px;
    height: 41px;
    left: 38px;
    top: 40px
}

.content_christmas_sales .discount_title .discount_title_text {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    margin-bottom: 19px;
    margin-left: 90px
}

.fr_body .content_christmas_sales .discount_title .discount_title_text {
    font-size: 27px
}

.de_body .content_christmas_sales .discount_title .discount_title_text {
    font-size: 30px
}

.es_body .content_christmas_sales .discount_title .discount_title_text {
    font-size: 24px;
    line-height: 29px
}

.pt_body .content_christmas_sales .discount_title .discount_title_text {
    font-size: 28px;
    line-height: 30px;
    margin-left: 85px
}

.ja_body .content_christmas_sales .discount_title .discount_title_text,
.tw_body .content_christmas_sales .discount_title .discount_title_text {
    margin: 0 auto 19px
}

.fr_body .content_christmas_sales .discount_title .discount_title_text .percentage {
    font-size: 43px
}

.es_body .content_christmas_sales .discount_title .discount_title_text .percentage {
    margin-left: 5px;
    font-size: 41px
}

.pt_body .content_christmas_sales .discount_title .discount_title_text .percentage {
    font-size: 40px
}

.content_christmas_sales .discount_title .discount_title_text .percentage {
    color: #ffba35;
    font-size: 46px;
    position: relative;
    top: 5px
}

.content_christmas_sales .product {
    width: 1074.88px;
    height: 628.56px;
    border: 1px solid #c5617b;
    backdrop-filter: blur(3px);
    border-radius: 14.4847px;
    margin: 215px auto 0;
    position: relative;
    padding: 30px;
    z-index: 9
}

.content_christmas_sales .overspread {
    background: hsla(0, 0%, 100%, .12);
    backdrop-filter: blur(3px);
    border-radius: 12.4847px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2
}

.content_christmas_sales .product .product_tab1,
.content_christmas_sales .product .product_tab2,
.content_christmas_sales .product .product_tab3 {
    cursor: pointer
}

.content_christmas_sales .product .product_tab1 {
    width: 316px;
    height: 150px;
    position: absolute;
    left: 30px;
    top: -105px;
    background: linear-gradient(180deg, #fff 69.4%, #bb286f 106.53%);
    border-radius: 9px 9px 0 0;
    display: flex;
    color: #232323
}

.content_christmas_sales .product .new_product_tab1 {
    width: 316px;
    height: 104px;
    background: hsla(0, 0%, 100%, .12);
    border-radius: 9px 9px 0 0;
    border: 1px solid #c5617b;
    top: -104px;
    color: hsla(0, 0%, 100%, .35)
}

.product_tab1 .product_tab1_img,
.product_tab2 .product_tab2_img,
.product_tab3 .product_tab3_img {
    margin-left: 18px;
    margin-top: 18px;
    width: 67px;
    height: 67px
}

.product_tab1 .product_tab1_text,
.product_tab2 .product_tab2_text,
.product_tab3 .product_tab3_text {
    display: inline-block;
    width: 200px;
    height: 77px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    margin-left: 14px;
    margin-top: 25px
}

.ja_body .product_tab1 .product_tab1_text,
.product_tab2 .product_tab2_text,
.pt_body .product_tab1 .product_tab1_text,
.tw_body .product_tab1 .product_tab1_text {
    margin-top: 38px
}

.de_body .product_tab2 .product_tab2_text,
.es_body .product_tab2 .product_tab2_text,
.es_body .product_tab3 .product_tab3_text,
.fr_body .product_tab2 .product_tab2_text,
.fr_body .product_tab3 .product_tab3_text {
    margin-top: 25px
}

.product_tab3 .product_tab3_text {
    margin-top: 38px
}

.content_christmas_sales .product .product_tab2 {
    width: 316px;
    height: 104px;
    background: hsla(0, 0%, 100%, .12);
    border-radius: 9px 9px 0 0;
    border: 1px solid #c5617b;
    position: absolute;
    top: -104px;
    left: 376px;
    display: flex;
    color: hsla(0, 0%, 100%, .35)
}

.content_christmas_sales .product .new_product_tab2 {
    height: 150px;
    top: -105px;
    background: linear-gradient(180deg, #fff 69.4%, #bb286f 106.53%);
    color: #232323;
    border: none
}

.content_christmas_sales .product .product_tab3 {
    width: 316px;
    height: 104px;
    background: hsla(0, 0%, 100%, .12);
    border-radius: 9px 9px 0 0;
    border: 1px solid #c5617b;
    position: absolute;
    top: -104px;
    left: 723px;
    display: flex;
    color: hsla(0, 0%, 100%, .35)
}

.content_christmas_sales .product .new_product_tab3 {
    height: 150px;
    top: -105px;
    background: linear-gradient(180deg, #fff 69.4%, #bb286f 106.53%);
    color: #232323;
    border: none
}

.content_christmas_sales .product .product_introduce {
    background-color: #fff;
    width: 1009.64px;
    height: 564.14px;
    border-radius: 13px;
    backdrop-filter: blur(4px);
    position: relative;
    z-index: 4
}

.content_christmas_sales .product .product_introduce .product_introduce_discount_50 {
    position: absolute;
    top: -11px;
    left: -5px
}

.content_christmas_sales .product .product_introduce .product_introduce_particulars {
    display: flex;
    height: 100%
}

.product_introduce_particulars .particulars_img {
    width: 423px;
    height: 455px;
    margin-top: 55px;
    margin-left: 13px
}

.particulars_content .particulars_content_title {
    width: 501px;
    height: 90px;
    background: rgba(138, 77, 252, .07);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding-left: 23px;
    margin-top: 42px;
    justify-content: center
}

.particulars_content_title .title1 {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #000
}

.de_body .particulars_content_title .title1 {
    font-size: 26px
}

.particulars_content_title .title2 {
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, .52);
    margin-top: 5px
}

.particulars_content_title .guidance {
    width: 80px;
    height: 46px;
    position: absolute;
    right: 28px;
    top: 98px
}

.particulars_content .particulars_content_middle {
    margin-top: 15px
}

.ja_body .particulars_content .particulars_content_middle {
    width: 500px
}

.particulars_content_middle {
    margin-left: 23px
}

.particulars_content_middle .title {
    font-size: 24px;
    line-height: 29px;
    color: #8760f3
}

.particulars_content_middle .detail {
    margin-top: 10px
}

.detail .detail_li {
    display: flex;
    align-items: center;
    margin-top: 10px;
    color: rgba(0, 0, 0, .51)
}

.detail .detail_li span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #000;
    margin-right: 12px
}

.particulars_content .particulars_content_price {
    display: flex;
    margin-top: 20px;
    align-items: flex-end;
    margin-left: 23px
}

.price .new {
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
    color: #ff6c6c;
    font-family: Arial, helvetica neue, Helvetica, sans-serif, opensans-extrabold, opensans-light, opensans-regular, opensans-semibold
}

.ja_body .price .new,
.tw_body .price .new {
    font-size: 38px
}

.price .original {
    display: inline-block;
    font-size: 19px;
    line-height: 23px;
    text-decoration-line: line-through;
    color: rgba(0, 0, 0, .64);
    margin-left: 20px
}

.ja_body .price .original,
.tw_body .price .original {
    margin-left: 10px
}

.particulars_content_price .button {
    width: 173px;
    height: 36px;
    margin-bottom: 7px;
    margin-left: 30px;
    border-left: 1px solid #e4e4e4
}

.product_2_header .text:nth-child(3):after {
    content: ""
}

.particulars_content_price .button .button_box,
.product_2_header .button_box {
    width: 73px;
    height: 36px;
    box-shadow: inset 2px 0 6px rgba(214, 162, 255, .28);
    border-radius: 42px;
    margin-left: 30px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 9
}

.product_2_header .background_mobile {
    display: none
}

.content_christmas_sales .button .button_box .background,
.product_2_header .button_box .background {
    width: 26.43px;
    height: 26.43px;
    background: #c65a98;
    border-radius: 26.43px;
    position: absolute;
    left: 7px
}

.button .button_box .background_mobile {
    width: 14px;
    height: 14px;
    background: #b4acff;
    border-radius: 14px;
    position: absolute;
    left: 3px
}

.button_box .mac_pink,
.button_box .mac_white,
.button_box .win_pink,
.button_box .win_white,
.product_2_header .button_box .mac_pink,
.product_2_header .button_box .mac_white,
.product_2_header .button_box .win_pink,
.product_2_header .button_box .win_white {
    width: 15px;
    height: 15px;
    position: absolute;
    cursor: pointer
}

.button_box .mac_pink,
.button_box .mac_white,
.product_2_header .button_box .mac_pink,
.product_2_header .button_box .mac_white {
    height: 18px
}

.button_box .win_pink,
.button_box .win_white,
.product_2_header .button_box .win_pink,
.product_2_header .button_box .win_white {
    left: 12px
}

.button_box .mac_pink,
.button_box .mac_white,
.product_2_header .button_box .mac_pink,
.product_2_header .button_box .mac_whitek {
    left: 46px;
    bottom: 10px
}

.particulars_content_buttom {
    display: flex;
    align-items: center;
    margin-top: 22px;
    margin-left: 23px
}

.particulars_content_buttom .buy_now {
    width: 217px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer;
    position: relative;
    background: linear-gradient(274.65deg, #ff5959 -66.26%, #6659ff 139.47%), linear-gradient(0deg, #000, #000), #fff
}

.particulars_content_buttom .shopping {
    position: absolute;
    opacity: 0;
    width: 50px
}

.particulars_content_buttom .buy_now:hover .hover_start {
    display: none
}

.particulars_content_buttom .buy_now:hover .shopping {
    transition: all .5s;
    opacity: 1
}

.particulars_content_buttom .free {
    margin-left: 21px;
    cursor: pointer
}

.particulars_content_buttom .free span {
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-right: 5px
}

.buy_now .buy_now_mac,
.buy_now .buy_now_win {
    width: 26px;
    height: 26px;
    margin-right: -25px
}

.buy_now .buy_now_mac {
    width: 23px;
    height: 26px;
    margin-right: -30px
}

.buy_now .buy_now_text {
    font-size: 27px;
    color: #fff
}

.de_body .buy_now .buy_now_text {
    font-size: 20px
}

.ja_body .buy_now .buy_now_text {
    font-size: 24px
}

.product_2 {
    width: 1074px;
    margin: 86px auto 0
}

.product_2 .product_2_header {
    margin-left: 32px;
    display: flex;
    z-index: 9;
    position: relative
}

.product_2_header .text {
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    cursor: pointer
}

.es_body .product_2_header .text,
.fr_body .product_2_header .text {
    font-size: 23px
}

.product_2_header .text:after {
    content: "|";
    margin: 0 32px;
    color: #fff !important
}

.product_2_header .text:last-child:after {
    display: none
}

.tw_body .product_2_header .text:nth-child(2):after {
    content: ""
}

.content_christmas_sales .product_2 .product_2_content {
    padding-bottom: 38px;
    display: flex;
    flex-wrap: wrap;
    background: hsla(0, 0%, 100%, .04);
    border-radius: 14.4847px;
    margin-top: 35px;
    border: 1px solid #c5617b
}

.content_christmas_sales .product_2_content .product_2_content_product_abrazine {
    width: 494px;
    height: 336px;
    background: linear-gradient(0deg, rgba(181, 38, 106, .02), rgba(181, 38, 106, .02)), linear-gradient(180deg, transparent, rgba(118, 81, 81, .2));
    box-shadow: inset 0 20px 50px rgba(249, 98, 98, .08);
    backdrop-filter: blur(40px);
    margin-top: 38px;
    border-radius: 14px;
    border: 1px solid #c5617b;
    display: flex;
    position: relative;
    z-index: 9
}

.product_2_content_product_abrazine .product_2_content_product_back {
    width: 494px;
    height: 336px;
    border-radius: 14px;
    position: absolute;
    left: 0;
    top: 0
}

.product_2_content_product_abrazine .product_2_content_product_box {
    display: flex;
    align-items: center;
    padding-left: 28px;
    position: relative;
    z-index: 9
}

.product_2_content_product_img {
    width: 146px;
    height: 252px;
    margin-top: 29px;
    position: relative;
    z-index: 8
}

.product_2_content_product_box_left:after {
    content: "";
    width: 204px;
    height: 277px;
    position: absolute;
    left: 0;
    top: 28px;
    background: url("../../pages/christmas-sales-2021/product_2_back.png")
        /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/product_2_back.png*/
        no-repeat;
    background-size: 100% 100%
}

.product_2_content_product_right {
    margin-left: 36px
}

.fr_body .product_2_content_product_right {
    margin-left: 25px
}

.product_2_content_product_right .product_right_title {
    width: 262px;
    background: rgba(226, 208, 255, .1);
    border-radius: 7px;
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    padding: 10px 13px
}

.fr_body .product_2_content_product_right .product_right_title {
    font-size: 17px
}

.product_2_content_product_right .product_right_details {
    font-size: 14px;
    height: 46px;
    width: 251px;
    line-height: 163.19%;
    color: hsla(0, 0%, 100%, .79);
    margin-left: 13px;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.product_2_content_product_right .product_right_price {
    margin-left: 13px
}

.product_2_content_product_right .product_right_price .new_price {
    font-weight: 900;
    font-size: 36.4282px;
    background-image: -webkit-linear-gradient(left, #fd5c45, #f97740, #f78b3c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Arial, helvetica neue, Helvetica, sans-serif, opensans-extrabold, opensans-light, opensans-regular, opensans-semibold !important;
    -webkit-text-stroke: 1px #fff
}

.product_2_content_product_right .product_right_price .original_price {
    font-size: 15px;
    text-decoration-line: line-through;
    color: hsla(0, 0%, 100%, .4);
    margin-left: 10px
}

.fr_body .product_2_content_product_right .product_right_price .original_price {
    margin-left: 4px
}

.product_2_content_product_right .product_right_button {
    margin-left: 13px;
    margin-top: 16px;
    width: 186px
}

.product_2_content_recognition {
    margin-left: 28px
}

.product_2_content_product_right .product_right_button .product_right_button_buy {
    width: 186px;
    height: 49px;
    background: linear-gradient(274.65deg, #ff5959 -66.26%, #6659ff 139.47%);
    border: 2px solid #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
    position: relative
}

.free_arrows {
    margin-bottom: 4px
}

.product_right_button_buy:hover .product_right_button_buy_shopping {
    transition: all .5s;
    opacity: 1
}

.product_right_button_buy_shopping {
    position: absolute;
    opacity: 0;
    width: 30px
}

.product_right_button_buy .product_right_button_buy_img {
    width: 21px;
    height: 21px;
    margin-right: -25px
}

.product_right_button_buy .product_right_button_buy_img_mac {
    height: 24px;
    margin-right: -25px;
    margin-bottom: 4px
}

.product_right_button_buy .product_right_button_buy_text {
    font-weight: 500;
    font-size: 21px;
    color: #fff;
    margin-bottom: 3px
}

.de_body .product_right_button_buy .product_right_button_buy_text {
    font-size: 16px;
    margin-bottom: 0
}

.ja_body .product_right_button_buy .product_right_button_buy_text {
    font-size: 20px;
    margin-bottom: 0
}

.product_right_button .product_right_button_free {
    display: flex;
    align-items: center;
    margin-top: 11px;
    cursor: pointer
}

.product_right_button_free .product_right_button_free_text {
    font-size: 16px;
    line-height: 19px;
    color: hsla(0, 0%, 100%, .69)
}

.product_right_button_free .product_right_button_free_img {
    width: 15px;
    height: 12px;
    margin-left: 10px;
    margin-top: 5px
}

.ja_body .product_right_button_free .product_right_button_free_img {
    margin-top: 0
}

.product_3 {
    width: 1074px;
    margin: 216px auto 0
}

.content_christmas_sales .product_3 .product_3_title {
    width: 892px;
    height: 128px;
    line-height: 128px;
    margin: 0 auto;
    background: url("../../pages/christmas-sales-2021/discount_title_2.png")
        /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/discount_title_2.png*/
        no-repeat;
    background-size: 100% 100%;
    position: relative;
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    padding-left: 0
}

.tw_body .content_christmas_sales .product_3 .product_3_title {
    height: 135px
}

.fr_body .product_3 .product_3_title {
    font-size: 28px
}

.de_body .product_3 .product_3_title {
    font-size: 26px
}

.es_body .product_3 .product_3_title {
    font-size: 25px
}

.product_3_title_icon3 {
    position: absolute;
    left: 43px;
    top: 42px
}

.product_3_title_icon1 {
    position: absolute;
    right: -30px;
    top: 0
}

.product_3_title_text {
    font-size: 50px;
    color: #ffba35;
    position: relative;
    bottom: 2px;
    margin-right: 9px
}

.de_body .product_3_title_text {
    font-size: 45px
}

.pt_body .product_3_title_text,
.tw_body .product_3_title_text {
    margin-left: 9px
}

.product_3_button .button .button_box {
    width: 119px;
    height: 49px;
    background: hsla(0, 0%, 100%, .06);
    box-shadow: inset 2.65962px 0 7.97887px rgba(214, 162, 255, .28);
    border-radius: 16px;
    display: flex;
    align-items: center;
    position: relative;
    margin: 39px auto 0;
    z-index: 9
}

.content_christmas_sales .product_3_button .button .button_box .background {
    position: absolute;
    left: 7px;
    width: 54.37px;
    height: 35.97px;
    background: #c65a98;
    border-radius: 10.9122px
}

.product_3_button .button_box .mac3_pink,
.product_3_button .button_box .mac3_white,
.product_3_button .button_box .win3_pink,
.product_3_button .button_box .win3_white {
    width: 19px;
    height: 20px;
    position: absolute;
    cursor: pointer
}

.product_3_button .button_box .win3_pink,
.product_3_button .button_box .win3_white {
    left: 24px
}

.product_3_button .button_box .mac3_pink,
.product_3_button .button_box .mac3_white {
    left: 75px;
    height: 22px
}

.product_3_content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 52px
}

.content_christmas_sales .product_3_content .product_3_content_top {
    width: 506.15px;
    height: 655.88px;
    background: linear-gradient(160.59deg, rgba(118, 45, 165, .3) 1.21%, rgba(241, 111, 125, .3) 107.68%);
    border: 1px solid #ab679c;
    border-radius: 13px;
    position: relative;
    padding-top: 28px
}

.product_3_content_top .product_3_content_top_abrazine {
    width: 506.15px;
    height: 655.88px;
    border-radius: 13px;
    position: absolute;
    top: 0
}

.product_3_content_top .product_3_content_top_title {
    width: 100%;
    font-size: 26px;
    text-align: center;
    color: #fff;
    font-weight: 700
}

.fr_body .product_3_content_top .product_3_content_top_title {
    font-size: 25px
}

.de_body .product_3_content_top .product_3_content_top_title {
    font-size: 22px
}

.product_3_content_top .product_3_content_top_box {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%)
}

.product_3_content_top .product_3_content_top_introduce {
    width: 458px;
    height: 549px;
    background: #fff;
    border-radius: 13px;
    margin: 20px auto 0;
    position: relative;
    padding-top: 14px
}

.product_3_content_top_introduce_discount {
    position: absolute;
    top: -10px;
    left: -4px
}

.product_3_content_top_introduce_img {
    width: 355px;
    height: 237px;
    margin: 0 auto
}

.product_3_content_top_introduce_box {
    width: 100%;
    height: 100%
}

.product_3_content_top_introduce_title {
    width: 400px;
    font-size: 20px;
    text-align: center;
    color: #000;
    font-weight: 700;
    margin: 0 auto
}

.es_body .product_3_content_top_introduce_title,
.fr_body .product_3_content_top_introduce_title {
    width: 442px
}

.product_3_content_top_introduce_particulars {
    width: 355px;
    font-size: 14px;
    text-align: center;
    color: rgba(0, 0, 0, .49);
    margin: 11px auto 0
}

.es_body .product_3_content_top_introduce_particulars {
    width: 370px
}

.product_3_content_top_introduce_price {
    width: 400px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 95px;
    transform: translateX(-50%)
}

.product_3_content_top_introduce_price .new_price {
    font-size: 45px;
    color: #ff6c6c;
    font-weight: 700
}

.product_3_content_top_introduce_price .original_price {
    font-size: 19px;
    text-decoration-line: line-through;
    color: rgba(0, 0, 0, .46);
    margin-left: 10px
}

.product_3_content_top_introduce_button {
    width: 231px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px
}

.product_3_content_top_introduce_button_buy {
    height: 49px;
    background: linear-gradient(274.65deg, #ff5959 -66.26%, #6659ff 139.47%);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
    position: relative
}

.product_3_content_top_introduce_button_buy_shopping {
    position: absolute;
    opacity: 0
}

.product_3_content_top_introduce_button_buy:hover .product_3_content_top_introduce_button_buy_shopping {
    opacity: 1;
    transition: all .5s
}

.product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_img {
    width: 26px;
    height: 26px;
    margin-right: -40px
}

.product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_img_mac {
    width: 24px;
    height: 28px;
    margin-right: -45px
}

.product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_text {
    font-weight: 500;
    font-size: 21px;
    color: #fff
}

.de_body .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_text {
    font-size: 19px
}

.ja_body .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_text {
    font-size: 20px
}

.product_3_content_top_introduce_button .product_3_content_top_introduce_button_free {
    margin-top: 11px;
    cursor: pointer;
    text-align: center
}

.product_3_content_top_introduce_button_free .product_3_content_top_introduce_button_free_text {
    font-size: 16px;
    line-height: 19px;
    color: #000
}

.product_3_content_top_introduce_button_free .product_3_content_top_introduce_button_free_img {
    margin-bottom: 2px;
    margin-left: 10px
}

.product_3_content .product_3_content_bottom {
    width: 100%;
    height: 389px;
    border-radius: 13px;
    border: 1px solid #cc748f;
    margin-top: 69px;
    background: linear-gradient(160.59deg, rgba(118, 45, 165, .3) 1.21%, rgba(241, 111, 125, .3) 107.68%);
    position: relative;
    z-index: 9
}

.product_3_content .product_3_content_bottom:after {
    content: "";
    background: url("../../pages/christmas-sales-2021/abrazine2.png")
        /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/abrazine2.png*/
        no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.product_3_content_bottom .product_3_content_bottom_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    background: url("../../pages/christmas-sales-2021/abrazine3.png")
        /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/abrazine3.png*/
        no-repeat
}

.product_3_content .product_3_content_bottom_title {
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    color: #fff;
    margin-top: 22px
}

.product_3_content_bottom_box .product_3_bottom_content {
    width: 1021px;
    height: 286px;
    background: #fff;
    border-radius: 13px;
    margin: 18px auto 0;
    position: relative;
    display: flex;
    padding-top: 23px
}

.product_3_content_bottom_box .product_3_bottom_content_discount {
    position: absolute;
    left: -4px;
    top: -10px
}

.product_3_content_bottom_box .product_3_bottom_content_product {
    margin-left: 63px;
    width: 405px;
    height: 246px
}

.product_3_bottom_content_right_title {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    margin-top: 20px
}

.es_body .product_3_bottom_content_right_title {
    font-size: 19px
}

.product_3_bottom_content_right_subheading {
    margin-top: 16px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .49)
}

.product_3_bottom_content_right_price {
    margin-top: 15px
}

.product_3_bottom_content_right_price .new_price {
    font-weight: 700;
    font-size: 45.574px;
    color: #ff6c6c
}

.product_3_bottom_content_right_price .original_price {
    font-weight: 400;
    font-size: 19.1531px;
    text-decoration-line: line-through;
    color: rgba(0, 0, 0, .46)
}

.product_3_bottom_content_right_button {
    display: flex;
    margin-top: 16px;
    align-items: center
}

.product_3_bottom_content_right_button .product_3_bottom_button {
    width: 231px;
    height: 48px;
    line-height: 48px;
    position: relative;
    background: linear-gradient(274.65deg, #ff5959 -66.26%, #6659ff 139.47%);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer
}

.product_3_bottom_button_text {
    font-size: 21px;
    color: #fff
}

.de_body .product_3_bottom_button_text {
    font-size: 19px
}

.product_3_bottom_mac_white,
.product_3_bottom_win_white {
    width: 26px;
    height: 26px;
    margin-right: -40px
}

.product_3_bottom_mac_white {
    height: 28px;
    width: 22px
}

.product_3_bottom_content_right_button .product_3_bottom_button:hover .product_3_bottom_hover_style {
    display: none
}

.product_3_bottom_content_right_button .product_3_bottom_button:hover .product_3_bottom_shopping {
    opacity: 1;
    transition: all .5s
}

.product_3_bottom_shopping {
    position: absolute;
    opacity: 0
}

.product_3_bottom_button_experience {
    margin-left: 20px;
    cursor: pointer
}

.product_3_bottom_button_experience_text {
    font-size: 16px;
    color: rgba(0, 0, 0, .69)
}

.product_3_bottom_button_experience_img {
    margin-left: 10px;
    margin-bottom: 4px
}

.pt_body .product_2_header .text:first-child:after {
    content: ""
}

.content_christmas_sales .explain_title {
    width: 680px;
    background: url("../../pages/christmas-sales-2021/discount_title_3.png")
        /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/discount_title_3.png*/
        no-repeat;
    background-size: 100% 100%;
    margin: 216px auto 0;
    line-height: 128px;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.explain_title .discount_title_icon3 {
    position: absolute;
    left: 114px;
    top: 37px;
    width: 38px;
    height: 41px
}

.es_body .explain_title .discount_title_icon3,
.fr_body .explain_title .discount_title_icon3,
.pt_body .explain_title .discount_title_icon3 {
    left: 70px
}

.de_body .explain_title .discount_title_icon3 {
    left: 58px
}

.content_christmas_sales .explain_title .discount_title_icon1 {
    position: absolute;
    right: -39px;
    top: 1px;
    width: 65px;
    height: 45px
}

.content_christmas_sales .explain_content {
    display: flex;
    justify-content: space-between;
    margin: 100px auto 0;
    width: 1074px
}

.content_christmas_sales .explain_content_box {
    width: 320.86px;
    height: 307.5px;
    background: hsla(0, 0%, 100%, .04);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 37px
}

.content_christmas_sales .explain_content_box:hover {
    box-shadow: 0 9px 0 #c65a98;
    border: 1px solid #68314c
}

.explain_content_box .explain_content_box_text1 {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin-top: 20px
}

.explain_content_box .explain_content_box_text2 {
    font-size: 14px;
    line-height: 29px;
    color: hsla(0, 0%, 100%, .54);
    text-align: center;
    width: 90%;
    margin-top: 12px
}

.product_3_title_text_box {
    display: flex;
    align-items: center;
    justify-content: center
}

.content_christmas_sales .background_ball,
.content_christmas_sales .background_ball2,
.content_christmas_sales .background_ball3 {
    position: absolute
}

.content_christmas_sales .background_ball2 {
    right: 0;
    bottom: 670px
}

.content_christmas_sales .background_ball3 {
    left: 0;
    bottom: 2000px
}

.content_christmas_sales .background_ball {
    left: 0;
    bottom: -400px
}

.mobile_style {
    display: block !important
}

.pc_style {
    display: none !important
}

@media (max-width: 1323px) {

    .christmas_sales_banner .group,
    .group_background {
        width: 100%
    }
}

@media (max-width: 770px) {
    .mobile_style {
        display: none !important
    }

    .pc_style {
        display: block !important
    }

    .tree_mobile {
        position: absolute;
        width: 100%
    }

    .box_christmas_sales {
        background: linear-gradient(#67112f, #270314)
    }

    .christmas_sales_banner .sphere_background1,
    .content_christmas_sales .background_ball,
    .content_christmas_sales .background_ball2,
    .content_christmas_sales .background_ball3 {
        display: none
    }

    .christmas_sales_banner .banner_back {
        display: block;
        width: 100%
    }

    .product_2_header .background_mobile {
        display: block
    }

    .christmas_sales_banner .logo {
        left: 22px;
        width: 100px;
        height: 19px
    }

    .christmas_sales_banner {
        background-size: 100%;
        height: auto;
        padding-top: 0
    }

    .christmas_sales_banner .banner_hint,
    .christmas_sales_banner .time {
        position: absolute;
        bottom: 130px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }

    .christmas_sales_banner .banner_hint {
        top: -132px;
        position: relative
    }

    .christmas_sales_banner .time {
        bottom: 71px;
        margin-bottom: 0;
        z-index: 2
    }

    .tree_mobile {
        bottom: -16px
    }

    .christmas_sales_banner .banner_logo {
        position: absolute;
        top: 5px;
        width: 90%
    }

    .content_christmas_sales {
        margin-top: -2px;
        padding-bottom: 90px
    }

    .content_christmas_sales .discount_title {
        background: url("../../pages/christmas-sales-2021/discount_title_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/discount_title_mobile.png*/
            no-repeat;
        background-size: 100% 100%;
        width: 92%;
        font-size: 20px;
        line-height: 28px;
        display: flex;
        align-items: center;
        margin-top: 0
    }

    .content_christmas_sales .discount_title .discount_title_back {
        display: block;
        position: absolute;
        width: 100%;
        height: auto;
        left: 0
    }

    .product_2_content_recognition {
        width: 100%
    }

    .content_christmas_sales .discount_title .discount_title_text {
        font-size: 15px;
        line-height: 29px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        margin-left: 0;
        margin-bottom: 6px
    }

    .content_christmas_sales .product_2_header .text {
        font-size: 15px
    }

    .es_body .content_christmas_sales .product_2_header .text {
        font-size: 11px
    }

    .de_body .content_christmas_sales .discount_title .discount_title_text,
    .es_body .content_christmas_sales .discount_title .discount_title_text,
    .fr_body .content_christmas_sales .discount_title .discount_title_text {
        font-size: 15px
    }

    .pt_body .content_christmas_sales .discount_title .discount_title_text {
        font-size: 16px;
        line-height: 23px;
        width: 60%;
        margin-left: 0
    }

    .ja_body .content_christmas_sales .discount_title .discount_title_text {
        margin: 0
    }

    .es_body .content_christmas_sales .discount_title .discount_title_text {
        line-height: 23px
    }

    .content_christmas_sales .discount_title .discount_title_text .percentage,
    .fr_body .content_christmas_sales .discount_title .discount_title_text .percentage {
        font-size: 25px
    }

    .es_body .content_christmas_sales .discount_title .discount_title_text .percentage,
    .pt_body .content_christmas_sales .discount_title .discount_title_text .percentage {
        font-size: 30px
    }

    .content_christmas_sales .discount_title .discount_title_icon2 {
        width: 24px;
        height: 28px;
        left: 44px;
        top: 47px
    }

    .content_christmas_sales .discount_title .discount_title_icon1 {
        width: 42px;
        right: -5px;
        top: 11px
    }

    .pt_body .product_3_title_icon3 {
        top: 48px
    }

    .product_3_title_icon3 {
        width: 28px;
        height: 34px;
        left: 30px
    }

    .product_3_title_icon1 {
        width: 42px;
        right: -5px;
        top: 11px
    }

    .ja_body .particulars_content .particulars_content_middle {
        width: 94%
    }

    .ja_body .price .new,
    .tw_body .price .new {
        font-size: 23px
    }

    .explain_title .discount_title_icon3 {
        width: 28px;
        height: 34px
    }

    .explain_title .discount_title_icon1 {
        width: 42px;
        height: 32px;
        right: -5px;
        top: 3px
    }

    .content_christmas_sales .product {
        width: 92%;
        height: auto;
        padding: 14px;
        margin-top: 85px
    }

    .content_christmas_sales .product .product_introduce {
        width: 100%;
        height: auto
    }

    .content_christmas_sales .product .product_introduce .product_introduce_discount_50 {
        width: 81px;
        height: 84px;
        top: -4px;
        left: -2px
    }

    .content_christmas_sales .product .product_introduce .product_introduce_particulars {
        flex-direction: column;
        align-items: center
    }

    .product_introduce_particulars .particulars_img {
        width: 166px;
        height: 179px;
        margin-top: 9px;
        margin-left: 0
    }

    .particulars_content .particulars_content_title {
        width: 81%;
        height: 46px;
        margin: 0 auto;
        padding-top: 5px;
        padding-left: 5px
    }

    .product_tab1_button {
        height: 59px;
        top: -42px;
        position: absolute;
        display: flex;
        justify-content: space-between;
        width: 100%;
        left: 0;
        padding: 0 16px
    }

    .particulars_content_title .title1 {
        font-size: 14px;
        line-height: 18px
    }

    .product .title1:first-child {
        font-size: 12px
    }

    .particulars_content_title .title2 {
        font-size: 8px;
        margin-top: 0
    }

    .particulars_content_middle .title {
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        width: 93%
    }

    .particulars_content_middle .detail {
        font-size: 8px;
        margin-top: 0;
        width: 232px
    }

    .particulars_content .particulars_content_middle {
        margin-top: 0;
        width: 94%;
        margin-left: 32px
    }

    .detail .detail_li {
        margin-top: 3px
    }

    .detail .detail_li .detail_li_i {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-style: normal
    }

    .detail .detail_li span {
        width: 3px;
        height: 3px;
        border-radius: 3px
    }

    .price .new {
        font-size: 23px;
        line-height: 35px
    }

    .price .original {
        font-size: 9px;
        margin-left: 9px
    }

    .particulars_content_title .guidance {
        display: none
    }

    .particulars_content_price .button .button_box,
    .product_2_header .button_box {
        width: 38px;
        height: 18px
    }

    .button .button_box .background,
    .product_2_header .button_box .background {
        width: 14px;
        height: 14px
    }

    .button_box .mac_pink,
    .button_box .mac_white,
    .button_box .win_pink,
    .button_box .win_white,
    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_white,
    .product_2_header .button_box .win_pink,
    .product_2_header .button_box .win_white {
        width: 7px;
        height: 7px;
        left: 6px
    }

    .button_box .mac_pink,
    .button_box .mac_white,
    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_white {
        height: 9px
    }

    .button_box .mac_pink,
    .button_box .mac_white,
    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_whitek {
        left: 24px;
        bottom: 5px
    }

    .particulars_content_buttom .buy_now {
        width: 112px;
        height: 34px
    }

    .particulars_content_buttom .free span {
        font-size: 9px
    }

    .buy_now .buy_now_text {
        font-size: 14px
    }

    .de_body .buy_now .buy_now_text,
    .ja_body .buy_now .buy_now_text {
        font-size: 10px
    }

    .buy_now .buy_now_mac,
    .buy_now .buy_now_win {
        width: 14px;
        height: 14px;
        margin-right: -16px
    }

    .particulars_content_price .price {
        display: flex;
        align-items: flex-end
    }

    .particulars_content_price .button {
        height: 18px;
        margin-left: 13px;
        width: auto
    }

    .buy_now .buy_now_mac {
        height: 17px;
        margin-bottom: 3px;
        width: 15px
    }

    .particulars_content .particulars_content_price {
        width: 65%;
        margin-left: 52px;
        margin-top: 7px
    }

    .particulars_content_price .button .button_box,
    .product_2_header .button_box {
        margin-left: 13px
    }

    .particulars_content_buttom {
        margin-left: 52px;
        margin-top: 11px;
        margin-bottom: 20px
    }

    .content_christmas_sales .product .product_tab1,
    .content_christmas_sales .product .product_tab2,
    .content_christmas_sales .product .product_tab3 {
        width: auto;
        height: 42px;
        top: -42px;
        left: 16px;
        display: flex !important;
        position: unset
    }

    .content_christmas_sales .product .product_tab2 {
        left: 43%
    }

    .content_christmas_sales .product .product_tab3 {
        left: 70%
    }

    .product_tab1 .product_tab1_img,
    .product_tab2 .product_tab2_img,
    .product_tab3 .product_tab3_img {
        width: 26px;
        height: 26px;
        margin-top: 7px;
        margin-left: 7px
    }

    .product_tab1 .product_tab1_text,
    .product_tab2 .product_tab2_text,
    .product_tab3 .product_tab3_text {
        font-size: 8px;
        line-height: 10px;
        margin-left: 8px;
        margin-top: 0;
        width: auto;
        height: 38px;
        display: flex;
        align-items: center
    }

    .tw_body .product_tab1 .product_tab1_text,
    .tw_body .product_tab2 .product_tab2_text,
    .tw_body .product_tab3 .product_tab3_text {
        white-space: nowrap
    }

    .de_body .product_tab2 .product_tab2_text,
    .es_body .product_tab3 .product_tab3_text,
    .fr_body .product_tab1 .product_tab1_text,
    .fr_body .product_tab2 .product_tab2_text,
    .fr_body .product_tab3 .product_tab3_text,
    .ja_body .product_tab1 .product_tab1_text,
    .pt_body .product_tab1 .product_tab1_text,
    .tw_body .product_tab1 .product_tab1_text {
        margin-top: 0
    }

    .fr_body .product_2_header .text {
        font-size: 11px
    }

    .de_body .product_2_header .text {
        font-size: 10px
    }

    .product_2_header .text:after {
        margin: 0 14px
    }

    .product_2_header .text:nth-child(3):after,
    .pt_body .product_2_header .text:first-child:after {
        content: ""
    }

    .product_2 .product_2_header {
        display: block;
        margin-left: 0
    }

    .product_2_header .button_box {
        margin-left: 0;
        margin-top: 15px;
        width: 51px;
        height: 25px
    }

    .product_2_header .button_box .background_mobile2 {
        width: 18px;
        height: 18px;
        background: #b4acff;
        border-radius: 14px;
        position: absolute;
        left: 3px
    }

    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_white,
    .product_2_header .button_box .win_pink,
    .product_2_header .button_box .win_white {
        width: 10px;
        height: 10px;
        left: 8px
    }

    .product_2_header .button_box .mac_pink,
    .product_2_header .button_box .mac_white {
        height: 13px;
        left: 31px
    }

    .product_2 {
        width: 92%;
        margin-top: 57px
    }

    .product_2 .product_2_content {
        padding: 0 0 16px;
        margin-top: 23px
    }

    .content_christmas_sales .product_2_content .product_2_content_product_abrazine {
        width: 92%;
        height: 214px;
        margin: 16px auto 0
    }

    .product_2_content_product_img {
        width: 92px;
        height: 141px;
        margin-top: 13px
    }

    .product_2_content_product_abrazine .product_2_content_product_box {
        width: 100%;
        padding-left: 15px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 100%
    }

    .product_2_content_product_right .product_right_title {
        width: 167px;
        height: auto;
        border-radius: 4.46803px;
        font-size: 13px;
        line-height: 15px;
        padding: 5px 8px
    }

    .fr_body .product_2_content_product_right .product_right_title {
        font-size: 11px
    }

    .product_2_content_product_right .product_right_details {
        font-size: 9px;
        width: 161px;
        line-height: 12px;
        margin-left: 8px;
        margin-top: 8px;
        margin-bottom: 2px;
        height: auto
    }

    .product_2_content_product_right .product_right_price .new_price {
        font-size: 24px
    }

    .product_2_content_product_right .product_right_price .original_price {
        font-size: 10px
    }

    .product_2_content_product_right .product_right_button {
        width: 118px;
        margin-top: 5px;
        margin-left: 8px
    }

    .product_2_content_product_right .product_right_button .product_right_button_buy {
        width: 118px;
        height: 31px;
        margin-left: 0
    }

    .product_right_button_free .product_right_button_free_text {
        font-size: 10px
    }

    .free_arrows {
        margin-bottom: 0
    }

    .product_right_button_buy .product_right_button_buy_img {
        width: 12px;
        height: 13px;
        margin-right: -16px
    }

    .product_right_button_buy .product_right_button_buy_img_mac {
        width: 13px;
        margin-bottom: 2px;
        height: 15px;
        margin-right: -19px
    }

    .product_right_button_buy .product_right_button_buy_text {
        font-size: 14px
    }

    .de_body .product_right_button_buy .product_right_button_buy_text {
        font-size: 10px
    }

    .ja_body .product_right_button_buy .product_right_button_buy_text {
        font-size: 11px
    }

    .product_2_content_product_right {
        margin-left: 23px
    }

    .product_2_content_product_right .product_right_price {
        margin-left: 8px
    }

    .product_right_button .product_right_button_free {
        margin-top: 6px
    }

    .product_2_content_product_abrazine .product_2_content_product_back {
        width: 100%;
        height: 100%
    }

    .product_3 {
        width: 92%;
        margin-top: 100px
    }

    .content_christmas_sales .product_3 .product_3_title {
        background: url("../../pages/christmas-sales-2021/discount_title_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/discount_title_mobile.png*/
            no-repeat;
        background-size: 100% 100%;
        width: 100%;
        font-size: 20px;
        line-height: 28px;
        display: flex;
        align-items: center;
        padding-left: 49px
    }

    .content_christmas_sales .product_3_title_text_box {
        width: 84%;
        text-align: center;
        font-size: 16px;
        display: block
    }

    .es_body .content_christmas_sales .product_3_title_text_box {
        font-size: 14px
    }

    .ja_body .content_christmas_sales .product_3_title_text_box {
        font-size: 13px
    }

    .product_3_title_text {
        font-size: 24px;
        bottom: -2px;
        margin-right: 0
    }

    .de_body .product_3_title_text {
        font-size: 26px
    }

    .ja_body .product_3_title_text {
        font-size: 36px
    }

    .content_christmas_sales .product_3_content .product_3_content_top {
        width: 100%;
        height: 453px
    }

    .christmas_sales_banner .time .time_box {
        width: 36px;
        height: 36px;
        border-radius: 3.54856px
    }

    .content_christmas_sales .product_2_content_recognition_box {
        margin-left: 0;
        width: 496px
    }

    .content_christmas_sales .product_2_content_recognition,
    .es_body .product_2_content .product_2_content_recognition_box:nth-child(2) {
        margin-left: 0
    }

    .christmas_sales_banner .time .time_box .time_box_text1 {
        font-size: 18px;
        line-height: 18px
    }

    .product_3_content_top .product_3_content_top_introduce {
        height: 373px;
        width: 92%;
        margin-top: 15px
    }

    .product_3_content_top .product_3_content_top_title {
        font-size: 20px;
        font-weight: 700
    }

    .fr_body .product_3_content_top .product_3_content_top_title {
        font-size: 19px
    }

    .de_body .product_3_content_top .product_3_content_top_title {
        font-size: 18px
    }

    .product_3_content_top .product_3_content_top_box {
        top: 15px;
        width: 100%
    }

    .product_3_content_top .product_3_content_top_abrazine {
        width: 100%;
        height: 100%
    }

    .product_3_content_bottom_box .product_3_bottom_content_product {
        width: 243px;
        height: 161px;
        margin-left: 0
    }

    .product_3_content_top_introduce_img {
        width: 243px;
        height: 161px
    }

    .product_3_content_top_introduce_discount {
        width: 77px;
        height: 79px;
        top: -6px;
        left: -2px
    }

    .product_3_content_top_introduce_title {
        font-size: 14px;
        width: 92%
    }

    .es_body .product_3_content_top_introduce_title,
    .fr_body .product_3_content_top_introduce_title {
        width: 100%
    }

    .es_body .product_3_bottom_content_right_title {
        font-size: 14px;
        text-align: center
    }

    .product_3_content_top_introduce_particulars {
        font-size: 10px;
        width: 92%
    }

    .es_body .product_3_content_top_introduce_particulars {
        width: 100%
    }

    .product_3_content_top_introduce_price .new_price {
        font-size: 30px
    }

    .product_3_content_top_introduce_price .original_price {
        font-size: 13px
    }

    .product_3_content_top_introduce_button {
        width: 158px;
        margin-top: 0;
        bottom: 25px
    }

    .product_3_content_top_introduce_button_buy {
        height: 32px
    }

    .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_img {
        width: 14px;
        height: 14px;
        margin-right: -35px
    }

    .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_img_mac {
        height: 18px;
        width: 16px;
        margin-right: -35px
    }

    .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_text {
        font-size: 14px
    }

    .ja_body .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_text {
        font-size: 13px
    }

    .de_body .product_3_content_top_introduce_button_buy .product_3_content_top_introduce_button_buy_text {
        font-size: 11px
    }

    .product_3_content_top_introduce_button .product_3_content_top_introduce_button_free {
        margin-top: 0
    }

    .product_3_content_top_introduce_button_free .product_3_content_top_introduce_button_free_text {
        font-size: 10px;
        color: rgba(0, 0, 0, .69)
    }

    .product_3_content_top_introduce_price {
        margin-top: 0;
        position: absolute;
        bottom: 59px
    }

    .product_3_content .product_3_content_top:nth-child(2) {
        margin-top: 41px
    }

    .product_3_content .product_3_content_bottom {
        height: 458px;
        margin-top: 41px
    }

    .product_3_content .product_3_content_bottom_title {
        font-size: 20px;
        margin-top: 15px
    }

    .pt_body .product_3_content .product_3_content_bottom_title {
        font-size: 18px
    }

    .product_3_content_bottom_box .product_3_bottom_content {
        width: 92%;
        height: 373px;
        flex-direction: column;
        align-items: center
    }

    .product_3_bottom_content_right {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .product_3_bottom_content_right_title {
        font-size: 14px;
        margin-top: 0
    }

    .product_3_bottom_content_right_subheading {
        font-size: 10px;
        margin-top: 11px;
        text-align: center
    }

    .product_3_bottom_content_right_price .new_price {
        font-size: 31px
    }

    .product_3_bottom_content_right_price .original_price {
        font-size: 13px
    }

    .product_3_bottom_content_right_button {
        flex-direction: column;
        margin-top: 0;
        position: absolute;
        bottom: 25px
    }

    .product_3_bottom_content_right_button .product_3_bottom_button {
        width: 158px;
        height: 33px
    }

    .product_3_bottom_content_right_price {
        margin-top: 0;
        position: absolute;
        bottom: 59px
    }

    .product_2_content_product_box_left:after {
        width: 117px;
        height: 165px;
        position: absolute;
        left: -13px;
        top: 28px
    }

    .product_3_bottom_button_text {
        font-size: 14px
    }

    .de_body .product_3_bottom_button_text {
        font-size: 11px
    }

    .product_3_bottom_mac_white,
    .product_3_bottom_win_white {
        width: 14px;
        height: 14px;
        margin-right: -35px
    }

    .product_3_bottom_mac_white {
        height: 17px
    }

    .product_3_bottom_button_experience_text {
        font-size: 10px
    }

    .product_3_bottom_button_experience_img {
        margin-bottom: 0
    }

    .content_christmas_sales .explain_title {
        width: 92%;
        height: 98px;
        background: url("../../pages/christmas-sales-2021/discount_title_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/discount_title_mobile.png*/
            no-repeat;
        background-size: 100% 100%;
        font-size: 15px;
        line-height: 28px;
        margin-top: 100px
    }

    .content_christmas_sales .explain_title .explain_title_text {
        margin-left: 0;
        margin-bottom: 0
    }

    .explain_title .discount_title_icon3 {
        left: 42px;
        top: 36px
    }

    .de_body .explain_title .discount_title_icon3,
    .fr_body .explain_title .discount_title_icon3 {
        left: 42px
    }

    .es_body .explain_title .discount_title_icon3 {
        left: 38px
    }

    .pt_body .explain_title .discount_title_icon3 {
        left: 35px
    }

    .explain_content_box {
        width: 92%;
        height: 220px;
        padding-top: 26px;
        margin: 42px auto
    }

    .swiper-pagination {
        left: 50% !important;
        transform: translateX(-50%);
        bottom: 9px
    }

    .explain_content_box .explain_content_box_img {
        height: 56px
    }

    .explain_content_box .explain_content_box_text1 {
        font-size: 16px
    }

    .explain_content_box .explain_content_box_text2 {
        font-size: 12px;
        margin-top: 0
    }

    .de_body .explain_content_box .explain_content_box_text2 {
        line-height: 23px
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        margin-right: 15px
    }

    .scorll-box .swiper-pagination .swiper-pagination-bullet {
        margin: 0 4px
    }

    .product_3_button .button .button_box {
        width: 71px;
        height: 29px;
        border-radius: 9.69952px;
        margin-top: 22px
    }

    .product_3_content {
        margin-top: 36px
    }

    .content_christmas_sales .product_3_button .button .button_box .background {
        width: 32.22px;
        height: 21.32px;
        border-radius: 6.46635px
    }

    .product_3_button .button_box .mac3_pink,
    .product_3_button .button_box .mac3_white,
    .product_3_button .button_box .win3_pink,
    .product_3_button .button_box .win3_white {
        width: 11px;
        height: 11px;
        left: 15px
    }

    .product_3_button .button_box .mac3_pink,
    .product_3_button .button_box .mac3_white {
        height: 14px;
        left: 45px
    }

    .christmas_sales_banner .banner_shelter {
        bottom: -3%
    }
}

.swiper-pagination[data-v-0c9ef0d3] .swiper-pagination-bullet,
.swiper-pagination[data-v-3b230ba2] .swiper-pagination-bullet,
.swiper-pagination[data-v-6b75be3d] .swiper-pagination-bullet,
.swiper-pagination[data-v-68dc0560] .swiper-pagination-bullet,
.swiper-pagination[data-v-446d3e9a] .swiper-pagination-bullet,
.swiper-pagination[data-v-6561eb98] .swiper-pagination-bullet,
.swiper-pagination[data-v-cee8e3d0] .swiper-pagination-bullet {
    background-color: #fff !important
}

#ad-nav[data-v-77b38288] {
    position: relative;
    background: #fff;
    box-shadow: 0 4px 9px hsla(0, 0%, 76.1%, .25);
    height: 100px;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #e6e6e6
}

#ad-nav.headerflex[data-v-77b38288] {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

#ad-nav .nav_bottom[data-v-77b38288] {
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 0;
    transition: all 1s;
    background: #e6e6e6;
    z-index: 1
}

#ad-nav .scroll-nav[data-v-77b38288] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#ad-nav img[data-v-77b38288] {
    width: 174px
}

#ad-nav .scroll-nav .nav-buttons[data-v-77b38288] {
    display: flex
}

#ad-nav .scroll-nav .nav-buttons a[data-v-77b38288] {
    height: 52px;
    line-height: 52px;
    width: 191px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer
}

#ad-nav .scroll-nav .nav-buttons a[data-v-77b38288]:hover {
    transform: scale(.9)
}

#ad-nav .scroll-nav .nav-buttons a.download[data-v-77b38288] {
    background: #2cdbba;
    margin-right: 16px
}

#ad-nav .scroll-nav .nav-buttons a.buy[data-v-77b38288] {
    background: #2d8cff
}

#ad-nav .scroll-nav .nav-buttons a em[data-v-77b38288] {
    margin-right: 10px
}

@media screen and (max-width: 1080px) {
    #ad-nav .container[data-v-77b38288] {
        width: 100%;
        padding: 0 10px
    }
}

@media screen and (max-width: 768px) {
    #ad-nav[data-v-77b38288] {
        height: 72px
    }

    #ad-nav img[data-v-77b38288] {
        width: 80px
    }

    #ad-nav .scroll-nav .nav-buttons a[data-v-77b38288] {
        width: 114px;
        height: 33px;
        line-height: 33px;
        font-size: 12px
    }

    #ad-nav .scroll-nav .nav-buttons a.download[data-v-77b38288] {
        margin-right: 10px
    }
}

#ad-nav[data-v-4bd322de] {
    position: relative;
    background: #fff;
    box-shadow: 0 4px 9px hsla(0, 0%, 76.1%, .25);
    height: 70px;
    display: flex;
    align-items: center
}

#ad-nav.headerflex[data-v-4bd322de] {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

#ad-nav .nav_bottom[data-v-4bd322de] {
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 0;
    transition: all 1s;
    background: #e6e6e6;
    z-index: 1
}

#ad-nav .scroll-nav[data-v-4bd322de] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#ad-nav img[data-v-4bd322de] {
    width: 140px
}

#ad-nav .scroll-nav .nav-buttons[data-v-4bd322de] {
    display: flex
}

#ad-nav .scroll-nav .nav-buttons a[data-v-4bd322de] {
    height: 46px;
    line-height: 46px;
    width: 176px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5.6px
}

#ad-nav .scroll-nav .nav-buttons a.download:hover div[data-v-4bd322de] {
    background: #3ad1aa
}

#ad-nav .scroll-nav .nav-buttons a.buy:hover div[data-v-4bd322de] {
    background: #1f46e8
}

#ad-nav .scroll-nav .nav-buttons a.download[data-v-4bd322de] {
    background: #3e64ff;
    margin-right: 16px
}

#ad-nav .scroll-nav .nav-buttons a>span[data-v-4bd322de] {
    display: block;
    text-align: center;
    font-family: Open Sans;
    font-weight: 500;
    flex: 1;
    padding: 0 10px
}

#ad-nav .scroll-nav .nav-buttons a div[data-v-4bd322de] {
    position: relative;
    width: 52px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1f46e8
}

#ad-nav .scroll-nav .nav-buttons a div>img[data-v-4bd322de] {
    position: absolute;
    width: 23px
}

#ad-nav .scroll-nav .nav-buttons a.buy[data-v-4bd322de] {
    background: #252732
}

#ad-nav .scroll-nav .nav-buttons a.buy div[data-v-4bd322de] {
    background: #1b1d28
}

.mymove-enter-active[data-v-4bd322de] {
    -webkit-animation: mymove-data-v-4bd322de .3s linear;
    animation: mymove-data-v-4bd322de .3s linear
}

@-webkit-keyframes mymove-data-v-4bd322de {
    0% {
        top: -40px
    }

    to {
        top: 0
    }
}

@keyframes mymove-data-v-4bd322de {
    0% {
        top: -40px
    }

    to {
        top: 0
    }
}

.fade-enter-active[data-v-4bd322de] {
    -webkit-animation: fade-data-v-4bd322de .3s linear;
    animation: fade-data-v-4bd322de .3s linear
}

@-webkit-keyframes fade-data-v-4bd322de {
    0% {
        top: -40px
    }

    to {
        top: 50%;
        transform: translateY(-50%)
    }
}

@keyframes fade-data-v-4bd322de {
    0% {
        top: -40px
    }

    to {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 1080px) {
    #ad-nav .container[data-v-4bd322de] {
        width: 100%;
        padding: 0 10px
    }
}

@media screen and (max-width: 768px) {
    #ad-nav[data-v-4bd322de] {
        height: 72px
    }

    #ad-nav img[data-v-4bd322de] {
        width: 80px
    }

    #ad-nav .scroll-nav .nav-buttons a[data-v-4bd322de] {
        width: 114px;
        height: 33px;
        line-height: 33px;
        font-size: 12px
    }

    #ad-nav .scroll-nav .nav-buttons a.download[data-v-4bd322de] {
        margin-right: 10px
    }
}

#ad-revision-nav[data-v-303f2211] {
    position: relative;
    background: #fff;
    box-shadow: 0 4px 9px hsla(0, 0%, 76.1%, .25);
    height: 70px;
    display: none;
    align-items: center
}

#ad-revision-nav.headerflex[data-v-303f2211] {
    width: 100%;
    height: 68px;
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    z-index: 999
}

#ad-revision-nav .nav_bottom[data-v-303f2211] {
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 0;
    transition: all 1s;
    background: #e6e6e6;
    z-index: 1
}

#ad-revision-nav .scroll-nav[data-v-303f2211] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#ad-revision-nav img[data-v-303f2211] {
    width: 125px
}

#ad-revision-nav .scroll-nav .nav-buttons[data-v-303f2211] {
    display: flex
}

#ad-revision-nav .scroll-nav .nav-buttons a[data-v-303f2211] {
    width: 165px;
    height: 38px;
    line-height: 38px;
    background: linear-gradient(98.04deg, #4fe48a -3.99%, #1cc379 109.77%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer
}

#ad-revision-nav .desrnav .scroll-nav .nav-buttons a[data-v-303f2211] {
    width: 150px
}

#ad-revision-nav .adrnav .scroll-nav .nav-buttons a[data-v-303f2211] {
    background: linear-gradient(98.04deg, #219cde -3.99%, #0b4e9f 109.77%)
}

#ad-revision-nav .drnav .scroll-nav .nav-buttons a[data-v-303f2211] {
    background: linear-gradient(98.04deg, #927ff1 -3.99%, #17229a 109.77%)
}

#ad-revision-nav .scroll-nav .nav-buttons a[data-v-303f2211]:hover {
    transform: scale(.9)
}

#ad-revision-nav .scroll-nav .nav-buttons a.download[data-v-303f2211] {
    margin-right: 16px
}

#ad-revision-nav .scroll-nav .nav-buttons a em[data-v-303f2211] {
    margin-right: 10px
}

.mymove-enter-active[data-v-303f2211] {
    -webkit-animation: mymove-data-v-303f2211 .3s linear;
    animation: mymove-data-v-303f2211 .3s linear
}

@-webkit-keyframes mymove-data-v-303f2211 {
    0% {
        top: -40px
    }

    to {
        top: 0
    }
}

@keyframes mymove-data-v-303f2211 {
    0% {
        top: -40px
    }

    to {
        top: 0
    }
}

#ad-advantage[data-v-10435618] {
    margin: 138px 0 60px
}

#ad-advantage .container h1[data-v-10435618] {
    text-align: center;
    font-size: 34px;
    font-family: OpenSans-Bold;
    font-weight: 700
}

#ad-advantage .advantage-info[data-v-10435618] {
    display: flex;
    justify-content: space-between;
    margin: 60px auto
}

#ad-advantage .advantage-info .info-item[data-v-10435618] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 16%;
    text-align: center
}

#ad-advantage .advantage-info .info-item .item-image[data-v-10435618] {
    width: 87px;
    margin: 0 auto
}

#ad-advantage .advantage-info .info-item .item-image img[data-v-10435618] {
    width: 100%
}

#ad-advantage .advantage-info .info-item .item-numbers[data-v-10435618] {
    margin-top: 31px;
    font-weight: 700;
    font-size: 20px;
    color: #000
}

#ad-advantage .advantage-info .info-item .item-detail[data-v-10435618] {
    width: 120%;
    margin-top: 8px;
    font-size: 14px;
    color: #484848
}

@media screen and (max-width: 1080px) {
    #ad-advantage[data-v-10435618] {
        margin: 30px 0
    }

    #ad-advantage .advantage-info[data-v-10435618] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    #ad-advantage .advantage-info .info-item[data-v-10435618] {
        flex: 0 0 50%;
        margin-top: 30px
    }
}

#ad-revision-screen-recorder .banner {
    height: 920px;
    background: url("../../pages/adRevisionScreenRecorder/banner-bg.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/banner-bg.png*/
        no-repeat top;
    background-size: cover
}

#ad-revision-screen-recorder .banner .container {
    font-family: Aileron;
    text-align: center;
    letter-spacing: 0;
    color: #000
}

#ad-revision-screen-recorder .banner .container h2 {
    padding: 91px 50px 10px;
    font-size: 48px;
    font-weight: 700;
    line-height: 78px
}

#ad-revision-screen-recorder .banner .container h2.desr {
    padding: 91px 30px 10px
}

#ad-revision-screen-recorder.jasrbox .banner .container h2.desr {
    padding: 91px 5px 10px
}

#ad-revision-screen-recorder .banner .container p {
    font-size: 18px;
    line-height: 35px
}

#ad-revision-screen-recorder .banner .container .btn-box {
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin: 37px 0 50px
}

#ad-revision-screen-recorder .banner .container .btn-box .btn-item {
    width: 215px;
    height: 62px;
    line-height: 62px;
    margin: 0 17.5px
}

#ad-revision-screen-recorder .banner .container .btn-box .btn-item a {
    display: block
}

#ad-revision-screen-recorder .banner .container .btn-box .btn-item a:hover {
    transform: scale(1.1)
}

#ad-revision-screen-recorder .banner .container .btn-box .btn-item a.download {
    color: #fff;
    background: linear-gradient(98.04deg, #4fe48a -3.99%, #1cc379 109.77%);
    border-radius: 10px
}

#ad-revision-screen-recorder .banner .container .btn-box .btn-item a.download img {
    margin-top: -4px;
    margin-right: 4px
}

#ad-revision-screen-recorder .banner .container .btn-box .btn-item a.buy {
    background: #fff;
    border: 1px solid #25c97c;
    border-radius: 10px;
    color: #28cb7e
}

#ad-revision-screen-recorder .banner .container .banner-img {
    position: relative
}

#ad-revision-screen-recorder .banner .container .banner-img:before {
    content: url("../../pages/adRevisionScreenRecorder/banner-mini1.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/banner-mini1.png*/
    ;
    position: absolute;
    bottom: 0;
    left: 26px;
    animation: fadeIn 1s linear
}

#ad-revision-screen-recorder .banner .container .banner-img:after {
    content: url("../../pages/adRevisionScreenRecorder/banner-mini2.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/banner-mini2.png*/
    ;
    position: absolute;
    bottom: 0;
    right: -30px;
    animation: fadeIn 1s linear
}

#ad-revision-screen-recorder.desrbox .banner .container .banner-img:before {
    content: url("../../pages/adRevisionScreenRecorder/de/banner-mini1.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/de/banner-mini1.png*/
}

#ad-revision-screen-recorder.desrbox .banner .container .banner-img:after {
    content: url("../../pages/adRevisionScreenRecorder/de/banner-mini2.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/de/banner-mini2.png*/
}

#ad-revision-screen-recorder.jasrbox .banner .container .banner-img:before {
    content: url("../../pages/adRevisionScreenRecorder/ja/banner2.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/ja/banner2.png*/
}

#ad-revision-screen-recorder.jasrbox .banner .container .banner-img:after {
    content: url("../../pages/adRevisionScreenRecorder/ja/banner3.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/ja/banner3.png*/
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#ad-revision-screen-recorder .part-advantage {
    margin-top: 350px;
    height: 331px
}

#ad-advantage {
    margin: 138px 0 60px
}

#ad-advantage .container h1 {
    text-align: center;
    font-size: 34px;
    font-family: OpenSans-Bold;
    font-weight: 700
}

#ad-advantage .advantage-info {
    display: flex;
    justify-content: space-between;
    margin: 60px auto
}

#ad-advantage .advantage-info .info-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 16%;
    text-align: center
}

#ad-advantage .advantage-info .nosee {
    opacity: 0
}

#ad-advantage .advantage-info .biubiu {
    animation: dropTo 1s linear forwards;
    opacity: 1
}

@keyframes dropTo {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

#ad-advantage .advantage-info .info-item .item-image {
    width: 87px;
    margin: 0 auto
}

#ad-advantage .advantage-info .info-item .item-image img {
    width: 100%
}

#ad-advantage .advantage-info .info-item .item-numbers {
    margin-top: 31px;
    font-weight: 700;
    font-size: 20px;
    color: #000
}

#ad-advantage .advantage-info .info-item .item-detail {
    width: 120%;
    margin-top: 8px;
    font-size: 14px;
    color: #484848
}

@media screen and (max-width: 1080px) {
    #ad-advantage {
        margin: 30px 0
    }

    #ad-advantage .advantage-info {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    #ad-advantage .advantage-info .info-item {
        flex: 0 0 50%;
        margin-top: 30px
    }
}

.mymove-enter-active {
    animation: fadeIn 1s linear
}

#ad-revision-screen-recorder .most-popular {
    padding: 80px 0;
    background-color: #fbfbfb
}

#ad-revision-screen-recorder .most-popular .container h1 {
    text-align: center;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 34px
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container-swiper {
    display: none
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container>div {
    display: flex;
    flex-direction: column;
    flex: 0 0 37%;
    margin-top: 72px
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container>div:nth-child(odd) {
    margin-right: 80px
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container>div:nth-child(2n) {
    margin-left: 80px
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container>div .img-box {
    width: 400px;
    overflow: hidden
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container>div .img-box img {
    width: 100%;
    transition: all .5s linear
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container>div .img-box img:hover {
    transform: scale(1.1)
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container .most-popular-title {
    font-size: 20px;
    margin-top: 25px;
    font-family: OpenSans-Bold;
    font-weight: 700
}

#ad-revision-screen-recorder .most-popular .container .most-popular-container .most-popular-desc {
    margin-top: 12px;
    font-size: 16px
}

#ad-revision-screen-recorder .part-whatelse {
    font-family: Aileron;
    margin-top: 140px;
    letter-spacing: 0
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container h2 {
    width: 60%;
    margin: 0 auto 60px;
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    transition: all 3s
}

#ad-revision-screen-recorder.jasrbox .part-whatelse .wtat-else .container h2 {
    width: 80%
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 132px
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .box .item {
    position: relative;
    width: 329px;
    height: 194px;
    border-radius: 13px;
    padding: 52px 0 40px
}

#ad-revision-screen-recorder.desrbox .part-whatelse .wtat-else .container .box .item {
    height: 214px
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .box .tranll {
    animation: fadeIn 1s linear
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .box .item:nth-child(n+4) {
    margin-top: 107px
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .box .item .box-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .box .item .box-info {
    font-family: Aileron;
    margin-top: 26px;
    text-align: center;
    letter-spacing: 0
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .box .item .box-info h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 10px
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .box .item .box-info p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 23px;
    padding: 0 18px
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .line {
    position: relative;
    margin: 76px auto 0;
    width: 573px;
    height: 2px;
    background-color: rgba(64, 218, 133, .16);
    transition: all 2s
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .hiddenOut {
    animation: todown .5s ease-in-out
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .arrowHiddenOut {
    animation: arrowToDown .5s ease-in-out
}

@keyframes arrowToDown {
    0% {
        top: 0;
        opacity: 1
    }

    to {
        top: 100px;
        opacity: 0;
        display: none
    }
}

@keyframes todown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        display: none
    }
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .line .load {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 46px;
    height: 46px;
    background: #fff;
    box-shadow: 0 0 18px 2px hsla(0, 0%, 87.1%, .25);
    border-radius: 16px;
    cursor: pointer
}

#ad-revision-screen-recorder .part-whatelse .wtat-else .container .line img {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    animation: tic 1s linear infinite alternate
}

@keyframes tic {
    0% {
        transform: translate(-50%, -100%)
    }

    to {
        transform: translate(-50%, 1%)
    }
}

#ad-revision-screen-recorder .part-version-vs {
    margin-top: 163px;
    margin-bottom: 163px;
    font-family: Aileron
}

#ad-revision-screen-recorder .part-version-vs .version-vs {
    position: relative
}

#ad-revision-screen-recorder .part-version-vs .version-vs:before {
    content: url("../../pages/adRevisionScreenRecorder/circle-bg.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/circle-bg.png*/
    ;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -40px;
    z-index: -1
}

#ad-revision-screen-recorder .part-version-vs .version-vs:after {
    content: url("../../pages/adRevisionScreenRecorder/circle-bg1.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/circle-bg1.png*/
    ;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-100%)
}

#ad-revision-screen-recorder .part-version-vs .version-vs .container h2 {
    margin-bottom: 97px;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #000
}

#ad-revision-screen-recorder .part-version-vs .version-vs .container .vs-box {
    border-top: 24px solid #88e1b9
}

#ad-revision-screen-recorder .part-version-vs .version-vs .container .vs-box .content {
    width: 1079px;
    height: 676px;
    background: #fff;
    box-shadow: 0 12px 10px hsla(0, 0%, 71.4%, .25);
    border-radius: 0 0 25px 25px;
    overflow: hidden
}

#ad-revision-screen-recorder .part-version-vs .version-vs .container .vs-box .content .box-row {
    display: flex;
    width: 941px;
    height: 55px;
    line-height: 55px;
    margin: 0 auto;
    border-radius: 32px;
    font-family: Open Sans;
    font-size: 16px
}

#ad-revision-screen-recorder .part-version-vs .version-vs .container .vs-box .content .box-row:nth-child(odd) {
    background: hsla(0, 0%, 94.1%, .31);
    margin: 10px auto
}

#ad-revision-screen-recorder .part-version-vs .version-vs .container .vs-box .content .box-row:first-child {
    margin-top: 51px;
    background: #daf7ea;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0
}

#ad-revision-screen-recorder .part-version-vs .version-vs .container .vs-box .content .box-row .column1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height: 25px;
    padding: 0 100px 0 10px;
    flex: 0 0 54%;
    text-align: right
}

#ad-revision-screen-recorder .part-version-vs .version-vs .container .vs-box .content .box-row .column2,
#ad-revision-screen-recorder .part-version-vs .version-vs .container .vs-box .content .box-row .column3 {
    flex: 0 0 23%;
    text-align: center
}

#ad-revision-screen-recorder .part-version-vs .btn-box {
    display: flex;
    justify-content: center;
    margin-top: 77px
}

#ad-revision-screen-recorder .part-version-vs .btn-box a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 215px;
    height: 62px;
    border-radius: 10px;
    font-family: Aileron;
    font-weight: 600;
    font-size: 18px;
    margin: 0 17.5px
}

#ad-revision-screen-recorder .part-version-vs .btn-box a:hover {
    transform: scale(.9)
}

#ad-revision-screen-recorder .part-version-vs .btn-box a.download {
    background: #fd6c3d;
    color: #fff
}

#ad-revision-screen-recorder .part-version-vs .btn-box a.download img {
    margin-right: 13px
}

#ad-revision-screen-recorder .part-version-vs .btn-box a.buy {
    background: #fff;
    border: 2px solid #fd6c3e;
    color: #fd6c3d
}

#ad-revision-screen-recorder .part-easy-life .easy-life .container>h2 {
    margin-bottom: 19px;
    font-family: Aileron;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0;
    text-align: center
}

#ad-revision-screen-recorder .part-easy-life .easy-life .container>p {
    font-family: Aileron;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0;
    text-align: center
}

#ad-revision-screen-recorder .part-easy-life .easy-life .container .box-list {
    display: flex;
    justify-content: space-between;
    margin: 63px 0 153px
}

#ad-revision-screen-recorder .part-easy-life .easy-life .container .box-list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 227px;
    height: 253px;
    border-radius: 15px 15px 0 0;
    font-family: Aileron;
    color: #000;
    text-align: center
}

#ad-revision-screen-recorder.desrbox .part-easy-life .easy-life .container .box-list .item {
    height: 275px
}

#ad-revision-screen-recorder .part-easy-life .easy-life .container .box-list .item h2 {
    margin-top: 19px;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 16px !important
}

#ad-revision-screen-recorder .part-easy-life .easy-life .container .box-list .item span {
    padding: 0 10px;
    font-size: 14px;
    line-height: 166.18%
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan {
    padding-bottom: 87px;
    background: url("../../pages/adRevisionScreenRecorder/choose-bg.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/choose-bg.png*/
        no-repeat bottom;
    background-size: cover
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container>h2 {
    margin-bottom: 73px;
    font-family: Aileron;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0;
    text-align: center
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan {
    display: flex;
    justify-content: space-around;
    font-family: Aileron
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .pitem {
    position: relative;
    flex: 0 0 30%;
    width: 274px;
    height: 398px;
    background: #fff;
    border: 1px solid rgba(42, 204, 126, .28);
    letter-spacing: 0;
    color: #000
}

#ad-revision-screen-recorder.desrbox .part-choose-plan .choose-plan .container .plan .pitem {
    height: 450px
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .over-style {
    box-shadow: 0 0 24px 3px rgba(66, 220, 134, .28)
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .pitem>div {
    padding-left: 30px;
    height: 130px
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .pitem .title {
    margin: 32px 0 16px;
    font-weight: 600;
    font-size: 19px
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .pitem .price {
    font-weight: 700;
    font-size: 36px;
    line-height: 43px
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .pitem>div>span {
    display: inline-block;
    margin: 10px 0 5px;
    height: 23px;
    font-size: 14px;
    line-height: 23px;
    color: rgba(0, 0, 0, .5)
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .pitem>ul {
    display: block;
    padding-left: 30px;
    height: 170px
}

#ad-revision-screen-recorder.desrbox .part-choose-plan .choose-plan .container .plan .pitem>ul {
    height: 222px
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .pitem>ul li {
    position: relative;
    padding: 0 30px;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .pitem>ul li:before {
    content: url("../../pages/adRevisionScreenRecorder/Vector2.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/Vector2.png*/
    ;
    position: absolute;
    top: 4px;
    left: 0
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .best-seller:after {
    content: "Best Seller";
    position: absolute;
    top: 30px;
    right: 20px;
    display: block;
    width: 95px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border: 1px solid #2dce7f;
    border-radius: 14.5px;
    font-family: Aileron;
    font-size: 16px;
    color: #2dce7f
}

#ad-revision-screen-recorder.desrbox .part-choose-plan .choose-plan .container .plan .best-seller:after {
    content: "Bestseller"
}

#ad-revision-screen-recorder.jasrbox .part-choose-plan .choose-plan .container .plan .best-seller:after {
    content: "人気"
}

#ad-revision-screen-recorder .part-choose-plan .choose-plan .container .plan .pitem>a {
    display: block;
    width: 269px;
    height: 43px;
    margin: 0 auto;
    line-height: 43px;
    text-align: center;
    background: linear-gradient(106.7deg, #4fe48a -4.55%, #1cc379 113.13%);
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

#ad-revision-screen-recorder .part-recommendation {
    margin-top: 141px;
    margin-bottom: 160px
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container>h2 {
    margin-bottom: 73px;
    font-family: Aileron;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper {
    position: relative
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-container {
    height: 480px
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-slide {
    margin-top: 80px
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-slide-next {
    bottom: 60px
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .box-slide {
    font-family: Aileron;
    margin: 0 15.5px;
    box-shadow: 0 0 8px 2px hsla(0, 0%, 69.4%, .28);
    color: #000
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .box-slide .top {
    position: relative;
    padding: 80px 20px 70px 24px;
    height: 310px;
    background: #fff;
    border-radius: 9px 9px 0 0;
    font-size: 16px;
    line-height: 29px
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .box-slide .top:before {
    content: url("../../pages/adRevisionScreenRecorder/recommendation-decoration.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/recommendation-decoration.png*/
    ;
    position: absolute;
    top: 33px;
    left: 24px
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .box-slide .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    height: 60px;
    background: #fafbff;
    border-radius: 9px 9px 0 0
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .box-slide .bottom span {
    margin-left: 10px
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination {
    left: 50%;
    transform: translateZ(0) translate(-50%, -60px)
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination-bullet {
    margin: 0 8px;
    background: #2ecf7f
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev {
    left: 40%
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next,
#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev {
    top: 90%
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next {
    right: 40%
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev:after {
    content: url("../../pages/adRevisionScreenRecorder/arrow-left.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/arrow-left.png*/
}

#ad-revision-screen-recorder .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next:after {
    content: url("../../pages/adRevisionScreenRecorder/arrow-right.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/arrow-right.png*/
}

.swiper-pagination-bullet-active {
    --swiper-pagination-color: #2ecf7f
}

#ad-revision-screen-recorder .part-media-awards {
    margin-bottom: 143px
}

#ad-revision-screen-recorder .part-media-awards .media-awards .container>h2 {
    margin-bottom: 26px;
    font-family: Aileron;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center
}

#ad-revision-screen-recorder .part-media-awards .media-awards .container>p {
    margin-bottom: 57px;
    font-family: Aileron;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    color: rgba(0, 0, 0, .8)
}

#ad-revision-screen-recorder .part-media-awards .media-swiper {
    position: relative;
    height: 212px
}

#ad-revision-screen-recorder .part-media-awards .media-swiper .rowone {
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 auto 36px;
    overflow: hidden
}

#ad-revision-screen-recorder .part-media-awards .media-swiper .rowone>div {
    margin: 0 26px;
    animation: move1 10s linear infinite alternate
}

#ad-revision-screen-recorder .part-media-awards .media-swiper .rowtwo {
    display: flex;
    position: absolute;
    top: 150px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

#ad-revision-screen-recorder .part-media-awards .media-swiper .rowtwo>div {
    margin: 0 26px;
    animation: rightmove 10s linear infinite alternate
}

@keyframes move1 {
    0% {
        transform: translate3d(-100px, 0, 0)
    }

    50% {
        transform: translate3d(50px, 0, 0)
    }

    to {
        transform: translate3d(-100px, 0, 0)
    }
}

@keyframes rightmove {
    0% {
        transform: translate3d(50px, 0, 0)
    }

    50% {
        transform: translate3d(-100px, 0, 0)
    }

    to {
        transform: translate3d(50px, 0, 0)
    }
}

#ad-revision-screen-recorder .part-sevice-support {
    background: url("../../pages/adRevisionScreenRecorder/support-bg.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/support-bg.png*/
        no-repeat;
    background-size: cover
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container>h2 {
    margin: 59px 0 87px;
    font-family: Aileron;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #fff
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 269px;
    height: 286px;
    background: #1cb084
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box h3 {
    margin: 20px 0 11px;
    font-family: Aileron;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #fff
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box p {
    padding: 0 15px;
    height: 69px;
    font-family: Aileron;
    font-size: 14px;
    line-height: 166.18%;
    text-align: center;
    color: hsla(0, 0%, 100%, .8)
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box:first-child {
    border-radius: 40px 0 0 0
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box:nth-child(2) {
    border-left: 2px solid rgba(12, 103, 63, .37);
    border-right: 2px solid rgba(12, 103, 63, .37)
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box:nth-child(3) {
    border-right: 2px solid rgba(12, 103, 63, .37)
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box:nth-child(4) {
    border-radius: 0 50px 0 0
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box-select {
    width: 271px;
    height: 323px;
    padding-top: 37px;
    background: #fff;
    border-radius: 22px 22px 0 0 !important
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box-select h3 {
    color: #000
}

#ad-revision-screen-recorder .part-sevice-support .sevice-support .container .select-box .box-select p {
    padding: 0 15px;
    color: rgba(0, 0, 0, .8)
}

#ad-revision-screen-recorder .deal {
    position: relative;
    height: 504px;
    background: url("../../pages/adRevisionScreenRecorder/deal-bg.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/deal-bg.png*/
        no-repeat;
    background-size: cover;
    overflow: hidden
}

#ad-revision-screen-recorder .deal:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 504px;
    z-index: -2
}

#ad-revision-screen-recorder .deal .circle-deal-time {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50px;
    margin: 0 auto;
    width: 437px;
    height: 66px;
    font-family: Open Sans;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    background: #ffcc48;
    border-radius: 10px
}

#ad-revision-screen-recorder .deal .circle-deal-time span {
    font-weight: 700;
    font-size: 24px;
    color: #fff
}

#ad-revision-screen-recorder .deal .content {
    position: relative;
    display: flex;
    margin-top: 102px;
    height: 336px;
    border: 1px solid hsla(0, 0%, 100%, .53);
    background: hsla(0, 0%, 100%, .23);
    backdrop-filter: blur(7px);
    border-radius: 29px
}

#ad-revision-screen-recorder .deal .content .sub-price {
    position: absolute;
    top: -20px;
    left: -20px
}

#ad-revision-screen-recorder .deal .content .logo {
    flex: 0 0 48%;
    text-align: center;
    margin: auto
}

#ad-revision-screen-recorder .deal .content .detal {
    flex: 0 0 52%;
    font-family: Open Sans;
    font-style: normal
}

#ad-revision-screen-recorder .deal .content .detal .title {
    font-weight: 700;
    margin-top: 21px;
    font-size: 30px;
    line-height: 155%
}

#ad-revision-screen-recorder .deal .content .detal .msg {
    margin-left: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 223.7%
}

#ad-revision-screen-recorder .deal .content .detal .msg li {
    list-style: disc
}

#ad-revision-screen-recorder .deal .content .detal .price {
    align-items: center;
    display: flex;
    width: 74%;
    height: 70px;
    margin-top: 18px;
    cursor: pointer
}

#ad-revision-screen-recorder .deal .content .detal .num {
    position: relative;
    flex: 0 0 55%;
    height: 70px;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 45px;
    line-height: 155%;
    text-align: center;
    color: #ff3d00;
    text-shadow: -1px 0 0 #fff, -1px 2px 0 #fff, 1px 2px 0 #fff, 1px -2px 0 #fff, -1px -2px 0 #fff, -1px 2px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px 0 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, -1px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 -1px 0 #fff, 0 2px 0 #fff, 0 2px 0 #fff, 0 0 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff
}

#ad-revision-screen-recorder .deal .content .detal .num:before {
    content: "";
    position: absolute;
    top: 17px;
    left: -4px;
    width: 255px;
    height: 70px;
    z-index: -1;
    background: url("../../pages/adRevisionScreenRecorder/price-bg.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/price-bg.png*/
        no-repeat 5px 13px;
    background-size: 98%
}

#ad-revision-screen-recorder .deal .content .detal .num:after {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: attr(text);
    color: #ff6f07;
    z-index: 1
}

#ad-revision-screen-recorder .deal .content .detal .buybtn {
    position: relative;
    flex: 0 0 58%;
    padding-left: 15px;
    margin-left: 20px;
    height: 74px;
    line-height: 74px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    background: url("../../pages/adRevisionScreenRecorder/buynow-bg.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/buynow-bg.png*/
        no-repeat 5px 6px;
    color: #fff
}

#ad-revision-screen-recorder .deal .content .detal .buybtn img {
    margin-top: -4px;
    margin-right: 4px
}

#ad-revision-screen-recorder .deal .content .detal .buy-win:after {
    background: url("../../pages/adRevisionScreenRecorder/win-white.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/win-white.png*/
        no-repeat 50%
}

#ad-revision-screen-recorder .deal .content .detal .buy-mac:after {
    background: url("../../pages/adRevisionScreenRecorder/mac-white.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/mac-white.png*/
        no-repeat 50%
}

#ad-header[data-v-391277f8] {
    background: #fff;
    width: 100%;
    flex-direction: column;
    align-items: center
}

#ad-header .container[data-v-391277f8],
#ad-header[data-v-391277f8] {
    display: flex;
    justify-content: center
}

#ad-header .container .left[data-v-391277f8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 56%
}

#ad-header .left-product[data-v-391277f8] {
    width: 1080px;
    margin: 80px auto 0
}

#ad-header .left-product p[data-v-391277f8] {
    display: inline-block;
    margin-left: -20px;
    padding: 0 20px;
    background-color: #e2effd;
    border-radius: 26.5px;
    font-size: 30px;
    color: #2d8cff
}

#ad-header .container .left .left-title[data-v-391277f8] {
    margin-top: 22px;
    font-size: 32px;
    font-family: OpenSans-Bold;
    font-weight: 700;
    padding-right: 60px
}

#ad-header .container .left .left-info[data-v-391277f8] {
    margin-top: 30px;
    font-size: 18px
}

#ad-header .container .left .left-info ul li[data-v-391277f8] {
    position: relative;
    padding-left: 30px;
    line-height: 35px
}

#ad-header .container .left .left-info ul li[data-v-391277f8]:before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-3.5px);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #2d8cff
}

#ad-header .container .left-buttons[data-v-391277f8] {
    display: flex;
    margin-top: 30px
}

#ad-header .container .left-buttons a[data-v-391277f8] {
    height: 62px;
    line-height: 62px;
    width: 255px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer
}

#ad-header .container .left-buttons a[data-v-391277f8]:hover {
    transform: scale(.9)
}

#ad-header .container .left-buttons a.download[data-v-391277f8] {
    background: #2cdbba;
    margin-right: 16px
}

#ad-header .container .left-buttons a.buy[data-v-391277f8] {
    background: #2d8cff
}

#ad-header .container .left-buttons a em[data-v-391277f8] {
    margin-right: 10px
}

#ad-header .container .left-download-info[data-v-391277f8] {
    margin-top: 19px;
    font-size: 18px;
    color: #2d8cff
}

#ad-data-recovery #ad-header .container .right[data-v-391277f8],
#ad_android-data-recovery #ad-header .container .right[data-v-391277f8] {
    margin-top: -40px
}

#ad-header .container .right[data-v-391277f8] {
    flex: 1 1 49%;
    display: flex;
    align-items: center
}

#ad_android-data-recovery #ad-header .container .right img[data-v-391277f8] {
    max-width: 145%
}

#ad-header .container .right img[data-v-391277f8] {
    max-width: 124%
}

#ad-header .container .right-response[data-v-391277f8] {
    display: none
}

@media screen and (max-width: 1080px) {
    #ad-header .container[data-v-391277f8] {
        width: 100%;
        padding: 0 10px;
        justify-content: flex-start
    }

    #ad-header .container .left[data-v-391277f8] {
        flex: inherit;
        margin: 20px 5px 0
    }

    #ad-header .left-product p[data-v-391277f8] {
        font-size: 24px;
        margin-left: 5px
    }

    #ad-header .container .left .left-title[data-v-391277f8] {
        padding-right: 0
    }

    #ad-header .container .left .left-title p[data-v-391277f8] {
        font-size: 28px
    }

    #ad-header .container .left .left-info[data-v-391277f8] {
        font-size: 14px
    }

    #ad-header .container .left .left-info ul li[data-v-391277f8] {
        padding-left: 20px
    }

    #ad-header .container .right[data-v-391277f8] {
        display: none
    }

    #ad-header .container .right-response[data-v-391277f8] {
        display: flex;
        margin-top: 30px
    }

    #ad-header .container .right-response img[data-v-391277f8] {
        max-width: 100%
    }

    #ad-header .left .left-buttons[data-v-391277f8] {
        justify-content: center
    }

    #ad-header .left .left-buttons a[data-v-391277f8] {
        width: 160px;
        height: 43px;
        line-height: 33px;
        font-size: 16px
    }
}

@media screen and (max-width: 768px) {
    #ad-header .container[data-v-391277f8] {
        width: 100%;
        padding: 0 10px;
        justify-content: flex-start
    }

    #ad-header .container .left[data-v-391277f8] {
        flex: inherit;
        margin: 0 5px
    }

    #ad-header .left-product p[data-v-391277f8] {
        font-size: 24px;
        margin-left: 5px
    }

    #ad-header .container .left .left-title[data-v-391277f8] {
        padding-right: 0
    }

    #ad-header .container .left .left-title p[data-v-391277f8] {
        font-size: 28px
    }

    #ad-header .container .left .left-info[data-v-391277f8] {
        font-size: 14px
    }

    #ad-header .container .left .left-info ul li[data-v-391277f8] {
        padding-left: 20px
    }

    #ad_android-data-recovery #ad-header .left-product[data-v-391277f8] {
        margin-top: 45px
    }

    #ad_android-data-recovery #ad-header .left-product p[data-v-391277f8] {
        font-size: 20px;
        height: 40px;
        line-height: 40px
    }

    #ad_android-data-recovery #ad-header .container .left-download-info[data-v-391277f8] {
        font-size: 14px
    }

    #ad-android-data-backup-restore #ad-header .left-product p[data-v-391277f8] {
        font-size: 16px;
        height: 40px;
        line-height: 40px
    }
}

#ad-advantage[data-v-daa8e844] {
    margin: 138px 0 60px
}

#ad-advantage .container h1[data-v-daa8e844] {
    text-align: center;
    font-size: 34px;
    font-family: Aileron;
    font-weight: 700
}

#ad-advantage .advantage-info[data-v-daa8e844] {
    display: flex;
    justify-content: space-between;
    margin: 60px auto
}

#ad-advantage .advantage-info .info-item[data-v-daa8e844] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 16%;
    text-align: center
}

#ad-advantage .advantage-info .info-item .item-image[data-v-daa8e844] {
    width: 136px;
    height: 136px;
    margin: 0 auto
}

#ad-advantage .advantage-info .info-item .item-image img[data-v-daa8e844] {
    width: 100%
}

#ad-advantage .advantage-info .info-item .item-numbers[data-v-daa8e844] {
    margin-top: 27px;
    font-weight: 700;
    font-size: 26px;
    color: #2d8cff
}

#ad-advantage .advantage-info .info-item .item-detail[data-v-daa8e844] {
    margin-top: 8px;
    font-size: 16px;
    color: #484848
}

@media screen and (max-width: 1080px) {
    #ad-advantage[data-v-daa8e844] {
        margin: 30px 0
    }

    #ad-advantage .advantage-info[data-v-daa8e844] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    #ad-advantage .advantage-info .info-item[data-v-daa8e844] {
        flex: 0 0 50%;
        margin-top: 30px
    }
}

#ad-chooseplan[data-v-88f53b84] {
    margin: 110px 0
}

#ad-chooseplan .container h1[data-v-88f53b84] {
    text-align: center;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 34px
}

#ad-chooseplan .container .choose-items[data-v-88f53b84] {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 60px auto 0
}

#ad-chooseplan .container .items-more[data-v-88f53b84] {
    flex: initial;
    justify-content: center;
    align-items: flex-end
}

#ad-chooseplan .container .choose-items .item[data-v-88f53b84] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 358px;
    width: 247px;
    border-radius: 8px;
    box-shadow: 2px 2px 16px 3px hsla(0, 0%, 56.5%, .2);
    background-color: #fff
}

#ad-chooseplan .container .items-more .item[data-v-88f53b84] {
    width: 330px;
    height: 400px;
    justify-content: center
}

#ad-chooseplan .container .items-more .item ul[data-v-88f53b84] {
    height: 150px;
    padding: 0 30px 0 80px
}

#ad-chooseplan .container .items-more .item ul li[data-v-88f53b84] {
    font-size: 16px
}

#ad-chooseplan .container .item-two .item[data-v-88f53b84] {
    height: 373px
}

#ad-chooseplan .container .item-two .item ul[data-v-88f53b84] {
    height: 90px
}

#ad-chooseplan .container .choose-items .item>img[data-v-88f53b84] {
    position: absolute;
    top: -45px;
    right: -25px;
    width: 80px
}

#ad-chooseplan .container .item-two .item>img[data-v-88f53b84] {
    width: 115px
}

#ad-chooseplan .container .choose-items button[data-v-88f53b84],
#ad-chooseplan .container .choose-items p[data-v-88f53b84] {
    text-align: center
}

#ad-chooseplan .container .choose-items p[data-v-88f53b84]:first-child {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700
}

#ad-chooseplan .container .choose-items p[data-v-88f53b84]:nth-child(2) {
    margin-top: 5px;
    font-size: 34px;
    font-weight: 700;
    color: #ff6d66
}

#ad-chooseplan .container .choose-items p[data-v-88f53b84]:nth-child(3) {
    font-size: 14px;
    height: 20px
}

#ad-chooseplan .container .items-more p[data-v-88f53b84]:first-child {
    margin-top: 0;
    font-size: 24px
}

#ad-chooseplan .container .items-more p[data-v-88f53b84]:nth-child(2) {
    font-size: 42px
}

#ad-chooseplan .container .items-more p[data-v-88f53b84]:nth-child(3) {
    font-size: 16px
}

#ad-chooseplan .container .choose-items ul[data-v-88f53b84] {
    display: block;
    width: 100%;
    padding: 0 30px 0 50px;
    margin: 15px 0;
    line-height: 25px;
    font-weight: 600;
    height: 110px
}

#ad-chooseplan .container .choose-items ul li[data-v-88f53b84] {
    position: relative;
    font-weight: 400;
    line-height: 150%
}

#ad-chooseplan .container .items-more ul li[data-v-88f53b84] {
    font-size: 18px
}

#ad-chooseplan .container .choose-items ul li[data-v-88f53b84]:before {
    position: absolute;
    left: -20px;
    top: 0;
    content: url("../../pages/buy/tick.svg")
        /*tpa=https://www.fonepaw.com/pages/buy/tick.svg*/
}

#ad-chooseplan .container .choose-items .select[data-v-88f53b84] {
    border: 3px solid #2d8cff
}

#ad-chooseplan .container .choose-items .bigger[data-v-88f53b84] {
    height: 494px;
    margin-bottom: -36px
}

#ad-chooseplan .container .items-more .bigger[data-v-88f53b84] {
    width: 382px
}

#ad-chooseplan .container .item-two .bigger[data-v-88f53b84] {
    width: 382px;
    height: 445px;
    margin-bottom: -16px
}

#ad-chooseplan .container .choose-items .buy-button[data-v-88f53b84] {
    text-align: center
}

#ad-chooseplan .container .choose-items .buy-button button[data-v-88f53b84] {
    display: inline-block;
    background: #2d8cff;
    width: 139px;
    height: 44px;
    font-size: 16px;
    padding: 0;
    border-radius: 8px;
    line-height: 42px;
    color: #fff;
    font-weight: 700;
    border: 0
}

#ad-chooseplan .container .items-more .buy-button button[data-v-88f53b84] {
    width: 175px;
    font-size: 20px
}

#ad-chooseplan .container .choose-items .buy-button button[data-v-88f53b84]:hover {
    background: #067df4
}

#ad-chooseplan .container .choose-items .best-seller[data-v-88f53b84] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 180px;
    height: 30px;
    background: url("../../pages/adScreenRecorder/best-seller.png")
        /*tpa=https://www.fonepaw.com/pages/adScreenRecorder/best-seller.png*/
        no-repeat;
    background-size: cover
}

#ad-chooseplan .container .choose-items .best-seller span[data-v-88f53b84] {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #fff
}

#ad_product_buy[data-v-266bcd48] {
    position: relative;
    width: 100%;
    height: 427px;
    margin: 60px auto 102px
}

.buy_title[data-v-266bcd48] {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 34px;
    line-height: 150%;
    text-align: center;
    color: #000
}

.buy_desc[data-v-266bcd48] {
    font-size: 20px;
    line-height: 31.04px;
    text-align: center;
    color: #000
}

.buy_desc .desc_time[data-v-266bcd48] {
    display: inline-block;
    margin-top: 10px;
    width: 150px;
    height: 42px;
    line-height: 40px;
    border-radius: 6px;
    color: #257cfe;
    margin-left: 20px;
    background: #fff;
    box-shadow: 0 0 3px 1px #ccc
}

.buy_back[data-v-266bcd48] {
    position: relative;
    margin: 43px auto;
    width: 99%;
    height: 207px;
    border-radius: 11px;
    background: rgba(45, 140, 255, .11);
    box-shadow: 0 65px 20px rgba(45, 140, 255, .29)
}

.buy_back img[data-v-266bcd48] {
    position: absolute;
    top: 91px;
    z-index: 1
}

.buy_info[data-v-266bcd48] {
    display: flex;
    position: relative;
    width: 100%;
    margin-top: -222px;
    align-items: center;
    height: 215px;
    box-shadow: 0 0 15px hsla(0, 0%, 72.5%, .2);
    border-radius: 11px;
    background: #fff
}

.buy_info>img[data-v-266bcd48] {
    position: absolute;
    right: 10px;
    top: -10px
}

.buy_info .info_left[data-v-266bcd48] {
    display: flex;
    flex: 0 0 61%;
    height: 85%;
    top: 15px;
    border-right: 2px dashed #dadada;
    text-align: center
}

.buy_info .info_item[data-v-266bcd48] {
    flex: 1;
    position: relative;
    margin-top: 20px
}

.info_item p[data-v-266bcd48] {
    width: 65%;
    margin: 8px auto;
    font-size: 18px;
    color: #000
}

.info_item .add1[data-v-266bcd48] {
    position: absolute;
    right: -13px;
    top: 40%;
    transform: translateY(-100%)
}

.item_msg[data-v-266bcd48] {
    display: none;
    position: absolute;
    top: 59%;
    left: 50%;
    transform: translateX(-50%);
    width: 88%;
    border: 2px solid;
    border-radius: 16px;
    background: #fff
}

.item_msg .title[data-v-266bcd48] {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 20px;
    line-height: 125.18%;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 6px
}

.item_msg .desc[data-v-266bcd48] {
    font-size: 14px;
    line-height: 155.18%;
    text-align: center;
    margin: 5px
}

.buy_info .info_right[data-v-266bcd48] {
    display: flex;
    padding-left: 24px;
    flex: 0 0 28%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    overflow: hidden
}

.info_right .right_desc[data-v-266bcd48] {
    font-size: 20px;
    line-height: 155.18%
}

.info_right .right_price[data-v-266bcd48] {
    font-weight: 700;
    font-size: 40px;
    line-height: 155.18%;
    color: #ffbc10
}

.info_right .right_btn[data-v-266bcd48] {
    width: 193px;
    height: 53px;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    line-height: 53px;
    margin-top: 15px;
    background: #2d8cff;
    text-decoration: none;
    cursor: pointer
}

.right_btn img[data-v-266bcd48] {
    width: 14%;
    margin-bottom: 2px
}

.right_btn[data-v-266bcd48]:hover {
    box-shadow: 0 0 1px 1px #2d8cff
}

@media screen and (max-width: 756px) {
    .buy_title[data-v-266bcd48] {
        font-size: 24px
    }

    .buy_desc[data-v-266bcd48] {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 16px;
        color: #686868;
        line-height: 150%
    }

    .buy_desc .desc_time[data-v-266bcd48] {
        font-size: 20px;
        margin-left: 0
    }

    .buy_back[data-v-266bcd48] {
        width: 85%;
        height: 370px;
        box-shadow: 0 72px 15px rgba(45, 140, 255, .29)
    }

    .buy_info[data-v-266bcd48] {
        display: block;
        width: 95%;
        margin: -387px auto 0;
        height: 389px;
        border-radius: 19px
    }

    .buy_info>img[data-v-266bcd48] {
        right: 50%;
        top: -37px;
        transform: translateX(50%)
    }

    .buy_info .info_left[data-v-266bcd48] {
        height: 47%;
        top: 26px;
        border-right: none;
        border-bottom: 2px dashed #dadada;
        flex: none
    }

    .buy_info .info_item[data-v-266bcd48] {
        margin-top: 48px
    }

    .info_item>img[data-v-266bcd48] {
        width: 70px
    }

    .info_item p[data-v-266bcd48] {
        width: 100%;
        font-size: 14px
    }

    .info_item .add1[data-v-266bcd48] {
        right: -8px;
        width: 15px;
        top: 26%
    }

    .buy_info .info_right[data-v-266bcd48] {
        margin-top: 26px;
        flex: none
    }

    .info_right .right_desc[data-v-266bcd48] {
        font-size: 16px;
        margin-bottom: 5px
    }

    .info_right .right_btn[data-v-266bcd48] {
        width: 174px;
        height: 48px;
        font-size: 20px;
        line-height: 48px
    }

    .info_item .right_btn em[data-v-266bcd48] {
        display: none
    }

    #ad_product_buy[data-v-266bcd48] {
        margin-bottom: 282px
    }
}

.recommend[data-v-1f6f54bb] {
    position: absolute;
    width: 100%;
    left: -415px;
    height: 685px;
    background: url("../../pages/adAndroidDataBackupRestore/back1.png")
        /*tpa=https://www.fonepaw.com/pages/adAndroidDataBackupRestore/back1.png*/
        no-repeat
}

.recommend_info[data-v-1f6f54bb] {
    position: relative;
    margin-top: 91px;
    height: 685px
}

.info_title[data-v-1f6f54bb] {
    text-align: center;
    margin-top: 36px;
    margin-bottom: 72px;
    padding-top: 37px;
    margin-left: 96px !important;
    font-style: normal;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 34px;
    color: #000;
    line-height: 46px;
    z-index: 1
}

.info_detail[data-v-1f6f54bb] {
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.content_msg[data-v-1f6f54bb] {
    position: relative;
    width: 319px;
    height: 395px;
    background: #fff;
    transition: all .3s;
    border: 1px solid #000;
    box-shadow: 9px 10px 0 0 #ff7e78
}

.content_msg .msg_desc[data-v-1f6f54bb] {
    font-size: 18px;
    line-height: 24px;
    margin-top: 135px;
    margin-left: 29px;
    margin-right: 21px;
    text-align: left
}

.content_msg[data-v-1f6f54bb]:nth-child(4n+1) {
    box-shadow: 9px 10px 0 0 #2cdbba
}

.content_msg[data-v-1f6f54bb]:nth-child(4n+2) {
    box-shadow: 9px 10px 0 0 #2d8cff
}

.content_msg[data-v-1f6f54bb]:nth-child(4n+3) {
    box-shadow: 9px 10px 0 0 #7750d0
}

.msg_title[data-v-1f6f54bb] {
    position: absolute;
    justify-content: space-around;
    display: flex;
    width: 59%;
    height: 72px;
    top: 41px;
    left: 29px
}

.title_right[data-v-1f6f54bb] {
    float: right;
    width: 50%;
    margin-top: 10px
}

.name[data-v-1f6f54bb] {
    margin-top: 10px;
    font-size: 18px
}

.swiper[data-v-1f6f54bb] {
    padding: 10px
}

.swiper-pagination[data-v-1f6f54bb] {
    display: none
}

.swiper-button-next[data-v-1f6f54bb],
.swiper-button-prev[data-v-1f6f54bb] {
    position: absolute;
    left: 50%;
    top: 600px;
    width: 43px;
    height: 43px;
    margin-top: 10px;
    transform: translateX(-50%)
}

.swiper-button-next[data-v-1f6f54bb]:after,
.swiper-button-prev[data-v-1f6f54bb]:after {
    content: ""
}

.swiper-button-prev[data-v-1f6f54bb] {
    margin-left: -30px;
    background: url("../../pages/adAndroidDataBackupRestore/pre.png")
        /*tpa=https://www.fonepaw.com/pages/adAndroidDataBackupRestore/pre.png*/
        no-repeat
}

.swiper-button-prev[data-v-1f6f54bb]:hover {
    background: url("../../pages/adAndroidDataBackupRestore/pre_light.png")
        /*tpa=https://www.fonepaw.com/pages/adAndroidDataBackupRestore/pre_light.png*/
        no-repeat
}

.swiper-button-next[data-v-1f6f54bb] {
    margin-left: 47px;
    background: url("../../pages/adAndroidDataBackupRestore/next.png")
        /*tpa=https://www.fonepaw.com/pages/adAndroidDataBackupRestore/next.png*/
        no-repeat
}

.swiper-button-next[data-v-1f6f54bb]:hover {
    margin-left: 47px;
    background: url("../../pages/adAndroidDataBackupRestore/next_light.png")
        /*tpa=https://www.fonepaw.com/pages/adAndroidDataBackupRestore/next_light.png*/
        no-repeat
}

@media screen and (max-width: 1080px) {
    .recommend[data-v-1f6f54bb] {
        display: none;
        height: 620px
    }

    .recommend_info[data-v-1f6f54bb] {
        height: 573px
    }

    .info_title[data-v-1f6f54bb] {
        padding-top: 0;
        margin-left: 0 !important;
        font-size: 24px;
        line-height: 150%;
        margin-bottom: 24px
    }

    .content_msg[data-v-1f6f54bb] {
        max-width: 340px
    }

    .swiper-prevnext[data-v-1f6f54bb] {
        position: relative;
        width: 100%;
        height: 100px
    }

    .swiper-button-next[data-v-1f6f54bb],
    .swiper-button-prev[data-v-1f6f54bb] {
        position: absolute;
        left: 50%;
        top: 17px;
        margin: 0;
        transform: translateX(-50%)
    }

    .swiper-button-prev[data-v-1f6f54bb] {
        transform: translateX(-63px)
    }

    .swiper-button-next[data-v-1f6f54bb] {
        transform: translateX(1px)
    }
}

.Echarts[data-v-4350f1ce] {
    text-align: center
}

.icon[data-v-4350f1ce] {
    position: relative
}

.back[data-v-4350f1ce] {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.info[data-v-4350f1ce] {
    margin: 0 10px
}

.info_title[data-v-4350f1ce] {
    font-weight: 700;
    font-size: 26px;
    line-height: 150%;
    color: #2d8cff;
    margin-bottom: 8px
}

@media screen and (max-width: 1080px) {
    .Echarts[data-v-4350f1ce] {
        width: 50%
    }

    .info_title[data-v-4350f1ce] {
        font-size: 20px
    }

    .info_desc[data-v-4350f1ce] {
        font-size: 12px
    }
}

.echarts[data-v-5fe7b406] {
    margin: 74px auto
}

.ad_echarts[data-v-5fe7b406] {
    display: flex;
    justify-content: space-between
}

.title[data-v-5fe7b406] {
    font-size: 34px;
    font-family: OpenSans-Bold;
    font-weight: 700;
    text-align: center;
    margin: 34px auto
}

@media screen and (max-width: 1080px) {
    .echarts[data-v-5fe7b406] {
        margin: 20px auto 45px
    }

    .ad_echarts[data-v-5fe7b406] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .ad_echarts .item[data-v-5fe7b406] {
        flex: 0 0 50%;
        margin-top: 30px
    }

    .title[data-v-5fe7b406] {
        font-size: 24px;
        line-height: 150%;
        margin-bottom: 0
    }
}

#ad-screen-recorder .most-popular {
    padding: 80px 0;
    background-color: #f9fbff
}

#ad-screen-recorder .most-popular .container h1 {
    text-align: center;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 34px
}

#ad-screen-recorder .most-popular .container .most-popular-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px
}

#ad-screen-recorder .most-popular .container .most-popular-container-swiper {
    display: none
}

#ad-screen-recorder .most-popular .container .most-popular-container>div {
    display: flex;
    flex-direction: column;
    flex: 0 0 37%;
    margin-top: 72px
}

#ad-screen-recorder .most-popular .container .most-popular-container>div:nth-child(odd) {
    margin-right: 80px
}

#ad-screen-recorder .most-popular .container .most-popular-container>div:nth-child(2n) {
    margin-left: 80px
}

#ad-screen-recorder .most-popular .container .most-popular-container>div .img-box {
    width: 400px;
    overflow: hidden
}

#ad-screen-recorder .most-popular .container .most-popular-container>div .img-box img {
    width: 100%;
    transition: all .5s linear
}

#ad-screen-recorder .most-popular .container .most-popular-container>div .img-box img:hover {
    transform: scale(1.2)
}

#ad-screen-recorder .most-popular .container .most-popular-container .most-popular-title {
    font-size: 20px;
    margin-top: 25px;
    font-family: OpenSans-Bold;
    font-weight: 700
}

#ad-screen-recorder .most-popular .container .most-popular-container .most-popular-desc {
    margin-top: 6px;
    font-size: 18px
}

@media screen and (max-width: 1080px) {
    #ad-screen-recorder .most-popular .container .most-popular-container {
        display: none
    }

    #ad-screen-recorder .most-popular .container .most-popular-container-swiper {
        display: block;
        width: 90%;
        margin: 30px auto
    }

    #ad-screen-recorder .most-popular .container h1 {
        margin-bottom: 39px;
        font-size: 40px
    }

    #ad-screen-recorder .most-popular .container .most-popular-container .most-popular-title {
        font-size: 34px
    }

    #ad-screen-recorder .most-popular .container .most-popular-container-swiper .swiper-container .most-popular-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    #ad-screen-recorder .most-popular .container .most-popular-container-swiper .swiper-container .most-popular-container .img-box {
        width: 95%
    }

    #ad-screen-recorder .most-popular .container .most-popular-container>div:nth-child(odd) {
        margin-right: 0
    }

    #ad-screen-recorder .most-popular .container .most-popular-container>div {
        margin-top: 0
    }

    #ad-screen-recorder .most-popular .container .most-popular-container .most-popular-desc {
        width: 50%;
        text-align: center
    }

    #ad-screen-recorder .most-popular .container .most-popular-container-swiper .swiper-pagination {
        position: static;
        margin-top: 20px
    }

    #ad-screen-recorder .most-popular .container .most-popular-container-swiper .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin-left: 8px
    }
}

@media screen and (max-width: 768px) {
    #ad-screen-recorder .most-popular .container h1 {
        width: 80%;
        margin: 0 auto;
        line-height: 33px;
        font-size: 24px
    }

    #ad-screen-recorder .most-popular .container .most-popular-container .most-popular-title {
        font-size: 16px
    }

    #ad-screen-recorder .most-popular .container .most-popular-container .most-popular-desc {
        width: 100%;
        font-size: 14px
    }

    #ad-screen-recorder .most-popular .container .most-popular-container-swiper .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px
    }
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box {
    padding: 80px 0
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box h2 {
    margin: 0 auto 30px;
    line-height: 46px;
    font-size: 34px;
    text-align: center;
    color: #000;
    font-display: swap;
    font-family: opensans-extrabold;
    font-weight: 700
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list-swiper {
    display: none
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list .box {
    flex: 0 0 31%;
    display: flex;
    height: 149px;
    margin-top: 40px
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list .box img {
    width: 41px
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list .box .cont {
    margin-left: 40px;
    margin-top: 20px
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list .box .cont .p1 {
    font-size: 18px;
    margin-bottom: 10px;
    font-family: OpenSans-Bold;
    font-weight: 700
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list .box .cont .p2 {
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 1080px) {
    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list {
        display: none
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list-swiper {
        display: block;
        width: 90%
    }
}

@media screen and (max-width: 768px) {
    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box {
        background: 0 0
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box h2 {
        width: 100%;
        font-size: 22px
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list-swiper {
        position: relative;
        padding: 0
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list-swiper .box {
        display: flex;
        flex: 100%;
        justify-content: center;
        padding: 0 16px;
        margin-top: 50px
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list-swiper .box img {
        width: 69px
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list-swiper .box .cont {
        font-family: Open Sans;
        margin-left: 20px
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list-swiper .box .cont .p1 {
        font-weight: 700;
        font-size: 16px
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list-swiper .box .cont .p2 {
        font-size: 14px
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-2 .content-box .box-list-swiper:before {
        content: ""
    }
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare {
    padding: 0 0 40px;
    background: url("../../pages/adScreenRecorder/version-compare-background.png")
        /*tpa=https://www.fonepaw.com/pages/adScreenRecorder/version-compare-background.png*/
        no-repeat 50%
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare .content {
    width: 59.2%;
    margin: 0 auto;
    text-align: center;
    position: relative
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare .content h2 {
    color: #000;
    font-size: 34px;
    text-align: center;
    margin: 50px 0 70px;
    font-display: swap;
    font-family: opensans-extrabold;
    font-weight: 700
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare .content h2 span {
    color: #ff7e78
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare .content table {
    margin: 44px auto 0;
    color: #000;
    background-color: #fff
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare .content table tr th:first-child {
    width: 50%
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare .content table tr th {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #ececec;
    background: hsla(0, 0%, 92.5%, .5);
    padding: 20px 0
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare .content table tr td {
    text-align: center;
    border: 1px solid #ececec;
    padding: 20px;
    font-weight: 400;
    font-size: 16px
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare .content table tr td img {
    width: 22px;
    height: 13.5px;
    margin: 0 auto
}

#ad-screen-recorder .ScreenRecorder_conter .version-compare .content .buttons-area-inner {
    margin-top: 44px;
    display: flex;
    justify-content: flex-end
}

#ad-screen-recorder .ScreenRecorder_conter .left-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 120px
}

#ad-screen-recorder .ScreenRecorder_conter .left-buttons a {
    height: 62px;
    line-height: 62px;
    width: 255px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer
}

#ad-screen-recorder .ScreenRecorder_conter .left-buttons a:hover {
    transform: scale(.9)
}

#ad-screen-recorder .ScreenRecorder_conter .left-buttons a.download {
    background: #2cdbba;
    margin-right: 16px
}

#ad-screen-recorder .ScreenRecorder_conter .left-buttons a.buy {
    background: #2d8cff
}

#ad-screen-recorder .ScreenRecorder_conter .left-buttons a em {
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    #ad-screen-recorder .ScreenRecorder_conter .version-compare .content {
        width: 100%
    }

    #ad-screen-recorder .ScreenRecorder_conter .version-compare .content h2 {
        font-size: 24px;
        line-height: 36px
    }

    #ad-screen-recorder .ScreenRecorder_conter .version-compare .content table tr th {
        font-size: 14px;
        padding: 15px
    }

    #ad-screen-recorder .ScreenRecorder_conter .version-compare .content table tr td {
        font-size: 12px;
        line-height: 18px;
        padding: 15px
    }

    #ad-screen-recorder .left .left-buttons {
        justify-content: center
    }

    #ad-screen-recorder .left .left-buttons a {
        width: 114px;
        height: 33px;
        line-height: 33px;
        font-size: 12px
    }
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-3 h2 {
    margin: auto auto 20px;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 34px;
    text-align: center
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-3 .p2 {
    width: 70%;
    text-align: center;
    margin: auto;
    font-size: 16px;
    color: #595757;
    line-height: 28px
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-3 .box-list {
    display: flex;
    margin-top: 60px;
    justify-content: space-between
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-3 .box-list .box {
    text-align: center;
    flex: 0 0 22%;
    padding: 30px 15px;
    background-color: #fbfbfc;
    border-radius: 15px
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-3 .box-list .box h3,
#ad-screen-recorder .ScreenRecorder_conter .sr-part-3 .box-list .box p {
    font-size: 16px;
    font-family: OpenSans-Bold;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 26px
}

#ad-screen-recorder .ScreenRecorder_conter .sr-part-3 .box-list .box span {
    font-size: 14px;
    line-height: 28px
}

@media screen and (max-width: 768px) {
    #ad-screen-recorder .ScreenRecorder_conter .sr-part-3 h2 {
        width: 100%;
        margin: auto auto 20px
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-3 .p2 {
        width: 100%
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-3 .box-list {
        margin-top: 0;
        flex-wrap: wrap
    }

    #ad-screen-recorder .ScreenRecorder_conter .sr-part-3 .box-list .box {
        flex: 100%;
        padding: 0 40px;
        margin-top: 25px;
        text-align: center
    }
}

.container[data-v-5e00b86e] {
    text-align: center;
    background: #fff;
    padding: 60px 0 90px
}

.title[data-v-5e00b86e] {
    font-weight: 700;
    max-width: 648px;
    margin: 0 auto 24px;
    line-height: 130%;
    font-family: OpenSans-Bold;
    font-size: 34px
}

.desc[data-v-5e00b86e] {
    margin: 10px;
    font-size: 16px;
    line-height: 29px;
    text-align: center
}

.icons[data-v-5e00b86e] {
    display: flex;
    align-items: top;
    flex-flow: row wrap
}

.icon[data-v-5e00b86e] {
    flex: 0 0 25%;
    padding: 52px 40px 30px 20px;
    box-sizing: border-box;
    text-align: left
}

.icon_title[data-v-5e00b86e] {
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    margin: 5px 0
}

.icon_desc[data-v-5e00b86e] {
    font-size: 16px;
    line-height: 150%;
    text-align: left
}

@media screen and (max-width: 1080px) {
    .container[data-v-5e00b86e] {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .title[data-v-5e00b86e] {
        font-size: 24px;
        width: 90%
    }

    .desc[data-v-5e00b86e] {
        font-size: 14px
    }

    .icons[data-v-5e00b86e] {
        width: 100%;
        overflow: auto;
        flex-flow: nowrap
    }

    .icon[data-v-5e00b86e] {
        flex: 0 0 50%;
        padding: 30px 12px 30px 20px
    }

    .icons[data-v-5e00b86e]::-webkit-scrollbar {
        width: 6px;
        height: 9px;
        border-radius: 4.5px
    }

    .icons[data-v-5e00b86e]::-webkit-scrollbar-track {
        border-radius: 4.5px;
        margin: 71px;
        background-color: rgba(45, 140, 255, .23)
    }

    .icons[data-v-5e00b86e]::-webkit-scrollbar-thumb {
        border-radius: 4.5px;
        background-color: #2d8cff
    }

    .icon .icon_title[data-v-5e00b86e] {
        font-size: 16px
    }

    .icon .icon_desc[data-v-5e00b86e] {
        font-size: 14px
    }
}

.part-banner .banner[data-v-32accf84] {
    height: 950px
}

.part-banner .banner.dr2[data-v-32accf84] {
    height: 1022px
}

.part-banner .banner .container[data-v-32accf84] {
    position: relative;
    padding-top: 260px;
    font-family: Aileron;
    text-align: center;
    letter-spacing: 0;
    color: #000
}

.part-banner .banner.adr2 .container[data-v-32accf84],
.part-banner .banner.dr2 .container[data-v-32accf84] {
    position: relative;
    padding-top: 260px;
    font-family: Aileron;
    text-align: center;
    letter-spacing: 0;
    color: #fff
}

.part-banner .banner .container h2[data-v-32accf84] {
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    font-size: 48px;
    font-weight: 700;
    line-height: 78px;
    font-family: Aileron
}

.part-banner .banner .container p[data-v-32accf84] {
    font-size: 18px;
    line-height: 35px;
    font-family: Aileron
}

.part-banner .banner .container .btn-box[data-v-32accf84] {
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin: 37px 0 50px
}

.part-banner .banner .container .btn-box .btn-item[data-v-32accf84] {
    width: 215px;
    height: 62px;
    line-height: 62px;
    margin: 0 17.5px
}

.part-banner .banner .container .btn-box .btn-item a[data-v-32accf84] {
    display: block
}

.part-banner .banner .container .btn-box .btn-item a.download[data-v-32accf84] {
    color: #fff;
    background: linear-gradient(98.04deg, #4fe48a -3.99%, #1cc379 109.77%);
    border-radius: 10px
}

.part-banner .banner.adr2 .container .btn-box .btn-item a.download[data-v-32accf84] {
    color: #fff;
    background: linear-gradient(98.04deg, #219cde -3.99%, #0b4e9f 109.77%);
    border-radius: 10px
}

.part-banner .banner.adr2 .container .btn-box .btn-item a.download[data-v-32accf84]:hover {
    background: linear-gradient(98.04deg, #0b4e9f -3.99%, #219cde 109.77%)
}

.part-banner .banner.adr2 .container .btn-box .btn-item a.buy[data-v-32accf84]:hover {
    color: #fff;
    background: #0f5aa9
}

.part-banner .banner.dr2 .container .btn-box .btn-item a.download[data-v-32accf84] {
    color: #fff;
    background: linear-gradient(94.66deg, #15a0dc -1.51%, #28ebdf 102.76%);
    border-radius: 10px
}

.part-banner .banner.dr2 .container .btn-box .btn-item a.download[data-v-32accf84]:hover {
    background: linear-gradient(94.66deg, #28ebdf -1.51%, #15a0dc 102.76%)
}

.part-banner .banner .container .btn-box .btn-item a.download img[data-v-32accf84] {
    margin-top: -4px;
    margin-right: 4px
}

.part-banner .banner .container .btn-box .btn-item a.buy[data-v-32accf84] {
    background: #fff;
    border: 1px solid #25c97c;
    border-radius: 10px;
    color: #28cb7e
}

.part-banner .banner.adr2 .container .btn-box .btn-item a.buy[data-v-32accf84] {
    background: #fff;
    border: 1px solid #0f5aa9;
    border-radius: 10px;
    color: #0f5aa9
}

.part-banner .banner.dr2 .container .btn-box .btn-item a.buy[data-v-32accf84] {
    border: none;
    background: #f1efff;
    border-radius: 10px;
    color: #060b46
}

.part-banner .banner.dr2 .container .btn-box .btn-item a.buy[data-v-32accf84]:hover {
    color: #614ec7
}

.part-banner .banner .container .img-box[data-v-32accf84] {
    position: relative
}

.part-banner .banner .container .img-box .banner-hidden[data-v-32accf84] {
    opacity: 0
}

@-webkit-keyframes fadeIn-data-v-32accf84 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn-data-v-32accf84 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.part-advantage[data-v-ab540f8e] {
    margin-top: 350px;
    padding-bottom: 214px;
    height: 331px;
    box-sizing: content-box
}

.part-advantage.dr2[data-v-ab540f8e] {
    margin-top: 300px
}

#ad-advantage[data-v-ab540f8e] {
    margin: 138px 0 60px
}

#ad-advantage .container h1[data-v-ab540f8e] {
    text-align: center;
    font-size: 34px;
    font-family: OpenSans-Bold;
    font-weight: 700
}

#ad-advantage .advantage-info[data-v-ab540f8e] {
    display: flex;
    justify-content: space-between;
    margin: 60px auto
}

#ad-advantage .advantage-info .info-item[data-v-ab540f8e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 16%;
    text-align: center
}

#ad-advantage .advantage-info .nosee[data-v-ab540f8e] {
    opacity: 0
}

#ad-advantage .advantage-info .biubiu[data-v-ab540f8e] {
    -webkit-animation: dropTo-data-v-ab540f8e 1s linear forwards;
    animation: dropTo-data-v-ab540f8e 1s linear forwards;
    opacity: 1;
    font-family: Aileron
}

@-webkit-keyframes dropTo-data-v-ab540f8e {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes dropTo-data-v-ab540f8e {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

#ad-advantage .advantage-info .info-item .item-image[data-v-ab540f8e] {
    width: 87px;
    margin: 0 auto
}

#ad-advantage .advantage-info .info-item .item-image img[data-v-ab540f8e] {
    width: 100%
}

#ad-advantage .advantage-info .info-item .item-numbers[data-v-ab540f8e] {
    margin-top: 31px;
    font-weight: 700;
    font-size: 20px;
    color: #000
}

#ad-advantage .advantage-info .info-item .item-detail[data-v-ab540f8e] {
    width: 120%;
    margin-top: 8px;
    font-size: 14px;
    color: #484848
}

@media screen and (max-width: 1080px) {
    #ad-advantage[data-v-ab540f8e] {
        margin: 30px 0
    }

    #ad-advantage .advantage-info[data-v-ab540f8e] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    #ad-advantage .advantage-info .info-item[data-v-ab540f8e] {
        flex: 0 0 50%;
        margin-top: 30px
    }
}

.mymove-enter-active[data-v-ab540f8e] {
    -webkit-animation: fadeIn 1s linear;
    animation: fadeIn 1s linear
}

[data-v-686d6b8f] {
    font-style: "Aileron"
}

.left[data-v-686d6b8f] {
    flex: 0 0 45%;
    padding: 0 20px;
    font-family: Aileron
}

.left .title[data-v-686d6b8f] {
    padding-bottom: 40px;
    font-weight: 700;
    font-size: 30px;
    line-height: 44px
}

.left .desc[data-v-686d6b8f] {
    font-size: 18px;
    line-height: 30px
}

.left .desc p[data-v-686d6b8f] {
    padding-bottom: 15px
}

[data-v-35846af9] {
    font-style: "Aileron"
}

.item[data-v-35846af9] {
    flex: 0 0 25%;
    padding-bottom: 15px;
    text-align: center
}

.item .img[data-v-35846af9] {
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin-left: 50%;
    transform: translateX(-50%);
    background: #f4f4f4;
    border-radius: 21px
}

.item .desc[data-v-35846af9] {
    font-size: 16px
}

.right[data-v-3ba6ce21] {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 50%
}

.part3[data-v-71097706] {
    display: flex;
    padding-bottom: 214px;
    justify-content: space-between
}

#part3 .container[data-v-71097706] {
    position: relative
}

.top[data-v-0f69e2b7] {
    text-align: center;
    font-family: Aileron
}

.top .title[data-v-0f69e2b7] {
    width: 95%;
    margin: 0 auto;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px
}

.top .desc[data-v-0f69e2b7] {
    padding: 40px 0 60px;
    width: 100%;
    font-size: 18px;
    line-height: 30px
}

.item[data-v-3ff51e52] {
    padding: 25px 0;
    flex: 0 0 25%;
    text-align: center
}

.item .desc[data-v-3ff51e52] {
    padding: 0 45px;
    margin-top: 10px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600
}

.content[data-v-00ea39eb] {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: space-around
}

.part4[data-v-4cced7e2] {
    padding-bottom: 214px
}

.bottom[data-v-3a0d00ea] {
    display: flex;
    flex-wrap: wrap
}

.bottom .item[data-v-3a0d00ea] {
    flex: 0 0 20%;
    padding-top: 25px
}

.bottom .item .img[data-v-3a0d00ea] {
    width: 182px;
    height: 70px;
    margin-left: 50%;
    transform: translateX(-50%);
    text-align: center;
    line-height: 70px;
    background: #f5f5f5;
    border-radius: 8px
}

.left[data-v-71b431fb] {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex: 0 0 42%;
    height: 62px;
    line-height: 62px;
    color: #fff;
    background: linear-gradient(98.04deg, #219cde -3.99%, #0b4e9f 109.77%);
    border-radius: 10px
}

.left[data-v-71b431fb]:hover {
    background: linear-gradient(98.04deg, #0b4e9f -3.99%, #219cde 109.77%)
}

.right[data-v-3dc7164e] {
    flex: 0 0 42%;
    height: 62px;
    color: #0f5aa9;
    text-align: center;
    line-height: 62px;
    background: #fff;
    border: 1px solid #0f5aa9;
    box-sizing: border-box;
    border-radius: 10px;
    transition: all .3s
}

.right[data-v-3dc7164e]:hover {
    color: #fff;
    background: #0f5aa9
}

.button[data-v-484f47e6] {
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
    margin-left: 50%;
    text-align: center;
    font-size: 18px;
    transform: translateX(-50%);
    width: 500px
}

.righta[data-v-484f47e6] {
    flex: 0 0 42%;
    height: 62px;
    color: #0f5aa9;
    text-align: center;
    line-height: 62px;
    background: #fff;
    border: 1px solid #0f5aa9;
    box-sizing: border-box;
    border-radius: 10px;
    transition: all .3s
}

.righta[data-v-484f47e6]:hover {
    color: #fff;
    background: #0f5aa9
}

.part5[data-v-d5520168] {
    padding-bottom: 76px;
    margin-bottom: 219px;
    background: linear-gradient(180deg, rgba(213, 240, 255, 0), rgba(185, 232, 252, .27))
}

.item[data-v-7638e6fa] {
    flex: 0 0 30%;
    padding: 15px;
    text-align: left;
    background: #fff;
    box-shadow: 0 1px 13px rgba(0, 0, 0, .1);
    border-radius: 10px
}

.item .title[data-v-7638e6fa] {
    padding-bottom: 15px;
    font-weight: 700;
    font-size: 20px
}

.item .desc[data-v-7638e6fa] {
    padding-bottom: 35px;
    font-size: 16px;
    line-height: 24px
}

.bottom[data-v-41da4d79] {
    display: flex;
    justify-content: space-evenly
}

.part6[data-v-2c819ccc] {
    padding-bottom: 214px
}

[data-v-4fc09772] {
    font-family: Open Sans
}

.item[data-v-4fc09772] {
    flex: 0 0 30%
}

.item .title[data-v-4fc09772] {
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px
}

.item .desc[data-v-4fc09772] {
    padding: 0 20px;
    font-size: 16px;
    line-height: 24px
}

.bottom[data-v-5067de68] {
    height: 300px;
    display: flex;
    justify-content: space-around;
    text-align: center
}

.part7[data-v-0974aa39] {
    padding-bottom: 214px
}

[data-v-7f308c33] {
    font-family: Aileron
}

.item[data-v-7f308c33] {
    flex: 1;
    margin: 0 20px 60px;
    padding: 10px 10px 16px;
    height: 241px;
    transition: background 1s;
    background: #fbfeff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .11);
    border-radius: 10px;
    text-align: center
}

.item[data-v-7f308c33]:hover {
    background: #165baa;
    color: #fff
}

.item.dr2[data-v-7f308c33]:hover {
    background: #614ec7;
    color: #fff
}

.item .img[data-v-7f308c33] {
    padding-top: 25px
}

.item .title[data-v-7f308c33] {
    padding: 20px 0 10px;
    font-style: "Aileron";
    font-weight: 700;
    font-size: 18px;
    line-height: 22px
}

.item .desc[data-v-7f308c33] {
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 20px
}

.left[data-v-7f308c33] {
    width: 90%;
    max-width: 215px;
    margin-left: 50%;
    font-size: 13px;
    font-weight: 600;
    transform: translateX(-50%);
    background: #fff;
    color: #165baa
}

.left.dr2[data-v-7f308c33] {
    width: 100%;
    color: #614ec7
}

.center[data-v-1bebe2c4] {
    display: flex;
    margin: 0 50px;
    justify-content: space-evenly
}

.bottom[data-v-33e5cc08] {
    display: flex;
    justify-content: space-between
}

.part11[data-v-6817db9d] {
    padding-bottom: 100px
}

.borderclass[data-v-6817db9d] {
    border-bottom: 1px solid #ccc
}

.part-recommendation[data-v-30775034] {
    margin-bottom: 160px
}

.part-recommendation .recommendation .container>h2[data-v-30775034] {
    margin-bottom: 73px;
    font-family: Aileron;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center
}

.part-recommendation .recommendation .container .recommendation-swiper[data-v-30775034] {
    position: relative
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-container[data-v-30775034] {
    height: 480px
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-slide[data-v-30775034] {
    margin-top: 80px
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-slide-next[data-v-30775034] {
    bottom: 60px
}

.part-recommendation .recommendation .container .recommendation-swiper .box-slide[data-v-30775034] {
    font-family: Aileron;
    margin: 0 15.5px;
    box-shadow: 0 0 8px 2px hsla(0, 0%, 69.4%, .28);
    color: #000
}

.part-recommendation .recommendation .container .recommendation-swiper .box-slide .top[data-v-30775034] {
    position: relative;
    padding: 80px 20px 70px 24px;
    height: 310px;
    background: #fff;
    border-radius: 9px 9px 0 0;
    font-size: 16px;
    line-height: 29px
}

.part-recommendation .recommendation .container .recommendation-swiper .box-slide .top[data-v-30775034]:before {
    content: url("../../pages/adRevisionScreenRecorder/recommendation-decoration.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/recommendation-decoration.png*/
    ;
    position: absolute;
    top: 33px;
    left: 24px
}

.part-recommendation .recommendation .container .recommendation-swiper .box-slide .bottom[data-v-30775034] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    height: 60px;
    background: #fafbff;
    border-radius: 9px 9px 0 0
}

.part-recommendation .recommendation .container .recommendation-swiper .box-slide .bottom span[data-v-30775034] {
    margin-left: 10px
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination[data-v-30775034] {
    left: 50%;
    transform: translateZ(0) translate(-50%, -60px)
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination-bullet[data-v-30775034] {
    margin: 0 8px;
    background: #2ecf7f
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev[data-v-30775034] {
    left: 40%
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next[data-v-30775034],
.part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev[data-v-30775034] {
    top: 90%
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next[data-v-30775034] {
    right: 40%
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev[data-v-30775034]:after {
    content: url("../../pages/adRevisionScreenRecorder/arrow-left.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/arrow-left.png*/
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev+.ad-dr[data-v-30775034] {
    content: url("../../pages/adRevisionDataRecovery/arrow-left.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionDataRecovery/arrow-left.png*/
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next[data-v-30775034]:after {
    content: url("../../pages/adRevisionScreenRecorder/arrow-right.png")
        /*tpa=https://www.fonepaw.com/pages/adRevisionScreenRecorder/arrow-right.png*/
}

.part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination-bullet-active[data-v-30775034] {
    --swiper-theme-color: #2ecf7f
}

.part-media-awards[data-v-ca111360] {
    margin-bottom: 143px
}

.part-media-awards .media-awards .container>h2[data-v-ca111360] {
    margin-bottom: 26px;
    font-family: Aileron;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center
}

.part-media-awards .media-awards .container>p[data-v-ca111360] {
    margin-bottom: 57px;
    font-family: Aileron;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    color: rgba(0, 0, 0, .8)
}

.part-media-awards .media-swiper[data-v-ca111360] {
    position: relative;
    height: 212px
}

.part-media-awards .media-swiper .rowone[data-v-ca111360] {
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 auto 36px;
    overflow: hidden
}

.part-media-awards .media-swiper .rowone>div[data-v-ca111360] {
    margin: 0 26px;
    -webkit-animation: move-data-v-ca111360 3s linear infinite alternate;
    animation: move-data-v-ca111360 3s linear infinite alternate
}

.part-media-awards .media-swiper .rowtwo[data-v-ca111360] {
    display: flex;
    position: absolute;
    top: 150px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.part-media-awards .media-swiper .rowtwo>div[data-v-ca111360] {
    margin: 0 26px;
    -webkit-animation: rightmove-data-v-ca111360 5s linear infinite alternate;
    animation: rightmove-data-v-ca111360 5s linear infinite alternate
}

@-webkit-keyframes move-data-v-ca111360 {
    0% {
        transform: translateZ(0);
        left: -80px
    }

    to {
        transform: translate3d(-400px, 0, 0);
        left: 0
    }
}

@keyframes move-data-v-ca111360 {
    0% {
        transform: translateZ(0);
        left: -80px
    }

    to {
        transform: translate3d(-400px, 0, 0);
        left: 0
    }
}

@-webkit-keyframes rightmove-data-v-ca111360 {
    0% {
        transform: translateZ(0);
        right: -80px
    }

    to {
        transform: translate3d(-400px, 0, 0);
        right: 0
    }
}

@keyframes rightmove-data-v-ca111360 {
    0% {
        transform: translateZ(0);
        right: -80px
    }

    to {
        transform: translate3d(-400px, 0, 0);
        right: 0
    }
}

.part-sevice-support .sevice-support .container>h2[data-v-effa43f4] {
    margin: 59px 0 87px;
    font-family: Aileron;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #fff
}

.part-sevice-support .sevice-support .container .select-box[data-v-effa43f4] {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.part-sevice-support .sevice-support .container .select-box .box[data-v-effa43f4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 269px;
    height: 286px;
    background: #1cb084
}

.part-sevice-support .sevice-support .container .select-box .box h3[data-v-effa43f4] {
    margin: 20px 0 11px;
    font-family: Aileron;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #fff
}

.part-sevice-support .sevice-support .container .select-box .box p[data-v-effa43f4] {
    padding: 0 15px;
    height: 69px;
    font-family: Aileron;
    font-size: 14px;
    line-height: 166.18%;
    text-align: center;
    color: hsla(0, 0%, 100%, .8)
}

.part-sevice-support .sevice-support .container .select-box .box[data-v-effa43f4]:first-child {
    border-radius: 40px 0 0 0
}

.part-sevice-support .sevice-support .container .select-box .box[data-v-effa43f4]:nth-child(2) {
    border-left: 2px solid rgba(12, 103, 63, .37);
    border-right: 2px solid rgba(12, 103, 63, .37)
}

.part-sevice-support .sevice-support .container .select-box .box[data-v-effa43f4]:nth-child(3) {
    border-right: 2px solid rgba(12, 103, 63, .37)
}

.part-sevice-support .sevice-support .container .select-box .box.adrbgc[data-v-effa43f4]:nth-child(2) {
    border-left: 2px solid hsla(0, 0%, 100%, .1);
    border-right: 2px solid hsla(0, 0%, 100%, .1)
}

.part-sevice-support .sevice-support .container .select-box .box.adrbgc[data-v-effa43f4]:nth-child(3) {
    border-right: 2px solid hsla(0, 0%, 100%, .1)
}

.part-sevice-support .sevice-support .container .select-box .box[data-v-effa43f4]:nth-child(4) {
    border-radius: 0 50px 0 0
}

.part-sevice-support .sevice-support .container .select-box .purple[data-v-effa43f4] {
    background: #1e0d88
}

.part-sevice-support .sevice-support .container .select-box .adrbgc[data-v-effa43f4] {
    background: #165baa
}

.part-sevice-support .sevice-support .container .select-box .box-select[data-v-effa43f4] {
    width: 271px;
    height: 323px;
    padding-top: 37px;
    background: #fff;
    border-radius: 22px 22px 0 0 !important
}

.part-sevice-support .sevice-support .container .select-box .adrbgc.box-select[data-v-effa43f4] {
    border: 3px solid #165baa
}

.part-sevice-support .sevice-support .container .select-box .box.box-select.adrbgc[data-v-effa43f4]:nth-child(2) {
    border-left: 3px solid #165baa;
    border-right: 3px solid #165baa
}

.part-sevice-support .sevice-support .container .select-box .box.box-select.adrbgc[data-v-effa43f4]:nth-child(3) {
    border-right: 3px solid #165baa
}

.part-sevice-support .sevice-support .container .select-box .box-select h3[data-v-effa43f4] {
    color: #000
}

.part-sevice-support .sevice-support .container .select-box .box-select p[data-v-effa43f4] {
    padding: 0 15px;
    color: rgba(0, 0, 0, .8)
}

#ad_android-data-recovery2 #TwoWaySwiper .container .using-content .scorll-box .swiper-pagination-bullet {
    margin: 0 4px
}

#ad_android-data-recovery2 {
    overflow: hidden;
    position: relative;
    font-family: Aileron
}

#ad_android-data-recovery2 .rightproductbox {
    position: fixed;
    right: 2px;
    bottom: 119px;
    width: 185px;
    height: 421px;
    background: url("../../pages/adAndroidDataRecovery2/frame11.png")
        /*tpa=https://www.fonepaw.com/pages/adAndroidDataRecovery2/frame11.png*/
        no-repeat;
    background-size: cover;
    border-radius: 17px;
    box-shadow: 0 0 11px rgba(62, 62, 62, .15);
    overflow: hidden;
    z-index: 999
}

#ad_android-data-recovery2 .rightproductbox .top {
    height: 320px;
    width: 100%;
    padding: 19px 10px 0;
    text-align: center
}

#ad_android-data-recovery2 .rightproductbox .top img {
    margin: 0 auto
}

#ad_android-data-recovery2 .rightproductbox .top .title {
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #04326a
}

#ad_android-data-recovery2 .rightproductbox .top .desc {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(10, 66, 135, .79)
}

#ad_android-data-recovery2 .rightproductbox .bottom a {
    display: block;
    background: linear-gradient(98.04deg, #219cde -3.99%, #0b4e9f 109.77%);
    border-radius: 10px;
    width: 166px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 20px auto 0;
    color: #fff
}

#ad_android-data-recovery2 .rightproductbox .bottom a:hover {
    background: linear-gradient(98.04deg, #0b4e9f -3.99%, #219cde 109.77%)
}

#ad_android-data-recovery2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px !important
}

#ad_android-data-recovery2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #2199e1 !important
}

#ad_android-data-recovery2 .swiper-pagination-bullet-active {
    --swiper-pagination-color: #2199e1
}

#ad_android-data-recovery2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev:after {
    content: url("../../pages/adAndroidDataRecovery2/swiperleft.png")
        /*tpa=https://www.fonepaw.com/pages/adAndroidDataRecovery2/swiperleft.png*/
}

#ad_android-data-recovery2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next:after {
    content: url("../../pages/adAndroidDataRecovery2/swiperright.png")
        /*tpa=https://www.fonepaw.com/pages/adAndroidDataRecovery2/swiperright.png*/
}

#ad_android-data-recovery2 .part-recommendation .recommendation .container .recommendation-swiper .box-slide .top:before {
    content: url("../../pages/adAndroidDataRecovery2/swipericon.png")
        /*tpa=https://www.fonepaw.com/pages/adAndroidDataRecovery2/swipericon.png*/
}

#adRestoreFile[data-v-e0471076] {
    position: relative;
    padding-bottom: 214px;
    font-family: Aileron
}

#adRestoreFile .boxData[data-v-e0471076] {
    margin-top: 80px
}

#adRestoreFile .boxData .boxList[data-v-e0471076] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

#adRestoreFile .boxData .boxList .box[data-v-e0471076] {
    width: 250px;
    height: 227px;
    background: #f7f8fa;
    border-radius: 10px;
    margin-right: 20px;
    margin-top: 20px;
    transition: background 1s
}

#adRestoreFile .boxData .boxList .box .boxdv[data-v-e0471076] {
    width: 100%;
    height: 100%
}

#adRestoreFile .boxData .boxList .box[data-v-e0471076]:hover {
    background: #614ec7
}

#adRestoreFile .boxData .boxList .box[data-v-e0471076]:nth-child(4),
#adRestoreFile .boxData .boxList .box[data-v-e0471076]:nth-child(8) {
    margin-right: 0
}

#adRestoreFile .boxData .boxList .box .positive[data-v-e0471076] {
    text-align: center
}

#adRestoreFile .boxData .boxList .box .positive img[data-v-e0471076] {
    height: 69px;
    margin-top: 55px
}

#adRestoreFile .boxData .boxList .box .positive .positivetext[data-v-e0471076] {
    margin-top: 35px;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #3f3f3f;
    font-weight: 600;
    padding: 0 20px
}

#adRestoreFile .boxData .boxList .box .back[data-v-e0471076] {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

#adRestoreFile .boxData .boxList .box .back .title[data-v-e0471076] {
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #fff
}

#adRestoreFile .boxData .boxList .box .back .text[data-v-e0471076] {
    width: 100%;
    margin-top: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: hsla(0, 0%, 100%, .73)
}

#adStorageDevice[data-v-1ce627a3] {
    position: relative;
    margin-bottom: 214px;
    font-family: Aileron;
    width: 100%;
    height: 624px;
    background: url("../../pages/adDataRecovery2/storagedevicebg.png")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/storagedevicebg.png*/
        no-repeat;
    padding-top: 90px
}

#adStorageDevice .top[data-v-1ce627a3] {
    text-align: center;
    font-family: Aileron
}

#adStorageDevice .top .title[data-v-1ce627a3] {
    width: 90%;
    margin: 0 auto;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #fff
}

#adStorageDevice .top .desc[data-v-1ce627a3] {
    padding: 20px 0 60px;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #f0f0f0;
    font-weight: 400
}

#adStorageDevice .imgList[data-v-1ce627a3] {
    width: 100%;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px
}

#adStorageDevice .imgList img[data-v-1ce627a3] {
    height: 100%;
    margin: 0 14px
}

#adStorageDevice .contenText[data-v-1ce627a3] {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

#adStorageDevice .contenText .item[data-v-1ce627a3] {
    width: 254px;
    margin-bottom: 24px
}

#adStorageDevice .contenText .item[data-v-1ce627a3]:nth-child(2),
#adStorageDevice .contenText .item[data-v-1ce627a3]:nth-child(6) {
    width: 356px
}

#adStorageDevice .contenText .item[data-v-1ce627a3]:nth-child(3),
#adStorageDevice .contenText .item[data-v-1ce627a3]:nth-child(7) {
    width: 226px
}

#adStorageDevice .contenText .item[data-v-1ce627a3]:nth-child(4),
#adStorageDevice .contenText .item[data-v-1ce627a3]:nth-child(8) {
    width: 224px
}

#adStorageDevice .contenText .item span[data-v-1ce627a3] {
    padding-left: 4px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

#adSolution[data-v-20c9abfd] {
    position: relative;
    padding-bottom: 134px;
    font-family: Aileron
}

#adSolution .top[data-v-20c9abfd] {
    text-align: center;
    font-family: Aileron
}

#adSolution .top .title[data-v-20c9abfd] {
    width: 90%;
    margin: 0 auto;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center
}

#adSolution .top .desc[data-v-20c9abfd] {
    padding: 20px 0 60px;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    font-weight: 400;
    color: #484848
}

#adSolution .contentList[data-v-20c9abfd] {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    text-align: center
}

#adSolution .contentList .contentItem[data-v-20c9abfd] {
    flex: 0 0 30%;
    height: 268px;
    margin-bottom: 60px
}

#adSolution .contentList .contentItem .imgBox[data-v-20c9abfd] {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background: #f3f3f3;
    border-radius: 21.044px;
    display: flex;
    align-items: center;
    justify-content: center
}

#adSolution .contentList .contentItem .title[data-v-20c9abfd] {
    margin: 14px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000
}

#adSolution .contentList .contentItem .text[data-v-20c9abfd] {
    width: 240px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #484848
}

#ad-data-recovery-2 .rightproductbox {
    position: fixed;
    right: 2px;
    bottom: 119px;
    width: 185px;
    height: 421px;
    background: url("../../pages/adDataRecovery2/frame1.png")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/frame1.png*/
        no-repeat;
    background-size: cover;
    border-radius: 17px;
    box-shadow: 0 0 11px rgba(62, 62, 62, .15);
    overflow: hidden;
    z-index: 999
}

#ad-data-recovery-2 .rightproductbox .top {
    height: 320px;
    width: 100%;
    padding: 19px 10px 0;
    text-align: center
}

#ad-data-recovery-2 .rightproductbox .top img {
    margin: 0 auto
}

#ad-data-recovery-2 .rightproductbox .top .title {
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

#ad-data-recovery-2 .rightproductbox .top .desc {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(241, 247, 255, .79)
}

#ad-data-recovery-2 .rightproductbox .bottom a {
    display: block;
    background: linear-gradient(129.1deg, #a99ceb 11.7%, #3d4add 95.27%);
    border-radius: 10px;
    width: 166px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 20px auto 0;
    color: #fff
}

#ad-data-recovery-2 .rightproductbox .bottom a:hover {
    background: linear-gradient(129.1deg, #3d4add 11.7%, #a99ceb 95.27%)
}

.dropfade-enter-active,
.dropfade-leave-active {
    transition: all 1s
}

.dropfade-enter,
.dropfade-leave-to {
    opacity: 0
}

.dropfade-enter-to,
.dropfade-leave {
    opacity: 1
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 4px !important
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #614ec7 !important
}

#ad-data-recovery-2 .swiper-pagination-bullet-active {
    --swiper-pagination-color: #614ec7
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev:after {
    content: url("../../pages/adDataRecovery2/swiperleft.svg")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/swiperleft.svg*/
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next:after {
    content: url("../../pages/adDataRecovery2/swiperright.svg")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/swiperright.svg*/
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .box-slide .top:before {
    content: url("../../pages/adDataRecovery2/swipericon.png")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/swipericon.png*/
}

#ad-data-recovery-2 .rightproductbox[data-v-7689a726] {
    position: fixed;
    right: 2px;
    bottom: 119px;
    width: 185px;
    height: 421px;
    background: url("../../pages/adDataRecovery2/frame1.png")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/frame1.png*/
        no-repeat;
    background-size: cover;
    border-radius: 17px;
    box-shadow: 0 0 11px rgba(62, 62, 62, .15);
    overflow: hidden;
    z-index: 999
}

#ad-data-recovery-2 .rightproductbox .top[data-v-7689a726] {
    height: 320px;
    width: 100%;
    padding: 19px 10px 30px;
    text-align: center
}

#ad-data-recovery-2 .rightproductbox .top img[data-v-7689a726] {
    margin: 0 auto
}

#ad-data-recovery-2 .rightproductbox .top .title[data-v-7689a726] {
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

#ad-data-recovery-2 .rightproductbox .top .desc[data-v-7689a726] {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(241, 247, 255, .79)
}

#ad-data-recovery-2 .rightproductbox .bottom a[data-v-7689a726] {
    display: block;
    background: linear-gradient(129.1deg, #a99ceb 11.7%, #3d4add 95.27%);
    border-radius: 10px;
    width: 172px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 20px auto 0;
    font-size: 12px;
    color: #fff
}

#ad-data-recovery-2 .rightproductbox .bottom a[data-v-7689a726]:hover {
    background: linear-gradient(129.1deg, #3d4add 11.7%, #a99ceb 95.27%)
}

.dropfade-enter-active[data-v-7689a726],
.dropfade-leave-active[data-v-7689a726] {
    transition: all 1s
}

.dropfade-enter[data-v-7689a726],
.dropfade-leave-to[data-v-7689a726] {
    opacity: 0
}

.dropfade-enter-to[data-v-7689a726],
.dropfade-leave[data-v-7689a726] {
    opacity: 1
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination .swiper-pagination-bullet[data-v-7689a726] {
    margin: 0 4px !important
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active[data-v-7689a726] {
    background: #614ec7 !important
}

#ad-data-recovery-2 .swiper-pagination-bullet-active[data-v-7689a726] {
    --swiper-pagination-color: #614ec7
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev[data-v-7689a726]:after {
    content: url("../../pages/adDataRecovery2/swiperleft.svg")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/swiperleft.svg*/
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next[data-v-7689a726]:after {
    content: url("../../pages/adDataRecovery2/swiperright.svg")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/swiperright.svg*/
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .box-slide .top[data-v-7689a726]:before {
    content: url("../../pages/adDataRecovery2/swipericon.png")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/swipericon.png*/
}

#ad-data-recovery-2 .rightproductbox[data-v-20cecdba] {
    position: fixed;
    right: 2px;
    bottom: 119px;
    width: 185px;
    height: 421px;
    background: url("../../pages/adDataRecovery2/frame1.png")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/frame1.png*/
        no-repeat;
    background-size: cover;
    border-radius: 17px;
    box-shadow: 0 0 11px rgba(62, 62, 62, .15);
    overflow: hidden;
    z-index: 999
}

#ad-data-recovery-2 .rightproductbox .top[data-v-20cecdba] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 320px;
    width: 100%;
    padding: 19px 10px 0;
    text-align: center
}

#ad-data-recovery-2 .rightproductbox .top img[data-v-20cecdba] {
    margin: 0 auto
}

#ad-data-recovery-2 .rightproductbox .top .title[data-v-20cecdba] {
    margin-top: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

#ad-data-recovery-2 .rightproductbox .top .desc[data-v-20cecdba] {
    margin-top: 6px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(241, 247, 255, .79)
}

#ad-data-recovery-2 .rightproductbox .bottom a[data-v-20cecdba] {
    display: block;
    background: linear-gradient(129.1deg, #a99ceb 11.7%, #3d4add 95.27%);
    border-radius: 10px;
    width: 166px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 20px auto 0;
    color: #fff
}

#ad-data-recovery-2 .rightproductbox .bottom a[data-v-20cecdba]:hover {
    background: linear-gradient(129.1deg, #3d4add 11.7%, #a99ceb 95.27%)
}

.dropfade-enter-active[data-v-20cecdba],
.dropfade-leave-active[data-v-20cecdba] {
    transition: all 1s
}

.dropfade-enter[data-v-20cecdba],
.dropfade-leave-to[data-v-20cecdba] {
    opacity: 0
}

.dropfade-enter-to[data-v-20cecdba],
.dropfade-leave[data-v-20cecdba] {
    opacity: 1
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination .swiper-pagination-bullet[data-v-20cecdba] {
    margin: 0 4px !important
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active[data-v-20cecdba] {
    background: #614ec7 !important
}

#ad-data-recovery-2 .swiper-pagination-bullet-active[data-v-20cecdba] {
    --swiper-pagination-color: #614ec7
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-prev[data-v-20cecdba]:after {
    content: url("../../pages/adDataRecovery2/swiperleft.svg")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/swiperleft.svg*/
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .swiper-button-next[data-v-20cecdba]:after {
    content: url("../../pages/adDataRecovery2/swiperright.svg")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/swiperright.svg*/
}

#ad-data-recovery-2 .part-recommendation .recommendation .container .recommendation-swiper .box-slide .top[data-v-20cecdba]:before {
    content: url("../../pages/adDataRecovery2/swipericon.png")
        /*tpa=https://www.fonepaw.com/pages/adDataRecovery2/swipericon.png*/
}

.widget[data-v-74b088ba] {
    position: fixed;
    top: 80%;
    right: 2%;
    z-index: 9999
}

.totop[data-v-74b088ba] {
    background-image: url("../../pages/global/totop.svg")
        /*tpa=https://www.fonepaw.com/pages/global/totop.svg*/
    ;
    width: 46px;
    height: 64px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 20px auto 0
}

.totop_white[data-v-74b088ba] {
    background: url("../../pages/global/totop_white.png")
        /*tpa=https://www.fonepaw.com/pages/global/totop_white.png*/
        100%/100%;
    width: 46px;
    height: 77px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 20px auto 0
}

.totop[data-v-74b088ba]:hover {
    opacity: .6
}

.fade-enter-active[data-v-74b088ba],
.fade-leave-active[data-v-74b088ba] {
    transition: opacity .3s
}

.fade-enter[data-v-74b088ba],
.fade-leave-to[data-v-74b088ba] {
    opacity: 0
}

@media screen and (max-width: 767px) {
    .widget[data-v-74b088ba] {
        top: 60%
    }
}

.banner[data-v-345efff9] {
    width: 100%;
    height: 209px;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.banner img[data-v-345efff9] {
    width: 82px;
    height: 87px
}

.tab[data-v-345efff9] {
    height: 51px;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.tab ul[data-v-345efff9] {
    width: 1088px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 140px
}

.tab .tab-in li[data-v-345efff9] {
    width: 33.3%;
    text-align: center;
    line-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center
}

.tab .tab-in li:hover a[data-v-345efff9] {
    color: #2d8cff
}

.tab .tab-in li a[data-v-345efff9] {
    padding: 16px 20px;
    text-decoration: none;
    font-size: 20px;
    line-height: 17px;
    color: #666;
    font-display: swap;
    font-family: OpenSans
}

.tab .tab-in li.active a[data-v-345efff9] {
    border: 2px solid #e2e2e2;
    border-bottom-color: #fff;
    color: #2d8cff
}

@media (max-width: 768px) {
    .tab ul[data-v-345efff9] {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px
    }

    .tab .tab-in li a[data-v-345efff9] {
        width: 130px;
        padding: 9px 20px;
        height: 54px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.black_friday_discount_hint[data-v-9f003a92] {
    width: 721px;
    height: 98px;
    background-size: 100% 100%;
    margin: 0 auto
}

.black_friday_discount_hint_img[data-v-9f003a92] {
    width: 100%;
    height: 100%
}

.promotion_mobile_style[data-v-9f003a92] {
    display: block
}

.promotion_iphone_mobile_style[data-v-9f003a92] {
    display: none
}

#pro-buy6-sm .black_friday_discount_hint[data-v-9f003a92],
#pro-buy7-vcuyyer .black_friday_discount_hint[data-v-9f003a92],
#pro-buy9-dt .black_friday_discount_hint[data-v-9f003a92],
#pro-buy-7-promotion-bade .black_friday_discount_hint[data-v-9f003a92] {
    margin-top: 40px
}

@media (max-width: 770px) {
    .promotion_mobile_style[data-v-9f003a92] {
        display: none
    }

    .promotion_iphone_mobile_style[data-v-9f003a92] {
        display: block
    }

    .black_friday_discount_hint[data-v-9f003a92] {
        width: 100%;
        background: url("../../pages/christmas-sales-2021/discount_hint_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/christmas-sales-2021/discount_hint_mobile.png*/
            100%/100% no-repeat
    }
}

.black_friday_promotion[data-v-631c0eda] {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    cursor: pointer
}

.black_friday_promotion_img[data-v-631c0eda] {
    width: 100%;
    height: auto
}

.promotion_style[data-v-631c0eda] {
    display: block
}

.black_friday_promotion_img_box[data-v-631c0eda] {
    position: relative
}

.promotion_iphone_style[data-v-631c0eda] {
    display: none
}

.black_friday_promotion_box[data-v-631c0eda] {
    width: 10%;
    height: 61%;
    position: absolute;
    left: 68%;
    top: 17%;
    cursor: pointer
}

.es_body .black_friday_promotion_box[data-v-631c0eda] {
    width: 13%;
    height: 66%;
    position: absolute;
    left: 65%;
    top: 17%;
    cursor: pointer
}

.black_friday_promotion_close[data-v-631c0eda] {
    position: absolute;
    right: 15%;
    top: 20px;
    width: 39px;
    height: 39px;
    z-index: 9
}

@media (max-width: 770px) {

    .black_friday_promotion_close[data-v-631c0eda],
    .promotion_style[data-v-631c0eda] {
        display: none
    }

    .promotion_iphone_style[data-v-631c0eda] {
        display: block
    }

    .black_friday_promotion_box_iphone[data-v-631c0eda] {
        width: 42%;
        height: 50%;
        position: absolute;
        left: 58%;
        bottom: 0;
        cursor: pointer
    }
}

.black_friday_buy_hint[data-v-d3d38f88] {
    position: relative;
    width: 924px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 40px
}

.black_friday_buy_hint .buy_hint_button[data-v-d3d38f88] {
    position: absolute;
    width: 177.06px;
    height: 48.67px;
    background: linear-gradient(279.2deg, #000 -11.36%, #c52a7f 0, #ffc350 155.85%), linear-gradient(0deg, #ff9e44, #ff9e44);
    border-radius: 24.3365px;
    line-height: 48px;
    text-align: center;
    font-size: 21.0341px;
    color: #fff;
    right: 35px;
    top: 35px;
    cursor: pointer
}

.es_body .black_friday_buy_hint .buy_hint_button[data-v-d3d38f88] {
    font-size: 25px
}

.bottomBoxCard[data-v-547913ac] {
    width: 100%;
    position: relative;
    margin: 100px 0
}

.bottomBoxCard .title[data-v-547913ac] {
    width: 80%;
    margin: 0 auto;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 34px;
    line-height: 52px;
    text-align: center
}

.bottomBoxCard .container .buttons[data-v-547913ac] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px
}

.bottomBoxCard .container .buttons a[data-v-547913ac] {
    height: 62px;
    line-height: 62px;
    width: 255px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer
}

.bottomBoxCard .container .buttons a[data-v-547913ac]:hover {
    transform: scale(.9)
}

.bottomBoxCard .container .buttons a.download[data-v-547913ac] {
    background: #2cdbba;
    margin-right: 32px
}

.bottomBoxCard .container .buttons a.buy[data-v-547913ac] {
    background: #2d8cff
}

.bottomBoxCard .container .buttons a em[data-v-547913ac] {
    margin-right: 10px
}

@media screen and (max-width: 960px) {
    .bottomBoxCard[data-v-547913ac] {
        margin: 65px 0
    }

    .bottomBoxCard .title[data-v-547913ac] {
        width: 100%;
        font-size: 24px;
        line-height: 37px
    }

    .bottomBoxCard .container .buttons a[data-v-547913ac] {
        height: 43px;
        line-height: 43px;
        width: 160px;
        font-size: 16px
    }

    .bottomBoxCard .container .buttons a.download[data-v-547913ac] {
        margin-right: 15px
    }

    .bottomBoxCard .container .buttons a em[data-v-547913ac] {
        margin-right: 5px
    }
}

#downloadbtn.product-buttons-area[data-v-0eeb5e79] {
    padding: 50px 0;
    text-align: center
}

#downloadbtn.product-buttons-area .product-btn-con[data-v-0eeb5e79] {
    width: 80%;
    margin: auto;
    background: #0c132b;
    padding: 70px 90px;
    border-radius: 10px;
    position: relative
}

#downloadbtn.product-buttons-area .product-btn-con[data-v-0eeb5e79]:before {
    content: "";
    display: block;
    position: absolute;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: #fff;
    top: 37.5%;
    left: -43px
}

#downloadbtn.product-buttons-area .product-btn-con[data-v-0eeb5e79]:after {
    content: "";
    display: block;
    position: absolute;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: #fff;
    top: 37.5%;
    right: -43px
}

#downloadbtn.product-buttons-area h2[data-v-0eeb5e79] {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin: 0 0 50px;
    font-display: swap;
    font-family: opensans-extrabold;
    font-weight: 700
}

#downloadbtn.product-buttons-area .product-btn-box[data-v-0eeb5e79] {
    position: relative
}

#downloadbtn.product-buttons-area .product-btn-box[data-v-0eeb5e79]:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../../pages/tech/btn-bg-l.svg")
        /*tpa=https://www.fonepaw.com/pages/tech/btn-bg-l.svg*/
        no-repeat;
    width: 144px;
    height: 54px;
    left: 10px;
    top: 6px
}

#downloadbtn.product-buttons-area .product-btn-box[data-v-0eeb5e79]:after {
    content: "";
    display: block;
    position: absolute;
    background: url("../../pages/tech/btn-bg-r.svg")
        /*tpa=https://www.fonepaw.com/pages/tech/btn-bg-r.svg*/
        no-repeat;
    width: 131px;
    height: 93px;
    top: -45px;
    right: 32px
}

#downloadbtn.product-buttons-area .pro-content[data-v-0eeb5e79] {
    border-left: 1px dashed #fff;
    border-right: 1px dashed #fff
}

.activity {
    position: fixed;
    z-index: 99;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: #fff url("../../pages/ios-promotion/pc-background.png")
        /*tpa=https://www.fonepaw.com/pages/ios-promotion/pc-background.png*/
        100%/100% no-repeat;
    background-size: 100% 100%;
    border-radius: 6px 6px 0 0
}

.activity,
.activity-content,
.activity-content .activity-content-left {
    display: flex;
    justify-content: center;
    align-items: center
}

.activity-content .activity-content-left .pc-img {
    width: 42px;
    height: 42px
}

.activity-content .activity-content-left .text {
    margin-left: 24px;
    font-size: 24px;
    color: #fff
}

.activity-content .activity-content-left .text-iphone {
    font-size: 16px;
    color: #fff;
    display: none
}

.activity-content .activity-content-left .pc-img img {
    width: 100%;
    height: 100%
}

.activity-content-right {
    margin-left: 224px
}

.activity-content-right .activity-content-right-box {
    display: block;
    width: 160px;
    height: 48px;
    background: #fb9257;
    border: 2px solid #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 4px;
    text-align: center;
    line-height: 44px;
    font-size: 22px;
    color: #fff;
    position: relative;
    cursor: pointer
}

.activity-content-right .activity-content-right-box .activity-content-right-box-label {
    width: 42px;
    height: 42px;
    position: absolute;
    top: -10px;
    right: -21px
}

#ja_body .activity-content-right .activity-content-right-box .activity-content-right-box-label,
#tw_body .activity-content-right .activity-content-right-box .activity-content-right-box-label {
    width: 48px;
    height: 48px;
    top: -17px;
    right: -25px
}

@media (max-width: 770px) {
    .activity {
        height: 57px;
        background: url("../../pages/ios-promotion/iphone-background.png")
            /*tpa=https://www.fonepaw.com/pages/ios-promotion/iphone-background.png*/
            100%/100% no-repeat
    }

    .activity-content {
        margin-top: 5px
    }

    .activity-content .activity-content-left .text-iphone {
        display: block
    }

    .activity-content .activity-content-left .pc-img,
    .activity-content .activity-content-left .text {
        display: none
    }

    .activity-content-right .activity-content-right-box {
        width: 102px;
        height: 32px;
        line-height: 29px;
        font-size: 16px
    }

    .activity-content-right .activity-content-right-box .activity-content-right-box-label {
        width: 39px;
        height: 39px;
        top: -10px;
        left: -21px
    }

    #es_body .activity-content-right .activity-content-right-box .activity-content-right-box-label,
    #fr_body .activity-content-right .activity-content-right-box .activity-content-right-box-label,
    #ja_body .activity-content-right .activity-content-right-box .activity-content-right-box-label,
    #tw_body .activity-content-right .activity-content-right-box .activity-content-right-box-label {
        width: 38px;
        height: 38px;
        top: -11px
    }

    #de_body .activity-content-right .activity-content-right-box .activity-content-right-box-label {
        width: 38px;
        height: 38px;
        top: -12px;
        left: -26px
    }

    .activity-content-right {
        margin-left: 12px
    }

    #de_body .activity-content-right,
    #es_body .activity-content-right,
    #fr_body .activity-content-right {
        margin-left: 22px
    }

    #es_body .activity-content .activity-content-left .text-iphone {
        font-size: 13px
    }
}

.MediaAwards[data-v-49b8e175] {
    width: 100%;
    position: relative;
    margin-bottom: 100px
}

#ad_android-data-recovery .MediaAwards .container .card[data-v-49b8e175] {
    padding-top: 101px
}

.MediaAwards .container .card[data-v-49b8e175] {
    width: 99.7%;
    background-color: #fff;
    padding-top: 110px
}

.MediaAwards .container .card h2[data-v-49b8e175] {
    font-size: 34px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    line-height: 28px
}

.MediaAwards .container .card p[data-v-49b8e175] {
    width: 920px;
    font-size: 16px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    text-align: center;
    margin: 25px auto 45px
}

.MediaAwards .container .part5-table[data-v-49b8e175] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 1px;
    flex-wrap: wrap;
    margin-top: 1px
}

.MediaAwards .container .part5-table .table-sub[data-v-49b8e175] {
    width: 212px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #f2f2f2;
    margin-left: -1px;
    margin-top: -1px
}

@media screen and (max-width: 960px) {
    .MediaAwards[data-v-49b8e175] {
        width: 100%;
        position: relative;
        margin: 65px 0
    }

    .MediaAwards .container .card[data-v-49b8e175] {
        width: 99.7%;
        background-color: #fff;
        padding: 0 10px
    }

    .MediaAwards .container .card h2[data-v-49b8e175] {
        font-size: 24px
    }

    .MediaAwards .container .card p[data-v-49b8e175] {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
        margin: 16px auto 33px
    }

    .MediaAwards .container .part5-table[data-v-49b8e175] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-left: 12px;
        margin-right: 2px;
        flex-wrap: wrap;
        margin-top: 1px
    }

    .MediaAwards .container .part5-table .table-sub[data-v-49b8e175] {
        flex: 0 0 33%;
        height: 59px;
        padding: 0 10px
    }

    .MediaAwards .container .part5-table .table-sub img[data-v-49b8e175] {
        width: 100%
    }

    #ad_android-data-recovery .MediaAwards .container .card[data-v-49b8e175] {
        padding-top: 44px
    }
}

#MoreFeatures[data-v-5302037c] {
    width: 100%;
    height: 100%
}

#MoreFeatures .container .more-box[data-v-5302037c] {
    display: flex;
    justify-content: space-around
}

#MoreFeatures .container .more-box .box-wrap[data-v-5302037c] {
    flex: 1;
    padding: 15px;
    border: 2px solid #dcdddd;
    height: 282px;
    max-width: 40%;
    margin-right: 20px
}

#MoreFeatures .container .more-box .box-wrap[data-v-5302037c]:last-child {
    margin-right: 0
}

#MoreFeatures .container .more-box .box-wrap .box[data-v-5302037c] {
    height: 100%;
    background: url("../../pages/ios-system-recovery/ddot.svg")
        /*tpa=https://www.fonepaw.com/pages/ios-system-recovery/ddot.svg*/
        no-repeat 50%;
    background-size: contain;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#MoreFeatures .container .more-box .box-wrap .box a[data-v-5302037c] {
    text-align: center
}

#MoreFeatures .container .more-box .box-wrap .box img[data-v-5302037c] {
    width: 15%
}

#MoreFeatures .container .more-box .box-wrap .box p[data-v-5302037c] {
    font-size: 16px;
    color: #231815;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 30px
}

#MoreFeatures .container .more-box .box-wrap .box span[data-v-5302037c] {
    font-size: 16px;
    line-height: 28px;
    color: #595757;
    text-align: center
}

#MoreFeatures .container .more-box .box-wrap[data-v-5302037c]:hover {
    border: 2px solid #595757;
    box-shadow: 0 40px 25px 0 #eee
}

@media screen and (max-width: 768px) {
    #MoreFeatures .container .more-box[data-v-5302037c] {
        flex-direction: column
    }

    #MoreFeatures .container .more-box .box-wrap[data-v-5302037c] {
        margin-top: 30px;
        max-width: 100%
    }
}

.widget[data-v-e741d33c] {
    position: fixed;
    top: 80%;
    right: 2%;
    z-index: 9999
}

.totop[data-v-e741d33c] {
    background-image: url("../../pages/global/totop.svg")
        /*tpa=https://www.fonepaw.com/pages/global/totop.svg*/
    ;
    width: 46px;
    height: 64px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 20px auto 0
}

.totop[data-v-e741d33c]:hover {
    opacity: .6
}

.fade-enter-active[data-v-e741d33c],
.fade-leave-active[data-v-e741d33c] {
    transition: opacity .3s
}

.fade-enter[data-v-e741d33c],
.fade-leave-to[data-v-e741d33c] {
    opacity: 0
}

#new_product-btn .new_leftBtn {
    width: 270px;
    background: #655bef;
    color: #fff;
    border-radius: 3px
}

#new_product-btn .new_leftBtn,
#new_product-btn .new_rightBtn {
    height: 66px;
    font-weight: 700;
    font-size: 23px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

#new_product-btn .new_rightBtn {
    width: 195px;
    border: 1px solid #655bef;
    color: #655bef;
    margin-left: 25px;
    border-radius: 3px
}

.buy_download {
    display: flex
}

.new_leftBtn_text_box {
    display: flex;
    flex-direction: column
}

.download_text_2 {
    font-size: 12px;
    line-height: 10px;
    color: #fff;
    font-weight: lighter;
    font-weight: 300
}

.switchover {
    font-size: 16px;
    line-height: 166.9%;
    color: #000;
    margin-top: 17px;
    display: inline-block;
    cursor: pointer
}

.switchover_img {
    width: 13px;
    height: 9px
}

.switchover:hover .switchover_img {
    transform: translateX(10px);
    transition: all .5s
}

.new_button_box:hover .new_leftBtn,
.new_button_box_right:hover .new_rightBtn {
    transform: translateY(-10px);
    transition: all .5s
}

.new_leftBtn img,
.new_rightBtn img {
    width: 20px;
    height: 20px
}

@media (max-width: 770px) {
    #new_product-btn .new_leftBtn {
        width: 192.68px;
        height: 51.65px;
        padding-left: 16px;
    }

    #new_product-btn .new_leftBtn .new_leftBtn_text_box {
        padding-left: 14px;
    }

    .download_text_1 {
        font-weight: 600;
        font-size: 14.307px;
        line-height: 17px
    }

    .download_text_2 {
        font-weight: 300;
        font-size: 6.64023px;
        line-height: 12px
    }

    .new_rightBtn span {
        font-weight: 600;
        font-size: 14.307px;
        line-height: 17px
    }

    #pt_body .new_rightBtn span {
        font-size: 11px
    }

    .new_rightBtn img {
        width: 25px;
        height: 27px
    }

    #new_product-btn .new_rightBtn {
        width: 131.91px;
        height: 51.65px
    }
}

#reviews {
    width: 100%;
    height: 100%
}

#reviews .container .reviews-center {
    width: 80%;
    position: relative;
    margin: 60px auto auto;
    background: url("../../pages/tech/reviews-bg.svg")
        /*tpa=https://www.fonepaw.com/pages/tech/reviews-bg.svg*/
        no-repeat 50%;
    background-size: 20%
}

#reviews .container .reviews-center .swiper-slide {
    width: 500px;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

#reviews .container .reviews-center .swiper-slide .desrpSfer {
    width: 100%;
    color: #595757;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    display: none;
    position: absolute;
    width: 500px;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

#reviews .container .reviews-center .swiper-slide .deDescfer {
    font-size: 20px;
    color: #2d8cff;
    font-weight: 800
}

#reviews .container .reviews-center .swiper-slide-active .deDescfer {
    transform: translateY(30px)
}

#reviews .container .reviews-center .swiper-slide-active .desrpSfer {
    display: block
}

#reviews .container .reviews-center .swiper-slide .desrpSfer p {
    margin-top: 30px
}

#reviews .container .reviews-center .swiper-slide .desrpSfer p.deDescfer {
    color: #2d8cff
}

#reviews .container .reviews-center .swiper-slide .img-wrapfer {
    text-align: center;
    margin-top: 50px
}

#reviews .container .reviews-center .swiper-slide .desrpSfer span {
    color: #ff7e78
}

#reviews .container .reviews-center .swiper-slide .img-wrapfer .head-picfer {
    text-align: center;
    display: inline-block;
    width: 20%
}

#reviews .container .reviews-center .swiper-slide .img-wrapfer .head-picfer img {
    border-radius: 50%
}

#reviews .container .reviews-center .swiper-pagination {
    left: 50%;
    transform: translateX(-50%) !important;
    bottom: 110px
}

#reviews .container .reviews-center .swiper-pagination-bullet {
    margin: 0 4px;
    background: #000
}

#reviews .container .reviews-center .swiper-button-prev {
    width: 30px;
    height: 30px;
    position: absolute;
    background: #c9caca;
    border-radius: 50%;
    z-index: 2;
    outline: none;
    left: 50px;
    top: 40px
}

#reviews .container .reviews-center .swiper-button-prev:before {
    content: "";
    background: url("../../pages/tech/arrow-l.svg")
        /*tpa=https://www.fonepaw.com/pages/tech/arrow-l.svg*/
        no-repeat 40%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 50% 50%;
    height: 100%;
    border-radius: 50%
}

#reviews .container .reviews-center .swiper-button-prev:after {
    content: "";
    display: none
}

#reviews .container .reviews-center .swiper-button-next {
    width: 30px;
    height: 30px;
    background: #c9caca;
    border-radius: 50%;
    z-index: 2;
    outline: none;
    right: 50px;
    top: 40px
}

#reviews .container .reviews-center .swiper-button-next:before {
    content: "";
    background: url("../../pages/tech/arrow-r.svg")
        /*tpa=https://www.fonepaw.com/pages/tech/arrow-r.svg*/
        no-repeat 60%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 50% 50%;
    height: 100%;
    border-radius: 50%
}

#reviews .container .reviews-center .swiper-button-next:after {
    content: "";
    display: none
}

@media screen and (max-width: 768px) {
    #reviews .container .reviews-center .swiper-slide .desrpSfer {
        width: 100%;
        font-size: 12px
    }

    #reviews .container .reviews-center .swiper-slide .desrpSfer p {
        margin-top: 10px
    }

    #reviews .container .reviews-center .swiper-button-prev {
        left: -40px
    }

    #reviews .container .reviews-center .swiper-slide .img-wrapfer {
        margin-top: 60px
    }

    #reviews .container .reviews-center .swiper-button-next {
        right: -40px
    }
}

@media screen and (max-width: 500px) {
    #reviews .container .reviews-center .swiper-slide {
        width: 250px;
        height: 590px
    }
}

#post-adr-list[data-v-2e50cffb] {
    width: 594px;
    height: 330px;
    background: #e1f3ff;
    box-shadow: 0 5px 15px -4px rgba(0, 0, 0, .25);
    border-radius: 17px;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 0 10px
}

#post-adr-list>a[data-v-2e50cffb] {
    display: block;
    width: 70%;
    margin: 18px auto 19px;
    text-align: center;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 22px;
    color: #000
}

#post-adr-list .main-box[data-v-2e50cffb] {
    display: flex;
    justify-content: space-around
}

.main-box .item[data-v-2e50cffb] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 136px;
    height: 157px;
    background: #fff;
    border-radius: 10px
}

.pc-box .item[data-v-2e50cffb]:hover {
    border: 2px solid #0094ff
}

.main-box .item img[data-v-2e50cffb] {
    height: 32px
}

.main-box .item .fore[data-v-2e50cffb] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#post-adr-list .main-box .item .fore>p[data-v-2e50cffb] {
    margin-top: 23px;
    height: 40px;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #000
}

#post-adr-list .main-box .item .after .detail[data-v-2e50cffb] {
    padding: 5px;
    text-align: center;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 19px;
    color: #000
}

#post-adr-list .btn-box[data-v-2e50cffb] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

#post-adr-list .btn-box a[data-v-2e50cffb] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 40px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25)
}

#post-adr-list .btn-box a.download[data-v-2e50cffb] {
    margin-right: 21px;
    background: linear-gradient(269.42deg, #fa9155 .38%, #e7661d 99.49%);
    border: 2px solid #fff;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

#post-adr-list .btn-box a.download[data-v-2e50cffb]:hover {
    background: linear-gradient(269.42deg, #e7661d .38%, #fa9155 99.49%)
}

#post-adr-list .btn-box a.download img[data-v-2e50cffb] {
    margin-right: 10px
}

#post-adr-list .btn-box a.learnmore[data-v-2e50cffb] {
    border: 3px solid #f07b38;
    font-weight: 700;
    font-size: 16px;
    color: #f07b38
}

#post-adr-list .btn-box a.learnmore[data-v-2e50cffb]:hover {
    background: #f07b38;
    color: #fff
}

@media screen and (max-width: 768px) {
    #post-adr-list[data-v-2e50cffb] {
        width: 95%;
        margin: 0 auto 80px
    }

    #post-adr-list>a[data-v-2e50cffb] {
        width: 100%;
        font-size: 18px
    }

    .main-box .item img[data-v-2e50cffb] {
        height: 25px
    }

    #post-adr-list .main-box .item .fore>p[data-v-2e50cffb] {
        margin-top: 6px;
        margin-bottom: 0;
        padding: 0 15px;
        font-size: 12px;
        line-height: 19px
    }

    #post-adr-list .btn-box[data-v-2e50cffb] {
        margin-top: 13px
    }

    #post-adr-list .btn-box a.learnmore[data-v-2e50cffb]:hover {
        background: #f07b38;
        color: #fff
    }

    #post-adr-list .mobile-box[data-v-2e50cffb] {
        flex-wrap: wrap
    }

    #post-adr-list .mobile-box .item[data-v-2e50cffb] {
        width: 140px;
        height: 85px;
        background: #fff;
        border-radius: 8px;
        margin-top: 12px
    }
}

#post-hot-article[data-v-39631b24] {
    margin-bottom: 30px
}

#post-hot-article a[data-v-39631b24] {
    color: #000
}

#post-hot-article .title[data-v-39631b24] {
    position: relative;
    margin: 80px 0 20px;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 24px !important;
    color: #000 !important;
    text-align: left !important
}

#guides-detail #post-hot-article .title[data-v-39631b24]:before {
    content: "";
    position: absolute;
    left: -10px;
    display: block;
    width: 6px;
    height: 10px;
    background: #ff824a;
    top: 10px;
    left: 0;
}

#guides-detail #post-hot-article .title[data-v-39631b24]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 47px;
    height: 6px;
    background: #ff824a;
    z-index: -1;
    top: 25px;
    left: 8px;
}

#post-hot-article ul[data-v-39631b24] {
    padding: 0 0 0 30px;
    line-height: 26px
}

#post-hot-article ul li[data-v-39631b24] {
    position: relative;
    list-style: none;
    font-family: opensans-regular;
    font-size: 14px;
    color: #000;
    margin-top: 10px
}

#post-hot-article ul li a[data-v-39631b24]:hover {
    color: #008aff
}

#post-hot-article ul li[data-v-39631b24]:hover:after {
    background: #008aff
}

#post-hot-article ul li[data-v-39631b24]:before {
    content: url("../../pages/post/fire.png")
        /*tpa=https://www.fonepaw.com/pages/post/fire.png*/
    ;
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%)
}

#post-hot-article ul li[data-v-39631b24]:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 500px;
    height: 1px;
    background: #c4c4c4
}

@media screen and (max-width: 768px) {
    #post-hot-article ul[data-v-39631b24] {
        line-height: 22px
    }

    #post-hot-article ul li[data-v-39631b24]:before {
        top: 10px
    }

    #post-hot-article .title[data-v-39631b24] {
        padding-left: 15px
    }

    #post-hot-article .title[data-v-39631b24]:before {
        left: 0
    }

    #post-hot-article .title[data-v-39631b24]:after {
        left: 15px
    }
}

#PostProductbox1.PostProductBoxType1[data-v-12ce5433] {
    margin-bottom: 20px;
    position: relative
}

#PostProductbox1.PostProductBoxType1 .box[data-v-12ce5433] {
    width: 594px;
    height: 114px;
    border: 5px solid #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .2);
    border-radius: 10px
}

#PostProductbox1.PostProductBoxType1 .box .title[data-v-12ce5433] {
    padding-top: 10px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #fff
}

#PostProductbox1.PostProductBoxType1 .box .btn[data-v-12ce5433] {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#PostProductbox1.PostProductBoxType1 .box .btn a.btnleft.icon-win[data-v-12ce5433],
#PostProductbox1.PostProductBoxType1 .box .btn a.btnright.icon-mac[data-v-12ce5433] {
    width: 184px;
    height: 40px;
    line-height: 35px;
    background: linear-gradient(90.82deg, #e6661e .7%, #fa9155 99.54%);
    border: 2px solid #fff;
    border-radius: 4px
}

#PostProductbox1.PostProductBoxType1 .box .btn a span[data-v-12ce5433] {
    font-family: Open Sans;
    font-weight: 700
}

#PostProductbox1.PostProductBoxType1 .box .mobilebtn[data-v-12ce5433] {
    display: none
}

#PostProductbox1.PostProductBoxType1 .box .mobilebtn a.btnleft.icon-win[data-v-12ce5433],
#PostProductbox1.PostProductBoxType1 .box .mobilebtn a.btnright.icon-mac[data-v-12ce5433] {
    width: 218px;
    height: 50px;
    line-height: 46px;
    background: linear-gradient(90.82deg, #e6661e .7%, #fa9155 99.54%);
    border: 2px solid #fff;
    border-radius: 4px
}

#PostProductbox1.PostProductBoxType1 .box .mobilebtn a.btnleft.icon-win[data-v-12ce5433]:before,
#PostProductbox1.PostProductBoxType1 .box .mobilebtn a.btnright.icon-mac[data-v-12ce5433]:before {
    margin-right: 5px
}

#PostProductbox1.PostProductBoxType1 .box .mobilebtn a span[data-v-12ce5433] {
    font-family: Open Sans;
    font-weight: 700
}

#PostProductbox1.PostProductBoxType1 .box.productbg1[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg1.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg1.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg2[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg2.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg2.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg3[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg3.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg3.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg4[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg4.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg4.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg5[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg5.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg5.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg6[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg6.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg6.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg7[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg7.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg7.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg8[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg8.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg8.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg9[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg9.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg9.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg11[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg11.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg11.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg12[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg12.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg12.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg14[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg14.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg14.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg15[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg15.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg15.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg16[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg16.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg16.png*/
        50% no-repeat
}

#PostProductbox1.PostProductBoxType1 .box.productbg17[data-v-12ce5433] {
    background: url("../../pages/post/type1productbg17.png")
        /*tpa=https://www.fonepaw.com/pages/post/type1productbg17.png*/
        50% no-repeat
}

@media screen and (max-width: 768px) {
    #PostProductbox1.PostProductBoxType1 .box[data-v-12ce5433] {
        width: 100%;
        height: auto;
        background: none !important;
        box-shadow: none
    }

    #PostProductbox1.PostProductBoxType1 .box .btn[data-v-12ce5433],
    #PostProductbox1.PostProductBoxType1 .box .title[data-v-12ce5433] {
        display: none
    }

    #PostProductbox1.PostProductBoxType1 .box .mobilebtn[data-v-12ce5433] {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    #PostProductbox1.PostProductBoxType1 .box .btn a.btnleft.icon-win[data-v-12ce5433] {
        margin-right: 10px
    }

    #PostProductbox1.PostProductBoxType1 .box .mobilebtn a.btnleft.icon-win[data-v-12ce5433]:before,
    #PostProductbox1.PostProductBoxType1 .box .mobilebtn a.btnright.icon-mac[data-v-12ce5433]:before {
        margin-right: 23px
    }
}

#PostProductbox2.PostProductBoxType2[data-v-1e2effca] {
    width: 594px;
    height: 195px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    border-radius: 10px;
    padding: 6px;
    margin-bottom: 30px
}

#PostProductbox2.PostProductBoxType2 .box[data-v-1e2effca] {
    height: 183px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 0 20px
}

#PostProductbox2.PostProductBoxType2 .box .leftimg[data-v-1e2effca] {
    margin: 0 10px
}

#PostProductbox2.PostProductBoxType2 .box .title[data-v-1e2effca] {
    width: 100%;
    font-family: opensans-semibold;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 38px;
    color: #fff;
    margin: 0
}

#PostProductbox2.PostProductBoxType2 .box .desc[data-v-1e2effca] {
    width: 100%;
    text-align: center;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px
}

#PostProductbox2.PostProductBoxType2 .box .btn[data-v-1e2effca] {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#PostProductbox2.PostProductBoxType2 .box .btn a.btnleft.icon-win[data-v-1e2effca],
#PostProductbox2.PostProductBoxType2 .box .btn a.btnright.icon-mac[data-v-1e2effca] {
    width: 184px;
    height: 40px;
    line-height: 35px;
    background: linear-gradient(90.82deg, #e6661e .7%, #fa9155 99.54%);
    border: 2px solid #fff;
    border-radius: 4px
}

#PostProductbox2.PostProductBoxType2 .box .btn a span[data-v-1e2effca] {
    font-family: Open Sans;
    font-weight: 700
}

#PostProductbox2.PostProductBoxType2 .box .mobilebtn[data-v-1e2effca] {
    display: none
}

#PostProductbox2.PostProductBoxType2 .box .mobilebtn a.btnleft.icon-win[data-v-1e2effca],
#PostProductbox2.PostProductBoxType2 .box .mobilebtn a.btnright.icon-mac[data-v-1e2effca] {
    width: 175px;
    height: 40px;
    line-height: 35px;
    background: linear-gradient(90.82deg, #e6661e .7%, #fa9155 99.54%);
    border: 2px solid #fff;
    font-size: 14px;
    border-radius: 4px
}

#PostProductbox2.PostProductBoxType2 .box .mobilebtn a.btnleft.icon-win[data-v-1e2effca]:before,
#PostProductbox2.PostProductBoxType2 .box .mobilebtn a.btnright.icon-mac[data-v-1e2effca]:before {
    margin-right: 5px
}

#PostProductbox2.PostProductBoxType2 .box .mobilebtn a span[data-v-1e2effca] {
    font-family: Open Sans;
    font-weight: 700
}

#PostProductbox2.PostProductBoxType2 .box.productbg[data-v-1e2effca] {
    background: url("../../pages/post/type2productbg.png")
        /*tpa=https://www.fonepaw.com/pages/post/type2productbg.png*/
        50% no-repeat
}

#PostProductbox2.PostProductBoxType2 .box.productbg.turnleft[data-v-1e2effca] {
    justify-content: flex-start
}

@media screen and (max-width: 768px) {
    #PostProductbox2.PostProductBoxType2[data-v-1e2effca] {
        margin: 0 auto
    }
}

@media screen and (max-width: 767px) {
    #PostProductbox2.PostProductBoxType2[data-v-1e2effca] {
        width: 97%;
        height: 169px
    }

    #PostProductbox2.PostProductBoxType2 .box[data-v-1e2effca] {
        height: 157px;
        background: none;
        padding-left: 14px
    }

    #PostProductbox2.PostProductBoxType2 .box .title[data-v-1e2effca] {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        padding-top: 5px
    }

    #PostProductbox2.PostProductBoxType2 .box .btn[data-v-1e2effca] {
        display: none
    }

    #PostProductbox2.PostProductBoxType2 .box .mobilebtn[data-v-1e2effca] {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    #PostProductbox2.PostProductBoxType2 .box .btn a.btnleft.icon-win[data-v-1e2effca] {
        margin-right: 10px
    }

    #PostProductbox2.PostProductBoxType2 .box .desc[data-v-1e2effca] {
        display: none
    }

    #PostProductbox2.PostProductBoxType2 .box.productbg[data-v-1e2effca] {
        background: url("../../pages/post/mobiletype2productbg.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobiletype2productbg.png*/
            50% no-repeat
    }

    #PostProductbox2.PostProductBoxType2 .box .leftimg[data-v-1e2effca] {
        margin: 0 10px
    }
}

.PostProductBoxType3[data-v-61935d4b] {
    margin: 57px 0 32px
}

.PostProductBoxType3 .box[data-v-61935d4b] {
    width: 592px;
    height: 298px;
    background: #1b5eb1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 0 50px
}

.PostProductBoxType3 .box .header[data-v-61935d4b] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 357px;
    height: 50px;
    top: -25px;
    background: #fff;
    border: 4px solid #2d55b6;
    border-radius: 25px;
    line-height: 42px;
    font-size: 18px;
    font-weight: 700;
    padding: 0 33px
}

.PostProductBoxType3 .box .header .header_text[data-v-61935d4b] {
    width: 100%;
    height: 100%;
    font-size: 14px;
    display: inline-block;
    color: #000;
    text-align: center
}

.PostProductBoxType3 .box .box_img[data-v-61935d4b] {
    height: 171px
}

.PostProductBoxType3 .box_introduce[data-v-61935d4b] {
    margin-left: 30px;
    position: relative;
    z-index: 2
}

.PostProductBoxType3 .box_introduce_title[data-v-61935d4b] {
    font-size: 14px;
    line-height: 140.68%;
    font-weight: 700;
    padding-right: 27px;
    color: #fff
}

.PostProductBoxType3 .box_background[data-v-61935d4b] {
    position: absolute;
    right: 0;
    top: 12px;
    opacity: .3
}

.PostProductBoxType3 .box_introduce_subheading[data-v-61935d4b] {
    margin-top: 26px
}

.PostProductBoxType3 .box_introduce_subheading li[data-v-61935d4b] {
    font-size: 10px;
    line-height: 178.68%;
    color: #fff;
    list-style: initial
}

.PostProductBoxType3 .box_introduce_button[data-v-61935d4b] {
    margin-top: 26px;
    display: flex
}

.PostProductBoxType3 .box .box_introduce_button .box_introduce_button_mac[data-v-61935d4b],
.PostProductBoxType3 .box .box_introduce_button .box_introduce_button_win[data-v-61935d4b] {
    display: inline-block !important;
    width: 157.44px !important;
    height: 43.73px !important;
    background: linear-gradient(90.82deg, #e6661e .7%, #fa9155 99.54%) !important;
    border: 1px solid #fff !important;
    border-radius: 14px !important;
    line-height: 43.73px !important;
    margin-right: 14px !important
}

.PostProductBoxType3 .box .box_introduce_button .box_introduce_button_mac[data-v-61935d4b]:hover,
.PostProductBoxType3 .box .box_introduce_button .box_introduce_button_win[data-v-61935d4b]:hover {
    background: linear-gradient(90.82deg, #fa9155 .7%, #e6661e 99.54%) !important;
    display: inline-block !important
}

.PostProductBoxType3 .box_introduce_button_text[data-v-61935d4b] {
    font-size: 14px;
    margin-bottom: 5px;
    color: #fff;
    display: inline-block;
    transform: translateY(-2px)
}

#product-btn {
    display: flex;
    justify-content: center
}

#product-btn .switch-area .choose-btn {
    width: 60px;
    height: 30px;
    border: 2px solid #2d8cff;
    line-height: 30px;
    border-radius: 15px;
    margin: auto;
    position: relative;
    display: flex
}

#product-btn .switch-area .choose-btn .move {
    position: absolute;
    display: block;
    width: 50%;
    height: 30px;
    border-radius: 50%;
    background: #2d8cff;
    z-index: -1;
    top: -2px;
    transition: all .2s ease
}

#product-btn .switch-area .choose-btn span {
    color: rgba(45, 140, 255, .2);
    display: block;
    width: 50%;
    line-height: 26px
}

#product-btn .switch-area .choose-btn span.active {
    color: #fff
}

#product-btn a {
    border-radius: 5px;
    padding: 0 10px;
    height: 40px;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: all .2s;
    justify-content: center
}

#product-btn a.rightBtn {
    margin-left: 10px
}

#product-btn a em {
    margin-left: 12px
}

#product-btn.light a {
    background-color: #fff;
    color: #2d8cff
}

#product-btn.light a:hover {
    transform: scale(.9)
}

#product-btn.dark a {
    background-color: #2d8cff
}

#product-btn.dark a:hover {
    background-color: #067df4
}

#product-btn.black a.leftBtn,
#product-btn.dark a,
#product-btn.dark a.leftBtn,
#product-btn.white a.leftBtn {
    background-color: #655bef;
    border-color: #655bef;
    color: #fff
}

#product-list .banner #product-btn a.rightBtn {
    background-color: #fff;
    color: #000;
    border: 2px solid #655bef
}

#product-btn.black a.leftBtn:hover,
#product-btn.white a.leftBtn:hover {
    background-color: #655bef
}

#product-btn.white a.rightBtn {
    background-color: #fff;
    color: #655bef;
    border: 2px solid #dcdddd
}

#product-btn.black a.rightBtn {
    color: #655bef;
    border: 1px solid #dcdddd
}

#product-list .banner #product-btn a.rightBtn {
    color: #655bef
}

#product-btn .leftBtn:hover,
#product-btn.light a {
    background-color: #655bef
}

#product-btn.light a {
    border-color: #655bef;
    color: #fff
}

#ja_body #product-btn a {
    font-size: 14px
}

#product-btn a.rightBtn {
    background-color: #fff;
    color: #655bef;
    border: 2px solid #655bef
}

@media (max-width: 600px) {
    #product-btn {
        flex-direction: column;
        align-items: center
    }

    #product-btn a.rightBtn {
        margin-top: 20px;
        margin-left: 0
    }

    #product-btn .buy_download {
        flex-direction: column;
        align-items: center
    }
}

@font-face {
    font-display: swap;
    font-family: icomoon;
    src: url("../fonts/icomoon.eot-q8ds0i")
        /*tpa=https://www.fonepaw.com/fonts/icomoon.eot?q8ds0i*/
    ;
    src: url("../fonts/icomoon.eot-q8ds0i#iefix")
        /*tpa=https://www.fonepaw.com/fonts/icomoon.eot?q8ds0i#iefix*/
        format("embedded-opentype"), url("../fonts/icomoon.ttf?q8ds0i")
        /*tpa=https://www.fonepaw.com/fonts/icomoon.ttf?q8ds0i*/
        format("truetype"), url("../fonts/icomoon.woff?q8ds0i")
        /*tpa=https://www.fonepaw.com/fonts/icomoon.woff?q8ds0i*/
        format("woff"), url("../fonts/icomoon.svg-q8ds0i#icomoon")
        /*tpa=https://www.fonepaw.com/fonts/icomoon.svg?q8ds0i#icomoon*/
        format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"][data-v-123bd378],
[class^=icon-][data-v-123bd378] {
    font-display: swap;
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[data-v-123bd378] {
    font-family: Montserrat_Light !important
}

#product-btn .newBtns a .icon-win[data-v-123bd378]:before {
    margin-right: 10px
}

#product-btn .leftBtn[data-v-123bd378] {
    transition: all .5s
}

#product-btn .leftBtn .buy_download_new_img[data-v-123bd378],
#product-btn .rightBtn .buy_download_new_img[data-v-123bd378] {
    width: 16px;
    height: 17px;
    margin-right: 10px
}

#product-btn.white a.rightBtn[data-v-123bd378] {
    border-color: #655bef;
    color: #655bef
}

#product-list #product-btn .leftBtn[data-v-123bd378],
#product-list #product-btn .rightBtn[data-v-123bd378] {
    transition: all .5s
}

#product-list #product-btn .leftBtn[data-v-123bd378]:hover,
#product-list #product-btn .rightBtn[data-v-123bd378]:hover {
    transform: translateY(-10px)
}

#product-list #product-btn .rightBtn[data-v-123bd378] {
    margin-top: 0
}

#product-list #product-btn .pcproductbtn[data-v-123bd378] {
    display: flex;
    width: 100%;
    justify-content: space-between
}

#download-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: saturate(100%) blur(10px);
    background-color: hsla(0, 0%, 100%, .72);
    z-index: 1111111
}

#download-up .description {
    text-align: center;
    margin-top: 45px
}

#download-up .description .title {
    font-size: 36px;
    line-height: 56px;
    color: #468df7;
    font-weight: 700
}

#download-up .description .title a {
    text-decoration: underline;
    color: #468df7
}

#download-up .description .desc {
    font-size: 24px;
    list-style: 44px;
    margin-top: 10px
}

#download-up .img {
    position: fixed;
    bottom: 0;
    left: 0
}

#download-up .img img {
    max-width: unset;
    position: absolute
}

#download-up .img img.stepOne {
    bottom: 0;
    left: 0
}

#download-up .img img.arrowOne {
    bottom: 210px;
    left: 315px
}

#download-up .img img.stepTwo {
    left: 475px;
    bottom: 39px
}

#download-up .img img.arrowTwo {
    left: 780px;
    bottom: 328px
}

#download-up .img img.stepThree {
    left: 940px;
    bottom: 162px
}

.product_list .support_device[data-v-f6739178] {
    display: flex;
    font-size: 16px;
    line-height: 36px;
    background: #fff;
    vertical-align: middle;
    width: 290px;
    margin: 0 auto 50px;
    border-radius: 18px;
    box-shadow: 0 0 13px hsla(0, 0%, 54.9%, .3);
    cursor: pointer
}

.product_list .support_device span[data-v-f6739178] {
    display: inline-block;
    text-align: center;
    width: 100%;
    vertical-align: middle
}

.product_list .support_device .active[data-v-f6739178] {
    background: #2ad9c2;
    line-height: 36px;
    border-radius: 18px
}

.product_list .product_tab .container[data-v-f6739178] {
    display: flex;
    justify-content: space-around;
    margin-bottom: 40px
}

.product_list .product_tab .product_item[data-v-f6739178] {
    text-align: center;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 13px hsla(0, 0%, 54.9%, .3);
    height: 336px;
    width: 297px
}

.product_list .product_tab .product_item .product_content[data-v-f6739178] {
    padding: 35px 10px;
    width: 100%;
    height: 100%
}

.product_list .product_tab .item_title[data-v-f6739178] {
    font-size: 24px;
    color: #1e2432;
    font-display: swap;
    font-family: OpenSansBold;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 30px;
    position: relative
}

#ja_body .product_list .product_tab .item_title[data-v-f6739178] {
    font-size: 20px
}

.product_list .product_tab .item_title[data-v-f6739178]:after {
    content: "";
    width: 108px;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 50%;
    margin-left: -54px;
    bottom: -10px
}

.product_list .product_tab .item_desc[data-v-f6739178] {
    font-size: 13px;
    line-height: 17px;
    color: #4d4d4d;
    font-display: swap;
    font-family: OpenSansLight;
    margin-bottom: 15px
}

.product_list .product_tab .item_desc span[data-v-f6739178] {
    vertical-align: middle
}

.product_list .product_tab .item_desc .item_tips[data-v-f6739178] {
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    cursor: pointer
}

.product_list .product_tab .item_desc img[data-v-f6739178] {
    cursor: pointer
}

.product_list .product_tab .item_desc .product_tips[data-v-f6739178] {
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    width: 212px;
    padding: 10px;
    background-color: #1e2432;
    color: #fff;
    border-radius: 5px;
    text-align: left;
    right: -226px;
    bottom: -125%;
    z-index: 1
}

.product_list .product_tab .item_desc .product_tips[data-v-f6739178]:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #1e2432;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: -9px
}

.product_list .product_tab .item_price[data-v-f6739178] {
    font-size: 24px;
    line-height: 66px;
    color: #f54721;
    font-display: swap;
    font-family: OpenSansBold;
    font-weight: 700
}

.product_list .product_tab .item_btn[data-v-f6739178] {
    background: #ff715a;
    border-radius: 5px;
    padding: 5px 7px;
    color: #fff;
    font-size: 16px;
    align-items: center;
    width: 130px;
    border: none;
    margin: 0 auto;
    cursor: pointer
}

.product_list .product_tab .item_btn[data-v-f6739178]:hover {
    background: #e83a36
}

.product_list .product_tab .item_support[data-v-f6739178] {
    font-size: 15px;
    color: #1e2432;
    line-height: 54px
}

@media screen and (max-width: 768px) {
    .product_list .product_tab .container[data-v-f6739178] {
        display: inline-block;
        width: 100%
    }

    .product_list .product_tab .product_item[data-v-f6739178] {
        margin: 0 auto 40px
    }
}

@media screen and (max-width: 600px) {
    .product_list .product_tab .item_desc .product_tips[data-v-f6739178] {
        right: 22px;
        top: 200%;
        bottom: auto
    }

    #ja_body .product_list .product_tab .item_desc .product_tips[data-v-f6739178] {
        left: 0;
        margin-left: -106px;
        top: 160%;
        bottom: auto
    }

    .product_list .product_tab .item_desc .product_tips[data-v-f6739178]:before {
        border: 10px solid transparent;
        border-top: none;
        border-bottom: 10px solid #1e2432;
        position: absolute;
        right: 15px;
        left: auto;
        top: -4px
    }
}

.promotion[data-v-34ca7e70] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 40px 10px
}

.promotion .promotion_text[data-v-34ca7e70] {
    margin-left: 20px
}

.promotion-sale[data-v-34ca7e70] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 934px;
    height: 99px;
    background: linear-gradient(90deg, #3f51b1, #5a55ae 13%, #6959ac 25%, #6b5aac 38%, #a86aa4 50%, #cc6b8e 62%, #db7481 77.15%, #ec9874);
    border: 4px solid #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 6px;
    padding: 0 30px;
    font-family: Aileron;
    padding: 0 15px 0 30px
}

.promotion .promotion-sale .promotion_text .promotion_text_title[data-v-34ca7e70] {
    font-size: 22px !important
}

#es_body .promotion .promotion-sale .promotion_text .promotion_text_title[data-v-34ca7e70] {
    font-size: 21px !important
}

.promotion .hint[data-v-34ca7e70] {
    font-size: 14px !important;
    color: #bfbfbf;
    font-weight: 500;
    font-style: italic
}

@media screen and (max-width: 769px) {
    .promotion[data-v-34ca7e70] {
        margin: 20px 0
    }

    .promotion-sale[data-v-34ca7e70] {
        width: 90%;
        height: 137px;
        padding: 0;
        flex-direction: column;
        justify-content: center
    }

    .promotion .hint[data-v-34ca7e70] {
        line-height: 15px !important
    }
}

.tips[data-v-34ca7e70]:before {
    position: absolute;
    content: url("../../pages/buy/promotion-tips.png")
        /*tpa=https://www.fonepaw.com/pages/buy/promotion-tips.png*/
    ;
    left: 0;
    top: 62%;
    transform: translate(-60%, -50%) scale(1.2)
}

.promotion-sale .coupon-box[data-v-34ca7e70] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 344px;
    height: 48px;
    background: #fff;
    border-radius: 4px
}

@media screen and (max-width: 769px) {
    .promotion-sale .coupon-box[data-v-34ca7e70] {
        width: 90%;
        height: 38px
    }

    .tips[data-v-34ca7e70]:before {
        display: none
    }
}

.promotion-sale .coupon-box .coupon[data-v-34ca7e70] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    font-weight: 700;
    font-size: 24px;
    color: #272553
}

#de-buy .promotion-sale .coupon-box .coupon span[data-v-34ca7e70],
#en-buy .promotion-sale .coupon-box .coupon span[data-v-34ca7e70],
.promotion-sale .coupon-box .coupon span[data-v-34ca7e70] {
    font-size: 24px
}

.promotion-sale .coupon-box .copy[data-v-34ca7e70] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 48px;
    background: #ff853e;
    border: 2px solid #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border-radius: 4px;
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    cursor: pointer
}

#de-buy .promotion-sale .coupon-box .copy span[data-v-34ca7e70],
#en-buy .promotion-sale .coupon-box .copy span[data-v-34ca7e70],
.promotion-sale .coupon-box .copy span[data-v-34ca7e70] {
    font-size: 22px
}

#de_body #de-buy .promotion-sale .coupon-box .copy span[data-v-34ca7e70],
#de_body #en-buy .promotion-sale .coupon-box .copy span[data-v-34ca7e70],
#de_body .promotion-sale .coupon-box .copy span[data-v-34ca7e70] {
    font-size: 17px
}

@media screen and (max-width: 769px) {
    .promotion-sale .coupon-box .copy[data-v-34ca7e70] {
        height: 38px
    }
}

#de-buy .promotion-sale p[data-v-34ca7e70],
#en-buy .promotion-sale p[data-v-34ca7e70],
.promotion-sale p[data-v-34ca7e70] {
    font-weight: 700;
    font-size: 22px;
    color: #fff
}

#es_body .promotion-sale p[data-v-34ca7e70] {
    font-size: 21px
}

@media screen and (max-width: 769px) {
    .promotion-sale p[data-v-34ca7e70] {
        text-align: center;
        font-size: 16px;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 768px) {

    #de-buy .promotion-sale p[data-v-34ca7e70],
    #en-buy .promotion-sale p[data-v-34ca7e70],
    .promotion-sale p[data-v-34ca7e70] {
        font-size: 16px;
        line-height: 19px
    }

    #de-buy .promotion-sale .coupon-box .copy span[data-v-34ca7e70],
    #de-buy .promotion-sale .coupon-box .coupon span[data-v-34ca7e70],
    #en-buy .promotion-sale .coupon-box .copy span[data-v-34ca7e70],
    #en-buy .promotion-sale .coupon-box .coupon span[data-v-34ca7e70],
    .promotion-sale .coupon-box .copy span[data-v-34ca7e70],
    .promotion-sale .coupon-box .coupon span[data-v-34ca7e70] {
        font-size: 18px
    }
}

#ProductTab .container[data-v-55396a61] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#ProductTab .container[data-v-55396a61]:before {
    display: none
}

#ProductTab ul[data-v-55396a61] {
    display: flex;
    justify-content: space-between;
    flex: 1
}

#ProductTab ul li[data-v-55396a61] {
    width: 158px;
    height: 161px;
    text-align: center;
    padding-top: 14px;
    box-sizing: border-box
}

#ProductTab ul li p[data-v-55396a61] {
    font-size: 18px;
    font-display: swap;
    font-family: Nunito;
    font-weight: 300;
    color: #000
}

#ProductTab ul li.active[data-v-55396a61] {
    box-shadow: 0 0 35px 0 rgba(13, 18, 60, .16)
}

#ProductTab ul li img[data-v-55396a61] {
    width: 93px;
    height: 97px;
    margin-bottom: 10px
}

#ProductTab .tabNext[data-v-55396a61],
#ProductTab .tabPrev[data-v-55396a61] {
    width: 105px;
    color: #717ca3
}

#ProductTab .tabNext[data-v-55396a61]:hover,
#ProductTab .tabPrev[data-v-55396a61]:hover {
    color: #ccccde
}

#ProductTab .iconjiantou[data-v-55396a61] {
    font-size: 34px;
    cursor: pointer
}

#ProductTab .iconjiantou.iconRight[data-v-55396a61] {
    transform: rotateY(180deg);
    display: block
}

.RelatedPackages[data-v-68a2d743] {
    padding-bottom: 40px
}

.ServiceSupport[data-v-7b45495e] {
    width: 100%;
    position: relative;
    padding: 70px 0;
    background: #2d8cff
}

.ServiceSupport .title[data-v-7b45495e] {
    text-align: center;
    font-weight: 700;
    font-size: 34px;
    line-height: 46px;
    color: #fff
}

.ServiceSupport .flexconter[data-v-7b45495e] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px
}

.ServiceSupport .flexconter .flex-item[data-v-7b45495e] {
    flex: 0 0 25%;
    padding: 0 10px;
    text-align: center;
    height: 190px
}

.ServiceSupport .flexconter .flex-item .text[data-v-7b45495e] {
    margin-top: 20px;
    color: #fff
}

.ServiceSupport .flexconter .flex-item .text .p1[data-v-7b45495e] {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 18px
}

.ServiceSupport .flexconter .flex-item .text .p2[data-v-7b45495e] {
    width: 90%;
    margin: 12px auto 0;
    font-size: 16px;
    line-height: 25px;
    color: hsla(0, 0%, 100%, .8)
}

@media screen and (max-width: 960px) {
    .ServiceSupport[data-v-7b45495e] {
        padding: 54px 23px
    }

    .ServiceSupport .title[data-v-7b45495e] {
        font-size: 24px;
        line-height: 33px
    }

    .ServiceSupport .flexconter[data-v-7b45495e] {
        flex-direction: column;
        margin-top: 0
    }

    .ServiceSupport .flexconter .flex-item[data-v-7b45495e] {
        flex: 0 0 25%;
        padding: 0;
        height: auto;
        width: 100%;
        max-width: 540px;
        margin-top: 40px
    }

    .ServiceSupport .flexconter .flex-item .flex-item__content[data-v-7b45495e] {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .ServiceSupport .flexconter .flex-item .flex-item__content img[data-v-7b45495e] {
        width: 50px;
        margin-right: 29px
    }

    .ServiceSupport .flexconter .flex-item .text[data-v-7b45495e] {
        margin-top: 0;
        flex: 0 0 80%;
        text-align: left
    }

    .ServiceSupport .flexconter .flex-item .text .p1[data-v-7b45495e] {
        font-size: 16px
    }

    .ServiceSupport .flexconter .flex-item .text .p2[data-v-7b45495e] {
        margin-top: 12px;
        font-size: 14px;
        line-height: 150%;
        width: 100%;
        margin: 0
    }
}

.star-rating[data-v-796f0546] {
    display: flex;
    align-items: center;
    margin-top: 2px
}

.star-rating .star-container[data-v-796f0546] {
    display: flex;
    cursor: pointer
}

.star-rating .indicator[data-v-796f0546] {
    margin-right: 15px
}

.star-rating .star-container[data-v-796f0546]:not(:last-child) {
    margin-right: 5px
}

.sub-form[data-v-4e2c632a] {
    text-align: center;
    color: #fff
}

.sub-form .email-popup[data-v-4e2c632a] {
    float: none;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-align: center
}

.page_area[data-v-0c78a04d],
.page_area[data-v-5e28472a] {
    display: flex;
    justify-content: center;
    margin-top: 50px
}

.page_area ul[data-v-0c78a04d] {
    display: flex;
    justify-content: center;
    padding: 0
}

.page_area ul li[data-v-0c78a04d] {
    display: inline-flex;
    align-items: center;
    margin: 0 8px;
    padding: 8px 12px;
    height: 35px;
    border: 1px solid #c9caca;
    color: #9fa0a0
}

.page_area ul li span[data-v-0c78a04d] {
    font-size: 18px;
    color: inherit;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer
}

.page_area ul li.pn[data-v-0c78a04d] {
    display: inline-flex;
    cursor: pointer
}

.page_area ul li.pn.spn[data-v-0c78a04d] {
    display: inline-flex
}

.page_area ul li.active[data-v-0c78a04d],
.page_area ul li[data-v-0c78a04d]:hover {
    border-color: #1da1f2;
    color: #fff;
    background: #1da1f2
}

.page_area ul li.first[data-v-0c78a04d],
.page_area ul li.last[data-v-0c78a04d] {
    display: inline-flex
}

@media screen and (max-width: 600px) {
    .page_area ul li[data-v-0c78a04d] {
        padding: 4px 5px
    }
}

#tipsticks.tutorials ul[data-v-4d4d1e33] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style-type: none;
    padding: 0
}

#tipsticks.tutorials ul li[data-v-4d4d1e33] {
    flex: 0 0 45%;
    background: #fff;
    border-top: 16px solid #2d8cff;
    border-radius: 8px;
    padding: 15px 25px;
    box-shadow: 2px 2px 12px #b1bbc9;
    margin-top: 15px
}

#tipsticks.tutorials ul li[data-v-4d4d1e33]:hover {
    box-shadow: unset
}

#tipsticks.tutorials ul li a[data-v-4d4d1e33] {
    color: #231815;
    font-size: 16px
}

#tipsticks.tutorials ul li[data-v-4d4d1e33]:nth-child(3),
#tipsticks.tutorials ul li[data-v-4d4d1e33]:nth-child(4) {
    border-top: 16px solid #ff7e78
}

#tipsticks.tutorials ul li[data-v-4d4d1e33]:nth-child(5),
#tipsticks.tutorials ul li[data-v-4d4d1e33]:nth-child(6) {
    border-top: 16px solid #78ddac
}

@media screen and (max-width: 768px) {
    #tipsticks.tutorials ul li[data-v-4d4d1e33] {
        flex: 0 1 100%;
        padding: 15px 20px
    }
}

#TwoWaySwiper[data-v-439d731f] {
    width: 100%;
    height: 100%
}

#ad_android-data-recovery #TwoWaySwiper .container .using-content h2[data-v-439d731f] {
    margin: 0 100px 50px;
    text-align: center;
    font-size: 34px;
    line-height: 46px;
    font-family: OpenSans-Bold;
    font-weight: 700
}

#TwoWaySwiper .container .using-content[data-v-439d731f] {
    position: relative;
    background: #eaedf4;
    border-radius: 16px;
    padding-bottom: 70px
}

#TwoWaySwiper .container .using-content[data-v-439d731f]:before {
    content: url("../../pages.tech/icon-four.svg")
        /*tpa=https://www.fonepaw.com/pages.tech/icon-four.svg*/
}

#ad_android-data-recovery #TwoWaySwiper .container .using-content[data-v-439d731f]:after,
#ad_android-data-recovery #TwoWaySwiper .container .using-content[data-v-439d731f]:before {
    content: ""
}

#ad-android-data-backup-restore #TwoWaySwiper .container .using-content h2[data-v-439d731f] {
    font-weight: 700;
    text-align: center;
    margin-bottom: 100px;
    font-family: OpenSans-Bold;
    font-size: 34px
}

#TwoWaySwiper .container .using-content h2[data-v-439d731f],
#TwoWaySwiper .container .using-content h3[data-v-439d731f] {
    padding-top: 70px
}

#TwoWaySwiper .container .using-content .scorll-box[data-v-439d731f] {
    display: flex;
    justify-content: space-around
}

#TwoWaySwiper .container .using-content .scorll-box .scorllboxLeft[data-v-439d731f] {
    width: 40%;
    padding: 40px
}

#TwoWaySwiper .container .using-content .scorll-box .scorllboxLeft #text-Navigation[data-v-439d731f] {
    width: 100%;
    height: auto;
    z-index: 1
}

#TwoWaySwiper .container .using-content .scorll-box .scorllboxLeft #text-Navigation .swiper-slide[data-v-439d731f] {
    height: auto !important;
    margin-bottom: 5px;
    display: flex
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation[data-v-439d731f] {
    width: 28%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

#ad_android-data-recovery #TwoWaySwiper .container .using-content .scorll-box .scorllboxRight[data-v-439d731f] {
    padding-top: 20px
}

#TwoWaySwiper .container .using-content .scorll-box .scorllboxRight[data-v-439d731f] {
    width: 60%;
    padding: 0 10px;
    position: relative;
    margin-top: 39px;
}

#TwoWaySwiper .container .using-content .scorll-box .scorllboxRight img[data-v-439d731f] {
    width: 100%
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation[data-v-439d731f]:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 77%;
    border-left: 1px dashed #2d8cff;
    left: 8.5px;
    top: 8px
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-wrapper[data-v-439d731f] {
    height: auto
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-slide[data-v-439d731f] {
    margin-bottom: 5px;
    display: flex
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-slide .circle[data-v-439d731f] {
    width: 18px;
    height: 18px;
    background: 0 0;
    border: 1px dashed rgba(45, 140, 255, .345);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    margin-top: 4px
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-slide .circle .small-circle[data-v-439d731f] {
    width: 10px;
    height: 10px;
    background: rgba(45, 140, 255, .345);
    border-radius: 50%
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-slide.swiper-slide-thumb-active .circle .small-circle[data-v-439d731f] {
    background: #2d8cff
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-slide .text[data-v-439d731f] {
    width: 80%;
    margin-bottom: 25px
}

#fr_body #TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-slide .text[data-v-439d731f] {
    width: 90%;
    margin-bottom: 25px
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-slide .text p[data-v-439d731f] {
    font-size: 18px;
    font-weight: 700
}

#TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-slide .text span[data-v-439d731f] {
    line-height: 28px
}

#TwoWaySwiper .container .using-content .scorll-box #pic-content[data-v-439d731f] {
    width: 90%;
    text-align: center;
    overflow: hidden;
    position: relative
}

#ad-android-data-backup-restore #TwoWaySwiper .container .using-content .scorll-box .swiper-button-prev[data-v-439d731f] {
    left: 85px
}

#TwoWaySwiper .container .using-content .scorll-box .swiper-button-prev[data-v-439d731f] {
    width: 30px;
    height: 30px;
    position: absolute;
    background: #c9caca;
    border-radius: 50%;
    z-index: 2;
    outline: none;
    left: 60px;
    top: 50%;
    transform: translateY(50%)
}

#TwoWaySwiper .container .using-content .scorll-box .swiper-button-prev[data-v-439d731f]:before {
    content: "";
    background: url("../../pages/tech/arrow-l.svg")
        /*tpa=https://www.fonepaw.com/pages/tech/arrow-l.svg*/
        no-repeat 40%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 50% 50%;
    height: 100%;
    border-radius: 50%
}

#TwoWaySwiper .container .using-content .scorll-box .swiper-button-prev[data-v-439d731f]:after {
    content: "";
    display: none
}

#TwoWaySwiper .container .using-content .scorll-box .swiper-button-next[data-v-439d731f] {
    width: 30px;
    height: 30px;
    background: #c9caca;
    border-radius: 50%;
    z-index: 2;
    outline: none;
    right: 60px;
    top: 50%;
    transform: translateY(50%)
}

#TwoWaySwiper .container .using-content .scorll-box .swiper-button-next[data-v-439d731f]:before {
    content: "";
    background: url("../../pages/tech/arrow-r.svg")
        /*tpa=https://www.fonepaw.com/pages/tech/arrow-r.svg*/
        no-repeat 60%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 50% 50%;
    height: 100%;
    border-radius: 50%
}

#TwoWaySwiper .container .using-content .scorll-box .swiper-button-next[data-v-439d731f]:after {
    content: "";
    display: none
}

#TwoWaySwiper .container .using-content .scorll-box .swiper-pagination[data-v-439d731f] {
    left: 50%;
    width: 50%;
    transform: translateX(-50%);
    bottom: -20px
}

#TwoWaySwiper .container .using-content .scorll-box .scorllboxRight .swiper-pagination-bullets .swiper-pagination-bullet[data-v-439d731f],
#TwoWaySwiper .container .using-content .swiper-pagination-clickable .swiper-pagination-bullet[data-v-439d731f] {
    margin: 0 4px
}

#TwoWaySwiper .container .using-content .guide-box[data-v-439d731f] {
    text-align: center;
    font-size: 16px;
    margin-top: 10px
}

#TwoWaySwiper .container .using-content .guide-box a[data-v-439d731f] {
    color: #ff7e78;
    position: relative
}

#TwoWaySwiper .container .using-content[data-v-439d731f]:before {
    content: url("../../pages/tech/icon-four.svg")
        /*tpa=https://www.fonepaw.com/pages/tech/icon-four.svg*/
    ;
    position: absolute;
    width: 150px;
    right: 0;
    top: -23px
}

#TwoWaySwiper .container .using-content[data-v-439d731f]:after {
    content: url("../../pages/tech/icon-seven.svg")
        /*tpa=https://www.fonepaw.com/pages/tech/icon-seven.svg*/
    ;
    position: absolute;
    width: 150px;
    left: 0;
    bottom: -20px
}

#ad-android-data-backup-restore #TwoWaySwiper .container .using-content[data-v-439d731f]:after,
#ad-android-data-backup-restore #TwoWaySwiper .container .using-content[data-v-439d731f]:before {
    content: ""
}

@media screen and (max-width: 768px) {
    #TwoWaySwiper .container .using-content .scorll-box[data-v-439d731f] {
        flex-direction: column
    }

    #TwoWaySwiper .container .using-content .scorll-box .scorllboxLeft[data-v-439d731f],
    #TwoWaySwiper .container .using-content .scorll-box .scorllboxRight[data-v-439d731f] {
        width: 100%;
        padding: 0
    }

    #TwoWaySwiper .container .using-content .scorll-box #text-Navigation[data-v-439d731f] {
        width: 100%
    }

    #TwoWaySwiper .container .using-content .scorll-box #text-Navigation .swiper-slide[data-v-439d731f] {
        width: 100%;
        height: 100%;
        margin-left: 10px
    }

    #TwoWaySwiper .container .using-content .scorll-box #text-Navigation[data-v-439d731f]:before {
        margin-left: 10px
    }

    #TwoWaySwiper .container .using-content .scorll-box #pic-content[data-v-439d731f] {
        width: 90%;
        text-align: center
    }

    #ad-android-data-backup-restore #TwoWaySwiper .container .using-content .scorll-box .swiper-button-prev[data-v-439d731f],
    #TwoWaySwiper .container .using-content .scorll-box .swiper-button-prev[data-v-439d731f] {
        left: 20px
    }

    #TwoWaySwiper .container .using-content .scorll-box .swiper-button-next[data-v-439d731f] {
        right: 20px
    }

    #TwoWaySwiper .container .using-content .scorll-box .swiper-pagination-bullet[data-v-439d731f] {
        margin-left: 3px
    }

    #ad-android-data-backup-restore #TwoWaySwiper .container .using-content h2[data-v-439d731f] {
        padding-top: 40px
    }

    #TwoWaySwiper .container .using-content h2[data-v-439d731f] {
        font-size: 24px !important;
        line-height: 30px !important;
        margin-bottom: 30px !important
    }

    #TwoWaySwiper .container .using-content[data-v-439d731f]:after,
    #TwoWaySwiper .container .using-content[data-v-439d731f]:before {
        content: ""
    }

    #TwoWaySwiper .container .using-content .guide-box[data-v-439d731f] {
        margin-top: 20px
    }

    #ad_android-data-recovery #TwoWaySwiper .container .using-content[data-v-439d731f] {
        margin: 8px;
        background: #f9fbff
    }

    #ad_android-data-recovery #TwoWaySwiper .container .using-content h2[data-v-439d731f] {
        margin: 0 7px;
        text-align: center;
        padding-top: 38px
    }
}

html[data-v-410636bc] {
    overflow: hidden
}

.video_embed[data-v-410636bc] {
    display: flex;
    align-items: center;
    margin-top: 25px;
    cursor: pointer
}

.video_embed_text[data-v-410636bc] {
    font-size: 18px;
    color: #655bef;
    font-family: Montserrat_Regular;
    font-style: normal;
    font-weight: 500;
    margin-left: 12px
}

.video_embed_up[data-v-410636bc] {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6)
}

.video_embed_up_content_height[data-v-410636bc] {
    text-align: right;
    padding: 20px 27px;
    border-bottom: 2px solid #f0f0f0
}

.close_icon[data-v-410636bc] {
    cursor: pointer
}

.video_embed_up_content[data-v-410636bc] {
    width: 952px;
    height: 708px;
    background: #fff;
    margin: 8vh auto 0;
    border-radius: 10px
}

.video_box[data-v-410636bc] {
    height: 555px;
    padding: 20px;
    border-bottom: 2px solid #f0f0f0
}

.video_embed_up_footer[data-v-410636bc] {
    padding-top: 24px;
    padding-right: 18px;
    text-align: right
}

.video_embed_up_footer_text[data-v-410636bc] {
    display: inline-block;
    width: 108px;
    height: 39px;
    border: 2px solid #655bef;
    text-align: center;
    line-height: 39px;
    font-weight: 700;
    font-size: 20px;
    color: #655bef;
    font-family: Montserrat_Bold;
    cursor: pointer
}

.video_embed_up_footer_text[data-v-410636bc]:hover {
    color: #fff;
    background: #655bef
}

.html5-video-player .video-stream[data-v-410636bc] {
    width: 1080px;
    height: auto
}

.box[data-v-695cf72c] {
    width: 1080px;
    margin: 54px auto -47px
}

.video_content[data-v-695cf72c] {
    display: flex;
    justify-content: space-between
}

.video_content_item[data-v-695cf72c] {
    position: relative;
    cursor: pointer;
    width: 340px;
    height: 191px;
    border-radius: 10px
}

.video_content_item_img[data-v-695cf72c] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.video_content_shadow[data-v-695cf72c] {
    position: absolute;
    bottom: 0;
    width: 340.42px;
    height: 50.76px;
    background: hsla(0, 0%, 74.9%, .49);
    -webkit-backdrop-filter: blur(3.98155px);
    backdrop-filter: blur(3.98155px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 12px;
    border-radius: 0 0 10px 10px
}

.video_content_shadow_text[data-v-695cf72c] {
    font-weight: 500;
    font-size: 15.9262px;
    color: #fff
}

.video_content_shadow_img[data-v-695cf72c] {
    width: 20px;
    height: 20px
}

.video_embed_up[data-v-695cf72c] {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6)
}

.video_embed_up_content_height[data-v-695cf72c] {
    text-align: right;
    padding: 20px 27px;
    border-bottom: 2px solid #f0f0f0
}

.close_icon[data-v-695cf72c] {
    cursor: pointer
}

.video_embed_up_content[data-v-695cf72c] {
    width: 952px;
    height: 708px;
    background: #fff;
    margin: 8vh auto 0;
    border-radius: 10px
}

.video_box[data-v-695cf72c] {
    height: 555px;
    padding: 20px;
    border-bottom: 2px solid #f0f0f0
}

.video_embed_up_footer[data-v-695cf72c] {
    padding-top: 24px;
    padding-right: 18px;
    text-align: right
}

.video_embed_up_footer_text[data-v-695cf72c] {
    display: inline-block;
    width: 108px;
    height: 39px;
    border: 2px solid #655bef;
    text-align: center;
    line-height: 39px;
    font-weight: 700;
    font-size: 20px;
    color: #655bef;
    font-family: Montserrat_Bold;
    cursor: pointer
}

.video_embed_up_footer_text[data-v-695cf72c]:hover {
    color: #fff;
    background: #655bef
}

.sub-form[data-v-764ef38a] {
    text-align: center;
    color: #fff
}

.sub-form .email-popup[data-v-764ef38a] {
    float: none;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-align: center
}

[data-v-14582f68] {
    font-family: Montserrat_Regular
}

.new_h[data-v-14582f68] {
    width: 100%;
    height: 92px;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #e9eff2
}

.h_top[data-v-14582f68] {
    height: 31px;
    width: 1080px;
    background-color: #5950da;
    margin: 0 auto
}

.h_top_content[data-v-14582f68] {
    display: flex;
    align-items: center;
    justify-content: right;
    height: 100%
}

.h_top_content_txt[data-v-14582f68] {
    margin-left: 41px
}

.new_header_top_content_text_a[data-v-14582f68] {
    color: #fff;
    font-size: 12px;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.new_header_top_content_text_a[data-v-14582f68]:hover {
    color: #9c9fff
}

.h_search[data-v-14582f68] {
    width: 12px;
    height: 12px;
    cursor: pointer
}

.h_language[data-v-14582f68] {
    width: 12px;
    height: 12px
}

.language_box[data-v-14582f68] {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.language_box:hover .word-list_style[data-v-14582f68] {
    display: block
}

.h_language_text[data-v-14582f68] {
    margin-left: 5px;
    color: #fff;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.h_language_text[data-v-14582f68]:hover {
    color: #9c9fff
}

.search-form[data-v-14582f68] {
    width: 486px;
    background: #efefef;
    border-radius: 20px;
    align-items: center;
    padding: 0 20px;
    display: none
}

.search-form-animation[data-v-14582f68] {
    display: block;
    transition: width 2s ease-in 0s
}

.search-form .search-btn[data-v-14582f68] {
    width: 20px;
    height: 20px;
    background: url("../../pages/global/search-gray.svg")
        /*tpa=https://www.fonepaw.com/pages/global/search-gray.svg*/
        no-repeat 50%;
    background-size: contain;
    border: none
}

.search-form form[data-v-14582f68] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.search-form input[data-v-14582f68] {
    height: 31px;
    width: 100%;
    border: none;
    background: #efefef;
    outline: none;
    padding: 0 10px
}

.search-form input[data-v-14582f68]::-moz-placeholder {
    color: #333
}

.search-form input[data-v-14582f68]:-ms-input-placeholder {
    color: #333
}

.search-form input[data-v-14582f68]::placeholder {
    color: #333
}

.h_top_content_txt .word-list-search[data-v-14582f68] {
    margin-top: 10px;
    width: 30%;
    height: 120px;
    border-radius: 10px;
    box-shadow: 0 0 10px #efefef;
    background: #fff;
    padding: 15px;
    font-size: 14px;
    position: absolute;
    z-index: 99
}

.h_top_content_txt .word-list_style[data-v-14582f68] {
    display: none;
    width: 213px;
    height: 216px;
    position: absolute;
    left: -29px;
    z-index: 99
}

.h_top_content_txt .word-list[data-v-14582f68] {
    margin-top: 25px;
    width: 149px;
    height: 231px;
    border-radius: 10px;
    box-shadow: 0 -8px 21px hsla(0, 0%, 65.1%, .25);
    background: #fff;
    padding: 26px 40px;
    font-size: 14px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
}

.h_top_content_txt .word-list a[data-v-14582f68] {
    line-height: 31px;
    width: 61px;
    text-align: center;
    color: #434343
}

.h_top_content_txt .word-list a[data-v-14582f68]:hover {
    color: #5950da
}

.h_top_content_txt .word-list span[data-v-14582f68] {
    line-height: 25px
}

.word-list_tri[data-v-14582f68] {
    position: absolute;
    top: -3px;
    left: 35%;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border: 14px solid transparent;
    border-bottom-color: #fff
}

.word-list_tri_text[data-v-14582f68] {
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.h_bottom[data-v-14582f68] {
    width: 1080px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.h_bottom .logo[data-v-14582f68] {
    display: inline-block;
    width: 111px;
    height: 22px
}

.h_bottom_tab[data-v-14582f68] {
    display: flex;
    width: 695px;
    justify-content: space-between;
    font-size: 16px;
    color: #000
}

#fr_body .h_bottom_tab[data-v-14582f68],
.fr_body .h_bottom_tab[data-v-14582f68] {
    width: 882px
}

#es_body .h_bottom_tab[data-v-14582f68],
.es_body .h_bottom_tab[data-v-14582f68] {
    width: 850px
}

#pt_body .h_bottom_tab[data-v-14582f68],
.pt_body .h_bottom_tab[data-v-14582f68] {
    justify-content: flex-end
}

#pt_body .h_bottom_tab .bottom_tab_content[data-v-14582f68]:nth-child(2),
.pt_body .h_bottom_tab .bottom_tab_content[data-v-14582f68]:nth-child(2) {
    margin-left: 40px
}

#pt_body .bottom_tab_content .new_product_0[data-v-14582f68],
.pt_body .bottom_tab_content .new_product_0[data-v-14582f68] {
    padding-right: 36px
}

.h_bottom_tab .bottom_tab_content[data-v-14582f68] {
    position: relative;
    cursor: pointer;
    font-size: medium
}

.h_bottom_tab .bottom_tab_content[data-v-14582f68]:hover {
    color: #5950da
}

.bottom_tab_content .b_tab_list_box[data-v-14582f68] {
    position: absolute
}

.b_tab_list_box .b_tabs_box_content[data-v-14582f68] {
    padding: 36px 0 0;
    display: flex;
    flex-flow: wrap;
    background-color: #fff;
    box-shadow: 0 0 45px hsla(0, 0%, 65.1%, .25);
    position: relative;
    top: 45px;
    left: -100px;
    width: 614px;
    border-radius: 17px
}

#pt_body .b_tab_list_box .b_tabs_box_content[data-v-14582f68],
.pt_body .b_tab_list_box .b_tabs_box_content[data-v-14582f68] {
    width: 650px
}

#de_body .b_tab_list_box .b_tabs_box_content[data-v-14582f68],
.de_body .b_tab_list_box .b_tabs_box_content[data-v-14582f68] {
    padding: 36px 36px 0 0
}

#ja_body .b_tab_list_box .b_tabs_box_content[data-v-14582f68],
.ja_body .b_tab_list_box .b_tabs_box_content[data-v-14582f68] {
    width: 569px
}

#es_body .bottom_tab_content .new_product_0[data-v-14582f68],
#es_body .bottom_tab_content .new_product_1[data-v-14582f68],
#es_body .bottom_tab_content .new_product_3[data-v-14582f68],
#fr_body .bottom_tab_content .new_product_0[data-v-14582f68],
#fr_body .bottom_tab_content .new_product_2[data-v-14582f68],
#ja_body .bottom_tab_content .new_product_3[data-v-14582f68],
.es_body .bottom_tab_content .new_product_0[data-v-14582f68],
.es_body .bottom_tab_content .new_product_1[data-v-14582f68],
.es_body .bottom_tab_content .new_product_3[data-v-14582f68],
.fr_body .bottom_tab_content .new_product_0[data-v-14582f68],
.fr_body .bottom_tab_content .new_product_2[data-v-14582f68],
.ja_body .bottom_tab_content .new_product_3[data-v-14582f68] {
    padding-right: 36px
}

.new_product_1[data-v-14582f68],
.new_product_2[data-v-14582f68] {
    width: 333.85px !important
}

#tw_body .new_product_2[data-v-14582f68],
.tw_body .new_product_2[data-v-14582f68] {
    width: 282px !important
}

#es_body .new_product_2[data-v-14582f68],
.es_body .new_product_2[data-v-14582f68] {
    width: 300px !important
}

#tw_body .new_product_1[data-v-14582f68],
.tw_body .new_product_1[data-v-14582f68] {
    width: 305px !important
}

.b_tab_list_box .new_product_3[data-v-14582f68] {
    left: 0
}

.bottom_tab_content:nth-child(4) .b_tab_list_box[data-v-14582f68] {
    left: -350px
}

#pt_body .bottom_tab_content:first-child .b_tab_list_box[data-v-14582f68],
.pt_body .bottom_tab_content:first-child .b_tab_list_box[data-v-14582f68] {
    left: -200px
}

#pt_body .b_tab_list_box .new_product_0 .b_tabs_box_content_tri[data-v-14582f68],
.pt_body .b_tab_list_box .new_product_0 .b_tabs_box_content_tri[data-v-14582f68] {
    left: 335px
}

.b_tab_list_box .new_product_3 .b_tabs_box_content_tri[data-v-14582f68] {
    left: 392px
}

.b_tabs_box_content .b_tabs_box_content_tri[data-v-14582f68] {
    position: absolute;
    top: -16px;
    left: 148px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid #fff
}

.b_tabs_box_content_pro[data-v-14582f68] {
    width: 50%;
    display: flex;
    padding-left: 43px;
    margin-bottom: 32px
}

.content_product_1[data-v-14582f68],
.content_product_2[data-v-14582f68] {
    width: 100% !important
}

.b_tabs_box_content_pro .product_icon[data-v-14582f68] {
    width: 29.66px;
    height: 29.66px
}

.b_tabs_box_content_pro .product_right[data-v-14582f68] {
    margin-left: 10px
}

.product_right .product_name[data-v-14582f68] {
    font-size: 14px;
    color: #000
}

.product_right .product_name[data-v-14582f68]:hover {
    color: #5950da
}

.product_right .product_introduce[data-v-14582f68] {
    font-size: 10px;
    color: #8f8f8f;
    font-family: Montserrat_Light !important;
    font-weight: 300;
    margin-bottom: 10px
}

.product_right .product_button_text[data-v-14582f68],
.product_right .product_button_text_mac[data-v-14582f68] {
    font-size: 10px;
    color: #8f8f8f;
    text-decoration: underline;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.product_right .product_button_text_mac[data-v-14582f68] {
    margin-left: 17px
}

.product_right .product_button_text[data-v-14582f68]:hover,
.product_right .product_button_text_mac[data-v-14582f68]:hover {
    color: #5950da
}

.h_pc[data-v-14582f68] {
    display: block
}

.h_mb_style[data-v-14582f68] {
    display: none
}

.home_black_friday_logo[data-v-14582f68] {
    margin-left: 28px;
    cursor: pointer;
    z-index: 1;
    width: 51px;
    height: 63px;
    transform-origin: top center;
    -webkit-animation: swing-data-v-14582f68 2s ease-in-out infinite alternate;
    animation: swing-data-v-14582f68 2s ease-in-out infinite alternate;
    display: inline-block;
    position: absolute;
    right: -90px
}

@-webkit-keyframes swing-data-v-14582f68 {
    0% {
        transform: rotate(40deg)
    }

    to {
        transform: rotate(-40deg)
    }
}

@keyframes swing-data-v-14582f68 {
    0% {
        transform: rotate(40deg)
    }

    to {
        transform: rotate(-40deg)
    }
}

.home_black_friday_logo_img[data-v-14582f68] {
    width: 51px;
    height: 63px
}

@media (max-width: 770px) {
    .home_black_friday_logo_img[data-v-14582f68] {
        width: 44px;
        height: 53px
    }

    .home_black_friday_logo[data-v-14582f68] {
        top: 9px
    }

    .h_pc[data-v-14582f68] {
        display: none
    }

    .h_mb_style[data-v-14582f68] {
        display: block
    }

    .mb_h[data-v-14582f68] {
        width: 100%;
        height: 60px;
        background-color: #fff;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid rgba(233, 239, 242, .5)
    }

    .mb_h_left[data-v-14582f68] {
        height: 100%;
        display: flex;
        align-items: center;
        padding-bottom: 7px;
        position: relative
    }

    .mb_h_left .transverse[data-v-14582f68] {
        display: flex;
        flex-direction: column
    }

    .mb_h_left .transverse span[data-v-14582f68] {
        width: 16px;
        height: 2px;
        background-color: #000;
        margin-top: 4px
    }

    .mb_h_left .logo[data-v-14582f68] {
        width: 87px;
        height: 16px;
        display: inline-block;
        margin-left: 19px
    }

    .mb_h_right[data-v-14582f68] {
        display: flex;
        align-items: center
    }

    .mb_h_right .mb_h_search[data-v-14582f68] {
        width: 20px;
        height: 20px
    }

    .mb_h_right_search[data-v-14582f68] {
        display: flex;
        align-items: center
    }

    .mb_dot[data-v-14582f68] {
        display: flex;
        flex-direction: column;
        margin-left: 25px
    }

    .mb_dot span[data-v-14582f68] {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background-color: #000;
        margin-top: 4px
    }

    .mb_pro_content[data-v-14582f68] {
        position: relative;
        padding: 15px 13px;
        display: flex;
        border-bottom: 1px solid #e9eff2
    }

    .mb_pro_content .mb_pro_title[data-v-14582f68] {
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #000
    }

    .mb_pro_arrs[data-v-14582f68] {
        position: absolute;
        left: 167px;
    }

    .mb_pro_content:nth-child(2) .mb_pro_arrs[data-v-14582f68] {
        left: 166px
    }

    #pt_body .mb_pro_arrs[data-v-14582f68] {
        position: absolute;
        left: 192px;
    }

    #pt_body .mb_pro_content:nth-child(2) .mb_pro_arrs[data-v-14582f68] {
        left: 120px
    }

    .mb_pro_content:nth-child(3) .mb_pro_arrs[data-v-14582f68] {
        left: 128px
    }

    .mb_pro_content:nth-child(4) .mb_pro_arrs[data-v-14582f68] {
        left: 115px
    }

    .mb_pro_par_box[data-v-14582f68] {
        align-items: center;
        display: flex;
        margin-top: 15px;
        margin-left: 22px
    }

    .mb_pro_par_box_img[data-v-14582f68] {
        width: 30px;
        height: 30px
    }

    .mb_pro_par_box_txt[data-v-14582f68] {
        display: flex;
        flex-direction: column;
        margin-left: 10px
    }

    .mb_pro_par_title[data-v-14582f68] {
        font-size: 14px;
        color: #000
    }

    .mb_pro_par_sub[data-v-14582f68] {
        font-size: 10px;
        color: #8f8f8f
    }

    .mb_pro_else .skip_box[data-v-14582f68] {
        border-bottom: 1px solid #e9eff2
    }

    .mb_pro_else .skip_item[data-v-14582f68] {
        padding: 15px 0 10px 15px;
        font-size: 12px
    }

    .skip_item_a[data-v-14582f68] {
        color: #000
    }

    .mb_language_top_arr[data-v-14582f68] {
        margin-left: 5px
    }

    .mb_pro_else .language[data-v-14582f68] {
        padding: 20px 0 0 15px;
        margin-bottom: 20px
    }

    .language_content[data-v-14582f68] {
        display: flex;
        flex-flow: wrap;
        width: 100%
    }

    .language_content_item[data-v-14582f68] {
        width: 100px;
        height: 31px;
        line-height: 31px;
        margin-top: 19px;
        display: inline-block;
        color: #000;
        margin-left: 16px
    }

    .mobile_search-form[data-v-14582f68] {
        width: 125px;
        background: #efefef;
        border-radius: 20px;
        align-items: center;
        padding: 0 10px;
        margin: 0 10px 0 7px
    }

    .mobile_search-form-animation[data-v-14582f68] {
        display: block;
        transition: width 2s ease-in 0s
    }

    .mobile_search-btn[data-v-14582f68] {
        width: 20px;
        height: 20px;
        background: url("../../pages/global/search_black.png")
            /*tpa=https://www.fonepaw.com/pages/global/search_black.png*/
            no-repeat 50%;
        background-size: contain;
        border: none
    }

    .mobile_search-form form[data-v-14582f68] {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .mobile_search-form input[data-v-14582f68] {
        height: 31px;
        width: 100%;
        border: none;
        background: #efefef;
        outline: none;
        padding: 0 10px
    }

    .mobile_search-form input[data-v-14582f68]::-moz-placeholder {
        color: #333
    }

    .mobile_search-form input[data-v-14582f68]:-ms-input-placeholder {
        color: #333
    }

    .mobile_search-form input[data-v-14582f68]::placeholder {
        color: #333
    }
}

@font-face {
    font-family: Montserrat;
    src: url("../fonts/Montserrat-Regular-8.91696e09.otf")
        /*tpa=https://www.fonepaw.com/assets/fonts/Montserrat-Regular-8.91696e09.otf*/
}

[data-v-58b5a7ea] {
    font-family: Montserrat !important
}

.f_pc_style[data-v-58b5a7ea] {
    display: block
}

.f_mb_style[data-v-58b5a7ea] {
    display: none
}

.f_box[data-v-58b5a7ea] {
    width: 1080px;
    display: flex;
    margin: 0 auto 100px;
    justify-content: space-evenly
}

.f_box_com_title[data-v-58b5a7ea],
.f_box_email_title[data-v-58b5a7ea],
.f_box_language_title[data-v-58b5a7ea],
.f_box_pop_title[data-v-58b5a7ea],
.f_box_pro_title[data-v-58b5a7ea],
.f_box_sup_title[data-v-58b5a7ea] {
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-weight: 600
}

.f_box_com_list[data-v-58b5a7ea],
.f_box_pop_list[data-v-58b5a7ea],
.f_box_pro_list[data-v-58b5a7ea],
.f_box_sup[data-v-58b5a7ea],
.f_box_sup_list[data-v-58b5a7ea] {
    margin-top: 28px
}

.f_box_com_item[data-v-58b5a7ea],
.f_box_pop_item[data-v-58b5a7ea],
.f_box_pro_item[data-v-58b5a7ea],
.f_box_sup_item[data-v-58b5a7ea] {
    font-size: 13px;
    line-height: 31px
}

.f_box_com_item_a[data-v-58b5a7ea],
.f_box_pro_item_a[data-v-58b5a7ea],
.f_box_sup_item_a[data-v-58b5a7ea],
.fbox_pop_item_a[data-v-58b5a7ea] {
    color: #434343;
    font-family: Montserrat_Light !important;
    font-weight: 300;
    font-size: 13px
}

.f_box_com_item_a[data-v-58b5a7ea]:hover,
.f_box_pro_item_a[data-v-58b5a7ea]:hover,
.f_box_sup_item_a[data-v-58b5a7ea]:hover,
.fbox_pop_item_a[data-v-58b5a7ea]:hover {
    color: #7980ff
}

.f_box_pop[data-v-58b5a7ea] {
    margin-left: 50px
}

.f_box_half[data-v-58b5a7ea] {
    display: flex;
    flex-direction: column;
    margin-left: 50px
}

.f_box_else[data-v-58b5a7ea] {
    margin-left: 50px
}

.f_box_email[data-v-58b5a7ea] {
    display: flex;
    flex-direction: column
}

.new_footer_box_email_input[data-v-58b5a7ea] {
    margin-top: 41px;
    width: 223px;
    height: 44px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding-left: 38px;
    outline: none
}

.new_footer_box_email_input[data-v-58b5a7ea]::-webkit-input-placeholder {
    color: #9ca3af
}

.new_footer_box_email_input_box[data-v-58b5a7ea] {
    position: relative
}

.new_footer_box_email_input_icon[data-v-58b5a7ea] {
    position: absolute;
    top: 55px;
    left: 13px
}

.f_box_email_button[data-v-58b5a7ea] {
    height: 44.49px;
    background: linear-gradient(93.03deg, #7c3aed -9.17%, #4539cc 105.48%);
    border-radius: 8px;
    margin-top: 20px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    cursor: pointer
}

.sub-form[data-v-58b5a7ea]:hover {
    color: #000;
    background-color: #000;
    border-radius: 8px
}

.f_box_language_d .language_data_img[data-v-58b5a7ea],
.f_box_language_d .language_data_img_txt[data-v-58b5a7ea] {
    margin-right: 5px;
    display: inline-block
}

.f_box_email_links[data-v-58b5a7ea] {
    display: flex;
    justify-content: space-between;
    margin-top: 38px;
    width: 170px
}

.f_box_email_links_item[data-v-58b5a7ea] {
    width: 51.1px;
    height: 51px;
    background: #f3f3f3;
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center
}

.f_box_email_links_item[data-v-58b5a7ea]:hover {
    background: #f6f5fe
}

.f_box_language[data-v-58b5a7ea] {
    margin-top: 45px
}

.language_data_img[data-v-58b5a7ea] {
    width: 23px;
    height: 17px
}

.f_language_list[data-v-58b5a7ea] {
    width: 117px;
    position: absolute;
    left: 33px;
    top: 0
}

.f_box_language_box[data-v-58b5a7ea] {
    position: relative;
    margin-top: 26px
}

.f_language_list_ul[data-v-58b5a7ea] {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    width: 117px;
    height: 216px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    justify-content: space-evenly
}

.f_language_list_a[data-v-58b5a7ea] {
    font-size: 14px;
    line-height: 30px;
    color: #595757;
    display: inline-block
}

.f_box_language_box .language_list_style[data-v-58b5a7ea] {
    display: none
}

.f_box_language_box:hover .language_list_style[data-v-58b5a7ea] {
    display: block
}

.copyright[data-v-58b5a7ea] {
    height: 79px;
    width: 100%;
    background-color: #000;
    display: flex;
    justify-content: center;
    color: #fff;
    position: relative;
    bottom: 0
}

.foot-bottom[data-v-58b5a7ea] {
    display: flex;
    align-items: center
}

@media (max-width: 770px) {
    .f_pc_style[data-v-58b5a7ea] {
        display: none
    }

    .f_mb_style[data-v-58b5a7ea] {
        display: block
    }

    .f_box_mb[data-v-58b5a7ea] {
        margin-bottom: 45px
    }

    .f_mb_d_title[data-v-58b5a7ea] {
        height: 62px;
        width: 100%;
        padding: 0 30px;
        line-height: 62px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .f_mb_d_title_txt[data-v-58b5a7ea] {
        font-size: 16px
    }

    .f_mb_d_title_i[data-v-58b5a7ea] {
        width: 12px;
        height: 7px
    }

    .f_box_pro_item_mb[data-v-58b5a7ea] {
        font-size: 12px;
        line-height: 12px
    }

    .f_box_pro_list_mb[data-v-58b5a7ea] {
        padding-left: 30px
    }

    .f_box_pro_item_a_mb[data-v-58b5a7ea] {
        display: inline-block;
        font-size: 12px;
        line-height: 257.9%;
        color: #6f6f6f
    }

    .f_box_email[data-v-58b5a7ea] {
        padding-left: 30px
    }

    .new_footer_box_email_input[data-v-58b5a7ea] {
        margin-top: 0
    }

    .new_footer_box_email_input_icon[data-v-58b5a7ea] {
        top: 15px
    }

    .copyright[data-v-58b5a7ea] {
        padding-left: 24px;
        font-size: 10px
    }

    .language_mb_box[data-v-58b5a7ea] {
        padding: 30px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .language_mb_box_item[data-v-58b5a7ea] {
        display: inline-block;
        width: 30%;
        height: 41px;
        line-height: 41px
    }

    .language_mb_box_item img[data-v-58b5a7ea] {
        width: 23px;
        height: 14px
    }

    .language_mb_box_item span[data-v-58b5a7ea] {
        font-weight: 300;
        font-size: 13px;
        color: #434343
    }
}

#not-found-page .shwo-404 .banner[data-v-4fbc7a3e] {
    width: 100%;
    background-image: url("../../pages/404/background.svg")
        /*tpa=https://www.fonepaw.com/pages/404/background.svg*/
    ;
    background-repeat: no-repeat
}

#not-found-page .shwo-404 .banner .banner-img[data-v-4fbc7a3e] {
    width: 410px;
    height: 264px;
    margin: 32px auto 0
}

#not-found-page .shwo-404 .banner .banner-img img[data-v-4fbc7a3e] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#not-found-page .shwo-404 .banner .banner-title[data-v-4fbc7a3e] {
    font-size: 36px;
    line-height: 36px;
    margin-top: 32px;
    text-align: center;
    margin-bottom: 52px
}

#not-found-page .shwo-404 .banner .search-box[data-v-4fbc7a3e] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 15px
}

#not-found-page .shwo-404 .banner .search-box input[data-v-4fbc7a3e] {
    width: 382px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #2e8cff;
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 20px;
    outline: none
}

#not-found-page .shwo-404 .banner .search-box input[data-v-4fbc7a3e]::-webkit-input-placeholder {
    color: #333
}

#not-found-page .shwo-404 .banner .search-box button[data-v-4fbc7a3e] {
    width: 150px;
    height: 40px;
    display: block;
    background-color: #2e8cff;
    float: left;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border: none;
    outline: none
}

#not-found-page .shwo-404 .banner .search-box button[data-v-4fbc7a3e]:hover {
    background-color: #147ae0
}

#not-found-page .shwo-404 .banner .search-content[data-v-4fbc7a3e] {
    font-size: 14px;
    text-align: center;
    color: grey;
    margin-top: 15px
}

#not-found-page .shwo-404 .banner .search-content span[data-v-4fbc7a3e] {
    font-size: 16px;
    color: #000
}

#not-found-page .shwo-404 .banner .banner-btn[data-v-4fbc7a3e] {
    display: block;
    width: 190px;
    height: 42px;
    background-color: #2e8cff;
    border-radius: 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 26px auto 0;
    cursor: pointer
}

#not-found-page .shwo-404 .banner .banner-btn[data-v-4fbc7a3e]:hover {
    background-color: #147ae0
}

#not-found-page .shwo-404 .banner .banner-btn span[data-v-4fbc7a3e]:first-child {
    font-size: 18px;
    color: #fff;
    line-height: 42px;
    margin-left: 36px
}

#not-found-page .shwo-404 .banner .banner-btn span[data-v-4fbc7a3e]:nth-child(2) {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: relative;
    border-radius: 50%
}

#not-found-page .shwo-404 .banner .banner-btn span[data-v-4fbc7a3e]:nth-child(2):after {
    content: "";
    background-image: url("../../pages/404/btn-jt.svg")
        /*tpa=https://www.fonepaw.com/pages/404/btn-jt.svg*/
    ;
    background-repeat: no-repeat;
    position: absolute;
    width: 8px;
    height: 7px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#not-found-page .shwo-404 .content-title[data-v-4fbc7a3e] {
    font-size: 36px;
    color: #000;
    text-align: center;
    margin-top: 100px
}

#not-found-page .shwo-404 .content-card-box[data-v-4fbc7a3e] {
    display: flex;
    justify-content: space-between;
    margin-top: 58px;
    flex-wrap: wrap
}

#not-found-page .shwo-404 .content-card-box .content-card[data-v-4fbc7a3e] {
    width: 250px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 2px 2px 15px rgba(78, 78, 198, .15);
    padding: 26px 22px 30px;
    background-color: #fff
}

#not-found-page .shwo-404 .content-card-box .content-card img[data-v-4fbc7a3e] {
    width: 52px
}

#not-found-page .shwo-404 .content-card-box .content-card .content-card-title[data-v-4fbc7a3e] {
    font-size: 18px;
    color: #000;
    margin-top: 26px;
    margin-bottom: 18px
}

#not-found-page .shwo-404 .content-card-box .content-card .content-card-content[data-v-4fbc7a3e] {
    font-size: 16px;
    line-height: 26px;
    color: grey
}

#not-found-page .shwo-404 .content-card-box .content-card .content-card-btn[data-v-4fbc7a3e] {
    width: 118px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto 0;
    cursor: pointer
}

#not-found-page .shwo-404 .content-card-box .content-card .content-card-btn:hover span[data-v-4fbc7a3e]:nth-child(2) {
    transform: translateX(10px)
}

#not-found-page .shwo-404 .content-card-box .content-card .content-card-btn span[data-v-4fbc7a3e]:first-child {
    font-size: 14px;
    color: #2e8cff
}

#not-found-page .shwo-404 .content-card-box .content-card .content-card-btn span[data-v-4fbc7a3e]:nth-child(2) {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #2e8cff;
    border-radius: 50%;
    position: relative;
    transition: all .5s
}

#not-found-page .shwo-404 .content-card-box .content-card .content-card-btn span[data-v-4fbc7a3e]:nth-child(2):after {
    content: "";
    background-image: url("../../pages/404/jt-white.svg")
        /*tpa=https://www.fonepaw.com/pages/404/jt-white.svg*/
    ;
    position: absolute;
    background-repeat: no-repeat;
    width: 8px;
    height: 7px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#not-found-page .shwo-404 .content[data-v-4fbc7a3e] {
    padding-bottom: 72px;
    background-image: url("../../pages/404/bottom-bg-8.png")
        /*tpa=https://www.fonepaw.com/pages/404/bottom-bg-8.png*/
    ;
    background-repeat: no-repeat;
    background-position: bottom
}

#not-found-page .shwo-404 .content-card-box2[data-v-4fbc7a3e] {
    margin-top: 108px;
    background-image: url("../../pages/404/hand.svg")
        /*tpa=https://www.fonepaw.com/pages/404/hand.svg*/
    ;
    background-repeat: no-repeat;
    background-position: bottom
}

#not-found-page .shwo-404 .content-card-box2 .content-card-box2-title[data-v-4fbc7a3e] {
    font-size: 36px;
    text-align: center
}

#not-found-page .shwo-404 .content-card-box2 .content-card-box2-btn-box[data-v-4fbc7a3e] {
    width: 410px;
    display: flex;
    justify-content: center;
    margin: 34px auto 0
}

#not-found-page .shwo-404 .content-card-box2 .content-card-box2-btn-box .content-card-box2-btn[data-v-4fbc7a3e] {
    display: block;
    width: 190px;
    height: 42px;
    border-radius: 20px;
    background-color: #2e8cff;
    font-size: 18px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px
}

#not-found-page .shwo-404 .content-card-box2 .content-card-box2-btn-box .content-card-box2-btn[data-v-4fbc7a3e]:hover {
    background-color: #147ae0
}

@media screen and (max-width: 1200px) {
    #not-found-page .shwo-404 .banner[data-v-4fbc7a3e] {
        background-image: unset
    }

    #not-found-page .shwo-404 .banner .banner-img[data-v-4fbc7a3e] {
        width: 80%;
        height: unset
    }

    #not-found-page .shwo-404 .banner .banner-img img[data-v-4fbc7a3e] {
        height: unset
    }

    #not-found-page .shwo-404 .banner .banner-title[data-v-4fbc7a3e] {
        font-size: 24px;
        margin-bottom: 10px
    }

    #not-found-page .shwo-404 .banner .search-box span[data-v-4fbc7a3e] {
        width: 84px;
        text-align: center
    }

    #not-found-page .shwo-404 .banner .search-box input[data-v-4fbc7a3e] {
        width: 180px
    }

    #not-found-page .shwo-404 .banner .search-content[data-v-4fbc7a3e] {
        display: flex;
        justify-content: space-between;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto
    }

    #not-found-page .shwo-404 .banner .search-content span[data-v-4fbc7a3e]:first-child {
        display: block;
        font-size: 16px;
        text-align: left
    }

    #not-found-page .shwo-404 .banner .search-content span[data-v-4fbc7a3e]:nth-child(2) {
        text-align: left;
        font-size: 14px
    }

    #not-found-page .shwo-404 .content-title[data-v-4fbc7a3e] {
        font-size: 24px;
        margin-top: 60px
    }

    #not-found-page .shwo-404 .content-card-box[data-v-4fbc7a3e] {
        margin-top: 32px
    }

    #not-found-page .shwo-404 .content-card-box .content-card[data-v-4fbc7a3e] {
        margin-top: 14px
    }

    #not-found-page .shwo-404 .content-card-box2[data-v-4fbc7a3e] {
        margin-top: 60px
    }

    #not-found-page .shwo-404 .content-card-box2 .content-card-box2-title[data-v-4fbc7a3e] {
        font-size: 24px
    }

    #not-found-page .shwo-404 .content-card-box2 .content-card-box2-btn-box[data-v-4fbc7a3e] {
        width: 90%
    }

    #not-found-page .shwo-404 .content-card-box2 .content-card-box2-btn-box .content-card-box2-btn[data-v-4fbc7a3e] {
        width: 148px;
        line-height: 34px;
        font-size: 14px;
        font-weight: 700;
        height: 34px
    }

    #not-found-page .shwo-404 .content-card-box2[data-v-4fbc7a3e] {
        background-image: unset
    }

    #not-found-page .shwo-404 .content[data-v-4fbc7a3e] {
        padding-bottom: 40px
    }
}

.Intro_header {
    width: 100%;
    background-color: #2d8cff;
    height: 150px;
    overflow: hidden;
    margin-bottom: 40px
}

.header-in {
    width: 966px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto
}

.Intro_header h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px
}

.Intro_header .header-in span,
.Intro_header h1 {
    font-display: swap;
    font-family: Open Sans;
    color: #fff
}

.Intro_header .header-in span {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px
}

.header-r {
    width: 20%
}

.header-r img {
    margin-bottom: -30px
}

.Intro_content {
    width: 970px;
    border-bottom: 2px dashed #f8f8f8;
    padding-bottom: 68px;
    margin: 0 auto 75px
}

.Intro_body {
    width: 970px;
    margin: 0 auto
}

.Intro_body img {
    text-align: center
}

.Intro_body ul {
    margin-bottom: 50px;
    margin-top: 20px
}

.Intro_body ul li {
    list-style-type: disc;
    font-display: swap;
    font-family: Open Sans;
    color: #333;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    margin: 6px 0 6px 10px
}

.markdown-body-built-in-articles li,
.markdown-body-built-in-articles ul {
    list-style: auto
}

#es_body .markdown-body-built-in-articles li,
#es_body .markdown-body-built-in-articles ul {
    font-size: 18px;
    font-display: swap;
    font-family: Open Sans;
    color: #333;
    line-height: 36px;
    font-weight: 300
}

.markdown-body-built-in-articles p img {
    display: block;
    margin: 10px auto
}

.markdown-body-built-in-articles p a img {
    display: inline-block;
    margin: unset
}

.Intro_body p {
    width: 100%;
    font-size: 18px;
    font-display: swap;
    font-family: Open Sans;
    color: #333;
    line-height: 36px;
    font-weight: 300
}

.Intro_body h5 {
    margin-bottom: 10px
}

.Intro_body h5 a {
    display: none
}

.Intro_body h2 {
    font-size: 24px;
    font-weight: 700
}

.Intro_body h2,
.Intro_body h3 {
    font-display: swap;
    font-family: Open Sans;
    color: #000;
    line-height: 30px;
    margin: 36px 0
}

.Intro_body h3 {
    font-size: 20px;
    font-weight: 400
}

.Intro_body h2 a,
.Intro_body h3 a,
.Intro_body h4 a,
.Intro_body h5 a {
    display: none
}

.Intro_body .blueFont {
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #2d8cff;
    line-height: 30px
}

.Intro_body .son {
    margin: 0 0 50px;
    padding: 0
}

.Intro_body .son>p {
    background-color: #4c7cf7;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 14px
}

.Intro_body .son>ul {
    border: 1px solid #ddd;
    display: table;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 0 20px;
    width: 100%
}

.Intro_body .son>ul>li {
    float: left;
    margin: 0;
    width: 25%
}

.Intro_body .aHrefCl {
    font-size: 20px;
    font-weight: 600
}

.Intro_body .readmeDian {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #0066cb;
    margin-right: 10px;
    transform: translateY(-50%)
}

.Intro_body .aPartCl {
    margin-top: 50px;
    background-color: #eee;
    border-radius: 4px;
    color: #000;
    font-size: 26px;
    font-weight: 700;
    padding: 10px;
    text-align: left;
    line-height: 22px
}

.donotmiss {
    background-color: #eee;
    padding: 50px 0;
    text-align: center;
    width: 100%;
    margin: 20px auto 54px
}

.donotmiss .title {
    font-size: 22px;
    font-weight: 700;
    text-align: center
}

.donotmiss .title a {
    color: #0066cb
}

.donotmiss p {
    font-size: 14px;
    line-height: 26px
}

.donotmiss p a {
    font-weight: 700
}

.donotmiss p a:hover {
    background-color: #0066cb !important
}

.donotmiss p a .hover2 {
    display: none
}

.donotmiss p a:hover .hover2 {
    display: block
}

.donotmiss p a:hover .hover1 {
    display: none
}

.donotmiss img {
    max-width: 100%
}

.btn-mac-try,
.btn-win-try {
    position: relative;
    border: 1px solid #3a98f6;
    background-color: #3a98f6;
    font-size: 20px;
    width: 170px;
    text-align: center;
    display: inline-block;
    padding: 8px 0;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    margin-right: 5px;
    margin-top: 5px
}

.btn-mac-try img,
.btn-win-try img {
    position: relative;
    margin-top: -3px !important;
    margin-right: 10px !important;
    text-align: center;
    max-width: 100%;
    height: 100%
}

.Intro_footer {
    width: 823px;
    text-align: center;
    margin: 0 auto 75px
}

.Intro_footer h2 {
    font-size: 28px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    line-height: 28px;
    margin-bottom: 50px
}

.Intro_footer .input-box {
    display: flex;
    justify-content: center;
    margin-bottom: 108px
}

.Intro_footer .input-box input {
    width: 500px;
    height: 53px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #e6e6e6;
    outline: none;
    text-indent: 16px
}

.Intro_footer .input-box input::placeholder {
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #f2f2f2;
    line-height: 53px;
    text-indent: 16px
}

.Intro_footer .input-box a {
    width: 185px;
    height: 53px;
    border-radius: 6px;
    background-color: #2d8cff;
    display: block;
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #fff;
    line-height: 53px;
    text-align: center
}

.Intro_footer .input-box a:hover {
    background-color: #0066cb
}

.search {
    display: flex;
    margin: 0 auto
}

.search input {
    width: 520px;
    height: 54px;
    border-radius: 10px;
    border: 2px solid #f2f2f2;
    margin-right: 5px;
    font-size: 20px;
    outline: none
}

.search input::-webkit-input-placeholder {
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #f2f2f2;
    line-height: 30px
}

.search .btn {
    width: 184px;
    height: 54px;
    background-color: #2d8cff;
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #fff;
    line-height: 30px
}

#side-by-side-3d-format,
#top-and-bottom-3d-format {
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #2d8cff;
    line-height: 30px
}

#advantages-of-rooting-android,
#definition-of-rooting,
#risks-of-rooting-android {
    color: #0066eb
}

.cuda_table {
    border: 1px solid #caecff;
    margin-top: 15px
}

.cuda_table td {
    padding: 10px;
    font-size: 1em;
    border: 1px solid #caecff;
    line-height: 25px
}

@media screen and (max-width: 992px) {
    .Intro .header-l h1 {
        font-size: 28px
    }

    .header-in {
        display: block;
        width: 100%
    }

    .header-l {
        text-align: center;
        padding-top: 40px
    }

    .header-r {
        display: none
    }

    .Intro_content {
        width: 100%;
        padding: 0 22px 0 18px
    }

    .Intro_body {
        width: 100%
    }

    .Intro_body a {
        color: #0066cb
    }

    .Intro_footer {
        width: 100%;
        text-align: center;
        padding: 0 25px
    }

    .Intro_footer h3 {
        font-size: 24px;
        padding: 0
    }

    .search {
        width: 100%
    }
}

@media screen and (max-width: 600px) {
    .search input {
        line-height: 27px
    }

    .search .btn,
    .search input {
        height: 27px;
        font-size: 12px;
        line-height: 14px
    }

    .search .btn {
        flex: 2
    }
}

body {
    font-display: swap;
    font-family: OpenSans-Regular
}

#categorys #solution .banner {
    background: url("../../static/img/solution/banner-backg.png")
        /*tpa=https://www.fonepaw.com/static/img/solution/banner-backg.png*/
        no-repeat 0 0;
    background-size: 64% auto;
    padding: 68px 0
}

#categorys #solution .banner h1 {
    font-size: 30px;
    font-weight: 700;
    color: #000
}

#categorys #solution .banner .content {
    height: 436px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-top: 22px
}

#categorys #solution .banner .content .banner-swiper {
    flex: 0 0 60%;
    margin: unset;
    padding: 5px;
    border-radius: 16px
}

#categorys #solution .banner .content .banner-swiper .swiper-wrapper {
    border-radius: 16px;
    box-shadow: 0 0 20px rgba(70, 88, 137, .2)
}

#categorys #solution .banner .content .banner-swiper .img {
    overflow: hidden
}

#categorys #solution .banner .content .banner-swiper .img,
#categorys #solution .banner .content .banner-swiper .img img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    transition: all .4s
}

#categorys #solution .banner .content .banner-swiper .img img:hover {
    transform: scale(1.1)
}

#categorys #solution .banner .content .right {
    flex: 0 0 35%;
    display: flex;
    flex-direction: column;
    align-items: center
}

#categorys #solution .banner .content .right a {
    display: flex;
    flex-direction: column;
    position: relative
}

#categorys #solution .banner .content .right a:not(:first-child) {
    margin-top: 60px
}

#categorys #solution .banner .content .right a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 1px;
    background: #ccc
}

#categorys #solution .banner .content .right a.active:before {
    background: #000
}

#categorys #solution .banner .content .right a.active .article-title {
    color: #000
}

#categorys #solution .banner .content .right a .article-data {
    font-size: 16px;
    color: #c9caca;
    font-weight: 700;
    line-height: 30px
}

#categorys #solution .banner .content .right a .article-title {
    font-size: 22px;
    font-weight: 700;
    color: #b5b5b6;
    line-height: 30px;
    margin-top: 10px
}

@media (max-width: 1200px) {
    #categorys #solution .banner {
        padding: 40px 0;
        background: unset
    }

    #categorys #solution .banner h1 {
        text-align: center;
        font-size: 24px;
        line-height: 34px
    }

    #categorys #solution .banner .content {
        height: auto;
        flex-direction: column;
        justify-content: center
    }

    #categorys #solution .banner .content .banner-swiper {
        flex: 0 0 100%;
        height: 500px
    }

    #categorys #solution .banner .content .right {
        flex: 0 0 100%;
        margin-top: 30px;
        align-items: unset
    }
}

@media (max-width: 767px) {
    #categorys #solution .banner .content .banner-swiper {
        height: 200px
    }

    #categorys #solution .banner .content .right a:not(:first-child) {
        margin-top: 30px
    }

    #categorys #solution .banner .content .right a .article-title {
        font-size: 18px
    }
}

#categorys #solution .main {
    margin-top: 86px
}

#categorys #solution .main .main-inner {
    width: 100%;
    display: flex;
    justify-content: space-between
}

#categorys #solution .main .main-inner .solution-type-item {
    flex: 0 0 60%;
    padding-inline-start: 0
}

#categorys #solution .main .main-inner .solution-type-item .type {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px
}

#categorys #solution .main .main-inner .solution-type-item .item {
    padding: 40px 0;
    position: relative;
    list-style: none;
    display: none
}

#categorys #solution .main .main-inner .solution-type-item .item.shows {
    display: block
}

#categorys #solution .main .main-inner .solution-type-item .item:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ccc;
    left: 0;
    bottom: 0
}

#categorys #solution .main .main-inner .solution-type-item .item .article-time {
    font-size: 16px;
    font-weight: 700;
    color: #9fa0a0;
    line-height: 30px;
    margin-bottom: 10px
}

#categorys #solution .main .main-inner .solution-type-item .item .article-title {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    line-height: 30px;
    transition: all .4s
}

#categorys #solution .main .main-inner .solution-type-item .item .article-title:hover {
    color: #2e8cff
}

#categorys #solution .main .main-inner .solution-type-item .item .content {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

#categorys #solution .main .main-inner .solution-type-item .item .content .img {
    flex: 0 0 33%
}

#categorys #solution .main .main-inner .solution-type-item .item .content .img img {
    width: 100%
}

#categorys #solution .main .main-inner .solution-type-item .item .content .desc .mobile-title {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    line-height: 30px;
    transition: all .4s;
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

#categorys #solution .main .main-inner .solution-type-item .item .content .desc .mobile-title:hover {
    color: #2e8cff
}

#categorys #solution .main .main-inner .solution-type-item .item .content .desc .description {
    font-size: 16px;
    color: #9fa0a0;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

#categorys #solution .main .main-inner .solution-type-item .item .content .desc .more {
    font-size: 20px;
    color: #2e8cff;
    position: absolute;
    right: 0;
    bottom: 10px;
    transition: all .4s
}

#categorys #solution .main .main-inner .solution-type-item .item .content .desc .more:hover {
    color: #1a7ee2
}

#categorys #solution .main .main-inner .solution-type-item .solution-select {
    text-align: center;
    margin-bottom: 74px;
    font-size: 16px;
    display: flex;
    margin-top: 40px
}

#categorys #solution .main .main-inner .solution-type-item .solution-select span {
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    padding: 0 12px;
    color: #666;
    margin: 0 5px 16px;
    text-decoration: none;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    display: block
}

#categorys #solution .main .main-inner .solution-type-item .solution-select span button {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #fff;
    outline: none
}

#categorys #solution .main .main-inner .solution-type-item .solution-select ul {
    display: flex;
    padding-inline-start: 0
}

#categorys #solution .main .main-inner .solution-type-item .solution-select ul li {
    list-style: none
}

#categorys #solution .main .main-inner .solution-type-item .solution-select ul li a {
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    padding: 0 12px;
    color: #666;
    margin: 0 5px 16px;
    text-decoration: none;
    border: 1px solid #b8b8b8;
    border-radius: 5px
}

#categorys #solution .main .main-inner .solution-type-item .solution-select ul li.active a {
    color: #fff;
    background-color: #2d8cff;
    border: unset
}

#categorys #solution .main .main-inner .solution-type-item .solution-select .jump-ipt {
    width: 40px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    color: #666;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    display: block;
    outline: none
}

#categorys #solution .main .main-inner .solution-type-item .solution-select .jump-btn {
    height: 32px;
    color: #666;
    line-height: 32px;
    padding: 0 12px;
    margin-left: 3px;
    display: inline-block;
    border: 1px solid #b8b8b8;
    border-radius: 5px
}

#categorys #solution .main .main-inner .solution-type {
    flex: 0 0 35%;
    width: 35%
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner {
    position: sticky;
    top: 20px
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner .title {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner .title img {
    width: 11px;
    height: 11px;
    display: none;
    margin-left: 10px
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner .title img.active {
    transform: rotateX(180deg)
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner .content {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner .content a {
    padding: 0 10px;
    font-size: 18px;
    color: #595757;
    line-height: 30px;
    background: #e4e6e7;
    border-radius: 16px;
    transition: all .4s;
    display: none;
    margin: 3px 1px
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner .content a:hover {
    background: #46565c;
    color: #fff
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner .content a.show {
    display: block
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner .content .more {
    width: 38px;
    height: 38px;
    line-height: 35px;
    border-radius: 50%;
    background: #e4e6e7;
    text-align: center;
    cursor: pointer
}

#categorys #solution .main .main-inner .solution-type .solution-type-inner .content .more:hover {
    background: #46565c;
    color: #fff
}

@media (max-width: 1200px) {
    #categorys #solution .main .container {
        padding-left: unset;
        padding-right: unset
    }

    #categorys #solution .main .main-inner {
        justify-content: center;
        flex-direction: column
    }

    #categorys #solution .main .main-inner .solution-type-item {
        flex: 0 0 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    #categorys #solution .main .main-inner .solution-type {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 30px
    }

    #categorys #solution .main .main-inner .solution-type .solution-type-inner {
        position: unset
    }

    #categorys #solution .main .main-inner .solution-type .solution-type-inner .title {
        padding: 10px 0;
        background: #46565c;
        text-align: center;
        color: #fff
    }

    #categorys #solution .main .main-inner .solution-type .solution-type-inner .title img {
        display: inline-block
    }

    #categorys #solution .main .main-inner .solution-type .solution-type-inner .content {
        display: none;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center
    }
}

@media (max-width: 767px) {
    #categorys #solution .main {
        margin-top: unset
    }

    #categorys #solution .main .main-inner .solution-type-item .item {
        padding: 20px 0 60px
    }

    #categorys #solution .main .main-inner .solution-type-item .item .article-time {
        font-size: 14px
    }

    #categorys #solution .main .main-inner .solution-type-item .item .article-title {
        font-size: 18px;
        display: none
    }

    #categorys #solution .main .main-inner .solution-type-item .item .content .img {
        height: unset
    }

    #categorys #solution .main .main-inner .solution-type-item .item .content .desc .mobile-title {
        font-size: 20px;
        display: -webkit-box
    }

    #categorys #solution .main .main-inner .solution-type-item .item .content .desc .description {
        display: none
    }

    #categorys #solution .main .main-inner .solution-type-item .item .content .desc .more {
        font-size: 18px;
        bottom: 10px
    }

    #categorys #solution .main .main-inner .solution-type-item .solution-select {
        flex-wrap: wrap;
        margin-top: 20px;
        margin-bottom: 0
    }

    #categorys #solution .main .main-inner .solution-type-item .solution-select span {
        padding: 0 5px
    }

    #categorys #solution .main .main-inner .solution-type {
        margin-top: 50px
    }

    #categorys #solution .main .main-inner .solution-type .solution-type-inner .content a.show {
        display: inline-block !important
    }

    #categorys #solution .main .main-inner .solution-type .solution-type-inner .content .more {
        display: inline-block
    }
}

#categorys #solution .section-subscribe {
    margin-top: 100px;
    padding-bottom: 80px
}

#categorys #solution .section-subscribe .subscribe h2 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    text-align: center
}

#categorys #solution .section-subscribe .subscribe .subscribe-submit {
    margin-top: 50px
}

#categorys #solution .section-subscribe .subscribe .subscribe-submit button {
    width: 185px;
    height: 53px;
    border-radius: 6px;
    padding: 0;
    border: 0;
    margin: 0 auto;
    outline: none;
    background-color: #2d8cff;
    display: block;
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #fff;
    line-height: 53px;
    text-align: center;
    transition: all .4s
}

#categorys #solution .section-subscribe .subscribe .subscribe-submit button:hover {
    background: #1a7ee2
}

#categorys #solution .section-subscribe .subscribe .subscribe-success {
    display: none
}

@media (max-width: 767px) {
    #categorys #solution .section-subscribe {
        margin-top: 50px;
        padding-bottom: 50px
    }

    #categorys #solution .section-subscribe .subscribe {
        width: 100%
    }

    #categorys #solution .section-subscribe .subscribe .subscribe-form h3 {
        font-size: 24px
    }

    #categorys #solution .section-subscribe .subscribe {
        justify-content: center;
        flex-direction: column;
        align-items: flex-end
    }

    #categorys #solution .section-subscribe .subscribe .form-input {
        flex: unset;
        width: 100%
    }

    #categorys #solution .section-subscribe .subscribe .form-input label input {
        height: 57px
    }

    #categorys #solution .section-subscribe .subscribe .form-input label input ::-webkit-input-placeholder {
        font-size: 18px
    }

    #categorys #solution .section-subscribe .subscribe .subscribe-submit {
        margin: 10px auto 0;
        flex: unset;
        width: 45%
    }

    #categorys #solution .section-subscribe .subscribe .subscribe-submit button {
        height: 57px;
        font-size: 21px;
        margin-left: unset
    }
}

#categorys #solution .main .container .page_area .next,
#categorys #solution .main .container .page_area .pre {
    margin-top: 3px
}

#categorys #solution .main .container .page_area .next button,
#categorys #solution .main .container .page_area .pre button {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #1a7ee2;
    color: #fff;
    border: none
}

#categorys #solution .main .container .page_area ul {
    display: flex;
    margin: 0
}

#categorys #solution .main .container .page_area ul li {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 5px;
    color: #999;
    cursor: pointer
}

#categorys #solution .main .container .page_area ul li.active {
    color: #000
}

#mm-alert {
    font-display: swap;
    font-family: OpenSans-Regular;
    position: fixed;
    width: 100%;
    height: 100px;
    background: #ccc;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center
}

#mm-alert~header {
    margin-top: 100px
}

#mm-alert .text {
    font-size: 20px;
    color: #fff
}

#mm-alert .text a {
    color: #2d8cff
}

#mm-alert~header~div #product-nav {
    top: 100px
}

@media screen and (max-width: 768px) {
    #mm-alert .text {
        font-size: 12px
    }
}

#about .banner {
    background-image: url("../../pages/about/25.png")
        /*tpa=https://www.fonepaw.com/pages/about/25.png*/
    ;
    background-position: 50%;
    background-repeat: no-repeat
}

#about .banner .container {
    width: 1089px;
    height: 535px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#about .banner .container h1 {
    font-size: 52px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    line-height: 52px;
    color: #1a1a1a;
    margin-bottom: 25px
}

#about .banner .container h1 span {
    color: #2d8cff;
    margin-left: 23px
}

#about .banner .container p {
    width: 576px;
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 36px;
    margin-top: 25px
}

#about .part1 {
    padding-top: 107px
}

#about .part1 .container h2 {
    line-height: 28px;
    font-size: 28px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 50px
}

#about .part1 .container .part1-box {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#about .part1 .container .part1-box-left {
    width: 252px;
    height: 258px;
    font-size: 52px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around
}

#about .part1 .container .part1-box-left .text {
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #1a1a1a;
    text-align: right
}

#about .part1 .container .part1-box-left .text3 {
    color: #2d8cff
}

#about .part1 .container .part1-box-right {
    width: 743px;
    background-color: #f7f7f7;
    padding: 26px 0
}

#about .part1 .container .part1-box-right p {
    margin-left: 68px;
    width: 640px;
    font-size: 16px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #333;
    line-height: 30px
}

#about .part1 .container .part1-box-right p span {
    color: #000;
    font-weight: 700
}

#about .part1 .container .part1-box-right p:first-child {
    margin-bottom: 4px
}

#about .part1 .container .part1-box-right p:nth-child(2) {
    margin-bottom: 16px
}

#about .part3 {
    padding-top: 107px
}

#about .part3 h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 28px
}

#about .part3 h2,
#about .part3 p {
    font-display: swap;
    font-family: Open Sans;
    text-align: center
}

#about .part3 p {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 36px;
    margin-top: 29px
}

#about .part3 p a {
    color: #0066cb
}

#about .part3 .part3-img {
    width: 1055px;
    height: 364px;
    margin: 37px auto 0;
    background-image: url("../../pages/about/26.png")
        /*tpa=https://www.fonepaw.com/pages/about/26.png*/
    ;
    background-repeat: no-repeat
}

#about .part3 .part3-img img {
    width: 100%
}

#about .part4 {
    padding-top: 104px
}

#about .part4 h2 {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 28px
}

#about .part4 .desc,
#about .part4 h2 {
    font-display: swap;
    font-family: Open Sans;
    text-align: center
}

#about .part4 .desc {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 16px;
    margin-top: 32px
}

#about .part4 .swiper-box {
    margin-top: 53px
}

#about .part4 .swiper-box .swiper-box-sub {
    text-align: center
}

#about .part4 .swiper-box .swiper-box-sub img {
    margin-bottom: 30px;
    width: 116px
}

#about .part4 .swiper-box .swiper-box-sub p:nth-child(2) {
    font-size: 24px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 24px
}

#about .part4 .swiper-box .swiper-box-sub p:nth-child(3) {
    font-size: 16px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #333;
    line-height: 25px;
    margin-top: 30px
}

#about .part4 .swiper-box .swiper-container-horizontal>.swiper-pagination-bullets {
    display: none
}

#about .part5 {
    padding-top: 101px
}

#about .part5 .container .card {
    width: 99.7%;
    height: 240px;
    background-color: #f7f7f7;
    padding-top: 64px
}

#about .part5 .container .card h2 {
    font-size: 28px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    line-height: 28px
}

#about .part5 .container .card p {
    width: 920px;
    font-size: 16px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #333;
    line-height: 36px;
    text-align: center;
    margin: 30px auto 0
}

#about .part5 .container .part5-table {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 1px;
    flex-wrap: wrap;
    margin-top: 1px
}

#about .part5 .container .part5-table .table-sub {
    width: 212px;
    height: 106px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f2f2f2;
    margin-left: -1px;
    margin-top: -1px
}

#about .part5 .container .part5-bottom-img {
    width: 100%
}

#about .part5 .container .part5-bottom-img img {
    width: 100%;
    display: block
}

#about .part6 {
    padding-top: 103px
}

#about .part6 .container {
    border-bottom: 2px dashed #e6e6e6
}

#about .part6 .container h2 {
    font-size: 28px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 28px;
    text-align: center
}

#about .part6 .container p {
    color: #000;
    line-height: 36px;
    margin-top: 32px
}

#about .part6 .container .part6-btn,
#about .part6 .container p {
    font-size: 16px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    text-align: center
}

#about .part6 .container .part6-btn {
    width: 134px;
    height: 39px;
    display: block;
    background-color: #2d8cff;
    border-radius: 6px;
    color: #fff;
    line-height: 39px;
    margin: 25px auto 0
}

#about .part6 .container .part6-btn:hover {
    background-color: #0066cb
}

#about .part6 .container .icon-box {
    display: flex;
    justify-content: space-between;
    width: 223px;
    margin: 40px auto 87px
}

#about .part6 .container .icon-box .icon-box-sub {
    width: 35px;
    height: 36px;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

#about .part6 .container .icon-box .sub1 {
    background-image: url("../../pages/about/31.png")
        /*tpa=https://www.fonepaw.com/pages/about/31.png*/
}

#about .part6 .container .icon-box .sub1:hover {
    background-image: url("../../pages/about/18.png")
        /*tpa=https://www.fonepaw.com/pages/about/18.png*/
}

#about .part6 .container .icon-box .sub2 {
    background-image: url("../../pages/about/19.png")
        /*tpa=https://www.fonepaw.com/pages/about/19.png*/
}

#about .part6 .container .icon-box .sub2:hover {
    background-image: url("../../pages/about/22.png")
        /*tpa=https://www.fonepaw.com/pages/about/22.png*/
}

#about .part6 .container .icon-box .sub3 {
    background-image: url("../../pages/about/20.png")
        /*tpa=https://www.fonepaw.com/pages/about/20.png*/
}

#about .part6 .container .icon-box .sub3:hover {
    background-image: url("../../pages/about/23.png")
        /*tpa=https://www.fonepaw.com/pages/about/23.png*/
}

#about .part6 .container .icon-box .sub4 {
    background-image: url("../../pages/about/21.png")
        /*tpa=https://www.fonepaw.com/pages/about/21.png*/
}

#about .part6 .container .icon-box .sub4:hover {
    background-image: url("../../pages/about/24.png")
        /*tpa=https://www.fonepaw.com/pages/about/24.png*/
}

#about .part7 {
    padding-top: 87px
}

#about .part7 .container h2 {
    font-size: 28px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    line-height: 28px;
    margin-bottom: 50px
}

#about .part7 .container .input-box {
    display: flex;
    justify-content: center;
    margin-bottom: 108px
}

#about .part7 .container .input-box input {
    width: 500px;
    height: 53px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #e6e6e6;
    outline: none;
    text-indent: 16px
}

#about .part7 .container .input-box input::placeholder {
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #f2f2f2;
    line-height: 53px;
    text-indent: 16px
}

#about .part7 .container .input-box a {
    width: 185px;
    height: 53px;
    border-radius: 6px;
    background-color: #2d8cff;
    display: block;
    font-size: 20px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #fff;
    line-height: 53px;
    text-align: center
}

#about .part7 .container .input-box a:hover {
    background-color: #0066cb
}

@media screen and (max-width: 1080px) {
    #about .banner .container h1 {
        text-align: center
    }

    #about .banner .container p {
        margin: 0 auto;
        width: unset
    }

    #about .banner .container {
        width: 100%
    }

    #about .part1 .container .part1-box {
        flex-direction: column;
        align-content: center;
        background-color: #f7f7f7
    }

    #about .part1 .container .part1-box-left {
        height: auto;
        width: 100%;
        flex-flow: row wrap;
        justify-content: flex-start;
        font-size: 32px;
        margin: 30px 0 10px;
        padding: 10px
    }

    #about .part1 .container .part1-box-left .text {
        text-align: left
    }

    #about .part1 .container .part1-box-left .text1 {
        width: auto
    }

    #about .part1 .container .part1-box-left .text2 {
        width: auto;
        margin-left: 10px
    }

    #about .part1 .container .part1-box-left .text3 {
        width: 100%;
        font-size: 52px
    }

    #about .part1 .container .part1-box-right {
        margin: 0 auto
    }

    #about .part1 .container h2 {
        margin-bottom: 28px
    }

    #about .part1 .container .part1-box-right p {
        width: 95%;
        margin: 0 auto
    }

    #about .part3 .part3-img {
        width: 659px;
        height: 364px
    }

    #about .part5 .container .part5-table .table-sub {
        width: 25%
    }

    #about .swiper-pagination-bullet {
        width: 7px;
        height: 7px
    }
}

@media screen and (max-width: 700px) {
    #about .banner {
        height: 505px
    }

    #about .banner .container h1 {
        font-size: 32px;
        line-height: 32px
    }

    #about .banner .container p {
        font-size: 16px;
        line-height: 30px;
        text-align: center
    }

    #about .part1 .container h2 {
        font-size: 24px
    }

    #about .part1 {
        padding-top: 66px
    }

    #about .part1 .container .part1-box-right {
        width: 100%;
        height: unset;
        padding-bottom: 30px
    }

    #about .part1 .container .part1-box-right p:first-child {
        margin-bottom: 10px
    }

    #about .part1 .container .part1-box-right p:nth-child(2) {
        margin-bottom: 15px
    }

    #about .part3 {
        padding-top: 68px
    }

    #about .part3 h2 {
        font-size: 24px;
        line-height: 24px
    }

    #about .part3 p {
        font-size: 16px;
        line-height: 36px;
        margin-top: 24px
    }

    #about .part5 {
        padding-top: 66px
    }

    #about .part5 .container .card {
        padding-top: 44px;
        height: unset;
        padding-bottom: 41px
    }

    #about .part5 .container .card h2 {
        font-size: 24px;
        line-height: 24px
    }

    #about .part5 .container .card p {
        width: 100%;
        margin-top: 24px
    }

    #about .part5 .container .part5-table .table-sub {
        height: 62px
    }

    #about .part5 .container .part5-table .table-sub img {
        width: 89px
    }

    #about .part6 {
        padding-top: 65px
    }

    #about .part6 .container h2 {
        font-size: 24px;
        line-height: 24px
    }

    #about .part6 .container p {
        font-size: 16px;
        line-height: 36px;
        margin-top: 28px
    }

    #about .part6 .container .part6-btn {
        margin-top: 22px
    }

    #about .part6 .container .icon-box {
        margin-top: 32px;
        margin-bottom: 43px
    }

    #about .part7 {
        padding-top: 48px
    }

    #about .part7 .container h2 {
        font-size: 24px;
        line-height: 30px
    }

    #about .part7 .container .input-box input {
        width: 213px;
        height: 26px;
        font-size: 12px
    }

    #about .part7 .container .input-box a {
        width: 88px;
        height: 26px;
        font-size: 12px;
        line-height: 26px
    }

    #about .part7 .container h2 {
        margin-bottom: 21px
    }

    #about .part7 .container .input-box input::placeholder {
        font-size: 14px
    }

    #about .part7 .container .input-box {
        margin-bottom: 72px
    }

    #about .part4 {
        padding-top: 68px
    }

    #about .part4 h2 {
        font-size: 24px;
        line-height: 24px
    }

    #about .part4 .desc {
        line-height: 16px
    }

    #about .part4 .swiper-box {
        margin-top: 41px
    }

    #about .part4 .swiper-box .swiper-container-horizontal>.swiper-pagination-bullets {
        display: block;
        width: fit-content;
        margin: 29px auto 0
    }

    #about .part3 .part3-img {
        background-image: unset;
        height: unset;
        width: 370px;
        overflow: hidden;
        overflow: overlay
    }

    #about .part3 .part3-img img {
        width: 659px;
        display: block
    }

    #about .part3 .container {
        width: 96%;
        padding: 0;
        overflow: hidden
    }
}

@media screen and (max-width: 378px) {
    #about .banner {
        background-image: url("../../pages/about/28.png")
            /*tpa=https://www.fonepaw.com/pages/about/28.png*/
        ;
        padding-top: 55px
    }

    #about .banner .container {
        justify-content: flex-start
    }

    #about .banner .container h1 {
        margin-bottom: unset
    }

    #about .banner .container p {
        margin-top: 26px
    }

    #about .part5 .container .part5-table .table-sub {
        width: 33.5%
    }

    #about .part7 .container h2 {
        width: 300px;
        margin: 0 auto 18px
    }
}

#contact .banner {
    padding-top: 83px
}

#contact .banner .container {
    border-bottom: 2px dashed #e6e6e6
}

#contact .banner h1 {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 36px
}

#contact .banner h1,
#contact .banner p {
    font-display: swap;
    font-family: Open Sans;
    text-align: center
}

#contact .banner p {
    font-size: 16px;
    font-weight: 300;
    color: #231815;
    line-height: 30px;
    margin-top: 23px;
    margin-bottom: 46px;
    font-weight: 700
}

#contact .content {
    padding-top: 61px
}

#contact .content .container {
    display: flex;
    justify-content: space-between
}

#contact .content .container:after,
#contact .content .container:before {
    display: none
}

#contact .content .content-left .product-name {
    margin-top: 40px;
    position: relative
}

#contact .content .content-left .flexName {
    display: flex
}

#contact .content .content-left .product-name .leftName,
#contact .content .content-left .product-name .rightName {
    width: 100%;
    position: relative
}

#contact .content .content-left .product-name .rightName .rigp {
    padding-left: 20px
}

#contact .content .content-left .product-name .required {
    position: absolute;
    top: 0;
    left: -15px
}

#contact .content .content-left .product-name:first-child {
    margin-top: unset
}

#contact .content .content-left .product-name p {
    font-size: 18px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #333;
    line-height: 18px;
    font-weight: 700
}

#contact .content .content-left .product-name .option {
    width: 621px;
    height: 48px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: grey;
    line-height: 48px;
    padding-left: 17px;
    margin-top: 20px;
    cursor: pointer;
    position: relative
}

#contact .content .content-left .product-name .card {
    box-shadow: 0 0 5px hsla(0, 0%, 73.7%, .3);
    width: 620px;
    background: #fff;
    margin-top: 14px;
    display: none
}

#contact .content .content-left .product-name .card p {
    height: 26px;
    font-size: 14px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #999;
    line-height: 26px;
    padding-left: 14px;
    cursor: pointer
}

#contact .content .content-left .product-name .card p:hover {
    background: #1e90ff;
    color: #fff
}

#contact .content .content-left .product-name select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../../pages/contact/jiantou.svg")
        /*tpa=https://www.fonepaw.com/pages/contact/jiantou.svg*/
        no-repeat scroll 580px transparent;
    background-size: 20px 10px;
    cursor: pointer
}

#contact .content .content-left .product-name input,
#contact .content .content-left .product-name select {
    width: 620px;
    height: 48px;
    border: 1px solid #ccc;
    outline: none;
    margin-top: 16px;
    padding: 0 10px
}

#contact .content .content-left .product-name.mini input {
    width: 460px
}

#contact .content .content-left .product-name.mini img {
    margin-left: 20px;
    cursor: pointer;
    height: 48px
}

#contact .content .content-left #zsBrowseAttachment input[type=file] {
    position: absolute;
    top: 0;
    opacity: 0
}

#contact .content .content-left .flexName .rightName input {
    margin-left: 20px
}

#contact .content .content-left .flexName input {
    width: 300px;
    height: 48px;
    border: 1px solid #ccc;
    outline: none;
    margin-top: 16px
}

#contact .content .content-left .product-name textarea {
    width: 620px;
    height: 192px;
    margin-top: 20px;
    outline: none;
    border: 1px solid #ccc;
    resize: none
}

#contact .content .content-left .file {
    width: 621px;
    min-height: 48px;
    border: 1px dashed #ccc;
    margin-top: 28px;
    cursor: pointer;
    font-size: 18px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #2d8cff;
    line-height: 48px;
    padding-left: 19px;
    position: relative
}

#contact .content .content-left .file:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-image: url("../../pages/contact/1.svg")
        /*tpa=https://www.fonepaw.com/pages/contact/1.svg*/
    ;
    top: 15px;
    right: 21px;
    width: 20px;
    height: 18px
}

#contact .content .content-left .submit {
    display: block;
    width: 156px;
    height: 45px;
    border-radius: 6px;
    border: none;
    background: #2d8cff;
    font-size: 18px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #fff;
    line-height: 45px;
    text-align: center;
    margin: 56px auto 74px
}

#contact .content .content-right {
    width: 357px;
    height: 484px;
    background-color: #f7f8fa
}

#contact .content .content-right p:first-child {
    font-size: 26px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #333;
    line-height: 26px;
    margin-left: 30px;
    margin-top: 40px;
    margin-bottom: 26px
}

#contact .content .content-right a:nth-child(2) {
    font-size: 18px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #1e90ff;
    color: #333;
    line-height: 18px;
    margin-left: 30px
}

#contact .content .content-right a:nth-child(2):hover,
#contact .content .content-right a:nth-child(4):hover,
#contact .content .content-right a:nth-child(6):hover {
    color: #1e90ff
}

#contact .content .content-right a:nth-child(4),
#contact .content .content-right a:nth-child(6) {
    font-size: 18px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 700;
    color: #333;
    line-height: 18px;
    margin-left: 30px
}

#contact .content .content-right p:nth-child(3),
#contact .content .content-right p:nth-child(5) {
    width: 288px;
    font-size: 14px;
    font-display: swap;
    font-family: Open Sans;
    color: #333;
    line-height: 20px;
    margin-top: 24px;
    margin-left: 30px;
    margin-bottom: 26px;
    padding-bottom: 27px;
    border-bottom: 1px solid #ccc
}

#contact .content .content-right p:nth-child(7) {
    width: 282px;
    font-size: 14px;
    font-display: swap;
    font-family: Open Sans;
    color: #333;
    line-height: 20px;
    margin-top: 24px;
    margin-left: 30px
}

#contact .content .file-name {
    max-width: 90%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#contact .content .zsfilebrowseAttachment {
    vertical-align: top
}

#contact .content .filenamecls.zsFontClass {
    line-height: 30px
}

@media screen and (max-width: 1200px) {
    #contact .content .container {
        flex-direction: column
    }

    #contact .content .content-left {
        margin: 0 auto
    }

    #contact .content .content-right {
        margin: 54px auto 63px
    }
}

@media screen and (max-width: 700px) {
    #contact .banner h1 {
        font-size: 24px;
        line-height: 24px
    }

    #contact .banner {
        padding-top: 46px
    }

    #contact .banner p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 22px;
        margin-bottom: 32px
    }

    #contact .content .content-left .product-name .rightName .rigp {
        padding-left: 0
    }

    #contact .content .content-left .product-name .rightName {
        margin-top: 40px
    }

    #contact .content .content-left .flexName .rightName input {
        margin-left: 0
    }

    #contact .content {
        padding-top: 36px
    }

    #contact .content .content-left {
        width: 100%;
        padding-left: 20px
    }

    #contact .content .content-left .product-name.mini input,
    #contact .content .content-left .product-name select {
        width: 314px
    }

    #contact .content .content-left .product-name p {
        font-size: 16px;
        font-weight: 400;
        color: #333;
        line-height: 16px;
        margin-bottom: 20px;
        margin-left: 0
    }

    #contact .content .content-left .product-name input {
        width: 314px;
        height: 36px;
        margin-top: unset;
        line-height: 36px
    }

    #contact .content .content-left .product-name textarea {
        width: 314px;
        height: 118px;
        margin-top: unset
    }

    #contact .content .content-left .file {
        width: 314px;
        height: 36px;
        font-size: 16px;
        line-height: 36px;
        padding-left: 16px;
        margin-top: 20px
    }

    #contact .content .content-left .flexName {
        display: flex;
        flex-wrap: wrap
    }

    #contact .content .content-left .submit {
        margin-top: 54px;
        margin-bottom: unset
    }

    #contact .content .content-left .product-name .card {
        width: 314px
    }

    #contact .content .content-left .product-name .card p {
        margin-bottom: 20px
    }

    #contact .content .content-right p:first-child {
        font-size: 26px;
        line-height: 26px;
        margin-top: 42px;
        margin-left: 22px
    }

    #contact .content .content-right p:nth-child(2) {
        font-size: 18px;
        line-height: 18px;
        margin-top: 26px;
        margin-left: 22px
    }

    #contact .content .content-right p:nth-child(3) {
        font-size: 14px;
        line-height: 20px;
        margin-top: 24px;
        margin-left: 22px
    }

    #contact .content .content-right p:nth-child(4),
    #contact .content .content-right p:nth-child(5),
    #contact .content .content-right p:nth-child(6),
    #contact .content .content-right p:nth-child(7) {
        margin-left: 22px
    }
}

@media screen and (max-width: 450px) {
    #contact .content .content-right {
        width: 340px
    }
}

#terms .container {
    margin: 0 auto
}

#terms .info_top {
    margin: 81px auto 0;
    text-align: center
}

#terms .info_top h3 {
    color: #1a1a1a;
    font-display: swap;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 28px;
    line-height: 42px
}

#terms .info_top p {
    margin-top: 31px;
    line-height: 30px;
    text-align: left;
    color: #231815;
    font-size: 16px;
    font-display: swap;
    font-family: OpenSans-Light;
    padding-left: 47px;
    font-weight: 700
}

#terms .myFaqs {
    margin: 77px auto 83px
}

#terms .myFaqs dl dt {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    font-weight: 400;
    border: 1px solid #f9f9f9;
    padding: 24px 43px
}

#terms .myFaqs dl dd {
    display: none;
    padding: 31px 119px 30px 47px;
    background-color: #f0f4fc
}

#terms .isShow {
    display: block !important
}

#terms .myFaqs dl dd p {
    line-height: 33px;
    color: #1a1a1a
}

#terms .myFaqs dl dd ul {
    list-style: disc outside none;
    margin: 10px 0;
    padding-left: 0
}

#terms .myFaqs dl dd ul li {
    list-style: disc;
    margin-left: 16px;
    line-height: 33px;
    color: #1a1a1a
}

#terms .myFaqs dl dd ul li p {
    color: #1a1a1a;
    font-weight: 400
}

@media screen and (max-width: 700px) {
    #terms .info_top p {
        padding-left: 0;
        text-align: center
    }
}

#eula .container {
    margin: 0 auto
}

#eula .info_top {
    margin: 81px auto 0;
    text-align: center
}

#eula .info_top h3 {
    color: #1a1a1a;
    font-display: swap;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 28px;
    line-height: 42px
}

#eula .info_top p {
    margin-top: 31px;
    line-height: 30px;
    text-align: left;
    color: #231815;
    font-size: 16px;
    font-display: swap;
    font-family: OpenSans-Light;
    padding-left: 47px;
    font-weight: 700
}

#eula .myFaqs {
    margin: 77px auto 83px
}

#eula .myFaqs dl dt {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    font-weight: 400;
    border: 1px solid #f9f9f9;
    padding: 24px 43px
}

#eula .myFaqs dl dd {
    display: none;
    padding: 31px 119px 30px 47px;
    background-color: #f0f4fc
}

#eula .isShow {
    display: block !important
}

#eula .myFaqs dl dd p {
    line-height: 33px;
    color: #1a1a1a
}

#eula .myFaqs dl dd ul {
    list-style: disc outside none;
    margin: 22px 0;
    padding-left: 0
}

#eula .myFaqs dl dd ul li {
    list-style: disc;
    margin-left: 16px;
    color: #1a1a1a
}

#eula .myFaqs dl dd ul li p {
    color: #8f8f90
}

#apps .app {
    background-image: url("../../pages/fonepaw-app/main-background.png")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/main-background.png*/
    ;
    background-repeat: repeat-y;
    background-size: 150%;
    background-position: center 100%
}

#apps .app * {
    font-display: swap;
    font-family: Open Sans;
    font-weight: 500;
    font-style: normal
}

#apps section {
    padding: 130px 0
}

#apps section p {
    margin: 0
}

#apps section h3 {
    height: 130px;
    width: 50%;
    position: relative;
    padding-left: 70px;
    font-size: 32px;
    line-height: 42px;
    margin: 0
}

#apps section h3 img {
    position: absolute;
    width: 40px;
    top: -10px;
    left: 0
}

#apps img {
    max-width: 100%;
    object-fit: contain
}

#apps .flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#apps .flex-container .flex-item {
    display: inline-flex
}

#apps .flex-container .block {
    display: block;
    width: 100%
}

#apps .button-area .button {
    width: 218px;
    height: 70px;
    display: block;
    padding: 10px 10px 10px 70px;
    border: 1px solid #000;
    background: #000;
    border-radius: 16px;
    box-shadow: 0 5px 1px 0 rgba(0, 0, 0, .6);
    position: relative;
    transition: .3s;
    margin-bottom: 18px
}

#apps .button-area .button:hover {
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .6)
}

#apps .button-area .button:before {
    content: "";
    display: inline-block;
    background: url("../../pages/fonepaw-app/ios.svg")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/ios.svg*/
        50%/36px no-repeat;
    width: 36px;
    height: 43px;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%)
}

#apps .button-area .button p.s {
    font-size: 16px;
    color: #fff;
    line-height: 27px;
    font-weight: 500
}

#apps .button-area .button p.m {
    font-size: 28px;
    line-height: 16px;
    color: #fff;
    font-weight: 500
}

#apps .button-area .tag {
    font-size: 36px;
    line-height: 42px
}

#apps .banner {
    background: url("../../pages/fonepaw-app/fonepaw-app-banner.jpg")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/fonepaw-app-banner.jpg*/
        0 0/cover no-repeat
}

#apps .banner .container {
    position: relative
}

#apps .banner .block {
    width: 70%;
    text-align: left
}

#apps .banner .block h1 {
    font-size: 56px;
    padding-right: 40px
}

#apps .banner .block p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 200
}

#apps .banner .block .button-area {
    margin-top: 30px
}

#apps .banner .block .button-area .tag {
    color: #fff
}

#apps .banner .ab-photos {
    width: 280px;
    position: absolute;
    top: -70px;
    right: 0
}

#apps .features-storageanalysis {
    background: hsla(0, 0%, 100%, .8)
}

#apps .features-storageanalysis .flex-container .flex-item {
    flex: 0 0 50%;
    flex-direction: column
}

#apps .features-storageanalysis .flex-container .flex-item h3 {
    width: 100%
}

#apps .features-storageanalysis .flex-container .flex-item p {
    padding-left: 70px;
    font-size: 18px;
    line-height: 36px;
    font-weight: 200
}

#apps .features-storageanalysis .flex-container .flex-item p:before {
    content: ">>";
    font-size: 18px;
    line-height: 36px;
    color: #4485cf;
    display: block
}

#apps .features-storageanalysis .flex-container .flex-item:first-of-type {
    position: relative
}

#apps .features-storageanalysis .flex-container .flex-item:first-of-type:after {
    content: "";
    background: url("../../pages/fonepaw-app/text-end.svg")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/text-end.svg*/
        0 0 no-repeat;
    display: block;
    width: 64px;
    height: 18px;
    position: absolute;
    left: 70px;
    bottom: 0
}

#apps .features-storageanalysis .flex-container .block {
    position: relative;
    width: 500px
}

#apps .features-storageanalysis .flex-container .block img {
    width: 500px
}

#apps .features-storageanalysis .flex-container .block .mob {
    display: none
}

#apps .features-storageanalysis .flex-container .animate-area {
    position: absolute;
    width: 413px;
    height: 413px;
    top: 112px;
    left: 35px
}

#apps .features-storageanalysis .flex-container .animate-area .mask {
    width: 206.5px;
    height: 413px;
    position: absolute;
    top: 0;
    overflow: hidden
}

#apps .features-storageanalysis .flex-container .animate-area .mask.mk-left {
    left: 0
}

#apps .features-storageanalysis .flex-container .animate-area .mask.mk-right {
    left: 49%
}

#apps .features-storageanalysis .flex-container .animate-area .mask .circleProgress {
    width: 413px;
    height: 413px;
    border: 30px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    transition: .3s
}

#apps .features-storageanalysis .flex-container .animate-area .mask .circleProgress.left {
    left: 0;
    border-top: 30px solid #fff;
    border-left: 30px solid #fff;
    transform: rotate(-45deg)
}

#apps .features-storageanalysis .flex-container .animate-area .mask .circleProgress.right {
    right: 0;
    border-top: 30px solid #fff;
    border-right: 30px solid #fff;
    transform: rotate(45deg);
    transition-delay: .2s
}

#apps .features-storageanalysis .flex-container .animate-area.floating {
    width: 100%;
    height: 100%
}

#apps .features-storageanalysis .flex-container .animate-area.floating .tag {
    position: absolute;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    background: #fff;
    box-shadow: 1px 2px 6px 1px rgba(53, 76, 148, .5);
    border-radius: 4px;
    opacity: 0;
    transition-duration: .5s;
    transition-timing-function: ease-in-out
}

#apps .features-storageanalysis .flex-container .animate-area.floating .tag:after {
    content: "";
    display: block;
    position: absolute;
    border: 10px solid transparent;
    border-top: 5px solid #fff;
    top: 100%;
    left: 10px
}

#apps .features-storageanalysis .flex-container .animate-area.floating .tag span {
    font-size: 18px;
    color: #4485cf;
    font-weight: 200
}

#apps .features-storageanalysis .flex-container .animate-area.floating .tag:first-of-type {
    transform: translate(66%, -125%);
    transition-delay: 0s
}

#apps .features-storageanalysis .flex-container .animate-area.floating .tag:nth-of-type(2) {
    transition-delay: .1s;
    transform: translate(-50%, 20%)
}

#apps .features-storageanalysis .flex-container .animate-area.floating .tag:nth-of-type(2):after {
    left: unset;
    right: 10px
}

#apps .features-storageanalysis .flex-container .animate-area.floating .tag:nth-of-type(3) {
    transition-delay: .3s;
    transform: translate(110%, 1005%)
}

#apps .features-storageanalysis .flex-container .animate-area.floating .tag:nth-of-type(4) {
    transition-delay: .5s;
    transform: translate(350%, 500%)
}

#apps .features-storageanalysis .flex-container .animate-area.active .mask .circleProgress.left {
    transform: rotate(-225deg)
}

#apps .features-storageanalysis .flex-container .animate-area.active .mask .circleProgress.right {
    transform: rotate(-135deg)
}

#apps .features-storageanalysis .flex-container .animate-area.active .tag {
    opacity: 1
}

#apps .features-cleanup .flex-container:first-of-type {
    margin-bottom: 30px
}

#apps .features-cleanup .flex-container:first-of-type .flex-item {
    flex: 0 0 50%;
    align-items: center;
    flex-direction: column
}

#apps .features-cleanup .flex-container:first-of-type .flex-item h3 {
    width: 100%
}

#apps .features-cleanup .flex-container:first-of-type .flex-item p {
    font-size: 18px;
    line-height: 36px;
    font-weight: 200
}

#apps .features-cleanup .flex-container:first-of-type .flex-item p:before {
    content: ">>";
    font-size: 18px;
    line-height: 36px;
    color: #4485cf;
    display: block
}

#apps .features-cleanup .flex-container:nth-of-type(2) .flex-item {
    flex: 0 0 25%;
    flex-direction: column
}

#apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .top {
    height: 160px;
    padding: 0 5%;
    position: relative;
    margin-bottom: 40px
}

#apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .top img {
    max-height: 100%
}

#apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .top:after {
    content: ">>";
    font-size: 18px;
    color: #4485cf;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

#apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .bottom {
    text-align: center;
    font-size: 18px;
    position: relative
}

#apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .bottom:after {
    content: ">";
    color: #4485cf;
    font-size: 32px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 25px
}

#apps .features-cleanup .flex-container .block {
    position: relative
}

#apps .features-cleanup .flex-container .block .animate-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0
}

#apps .features-cleanup .flex-container .block .animate-area .animate {
    box-shadow: 1px 1px 3px 1px rgba(53, 76, 148, .5);
    overflow: hidden;
    border-radius: 6px;
    position: absolute;
    width: 230px;
    top: 160px;
    left: 180px;
    animation-name: down;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: down;
    -moz-animation-duration: 1.2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: down;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -o-animation-name: down;
    -o-animation-duration: 1.2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

#apps .features-cleanup .flex-container .block .animate-area .animate:first-of-type {
    animation-delay: .32s;
    -moz-animation-delay: .32s;
    -webkit-animation-delay: .32s;
    -o-animation-delay: .32s;
    z-index: 4
}

#apps .features-cleanup .flex-container .block .animate-area .animate:nth-of-type(2) {
    animation-delay: .28s;
    -webkit-animation-delay: .28s;
    -moz-animation-delay: .28s;
    -o-animation-delay: .28s;
    transform: translateY(120%);
    z-index: 3
}

#apps .features-cleanup .flex-container .block .animate-area .animate:nth-of-type(3) {
    animation-delay: .24s;
    -moz-animation-delay: .24s;
    -webkit-animation-delay: .24s;
    -o-animation-delay: .24s;
    transform: translateY(240%);
    z-index: 2
}

#apps .features-cleanup .flex-container .block .animate-area .animate:nth-of-type(4) {
    animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    transform: translateY(360%);
    z-index: 1
}

@keyframes down {
    to {
        left: 0;
        top: 400px;
        transform: scale(.5);
        opacity: .8
    }
}

@-moz-keyframes down {
    to {
        left: 0;
        top: 400px;
        transform: scale(.5);
        opacity: .8
    }
}

@-webkit-keyframes down {
    to {
        left: 0;
        top: 400px;
        transform: scale(.5);
        opacity: .8
    }
}

@-o-keyframes down {
    to {
        left: 0;
        top: 400px;
        transform: scale(.5);
        opacity: .8
    }
}

#apps .features-contact {
    background: rgba(100, 163, 216, .7)
}

#apps .features-contact .flex-container {
    position: relative;
    padding: 80px 0 0
}

#apps .features-contact .flex-container:before {
    content: "";
    width: 88px;
    height: 158px;
    background: url("../../pages/fonepaw-app/start-dot-blue.png")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/start-dot-blue.png*/
        50%/cover no-repeat;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

#apps .features-contact .flex-container .flex-item {
    position: relative;
    z-index: 10;
    margin-bottom: 30px;
    flex-basis: 50%;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 30px
}

#apps .features-contact .flex-container .flex-item img {
    box-shadow: 1px 1px 13px 4px rgba(53, 76, 148, .5)
}

#apps .features-contact .flex-container .flex-item .block {
    margin-top: 40px
}

#apps .features-contact .flex-container .flex-item .block:after {
    content: "";
    background: url("../../pages/fonepaw-app/text-end.svg")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/text-end.svg*/
        0 0 no-repeat;
    display: block;
    width: 64px;
    height: 18px;
    margin-top: 30px
}

#apps .features-contact .flex-container .flex-item .block .p1 {
    font-size: 22px;
    color: #000;
    margin-bottom: 10px
}

#apps .features-contact .flex-container .flex-item .block .p1:before {
    content: ">>";
    font-size: 18px;
    color: #4485cf;
    display: block
}

#apps .features-contact .flex-container .flex-item .block .p2 {
    font-size: 18px;
    line-height: 36px;
    color: #000;
    font-weight: 200
}

#apps .features-delete {
    padding: 70px 0;
    background: hsla(0, 0%, 100%, .8)
}

#apps .features-delete .flex-container .flex-item {
    flex-basis: 50%;
    position: relative
}

#apps .features-delete .flex-container .flex-item h3 {
    width: 100%
}

#apps .features-delete .flex-container .flex-item p {
    font-size: 18px;
    line-height: 36px;
    color: #000;
    padding-left: 70px;
    font-weight: 200
}

#apps .features-delete .flex-container .flex-item p:before {
    content: ">>";
    display: block;
    font-size: 18px;
    color: #4485cf
}

#apps .features-delete .flex-container .flex-item:nth-of-type(2):after {
    content: "";
    background: url("../../pages/fonepaw-app/text-end.svg")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/text-end.svg*/
        0 0 no-repeat;
    display: block;
    width: 64px;
    height: 18px;
    position: absolute;
    left: 70px;
    bottom: 0
}

#apps .features-delete .block {
    position: relative
}

#apps .features-delete .block .animate-area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#apps .features-delete .block .animate-area .animate {
    position: absolute;
    top: 143px;
    right: 166px;
    opacity: 0;
    animation-name: drop;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: drop;
    -moz-animation-duration: .8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: drop;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -o-animation-name: drop;
    -o-animation-duration: .8s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

#apps .features-delete .block .animate-area .animate:first-of-type {
    animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -o-animation-delay: .1s
}

#apps .features-delete .block .animate-area .animate:nth-of-type(2) {
    animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s
}

#apps .features-delete .block .animate-area .animate:nth-of-type(3) {
    animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -o-animation-delay: .3s
}

@keyframes drop {
    10% {
        opacity: 1
    }

    to {
        opacity: .2;
        top: 250px;
        right: 260px;
        transform: scale(.4)
    }
}

@-moz-keyframes drop {
    10% {
        opacity: 1
    }

    to {
        opacity: .2;
        top: 250px;
        right: 260px;
        transform: scale(.4)
    }
}

@-webkit-keyframes drop {
    10% {
        opacity: 1
    }

    to {
        opacity: .2;
        top: 250px;
        right: 260px;
        transform: scale(.4)
    }
}

@-o-keyframes drop {
    10% {
        opacity: 1
    }

    to {
        opacity: .2;
        top: 250px;
        right: 260px;
        transform: scale(.4)
    }
}

#apps .features-secret {
    padding: 70px 0;
    background: hsla(0, 0%, 100%, .8)
}

#apps .features-secret .flex-container .flex-item {
    flex-basis: 50%;
    position: relative
}

#apps .features-secret .flex-container .flex-item p {
    font-size: 18px;
    color: #000;
    line-height: 36px;
    margin-bottom: 20px;
    padding-left: 70px;
    font-weight: 200
}

#apps .features-secret .flex-container .flex-item p:before {
    content: ">>";
    display: block;
    font-size: 18px;
    color: #4485cf
}

#apps .features-secret .flex-container .flex-item .link {
    display: block;
    font-size: 18px;
    color: #4485cf;
    line-height: 36px;
    padding-left: 70px
}

#apps .features-secret .flex-container .flex-item:first-of-type:after {
    content: "";
    background: url("../../pages/fonepaw-app/text-end.svg")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/text-end.svg*/
        0 0 no-repeat;
    display: block;
    width: 64px;
    height: 18px;
    position: absolute;
    left: 70px;
    bottom: 0
}

#apps .features-secret #slider {
    position: relative
}

#apps .features-secret #slider .slides li {
    padding: 10px 0
}

#apps .features-secret #slider .slides li div {
    width: 378px;
    height: 430px;
    margin: auto;
    padding: 34px 34px 60px;
    box-shadow: 1px 1px 13px rgba(53, 76, 148, .5);
    background: #fff;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#apps .features-secret #slider .flex-control-nav {
    bottom: unset;
    top: 88%
}

#apps .features-secret #slider .flex-control-paging li a {
    width: 8px;
    height: 8px;
    border: 1px solid #4485cf;
    box-shadow: none;
    background: none
}

#apps .features-secret #slider .flex-control-paging li a.flex-active {
    background: #4485cf;
    box-shadow: none
}

#apps .comments {
    padding: 70px 0 130px;
    background: hsla(0, 0%, 100%, .8)
}

#apps .comments h3 {
    padding: 0;
    text-align: center;
    width: 100%
}

#apps .comments .flex-container .flex-item {
    flex-basis: 32%
}

#apps .comments .flex-container .flex-item .top {
    height: 270px;
    padding: 20px 20px 0;
    background: #fff;
    box-shadow: 1px 1px 4px rgba(53, 76, 148, .5);
    border-radius: 6px;
    position: relative;
    margin-bottom: 70px
}

#apps .comments .flex-container .flex-item .top:after {
    content: "";
    display: block;
    position: absolute;
    background: url("../../pages/fonepaw-app/dialog.svg")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/dialog.svg*/
        50%/cover no-repeat;
    width: 90px;
    height: 36px;
    top: 100%
}

#apps .comments .flex-container .flex-item .top p {
    font-size: 18px;
    line-height: 36px;
    color: #191919;
    font-weight: 200
}

#apps .comments .flex-container .flex-item .bottom {
    padding-left: 20px
}

#apps .comments .flex-container .flex-item .bottom img {
    vertical-align: bottom
}

#apps .comments .flex-container .flex-item .bottom span {
    vertical-align: bottom;
    font-size: 18px;
    margin-left: 22px
}

#apps .download {
    background: url("../../pages/fonepaw-app/fonpaw-app-download-bg.png")
        /*tpa=https://www.fonepaw.com/pages/fonepaw-app/fonpaw-app-download-bg.png*/
        50%/cover no-repeat
}

#apps .download .title {
    font-size: 48px;
    color: #fff;
    text-align: center
}

#apps .download .button-area {
    margin-top: 40px;
    text-align: center
}

#apps .download .button-area .button {
    margin: 0 auto 18px
}

#apps .download .button-area .tag {
    color: #fff
}

@media screen and (max-width: 1024px) {
    #apps .features-storageanalysis .flex-container .animate-area {
        display: none
    }

    #apps .features-storageanalysis .flex-container .block {
        width: 100%
    }

    #apps .features-storageanalysis .flex-container .block img {
        display: none
    }

    #apps .features-storageanalysis .flex-container .block img.mob {
        display: block
    }

    #apps .features-cleanup .flex-container .block .animate-area {
        display: none
    }

    #apps .features-cleanup .flex-container .block .animate-area .animate {
        animation: none
    }

    #apps .features-delete .block .animate-area {
        display: none
    }

    #apps .features-delete .block .animate-area .animate {
        animation: none
    }
}

@media screen and (max-width: 768px) {

    #apps .features-contact .flex-container .flex-item .block:after,
    #apps .features-delete .flex-container .flex-item:nth-of-type(2):after,
    #apps .features-secret .flex-container .flex-item:first-of-type:after,
    #apps .features-storageanalysis .flex-container .flex-item:first-of-type:after {
        display: none
    }

    #apps .banner,
    #apps section {
        padding: 70px 0
    }

    #apps .banner .block {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    #apps .banner .block .button-area .button {
        margin: 0 auto 18px
    }

    #apps .banner .ab-photos {
        position: static;
        width: 129px;
        margin: auto
    }

    #apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .top {
        height: 100px;
        padding: 0 20%;
        position: relative;
        margin-bottom: 40px
    }

    #apps .features-secret #slider .slides li div {
        width: 350px
    }

    #apps .comments .flex-container .flex-item .top {
        height: 340px
    }

    #apps .comments .flex-container .flex-item .bottom span {
        font-size: 16px;
        margin-left: 14px
    }
}

@media screen and (max-width: 600px) {
    #apps .app {
        background: none
    }

    #apps section {
        padding: 40px 0;
        overflow: hidden
    }

    #apps section h3 {
        font-size: 20px;
        line-height: 28px;
        height: auto;
        padding-left: 50px;
        margin-bottom: 30px;
        width: 100%
    }

    #apps section h3 img {
        width: 28px;
        top: 3px
    }

    #apps .button-area .tag {
        font-size: 32px
    }

    #apps .flex-container {
        flex-direction: column
    }

    #apps .flex-container .flex-item {
        margin-bottom: 30px
    }

    #apps .flex-container .flex-item:last-child {
        margin-bottom: 0
    }

    #apps .banner {
        border-top: 4px solid #4485cf;
        background: url("../../pages/fonepaw-app/fonepaw-app-banner-mob.jpg")
            /*tpa=https://www.fonepaw.com/pages/fonepaw-app/fonepaw-app-banner-mob.jpg*/
            0 0/cover no-repeat
    }

    #apps .banner .block h1 {
        font-size: 24px;
        line-height: 36px;
        padding-right: 0
    }

    #apps .banner .block p {
        font-size: 14px;
        line-height: 24px
    }

    #apps .features-storageanalysis .flex-container .flex-item p {
        padding-left: 50px;
        line-height: 30px
    }

    #apps .features-cleanup .flex-container:first-of-type .flex-item p {
        font-size: 16px;
        line-height: 24px
    }

    #apps .features-cleanup .flex-container:nth-of-type(2) .flex-item {
        margin-bottom: 30px
    }

    #apps .features-cleanup .flex-container:nth-of-type(2) .flex-item:last-child {
        margin-bottom: 0
    }

    #apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .top {
        padding: 0;
        text-align: center
    }

    #apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .top:after {
        display: none
    }

    #apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .top img {
        max-height: 100%
    }

    #apps .features-cleanup .flex-container:nth-of-type(2) .flex-item .bottom:after {
        position: static;
        display: block;
        font-size: 24px;
        margin: 10px 0 0
    }

    #apps .features-contact .flex-container:before {
        width: 57px;
        height: 102px;
        left: -12px
    }

    #apps .features-contact .flex-container:after {
        width: 57px;
        height: 102px;
        right: -12px
    }

    #apps .features-contact .flex-container .flex-item .block {
        padding: 0
    }

    #apps .features-contact .flex-container .flex-item .block .p2 {
        line-height: 30px
    }

    #apps .features-delete .flex-container .flex-item p {
        padding-left: 50px;
        line-height: 30px
    }

    #apps .features-secret {
        padding: 40px 0
    }

    #apps .features-secret .flex-container .flex-item .link,
    #apps .features-secret .flex-container .flex-item p {
        padding-left: 50px;
        line-height: 30px
    }

    #apps .features-secret #slider .slides li div {
        width: 280px;
        height: 360px;
        box-shadow: 1px 1px 6px rgba(53, 76, 148, .5)
    }

    #apps .comments {
        padding: 40px 0
    }

    #apps .comments .flex-container .flex-item {
        margin-bottom: 50px
    }

    #apps .comments .flex-container .flex-item:last-child {
        margin-bottom: 0
    }

    #apps .comments .flex-container .flex-item .top {
        height: auto;
        padding-bottom: 40px;
        margin-bottom: 50px
    }

    #apps .comments .flex-container .flex-item .top p {
        font-size: 16px;
        line-height: 24px
    }

    #apps .download .title {
        font-size: 32px
    }
}

#PrivacyPolicy .container {
    margin: 0 auto
}

#PrivacyPolicy .info_top {
    margin: 81px auto 0;
    text-align: center
}

#PrivacyPolicy .info_top h3 {
    color: #1a1a1a;
    font-display: swap;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 28px;
    line-height: 42px
}

#PrivacyPolicy .info_top p {
    margin-top: 31px;
    line-height: 30px;
    text-align: left;
    color: #231815;
    font-size: 16px;
    font-display: swap;
    font-family: OpenSans-Light;
    padding-left: 47px;
    font-weight: 700
}

#PrivacyPolicy .myFaqs {
    margin: 77px auto 83px
}

#PrivacyPolicy .myFaqs dl dt {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    font-weight: 400;
    border: 1px solid #f9f9f9;
    padding: 24px 43px
}

#PrivacyPolicy .myFaqs dl dd {
    display: none;
    padding: 31px 119px 30px 47px;
    background-color: #f0f4fc
}

#PrivacyPolicy .isShow {
    display: block !important
}

#PrivacyPolicy .myFaqs dl dd p {
    line-height: 33px;
    color: #1a1a1a
}

#PrivacyPolicy .myFaqs dl dd ul {
    list-style: disc outside none;
    margin: 10px 0;
    padding-left: 0
}

#PrivacyPolicy .myFaqs dl dd ul li {
    margin-left: 16px;
    list-style: disc;
    color: #1a1a1a
}

#PrivacyPolicy .myFaqs dl dd ul li p {
    color: #1a1a1a;
    font-weight: 400
}

@media screen and (max-width: 700px) {
    #PrivacyPolicy .info_top p {
        padding-left: 0;
        text-align: center
    }
}

#RefundPolicy .container {
    margin: 0 auto
}

#RefundPolicy .info_top {
    margin: 81px auto 0;
    text-align: center
}

#RefundPolicy .info_top h3 {
    color: #1a1a1a;
    font-display: swap;
    font-family: OpenSans-Bold;
    font-weight: 700;
    font-size: 28px;
    line-height: 42px
}

#RefundPolicy .info_top p {
    margin-top: 31px;
    line-height: 30px;
    text-align: left;
    color: #231815;
    font-size: 16px;
    font-display: swap;
    font-family: OpenSans-Light;
    padding-left: 47px;
    font-weight: 700
}

#RefundPolicy .myFaqs {
    margin: 77px auto 83px
}

#RefundPolicy .myFaqs dl dt {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    font-weight: 400;
    border: 1px solid #f9f9f9;
    padding: 24px 43px
}

#RefundPolicy .myFaqs dl dd {
    display: none;
    padding: 31px 119px 30px 47px;
    background-color: #f0f4fc
}

#RefundPolicy .isShow {
    display: block !important
}

#RefundPolicy .myFaqs dl dd p {
    line-height: 33px;
    color: #1a1a1a;
    overflow: hidden
}

#RefundPolicy .info_bottom {
    margin: 77px auto 83px;
    padding-left: 47px
}

#RefundPolicy .info_bottom {
    line-height: 33px;
    color: #1a1a1a
}

#RefundPolicy .info_bottom ul {
    list-style: disc outside none;
    padding-left: 0
}

#RefundPolicy .info_bottom ul li {
    list-style: disc;
    margin-left: 16px;
    color: #1a1a1a
}

#RefundPolicy .myFaqs dl dd ul {
    list-style: disc outside none;
    margin: 20px 0;
    padding-left: 0
}

#RefundPolicy .myFaqs dl dd ul li {
    list-style: disc;
    margin-left: 16px;
    line-height: 33px;
    color: #1a1a1a
}

#RefundPolicy .myFaqs dl dd ul li p {
    color: #1a1a1a;
    font-weight: 400
}

.priBlackClass {
    color: #1a1a1a;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 12px
}

.priBlueClass {
    color: #2d8cff;
    font-weight: 700
}

@media (max-width: 767px) {
    #RefundPolicy .info_top p {
        padding: 0 20px;
        text-align: center
    }

    #RefundPolicy .info_bottom {
        padding: 0 20px;
        text-align: left
    }

    .tab .tab-in li a {
        padding: 9px 20px
    }
}

#WriteForUs {
    width: 1080px;
    margin: 0 auto;
    box-sizing: border-box
}

#WriteForUs-in {
    width: 100%
}

#WriteForUs-in .headTitle {
    padding: 10px;
    font-size: 11px;
    height: 49px;
    line-height: 30px
}

#WriteForUs-in .headTitle .icon-home {
    margin-right: 12px;
    color: #0066cb !important;
    font-size: 13px
}

#WriteForUs.fonepaw a {
    color: #0066cb;
    font-size: 11px;
    line-height: 1
}

#WriteForUs-in .content {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 20px
}

#WriteForUs-in .content .bigTitle {
    height: 80px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    border-bottom: 2px solid #333;
    line-height: 80px
}

#WriteForUs-in .content .content_body {
    padding: 15px 50px
}

#WriteForUs-in .content .content_body p {
    font-size: 14px;
    line-height: 26px
}

#WriteForUs-in .content .content_body .guest_post {
    text-align: center
}

#WriteForUs-in .content .content_body .infoTip h3 {
    border-radius: 4px;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    border: none
}

#WriteForUs-in .content .content_body .infoTip h3:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 34px;
    background: url("../../pages/write-for-us/big_sj.png")
        /*tpa=https://www.fonepaw.com/pages/write-for-us/big_sj.png*/
        no-repeat 50%;
    margin-left: -29px;
    margin-right: 8px;
    position: relative;
    top: 8px
}

#WriteForUs-in .content .content_body .infoTip p {
    font-size: 14px;
    line-height: 26px
}

#WriteForUs-in .content .content_body .infoTip .point li {
    list-style-type: square !important;
    margin: 6px 0 6px 15px
}

#WriteForUs-in .content .content_body .infoTip .pic {
    text-align: center
}

#WriteForUs-in .content .content_body .infoTip .pic img {
    max-width: 100%
}

#WriteForUs-in .content .content_body .infoTip ol li {
    list-style-type: square
}

#WriteForUs-in .content .content_body .infoTip .blue {
    color: #0066cb;
    font-weight: 700
}

@media screen and (min-width: 1200px) {
    #WriteForUs {
        width: 1080px
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #WriteForUs {
        width: 960px
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #WriteForUs {
        width: calc(100% - 20px)
    }
}

@media screen and (max-width: 768px) {
    #WriteForUs {
        width: calc(100% - 20px)
    }
}

#pdfCompressor .body_top {
    border: 20px solid #69adff;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    min-height: 503px;
    text-align: center;
    padding-top: 42px;
    overflow: hidden
}

#pdfCompressor .body_top .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99
}

#pdfCompressor .body_top .mask .maskdv {
    width: 700px;
    height: 300px;
    margin-left: calc(50% - 350px);
    margin-top: 80px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 3px 9px #000
}

#pdfCompressor .body_top .mask .maskdv .top {
    height: 80px;
    width: 100%;
    position: relative
}

#pdfCompressor .body_top .mask .maskdv .top .icondv {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 10px;
    top: 10px
}

#pdfCompressor .body_top .mask .maskdv .top .icondv img {
    width: 30px;
    height: 30px;
    background: #000;
    cursor: pointer
}

#pdfCompressor .body_top .mask .maskdv .bottom {
    margin-top: 60px;
    font-size: 18px;
    color: #666
}

#pdfCompressor .body_top .mask .maskdv .header {
    height: 80px;
    width: 100%
}

#pdfCompressor #fileExport {
    position: absolute;
    width: 100%;
    height: 110%;
    border: 1px solid #000;
    z-index: 1;
    bottom: -1px;
    left: -1px;
    outline: none;
    cursor: pointer
}

#pdfCompressor .body_top:before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    top: -1px;
    right: -1px;
    background: url("../../pages/pdf-compressor/tright.svg")
        /*tpa=https://www.fonepaw.com/pages/pdf-compressor/tright.svg*/
        no-repeat;
    z-index: 2
}

#pdfCompressor .banner {
    width: 100%;
    background-color: #fff;
    text-align: center;
    position: relative
}

#pdfCompressor .banner .bannerPic {
    max-width: 407px
}

#pdfCompressor .banner .bannerPic1 {
    max-width: 90px
}

#pdfCompressor .banner .title {
    font-size: 46px;
    color: #218bf4;
    font-weight: 700;
    margin-top: 24px
}

#pdfCompressor .banner .text {
    color: #727171;
    font-size: 18px;
    margin-top: 10px
}

#pdfCompressor .rating {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
    color: #999;
    height: 57px
}

#es_body #pdfCompressor .rating {
    height: auto
}

#es_body #pdfCompressor .rating-r {
    flex: 0 0 18%
}

#pdfCompressor .rating-l ul {
    display: flex;
    justify-content: center;
    width: 140px
}

#pdfCompressor .rating-l ul li {
    margin-right: 5px;
    margin-top: 2px;
    cursor: pointer
}

#pdfCompressor .rating-l ul li img {
    width: 20px
}

#pdfCompressor .rating-r span {
    font-size: 20px
}

#pdfCompressor .rating-r .rating-r-b {
    font-size: 16px;
    line-height: 29px
}

#es_body #pdfCompressor .rating-r .rating-r-b {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

#pdfCompressor .btn_box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px
}

#es_body #pdfCompressor .btn_box {
    margin-top: 50px
}

#pdfCompressor .btn {
    display: block;
    background: #218bf4;
    border-radius: 4px;
    color: #fff;
    border: 0;
    padding: 7px 24px;
    margin-right: 10px;
    font-size: 18px;
    box-sizing: border-box;
    height: 100%;
    line-height: 20px;
    cursor: pointer
}

#pdfCompressor .btn_box div {
    border: 1px solid #218bf4;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px
}

#pdfCompressor .body_bottom {
    display: flex;
    max-width: 1080px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px auto 73px
}

#pdfCompressor .body_bottom li {
    flex: 0 0 172px;
    text-align: center
}

#pdfCompressor .body_bottom li p:nth-child(2) {
    font-size: 21px;
    color: #000;
    height: 70px
}

#fr_body #pdfCompressor .body_bottom li p:nth-child(2) {
    margin-bottom: 20px
}

#pdfCompressor .body_bottom li p:nth-child(3) {
    color: #727171;
    line-height: 24px
}

#pdfCompressor .body_bottom li img {
    width: 36px;
    height: 36px;
    margin-bottom: 24px
}

#pdfCompressor .compressingContent .filename {
    margin: 20px 0;
    color: #727171;
    font-size: 16px
}

#pdfCompressor .compressingContent .compressText {
    font-size: 18px;
    color: #218bf4
}

#pdfCompressor .compressingContent .bardv {
    margin-top: 20px;
    margin-left: calc(50% - 150px);
    width: 300px;
    max-width: 300px;
    height: 20px;
    border-radius: 10px;
    position: relative
}

#pdfCompressor .compressingContent .bardv .bar {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: #218bf4;
    z-index: 1;
    transition: all 1s
}

#pdfCompressor #result .completeText {
    font-size: 16px;
    text-align: left;
    margin-left: 26px;
    line-height: 30px
}

#pdfCompressor #result .completeText p {
    font-size: 16px;
    color: #727171;
    text-align: center
}

#pdfCompressor #result .completeText .largeText {
    font-size: 21px;
    color: #218bf4;
    margin-left: 14px
}

#pdfCompressor .productBoard-btn {
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    min-width: 135px;
    display: inline-block;
    text-align: center;
    padding: 12px 25px;
    margin-bottom: 30px
}

#pdfCompressor #downloadLink {
    margin-right: 20px
}

#pdfCompressor #downloadLink,
#pdfCompressor .productBoard-btn.next-pdf {
    padding: 10px 30px 6px;
    font-size: 18px;
    margin-top: 30px;
    background: #218bf4
}

#pdfCompressor .productBoard-btn.next-pdf {
    cursor: pointer
}

@media screen and (max-width: 767px) {
    #pdfCompressor .rating {
        display: block;
        margin: 0 auto
    }

    #pdfCompressor .rating ul {
        width: 100%;
        text-align: center
    }

    #pdfCompressor .body_top:before {
        width: 20%
    }

    #pdfCompressor .banner .title {
        font-size: 21px
    }

    #pdfCompressor .rating-l {
        margin-top: 10%
    }

    #pdfCompressor .banner .text {
        font-size: 14px
    }

    #pdfCompressor .btn_box {
        display: block;
        margin-top: 20px;
        text-align: center;
        padding-top: 20px
    }

    #pdfCompressor .btn_box .btn {
        margin: 0 auto 20px
    }

    #pdfCompressor .btn_box div {
        margin: 0 auto
    }

    #pdfCompressor .body_bottom {
        display: block
    }

    #pdfCompressor .body_bottom li {
        width: 80%;
        margin: 0 auto 42px
    }

    #pdfCompressor #downloadLink {
        margin-right: 0
    }
}

#PhotoCompressor section * {
    transition: .2s linear
}

#PhotoCompressor a {
    color: #337ab7;
    text-decoration: none
}

#PhotoCompressor .upload {
    position: relative;
    padding-bottom: 80px;
    border-top: 1px solid #eaeaea
}

#PhotoCompressor .upload:before {
    content: "";
    display: block;
    width: 100%;
    height: 800px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../../pages/photo/banner-pc.svg")
        /*tpa=https://www.fonepaw.com/pages/photo/banner-pc.svg*/
        center 0 no-repeat;
    background-size: cover;
    z-index: -1
}

#PhotoCompressor .upload .inner {
    max-width: 750px;
    margin: auto;
    padding-top: 120px
}

#PhotoCompressor .upload .inner .target {
    border: 2px dashed #2269b0;
    border-radius: 20px;
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

#PhotoCompressor .upload .inner p {
    max-width: 80%;
    font-size: 28px;
    color: #2269b0;
    text-align: center
}

#PhotoCompressor .upload .inner p small {
    font-size: 20px
}

#PhotoCompressor .upload .inner .add-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    background: #2269b0;
    border: 1px solid #2269b0;
    border-radius: 30px;
    font-size: 28px;
    color: #fff;
    margin-top: 20px
}

#PhotoCompressor .upload .inner .tips {
    margin-top: 10px;
    font-size: 16px;
    color: #666
}

#PhotoCompressor .upload .inner input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

#PhotoCompressor .upload .inner #loader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .5);
    pointer-events: none
}

#PhotoCompressor .upload .result-area {
    margin-top: 96px;
    text-align: center
}

#PhotoCompressor .upload .result-area .items {
    margin-bottom: 70px;
    display: flex;
    flex-wrap: wrap
}

#PhotoCompressor .upload .result-area .item {
    padding: 6px 20px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    text-align: left;
    width: 100%
}

#PhotoCompressor .upload .result-area .item .file {
    width: 130px;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    margin-right: 16px
}

#PhotoCompressor .upload .result-area .item .size {
    width: 60px;
    font-size: 12px;
    color: #2269b0;
    margin-right: 16px
}

#PhotoCompressor .upload .result-area .item .process {
    width: 540px;
    max-width: 540px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    margin-right: 16px;
    position: relative
}

#PhotoCompressor .upload .result-area .item .process .text {
    color: #fff;
    font-size: 12px;
    position: relative;
    z-index: 2
}

#PhotoCompressor .upload .result-area .item .process .bar {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    border-radius: 10px;
    background: #2269b0;
    z-index: 1
}

#PhotoCompressor .upload .result-area .item .process.beforepro .bar {
    background: #2269b0;
    transition: width 1s
}

#PhotoCompressor .upload .result-area .item .process.done .bar {
    background: #48bcb2
}

#PhotoCompressor .upload .result-area .item .process.error .bar {
    background: #f94c00
}

#PhotoCompressor .upload .result-area .item .right {
    width: 230px;
    text-align: right
}

#PhotoCompressor .upload .result-area .item .compressed-size {
    font-size: 12px;
    color: #666;
    float: left;
    position: relative;
    top: 3px
}

#PhotoCompressor .upload .result-area .item .compressed-size small {
    font-size: 12px;
    color: #48bcb2;
    margin-right: 4px;
    vertical-align: middle
}

#PhotoCompressor .upload .result-area .item .download {
    font-size: 16px;
    color: #48bcb2;
    padding-bottom: 1px;
    border-bottom: 1px solid #48bcb2
}

#PhotoCompressor .upload .result-area button {
    padding: 8px 30px;
    background: #2c998f;
    border-radius: 6px;
    border: 1px solid #2c998f;
    color: #fff;
    font-size: 16px
}

#PhotoCompressor .upload .result-area button:after {
    content: "";
    display: inline-block;
    background: url("../../pages/photo/download.svg")
        /*tpa=https://www.fonepaw.com/pages/photo/download.svg*/
        0 0 no-repeat;
    background-size: 14px;
    width: 14px;
    height: 22px;
    vertical-align: top;
    margin-left: 12px
}

#PhotoCompressor .main {
    overflow: hidden;
    padding-top: 80px
}

#PhotoCompressor .features {
    padding: 60px 0;
    position: relative
}

#PhotoCompressor .features:before {
    content: "";
    display: block;
    width: 2048px;
    height: calc(100% + 40px);
    background: #f8f8f8;
    position: absolute;
    top: 40px;
    left: 50%;
    z-index: -1;
    transform: rotate(3deg) translateX(-50%)
}

#PhotoCompressor .main h3 {
    font-size: 32px;
    color: #333;
    text-align: center;
    margin: 0
}

#PhotoCompressor .features h3 {
    margin-bottom: 60px
}

#PhotoCompressor .features h3 span {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding: 4px 8px;
    background: #48bcb2;
    border-radius: 17px;
    vertical-align: top;
    position: relative;
    top: 2px
}

#PhotoCompressor .features .flex-container {
    justify-content: space-between
}

#PhotoCompressor .main .flex-container {
    display: flex;
    max-width: 1080px;
    margin: auto;
    flex-wrap: wrap
}

#PhotoCompressor .main .flex-container .flex-item {
    display: inline-flex
}

#PhotoCompressor .features .flex-item {
    flex: 0 0 31%
}

#PhotoCompressor .features .item__content {
    width: 100%;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 10px;
    padding: 120px 30px 30px;
    position: relative
}

#PhotoCompressor .features .item__content img {
    height: 60px;
    position: absolute;
    top: 30px;
    right: 30px
}

#PhotoCompressor .features .item__content .p1 {
    font-size: 24px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 10px
}

#PhotoCompressor .features .item__content .p2 {
    font-size: 16px;
    color: #666;
    line-height: 1.78
}

#PhotoCompressor .faqs {
    padding: 90px 0
}

#PhotoCompressor .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

#PhotoCompressor .faqs .item {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

#PhotoCompressor .faqs .item .question {
    display: flex;
    padding-right: 30px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7
}

#PhotoCompressor .faqs .item .question p {
    font-size: 24px;
    color: #333
}

#PhotoCompressor .faqs .item .question button {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    padding: 0;
    border: 1px solid #2269b0;
    border-radius: 50%;
    outline: none
}

#PhotoCompressor .faqs .item .question button span {
    display: block;
    width: 13px;
    height: 1px;
    border-top: 1px solid #2269b0;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: .2s linear
}

#PhotoCompressor .faqs .item .question button span:first-of-type {
    transform: translate(-50%, -50%)
}

#PhotoCompressor .faqs .item .question button span:last-of-type {
    transform: translate(-50%, -50%) rotate(90deg)
}

#PhotoCompressor .faqs .item .question button span.del {
    transform: translate(-50%, -50%) rotate(0deg)
}

#PhotoCompressor .faqs .item .unshow {
    display: none
}

#PhotoCompressor .faqs .item .answer {
    display: block;
    margin-top: 30px;
    transition: all 1s linear
}

#PhotoCompressor .faqs .item .answer p {
    font-size: 16px;
    color: #666;
    line-height: 1.78
}

#PhotoCompressor .faqs .item .answer ul {
    padding: 0;
    list-style: none
}

#PhotoCompressor .faqs .item .answer ul li {
    list-style: none;
    position: relative;
    padding-left: 16px;
    font-size: 16px;
    line-height: 1.78;
    color: #666
}

#PhotoCompressor .faqs .item .answer ul li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0
}

#PhotoCompressor .recommended-products {
    padding: 60px 0 100px;
    position: relative
}

#PhotoCompressor .recommended-products:before {
    content: "";
    display: block;
    width: 2048px;
    height: calc(100% + 120px);
    background: #f8f8f8;
    position: absolute;
    top: 40px;
    left: 50%;
    z-index: -1;
    transform: rotate(3deg) translateX(-50%)
}

#PhotoCompressor .recommended-products h3 {
    font-size: 32px;
    color: #333;
    text-align: center;
    margin: 0
}

#PhotoCompressor .recommended-products .flex-container {
    display: flex;
    max-width: 1080px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 88px auto auto
}

#PhotoCompressor .recommended-product .flex-container .flex-item {
    display: inline-flex
}

#PhotoCompressor .recommended-products .flex-item {
    flex: 0 0 31%
}

#PhotoCompressor .recommended-products .item__content {
    padding: 70px 40px 40px;
    border-radius: 10px;
    box-shadow: 3px 3px 12px rgba(0 0 0 .12);
    position: relative
}

#PhotoCompressor .recommended-products .item__content img {
    height: 65px;
    position: absolute;
    top: 0;
    transform: translateY(-50%)
}

#PhotoCompressor .recommended-products .item__content .product-name {
    font-size: 24px;
    color: #333;
    line-height: 1.4
}

#PhotoCompressor .recommended-products .item__content .p2 {
    font-size: 16px;
    color: #666;
    line-height: 1.78;
    margin-top: 12px;
    margin-bottom: 20px
}

#PhotoCompressor .recommended-products .item__content .download-button {
    display: inline-flex;
    padding: 8px 30px;
    border: 1px solid #2269b0;
    border-radius: 6px;
    color: #2269b0;
    font-size: 16px;
    margin-top: 10px
}

#PhotoCompressor .recommended-products .item__content .download-button em,
#PhotoCompressor .recommended-products .item__content .download-button i {
    position: relative;
    top: 3px;
    margin-right: 6px
}

#PhotoCompressor .recommended-products .item__content .buttons-area {
    flex-direction: column
}

@media screen and (max-width: 768px) {
    #PhotoCompressor .upload {
        padding-bottom: 40px
    }

    #PhotoCompressor .upload:before {
        background: url("../../pages/photo/banner-mob.svg")
            /*tpa=https://www.fonepaw.com/pages/photo/banner-mob.svg*/
            center 0 no-repeat;
        background-size: cover;
        height: 100%
    }

    #PhotoCompressor .upload .inner {
        padding: 160px 16px 0
    }

    #PhotoCompressor .upload .inner .target {
        padding: 0 20px
    }

    #PhotoCompressor .upload .inner p {
        font-size: 20px
    }

    #PhotoCompressor .upload .inner p small {
        font-size: 16px
    }

    #PhotoCompressor .upload .inner .add-button {
        font-size: 20px
    }

    #PhotoCompressor .upload .inner .tips {
        font-size: 16px
    }

    #PhotoCompressor .upload .result-area {
        margin-top: 100px
    }

    #PhotoCompressor .features h3 {
        font-size: 20px;
        line-height: 1.46;
        margin-bottom: 40px
    }

    #PhotoCompressor .main .flex-container {
        padding: 0 16px
    }

    #PhotoCompressor .features .item__content {
        padding: 120px 20px 20px
    }

    #PhotoCompressor .features .item__content .p1 {
        font-size: 22px
    }

    #PhotoCompressor .faqs .item {
        max-width: 100%
    }

    #PhotoCompressor .faqs .item .question {
        padding-right: 0
    }

    #PhotoCompressor .faqs .item .question p {
        font-size: 20px
    }

    #PhotoCompressor .faqs .item .question button {
        width: 24px;
        height: 24px;
        top: unset;
        bottom: 10px
    }

    #PhotoCompressor .faqs .item .answer {
        margin-top: 12px
    }

    #PhotoCompressor .recommended-products {
        padding: 40px 0 50px
    }

    #PhotoCompressor .recommended-products h3 {
        font-size: 20px
    }

    #PhotoCompressor .recommended-products .item__content {
        padding: 70px 20px 40px
    }

    #PhotoCompressor .recommended-products .item__content .product-name {
        font-size: 20px
    }

    #PhotoCompressor .recommended-products .item__content .download-button {
        width: 180px;
        padding: 8px 0;
        justify-content: center
    }

    #PhotoCompressor .recommended-products .item__content .buttons-area {
        display: flex
    }
}

@media screen and (max-width: 500px) {
    #PhotoCompressor .features .flex-container {
        flex-direction: column
    }

    #PhotoCompressor .features .flex-item {
        flex: auto;
        width: 100%;
        margin-bottom: 20px
    }

    #PhotoCompressor .recommended-products .flex-container {
        flex-direction: column
    }

    #PhotoCompressor .recommended-products .flex-item {
        flex: auto;
        width: 100%;
        margin-bottom: 60px
    }

    #PhotoCompressor .recommended-products .flex-item:last-of-type {
        margin-bottom: 0
    }
}

#RetrieveLicense .header {
    display: flex;
    background-color: #2d8cff;
    width: 100%;
    height: 253px;
    justify-content: center;
    align-items: center
}

#RetrieveLicense .header .center {
    text-align: center;
    color: #fff;
    width: 608px
}

#RetrieveLicense .header .center h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px
}

#RetrieveLicense .header .center p {
    font-size: 18px;
    line-height: 30px
}

#RetrieveLicense .submit {
    margin-top: 90px
}

#RetrieveLicense .submit input {
    display: block;
    width: 590px;
    height: 50px;
    margin: 0 auto 25px;
    font-size: 21.53px;
    padding-left: 24px;
    border-radius: 10px;
    border: 1px solid #ccc;
    outline: none
}

#RetrieveLicense .submit input:nth-child(2) {
    margin-bottom: 20px
}

#RetrieveLicense .submit input::-webkit-input-placeholder {
    color: #e6e6e6
}

#RetrieveLicense .submit p {
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    font-display: swap;
    font-family: Open Sans;
    font-weight: 400;
    color: #c1272d;
    text-align: center;
    margin-bottom: 37px
}

#RetrieveLicense .submit .btn {
    padding: 0 60px;
    height: 50px;
    margin-left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 18px;
    font-display: swap;
    font-family: OpenSans;
    margin-bottom: 44px;
    border-radius: 6px;
    border: none;
    background: #2d8cff
}

#RetrieveLicense .submit .btn:hover {
    background: #0066cb
}

#RetrieveLicense .tips {
    width: 927px;
    text-align: center;
    line-height: 28px;
    margin: 0 auto 71px
}

#RetrieveLicense .tips p {
    font-weight: light;
    color: #666;
    font-size: 16px
}

#RetrieveLicense .tips strong {
    color: #4d4d4d
}

#RetrieveLicense .result {
    width: 1088px;
    text-align: center;
    padding-bottom: 69px;
    border-bottom: 1px dashed #ececec;
    margin: 0 auto 69px
}

#RetrieveLicense .result img {
    margin-bottom: 39px
}

#RetrieveLicense .result p {
    font-weight: Regular;
    font-display: swap;
    font-family: OpenSans;
    color: #c1272d;
    font-size: 16px;
    line-height: 28px
}

#RetrieveLicense .toContact {
    width: 690px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    line-height: 30px
}

#RetrieveLicense .toContact p {
    color: #333;
    font-display: swap;
    font-family: OpenSans-Bold;
    font-weight: 700;
    margin-bottom: 47px
}

#RetrieveLicense .toContact button {
    width: 178px;
    height: 45px;
    color: #fff;
    margin: 0 auto 80px;
    border-radius: 6px;
    border: none;
    background: #2d8cff
}

#RetrieveLicense .toContact button:hover {
    background: #0066cb
}

#RetrieveLicense .toContact button a {
    color: #fff
}

#RetrieveLicense .return {
    display: flex;
    width: 90%;
    background-color: #f8f8f8;
    margin: 0 auto;
    justify-content: center;
    font-size: 16px;
    line-height: 32px;
    padding: 40px 20px
}

#RetrieveLicense .return .return-r .return-ltext {
    text-align: right;
    padding-right: 15px;
    color: #333;
    font-weight: 700
}

#RetrieveLicense .return .return-r {
    width: 80%;
    text-align: left
}

@media screen and (max-width: 768px) {
    #RetrieveLicense .pic {
        display: none
    }

    #RetrieveLicense .return {
        display: flex;
        width: 100%;
        background-color: #f8f8f8;
        margin: 0 auto;
        justify-content: center;
        font-size: 14px;
        line-height: 32px;
        padding: 20px 10px
    }

    #RetrieveLicense .return .return-r {
        width: 100%;
        text-align: left;
        white-space: normal;
        word-wrap: break-word
    }

    #RetrieveLicense .return .return-r .return-ltext {
        text-align: right;
        padding-right: 15px;
        color: #333;
        font-weight: 700
    }

    #RetrieveLicense .submit .btn {
        padding: 0 30px
    }

    #RetrieveLicense .header p:first-child {
        font-size: 28px !important;
        line-height: 42px;
        font-weight: 700;
        font-display: swap;
        font-family: OpenSans-Bold
    }

    #RetrieveLicense .header p:nth-child(2) {
        font-size: 14px !important;
        line-height: 26px;
        font-display: swap;
        font-family: Open Sans;
        font-weight: 300
    }

    #RetrieveLicense .center {
        padding: 0 20px
    }

    #RetrieveLicense .submit input {
        width: 85%
    }

    #RetrieveLicense .submit p {
        font-size: 14px;
        font-display: swap;
        font-family: Open Sans;
        font-weight: 400;
        color: #c1272d;
        line-height: 28px
    }

    #RetrieveLicense .tips {
        width: 86%
    }

    #RetrieveLicense .tips p {
        font-size: 14px;
        line-height: 26px;
        font-weight: 700
    }

    #RetrieveLicense .result {
        width: 90%
    }

    #RetrieveLicense .result p {
        font-size: 14px;
        line-height: 24px;
        color: #c1272d
    }

    #RetrieveLicense .toContact {
        width: 86%
    }

    #RetrieveLicense .toContact p {
        font-size: 16px;
        font-display: swap;
        font-family: Open Sans;
        font-weight: 700;
        color: #333;
        line-height: 30px
    }
}

#postopBanner.postopBanner[data-v-08f96b62] {
    position: relative
}

#postopBanner.postopBanner .box[data-v-08f96b62] {
    width: 100%;
    height: auto;
}

#postopBanner.postopBanner .box .container[data-v-08f96b62] {
    height: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 0 40px;
}

#postopBanner.postopBanner .box.boxtwo .container[data-v-08f96b62],
#postopBanner.postopBanner .box.boxtwo[data-v-08f96b62] {
    height: 205px
}

#postopBanner.postopBanner .box .container .title[data-v-08f96b62] {
    width: 120%;
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 20px
}

#postopBanner.postopBanner .box .container .desc[data-v-08f96b62] {
    font-family: opensans-regular;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    margin-bottom: 25px
}

#postopBanner.postopBanner .box .container .desc .desctext[data-v-08f96b62] {
    display: inline-block;
    width: 70%;
    font-size: 16px
}

#postopBanner .box .container .desc .desctext[data-v-08f96b62] a {
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #fff
}

#postopBanner.postopBanner .box .container .btn[data-v-08f96b62] {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 25px
}

#postopBanner.postopBanner .box .container .btn a.btnleft.icon-win[data-v-08f96b62],
#postopBanner.postopBanner .box .container .btn a.btnright.icon-mac[data-v-08f96b62] {
    width: 184px;
    height: 40px;
    line-height: 35px;
    background: linear-gradient(90.82deg, #e6661e .7%, #fa9155 99.54%);
    border: 2px solid #fff;
    color: #fff;
    border-radius: 4px;
    font-size: 16px
}

#postopBanner.postopBanner .box .container .btn a.btnleft.icon-win[data-v-08f96b62]:hover,
#postopBanner.postopBanner .box .container .btn a.btnright.icon-mac[data-v-08f96b62]:hover {
    background: linear-gradient(90.82deg, #fa9155 .7%, #e6661e 99.54%)
}

#postopBanner.postopBanner .box .container .btn a.btnleft.icon-win[data-v-08f96b62] {
    margin-right: 46px
}

#postopBanner.postopBanner .box .container .btn a.btnleft.icon-win[data-v-08f96b62]:before,
#postopBanner.postopBanner .box .container .btn a.btnright.icon-mac[data-v-08f96b62]:before {
    margin-right: 15px
}

#postopBanner.postopBanner .box .container .btn a span[data-v-08f96b62] {
    font-family: Open Sans;
    font-weight: 700
}

#postopBanner.postopBanner .box .container .mobilebtn[data-v-08f96b62] {
    display: none
}

#postopBanner.postopBanner .box .container .mobilebtn a.btnleft.icon-win[data-v-08f96b62],
#postopBanner.postopBanner .box .container .mobilebtn a.btnright.icon-mac[data-v-08f96b62] {
    width: 218px;
    text-align: center;
    height: 40px;
    line-height: 35px;
    background: linear-gradient(90.82deg, #e6661e .7%, #fa9155 99.54%);
    border: 2px solid #fff;
    color: #fff;
    border-radius: 4px
}

#postopBanner.postopBanner .box .container .mobilebtn a.btnright.icon-mac[data-v-08f96b62] {
    margin-top: 10px
}

#postopBanner.postopBanner .box .container .mobilebtn a.btnleft.icon-win[data-v-08f96b62]:before,
#postopBanner.postopBanner .box .container .mobilebtn a.btnright.icon-mac[data-v-08f96b62]:before {
    margin-right: 5px
}

#postopBanner.postopBanner .box .container .mobilebtn a.btnleft.icon-win[data-v-08f96b62]:hover,
#postopBanner.postopBanner .box .container .mobilebtn a.btnright.icon-mac[data-v-08f96b62]:hover {
    background: linear-gradient(90.82deg, #fa9155 .7%, #e6661e 99.54%)
}

#postopBanner.postopBanner .box .container .mobilebtn a span[data-v-08f96b62] {
    font-family: Open Sans;
    font-weight: 700
}

#postopBanner.postopBanner .box .container .dateAuthor[data-v-08f96b62] {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#postopBanner.postopBanner .box .container .dateAuthor .author[data-v-08f96b62] {
    margin-right: 20px;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

#postopBanner.postopBanner .box .container .dateAuthor .date[data-v-08f96b62] {
    font-family: Open Sans;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

#postopBanner.postopBanner .box .container .dateAuthor .author img[data-v-08f96b62],
#postopBanner.postopBanner .box .container .dateAuthor .date img[data-v-08f96b62] {
    margin-right: 8px
}

#postopBanner.postopBanner .box.productbg[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg1[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg1.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg1.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg2[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg2.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg2.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg3[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg3.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg3.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg4[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg4.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg4.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg5[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg5.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg5.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg6[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg6.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg6.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg7[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg7.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg7.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg8[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg8.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg8.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg9[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg9.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg9.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg10[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg13.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg13.png*/
        50% no-repeat
}

#postopBanner.postopBanner .box.productbg11[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg11.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg11.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg12[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg12.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg12.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg13[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg13.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg13.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg14[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg14.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg14.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg15[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg15.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg15.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg16[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg16.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg16.png*/
        50% no-repeat;
    background-size: cover
}

#postopBanner.postopBanner .box.productbg17[data-v-08f96b62] {
    background: url("../../pages/post/headerproductbg17.png")
        /*tpa=https://www.fonepaw.com/pages/post/headerproductbg17.png*/
        50% no-repeat;
    background-size: cover
}

@media screen and (max-width: 768px) {
    #postopBanner.postopBanner .box[data-v-08f96b62] {
        width: 100%;
        height: auto;
        background: none;
        box-shadow: none
    }

    #postopBanner.postopBanner .box .container[data-v-08f96b62] {
        height: auto
    }

    #postopBanner.postopBanner .box .container .title[data-v-08f96b62] {
        width: 100%;
        font-weight: 700;
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #postopBanner.postopBanner .box .container .desc[data-v-08f96b62] {
        margin-bottom: 20px
    }

    #postopBanner.postopBanner .box .container .desc span[data-v-08f96b62] {
        width: 100%;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        color: #fff
    }

    #postopBanner.postopBanner .box .container .btn[data-v-08f96b62] {
        display: none
    }

    #postopBanner.postopBanner .box .container .mobilebtn[data-v-08f96b62] {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

    #postopBanner.postopBanner .box .container .btn a.btnleft.icon-win[data-v-08f96b62] {
        margin-right: 10px
    }

    #postopBanner.postopBanner .box .container .dateAuthor[data-v-08f96b62] {
        margin-top: 20px;
        margin-bottom: 20px
    }

    #postopBanner.postopBanner .box .container .dateAuthor .author[data-v-08f96b62] {
        width: 100%;
        margin-right: 0;
        font-family: Open Sans;
        font-size: 14px;
        line-height: 16px;
        color: #fff
    }

    #postopBanner.postopBanner .box .container .dateAuthor .date[data-v-08f96b62] {
        width: 100%;
        font-family: Open Sans;
        font-size: 14px;
        line-height: 16px;
        color: #fff;
        margin-top: 10px
    }

    #postopBanner.postopBanner .box.productbg[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg1[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg1.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg1.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg2[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg2.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg2.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg3[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg3.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg3.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg4[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg4.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg4.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg5[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg5.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg5.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg6[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg6.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg6.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg7[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg7.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg7.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg8[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg8.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg8.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg9[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg9.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg9.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg10[data-v-08f96b62] {
        background: url("../../pages/post/background_iphone.png")
            /*tpa=https://www.fonepaw.com/pages/post/background_iphone.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg11[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg11.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg11.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg12[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg12.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg12.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg13[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg13.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg13.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg14[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg14.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg14.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg15[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg15.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg15.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg16[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg16.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg16.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.productbg17[data-v-08f96b62] {
        background: url("../../pages/post/mobileheaderproductbg17.png")
            /*tpa=https://www.fonepaw.com/pages/post/mobileheaderproductbg17.png*/
            50% no-repeat
    }

    #postopBanner.postopBanner .box.box-size[data-v-08f96b62] {
        background-size: cover
    }
}

#guides-detail .article .content .right-sidebar-revision[data-v-7d08fc3a] {
    flex: 0 0 215px;
    margin-bottom: 182px
}

@media (max-width: 768px) {
    #guides-detail .article .content .right-sidebar-revision[data-v-7d08fc3a] {
        display: none
    }
}

#guides-detail .article .content .right-sidebar-revision .right-sidebar-content[data-v-7d08fc3a] {
    width: 210px;
    position: sticky;
    top: 120px
}

#guides-detail .article .content .right-sidebar-revision .right-sidebar-content .contentdv[data-v-7d08fc3a] {
    padding: 20px 10px 20px 30px;
    background: #e1f3ff;
    border-radius: 16px;
    position: relative;
    margin-top: 25px
}

#guides-detail .article .content .right-sidebar-revision .right-sidebar-content .contentdv[data-v-7d08fc3a]:before {
    content: "";
    height: calc(100% - 60px);
    border-right: 2px dashed #45b5ff;
    position: absolute;
    left: 18px;
    top: 30px
}

#guides-detail .article .content .right-sidebar-revision .right-sidebar-content.bottomed[data-v-7d08fc3a] {
    top: unset;
    bottom: 0
}

#guides-detail .article .content .right-sidebar-revision .title {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 16px;
    line-height: 36px;
    color: #333;
    text-align: left;
    margin-top: 10px
}

#guides-detail .article .content .right-sidebar-revision .article-nav-list {
    padding: 0
}

#guides-detail .article .content .right-sidebar-revision .article-nav-list li {
    list-style: none;
    margin-bottom: 10px
}

#guides-detail .article .content .right-sidebar-revision .article-nav-list li a {
    color: #666;
    font-size: 16px;
    line-height: 22px;
    position: relative
}

#guides-detail .article .content .right-sidebar-revision .article-nav-list li a:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #45b5ff;
    position: absolute;
    top: 8px;
    left: -14px
}

#guides-detail .article .content .right-sidebar-revision .article-nav-list li .aactiveclass:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #06f;
    position: absolute;
    top: 8px;
    left: -14px
}

#guides-detail .article .content .right-sidebar-revision .article-nav-list li .aactiveclass {
    color: #008aff
}

.popular[data-v-1d1b7982] {
    padding: 0;
    margin: 0;
    max-width: 212px
}

.pro[data-v-1d1b7982] {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    background: #2d8cff;
    border-radius: 15px;
    overflow: hidden;
    padding-top: 15px;
    border: 1px solid #2d8cff
}

.popular .pro .name[data-v-1d1b7982] {
    color: #fff;
    font-size: 18px;
    margin: 0 12px
}

.pro .desc[data-v-1d1b7982] {
    color: #fff;
    font-size: 12px;
    margin: 0 12px 10px
}

.photo a[data-v-1d1b7982] {
    display: block;
    width: 100%;
    height: 100%
}

.photo img[data-v-1d1b7982] {
    background-color: #fff
}

.hot dt[data-v-1d1b7982] {
    color: #333;
    font-size: 18px;
    padding: 13px 0;
    border-radius: 8px;
    width: 70%;
    background: #d2e9ff;
    text-align: center
}

.fr_body .hot dt[data-v-1d1b7982] {
    width: 100%
}

.hot dd[data-v-1d1b7982] {
    padding-top: 17px;
    overflow: hidden;
    position: relative
}

.hot dd a[data-v-1d1b7982] {
    color: #898989;
    font-size: 14px
}

.popular dl dd[data-v-1d1b7982]:hover {
    border-bottom: 2px solid #d2e9ff;
    padding-bottom: 10px;
    box-sizing: border-box
}

.popular dl dd[data-v-1d1b7982]:nth-child(2) {
    margin-top: 10px
}

.popular dl dd:hover a[data-v-1d1b7982] {
    color: #2d8cff
}

.popular dl dd[data-v-1d1b7982]:last-child {
    margin-bottom: 17px
}

#CollectDeviceInfo .mobile-collect-banner {
    padding: 100px 0;
    background: url("../../pages/CollectDeviceInfo/mobile-collect-banner.svg")
        /*tpa=https://www.fonepaw.com/pages/CollectDeviceInfo/mobile-collect-banner.svg*/
        no-repeat 50%;
    background-size: 2048px
}

#CollectDeviceInfo .mobile-collect-banner .mobile-collect-banner-title {
    font-size: 3rem;
    font-display: swap;
    font-family: 700;
    text-align: center;
    color: #fff;
    line-height: 2.5rem
}

#CollectDeviceInfo .mobile-collect-main-area {
    font-display: swap;
    font-family: opensans-regular;
    padding: 50px 0 60px
}

#CollectDeviceInfo .flex-container {
    display: flex;
    justify-content: space-around
}

#CollectDeviceInfo .container-l {
    flex: 0 0 70%
}

#CollectDeviceInfo .container-r {
    flex: 0 0 30%
}

#CollectDeviceInfo .mobile-collect-main-area .container-l p {
    font-size: 16px;
    color: #7a7a7a
}

#CollectDeviceInfo .container-l p {
    margin-bottom: 15px
}

#CollectDeviceInfo .android-edition h2,
#CollectDeviceInfo .device-mark h2,
#CollectDeviceInfo .phone-mark h2 {
    color: #7a7a7a;
    font-size: 2.1rem;
    font-display: swap;
    font-family: Semibold;
    margin: 20px 0 10px
}

#CollectDeviceInfo .phone-mark .check ul {
    display: flex;
    flex-wrap: wrap
}

#CollectDeviceInfo .phone-mark .check ul li {
    list-style: none;
    flex: 0 0 15%;
    display: flex;
    align-items: center;
    margin-top: 2.25rem
}

#CollectDeviceInfo .check ul li span {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1.5px solid #c9caca;
    border-radius: 2px;
    margin-right: 5px
}

#CollectDeviceInfo .check ul li span.check_active {
    position: relative;
    border-color: #2d8cff
}

#CollectDeviceInfo .check ul li span.check_active:before {
    content: url("../../pages/CollectDeviceInfo/is_active.svg")
        /*tpa=https://www.fonepaw.com/pages/CollectDeviceInfo/is_active.svg*/
    ;
    position: absolute;
    top: -5px;
    width: 18px;
    height: 12px;
    z-index: 1
}

#CollectDeviceInfo .show {
    display: block !important
}

#CollectDeviceInfo .unshow {
    display: none !important
}

#CollectDeviceInfo .check ul li:last-child {
    flex: 90%
}

#CollectDeviceInfo .check ul li:last-child div {
    display: none;
    width: 55%;
    margin-right: 10px
}

#CollectDeviceInfo .check ul li:last-child div input {
    height: 22px !important;
    border: 1.5px solid #2d8cff
}

#CollectDeviceInfo .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all !important 1s ease-in-out,
}

#CollectDeviceInfo .android-edition div,
#CollectDeviceInfo .device-mark div {
    display: flex;
    justify-content: center;
    width: 90%;
    height: 50px !important;
    margin-top: 30px;
    margin-left: -25px
}

#CollectDeviceInfo .android-edition div input,
#CollectDeviceInfo .device-mark div input {
    height: 47px;
    width: 90%
}

#CollectDeviceInfo .buttons {
    margin-top: 57.5px;
    padding-left: 15.625px
}

#CollectDeviceInfo .buttons a {
    display: inline-block;
    background-color: #2d8cff;
    color: #fff;
    text-align: center;
    line-height: 44px;
    border-radius: .8125rem;
    width: 139px;
    height: 44px;
    font-size: 1.6rem;
    font-weight: 600
}

#CollectDeviceInfo .buttons a:nth-child(2) {
    margin-left: 25px
}

@media (min-width: 768px) {
    #CollectDeviceInfo .container {
        width: 740px
    }
}

@media (max-width: 960px) {
    #CollectDeviceInfo .container-r {
        display: none
    }

    #CollectDeviceInfo .container-l {
        flex: 100%
    }
}

@media (min-width: 992px) {
    #CollectDeviceInfo .container {
        width: 960px
    }

    #CollectDeviceInfo .mobile-collect-main-form-area {
        flex: 100%
    }

    #CollectDeviceInfo container-r {
        display: none
    }
}

@media (min-width: 1200px) {
    #CollectDeviceInfo .container {
        width: 1080px
    }
}

@media (max-width: 600px) {
    #CollectDeviceInfo .buttons {
        padding-left: 0;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin-top: 2.5rem
    }

    #CollectDeviceInfo .mobile-collect-banner {
        padding: 25px
    }

    #CollectDeviceInfo .mobile-collect-banner .mobile-collect-banner-title {
        width: 100%;
        font-size: 26px;
        text-align: center;
        line-height: 32.5px;
        margin: 15px 0
    }

    #CollectDeviceInfo .android-edition h2,
    #CollectDeviceInfo .device-mark h2,
    #CollectDeviceInfo .phone-mark h2 {
        font-size: 17px
    }
}

[data-v-669234fa] {
    font-family: Montserrat_Regular
}

.new_IDR[data-v-669234fa] {
    overflow: hidden
}

.new_banner[data-v-669234fa] {
    width: 100%;
    height: 780px;
    background: url("../../pages/new-android-data-recovery/banner_img.webp")
        /*tpa=https://www.fonepaw.com/pages/new-android-data-recovery/banner_img.webp*/
        no-repeat;
    background-size: 100% 100%
}

.new_banner_box[data-v-669234fa] {
    width: 1080px;
    height: 100%;
    margin: 0 auto
}

.new_banner_content[data-v-669234fa] {
    padding-top: 70px;
    display: flex
}

.new_banner_content_left[data-v-669234fa] {
    width: 490px
}

.new_banner_product_name[data-v-669234fa] {
    font-size: 24px;
    line-height: 190.4%;
    color: #000
}

.new_banner_product_characteristic[data-v-669234fa] {
    font-weight: 700;
    font-size: 56px;
    line-height: 125.4%;
    color: #000;
    margin-top: 15px;
    font-family: Montserrat_Bold !important
}

.new_banner_product_introduce[data-v-669234fa] {
    margin-top: 17px
}

.new_banner_product_introduce_item[data-v-669234fa] {
    font-size: 16px;
    line-height: 230.19%;
    color: #000;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_banner_product_introduce_item[data-v-669234fa]:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    margin-right: 5px;
    background-color: #7980ff
}

.new_banner_product_grade[data-v-669234fa] {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.new_banner_product_grade .grade_text_1[data-v-669234fa] {
    margin-left: 15px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-family: Montserrat_Light !important;
    font-weight: 300;
    margin-top: 3px
}

.new_banner_product_grade .grade_text_2[data-v-669234fa] {
    height: 18px;
    width: 2px;
    background-color: #eaeaea;
    display: inline-block;
    margin-left: 15px;
    margin-top: 2px
}

.new_banner_product_grade .grade_text_3[data-v-669234fa] {
    margin-left: 15px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-family: Montserrat_Light !important;
    font-weight: 300;
    margin-top: 5px
}

.new_banner_content_right[data-v-669234fa] {
    width: 590px;
    height: 490px;
    margin-top: 64px
}

.new_banner_product_button[data-v-669234fa] {
    margin-top: 25px
}

.new_content[data-v-669234fa] {
    position: relative
}

.new_content_box[data-v-669234fa] {
    width: 1080px;
    margin: 0 auto
}

.new_content_box_back_1[data-v-669234fa] {
    position: absolute;
    right: -95px;
    bottom: 277px;
    z-index: -1
}

.new_content_box_bakc_2[data-v-669234fa] {
    position: absolute;
    left: 0;
    top: 1726px
}

.new_content_box_back_3[data-v-669234fa] {
    position: absolute;
    right: -95px;
    top: 430px;
    z-index: -1
}

.third_party[data-v-669234fa] {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 140px
}

.third_party .third_party_pc_img[data-v-669234fa]:nth-child(2),
.third_party .third_party_pc_img[data-v-669234fa]:nth-child(3),
.third_party .third_party_pc_img[data-v-669234fa]:nth-child(4),
.third_party .third_party_pc_img[data-v-669234fa]:nth-child(5) {
    margin-left: 67px
}

.new_usage_scenario[data-v-669234fa] {
    width: 876px;
    margin: 0 auto 171px
}

.new_usage_scenario_title[data-v-669234fa] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    text-align: center;
    color: #000
}

.new_usage_scenario_subheading[data-v-669234fa] {
    font-size: 16px;
    line-height: 173.9%;
    text-align: center;
    color: #6c6c6c;
    margin-top: 20px;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_usage_scenario_list[data-v-669234fa] {
    display: flex;
    flex-wrap: wrap
}

.new_usage_scenario_list_item[data-v-669234fa] {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 73px
}

.new_usage_scenario_list_item_img[data-v-669234fa] {
    width: 138px;
    height: 138px
}

.new_usage_scenario_list_item_text[data-v-669234fa] {
    margin-top: 16px;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #000;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_method_of_application[data-v-669234fa] {
    position: relative;
    z-index: 2
}

.new_method_of_application_title[data-v-669234fa] {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000
}

.new_method_of_application_content[data-v-669234fa] {
    display: flex;
    justify-content: space-between;
    margin-top: 93px;
    margin-bottom: 220px
}

.new_method_of_application_content_left[data-v-669234fa] {
    width: 46%
}

.new_method_of_application_content_left_box[data-v-669234fa] {
    display: flex;
    flex-direction: column
}

.new_method_of_application_content_left_box .content_left_title[data-v-669234fa] {
    font-weight: 600;
    font-size: 24px;
    line-height: 143.4%;
    color: #000
}

.new_method_of_application_content_left_box .content_left_particulars[data-v-669234fa] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959;
    margin-bottom: 27px;
    font-weight: lighter;
    margin-top: 9px;
    font-family: Montserrat_Light !important
}

.new_method_of_application_content_right[data-v-669234fa] {
    width: 548px;
    height: 391px
}

.new_method_of_application_content .new_method_of_application_content_right .new_method_of_application_content_right_img[data-v-669234fa] {
    width: 548px;
    height: 342px;
    max-width: none
}

.new_characteristic[data-v-669234fa] {
    display: flex;
    margin-bottom: 150px;
    position: relative;
    z-index: 2
}

.new_characteristic_left[data-v-669234fa] {
    width: 550px;
    height: 376px;
    position: relative;
    left: -106px;
    top: -20px
}

.new_characteristic_right[data-v-669234fa] {
    width: 71%
}

.new_characteristic_left .new_characteristic_left_img[data-v-669234fa] {
    width: 100%;
    max-width: none
}

.new_characteristic_right_title[data-v-669234fa] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000
}

.new_characteristic_right_list[data-v-669234fa] {
    display: flex;
    margin-top: 44px
}

.new_characteristic_right_list_item[data-v-669234fa] {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    margin-right: 64px
}

.new_characteristic_right_item[data-v-669234fa] {
    margin-top: 18px;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.list_item_img[data-v-669234fa] {
    width: 17px;
    height: 17px;
    margin-right: 8px
}

.new_characteristic_right_list_item .list_item_text[data-v-669234fa] {
    font-size: 16px;
    line-height: 140%;
    color: #595959;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.new_rate[data-v-669234fa] {
    display: flex;
    margin-bottom: 200px;
}

.new_rate_left[data-v-669234fa] {
    width: 476px;
    margin-top: 100px;
    margin-right: 118px
}

.new_rate_left .new_rate_left_title[data-v-669234fa] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000
}

.new_rate_left .new_rate_left_text[data-v-669234fa] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959;
    margin-top: 27px;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.compatible_update[data-v-669234fa] {
    display: flex;
    margin-bottom: 220px
}

.compatible_update .compatible_update_left img[data-v-669234fa] {
    width: 433px;
    height: 600px
}

.compatible_update_right[data-v-669234fa] {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
    width: 555px
}

.compatible_update_right_title[data-v-669234fa] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000;
    margin-bottom: 18px
}

.compatible_update_right_text[data-v-669234fa] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959;
    margin-bottom: 16px;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.compatible_update_devices[data-v-669234fa] {
    width: 545.67px;
    height: 351.23px;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 15px 18px
}

.compatible_update_devices_title[data-v-669234fa] {
    padding-bottom: 13px;
    border-bottom: 1px solid #e3e3e3
}

.compatible_update_devices_title_1[data-v-669234fa] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959
}

.compatible_update_devices_title_2[data-v-669234fa] {
    font-size: 10px;
    line-height: 197.9%;
    color: #595959;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.compatible_update_devices_iphone[data-v-669234fa] {
    padding: 18px 0
}

.compatible_update_devices_ipad[data-v-669234fa],
.compatible_update_devices_iphone[data-v-669234fa] {
    font-size: 14px;
    line-height: 197.9%;
    color: #595959;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.compatible_update_devices_ipad[data-v-669234fa] {
    padding: 12px 0
}

.compatible_update_devices_ipod[data-v-669234fa] {
    font-size: 14px;
    line-height: 197.9%;
    color: #595959;
    padding-top: 15px;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.new_instructions_top[data-v-669234fa] {
    position: relative
}

.new_instructions[data-v-669234fa] {
    position: relative;
    width: 100%;
    height: 643.41px;
    background: rgba(244, 244, 255, .81);
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    z-index: 2
}

.new_instructions_box[data-v-669234fa] {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.new_instructions_content[data-v-669234fa] {
    display: flex;
    justify-content: space-between;
    position: relative
}

.new_instructions_title[data-v-669234fa] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    text-align: center;
    color: #000;
    padding-top: 75px;
    margin-bottom: 77px
}

.new_instructions_content_item[data-v-669234fa] {
    width: 360px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.new_instructions_content_item_img[data-v-669234fa] {
    width: 327px;
    border-radius: 6.49555px;
    height: 219px;
    box-shadow: 0 9px 19px #dedeff
}

.new_instructions_content_item_order[data-v-669234fa] {
    width: 94.23px;
    height: 37.29px;
    background: #a8bafc;
    border-radius: 7px;
    text-align: center;
    line-height: 37.29px;
    margin-top: 29px;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    font-family: Montserrat_Light !important
}

.new_instructions_content_item_text[data-v-669234fa] {
    font-weight: 600;
    font-size: 18px;
    line-height: 147.5%;
    color: #000;
    margin-top: 19px;
    text-align: center;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_instructions_content_transverse_1[data-v-669234fa],
.new_instructions_content_transverse_2[data-v-669234fa] {
    position: absolute
}

.new_instructions_content_transverse_1[data-v-669234fa] {
    left: 254px;
    bottom: 89px
}

.new_instructions_content_transverse_2[data-v-669234fa] {
    left: 615px;
    bottom: 89px
}

#ja_body .new_instructions_content_transverse_1[data-v-6a90b220] {
    left: 254px;
    bottom: 60px;
}

#ja_body .new_instructions_content_transverse_2[data-v-6a90b220] {
    left: 615px;
    bottom: 60px;
}

.new_instructions_box_back[data-v-669234fa] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -460px
}

.new_solution[data-v-669234fa] {
    width: 100%;
    height: 500px;
    background-color: #2a2238
}

.new_solution_box[data-v-669234fa] {
    width: 1080px;
    margin: 0 auto
}

.new_solution_box_title[data-v-669234fa] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    text-align: center;
    color: #fff;
    padding-top: 95px;
    margin-bottom: 61px
}

.new_solution_box_tab_box[data-v-669234fa] {
    display: flex;
    align-items: center
}

.new_solution_box_tab[data-v-669234fa] {
    display: inline-block;
    height: 70px;
    text-align: center;
    width: 225px;
    position: relative
}

.new_solution_box_tab_content[data-v-669234fa] {
    text-align: center;
    font-size: 16px;
    line-height: 221.9%;
    color: #fff;
    width: 919px;
    margin: 50px auto 0;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_solution_box_tab_line[data-v-669234fa] {
    position: absolute;
    height: 4px;
    width: 88%;
    background-color: #7980ff;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px
}

.new_solution_box_tab:nth-child(5) .new_solution_box_tab_img[data-v-669234fa] {
    height: 40px
}

.new_achievement[data-v-669234fa] {
    position: relative;
    overflow: hidden
}

.new_home_bottom[data-v-669234fa] {
    position: relative;
    padding-top: 182px
}

.new_home_bottom_title[data-v-669234fa] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000;
    margin: 0 auto;
    width: 700px;
    text-align: center
}

.new_home_bottom_conetnt[data-v-669234fa] {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin-top: 68px
}

.new_home_bottom_conetnt_box[data-v-669234fa] {
    width: 194.14px;
    height: 217.04px;
    margin-right: 27px
}

.new_home_bottom_conetnt_box_move[data-v-669234fa] {
    width: 194.14px;
    height: 217.04px;
    background: #fff;
    box-shadow: 0 9px 19px hsla(0, 0%, 71%, .25);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 46px;
    box-sizing: border-box
}

.new_home_bottom_conetnt_boxhover[data-v-669234fa] {
    transform: translateY(-20px);
    transition: all .5s
}

.new_home_bottom_conetnt_box_num[data-v-669234fa] {
    font-weight: 600;
    font-size: 20px;
    line-height: 166.9%;
    color: #000;
    margin-top: 12px
}

.new_home_bottom_conetnt_box_text[data-v-669234fa] {
    font-size: 14px;
    color: #595959;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.new_introduce[data-v-669234fa] {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    position: relative;
    z-index: 3;
    justify-content: space-between
}

.new_introduce_left[data-v-669234fa] {
    display: flex;
    flex-direction: column;
    width: 600px
}

.new_introduce_box[data-v-669234fa] {
    position: relative;
    padding-bottom: 100px;
    margin-bottom: 126px;
    overflow: hidden;
    padding-top: 160px
}

.new_introduce_left_title[data-v-669234fa] {
    font-weight: 600;
    font-size: 30px;
    line-height: 127.9%;
    color: #000
}

.new_introduce_left_subheading[data-v-669234fa] {
    font-size: 20px;
    line-height: 158.9%;
    color: #655bef;
    margin-top: 26px
}

.new_introduce_left_text[data-v-669234fa] {
    font-size: 16px;
    line-height: 212.4%;
    margin-top: 7px;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.new_introduce_left_button[data-v-669234fa] {
    display: flex;
    margin-top: 37px
}

.new_introduce_left_button_a_buy:hover .new_introduce_left_button_buy[data-v-669234fa],
.new_introduce_left_button_a_download:hover .new_introduce_left_button_download[data-v-669234fa] {
    transform: translateY(-10px);
    transition: all .5s
}

.new_introduce_left_button_download[data-v-669234fa] {
    width: 235px;
    height: 63.17px;
    background: #655bef;
    border-radius: 8px;
    text-align: center;
    line-height: 63.17px;
    color: #fff;
    font-weight: 500;
    font-size: 19.1828px;
    cursor: pointer
}

.new_introduce_left_button_buy[data-v-669234fa] {
    width: 172.51px;
    height: 63.17px;
    border: 2px solid #655bef;
    border-radius: 8px;
    font-size: 19.1828px;
    line-height: 63.17px;
    text-align: center;
    color: #655bef;
    margin-left: 28px;
    cursor: pointer
}

.new_introduce_right[data-v-669234fa] {
    position: relative
}

.new_introduce_right_background[data-v-669234fa] {
    position: absolute;
    width: 500px;
    height: 491px;
    left: 251px;
    top: -79px
}

.new_introduce_right img[data-v-669234fa] {
    height: 341px
}

.new_achievement_background[data-v-669234fa] {
    position: absolute;
    bottom: -35px;
    width: 100%;
    z-index: 2
}

.new_achievement_background img[data-v-669234fa] {
    width: 100%
}

.new_achievement_background_img[data-v-669234fa] {
    position: absolute;
    top: -57px;
    left: 45%;
    z-index: -1;
    opacity: .7
}

.new_idr_mobile_style[data-v-669234fa] {
    display: none
}

.new_solution_box_tab_svg1[data-v-669234fa] {
    width: 85%
}

.new_home_bottom_conetnt_box_img[data-v-669234fa] {
    width: 62px;
    height: 62px
}

.new_banner_product_grade img[data-v-669234fa] {
    width: 23px;
    height: 22px;
    margin-right: 2px
}

@media (max-width: 770px) {
    .new_idr_pc_style[data-v-669234fa] {
        display: none
    }

    .new_idr_mobile_style[data-v-669234fa] {
        display: block
    }

    .new_home_bottom_title[data-v-669234fa] {
        width: auto;
        position: relative;
        z-index: 2
    }

    .new_home_bottom_conetnt[data-v-669234fa] {
        margin-bottom: 94px
    }

    .new_home_bottom_conetnt_box[data-v-669234fa] {
        width: 194.14px;
        height: 217.04px;
        margin-right: 0;
        padding-top: 30px;
        background: #fff;
        border-radius: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .new_banner_box[data-v-669234fa] {
        width: 100%
    }

    .new_banner[data-v-669234fa] {
        height: auto;
        background: url("../../pages/new-android-data-recovery/banner_img_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/new-android-data-recovery/banner_img_mobile.png*/
            no-repeat;
        background-size: 100% 100%
    }

    .new_banner_content[data-v-669234fa] {
        flex-direction: column;
        padding-top: 47px;
        padding-inline: 15px
    }

    .new_banner_content_right[data-v-669234fa] {
        width: 100%;
        height: 250px;
        margin-left: 0;
        margin-top: 35px;
        position: relative
    }

    .new_banner_content_left[data-v-669234fa] {
        width: 100%
    }

    .new_banner_product_grade .grade_text_1[data-v-669234fa],
    .new_banner_product_grade .grade_text_3[data-v-669234fa],
    .new_banner_product_introduce_item[data-v-669234fa] {
        font-size: 10px
    }

    .new_content_box[data-v-669234fa] {
        width: 100%
    }

    .third_party[data-v-669234fa] {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-bottom: 100px
    }

    .third_party_pc_img[data-v-669234fa] {
        margin-left: 0 !important
    }

    .third_party .third_party_pc_img[data-v-669234fa]:first-child {
        width: 55.85px;
        height: 12.4px
    }

    .third_party .third_party_pc_img[data-v-669234fa]:nth-child(2) {
        width: 41.72px;
        height: 11px
    }

    .third_party .third_party_pc_img[data-v-669234fa]:nth-child(3) {
        width: 53px;
        height: 7.3px
    }

    .third_party .third_party_pc_img[data-v-669234fa]:nth-child(4) {
        width: 52px;
        height: 10px
    }

    .third_party .third_party_pc_img[data-v-669234fa]:nth-child(5) {
        width: 54px;
        height: 7.7px
    }

    .new_usage_scenario[data-v-669234fa] {
        width: 93%;
        margin: 0 auto 123px
    }

    .new_usage_scenario_title[data-v-669234fa] {
        font-size: 32px
    }

    .new_usage_scenario_list_item_img[data-v-669234fa] {
        width: 86.86px;
        height: 86.86px
    }

    .new_usage_scenario_list_item_moblie[data-v-669234fa] {
        width: 100%;
        height: 262px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        margin-top: 43px
    }

    .new_usage_scenario_list_item_moblie_box[data-v-669234fa] {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .new_usage_scenario_list_item_text_mobile[data-v-669234fa] {
        margin-top: 10px
    }

    .new_usage_scenario_slie[data-v-669234fa] {
        display: flex;
        flex-wrap: wrap
    }

    .new_usage_scenario_list_item[data-v-669234fa] {
        margin-right: 68px
    }

    .new_usage_scenario_list_item_mobile[data-v-669234fa] {
        display: flex;
        flex-direction: column;
        margin-right: 68px
    }

    .new_usage_scenario_list_item_text_mobile[data-v-669234fa] {
        font-size: 8.81205px;
        line-height: 140%;
        text-align: center;
        color: #000
    }

    .idr-scroll-pagination[data-v-669234fa] {
        bottom: -32.56px;
        left: 50%;
        transform: translateX(-50%);
        width: 127px;
        height: 8.47px;
        border-radius: 5.32716px
    }

    .swiper-pagination-progressbar[data-v-669234fa] .swiper-pagination-progressbar-fill {
        border-radius: 5.32716px;
        background: #a4a1ff
    }

    .new_method_of_application_content[data-v-669234fa] {
        padding: 0 15px;
        flex-direction: column;
        margin-top: 16px;
        margin-bottom: 100px
    }

    .new_method_of_application_content_left_box .content_left_title[data-v-669234fa] {
        font-size: 20px
    }

    .new_method_of_application_content_left_box .content_left_particulars[data-v-669234fa] {
        font-size: 12px
    }

    .new_method_of_application_title[data-v-669234fa] {
        font-size: 32px
    }

    .new_method_of_application_content_left[data-v-669234fa] {
        width: 100%
    }

    .new_method_of_application_content_right[data-v-669234fa] {
        width: 100%;
        height: auto
    }

    .new_method_of_application_content_right_img[data-v-669234fa] {
        width: 100%;
        height: auto !important
    }

    .swiper-pagination-progressbar[data-v-669234fa] {
        background-color: #efefef
    }

    .new_update[data-v-669234fa] {
        margin-bottom: 88px
    }

    .new_characteristic[data-v-669234fa] {
        flex-flow: row-reverse;
        flex-direction: column;
        width: 93%;
        margin: 0 auto 120px
    }

    .new_characteristic_right[data-v-669234fa] {
        width: 100%
    }

    .new_characteristic_right_list[data-v-669234fa] {
        flex-wrap: wrap;
        width: 100%
    }

    .new_characteristic_right_list_item[data-v-669234fa] {
        width: 50%;
        margin-right: 0
    }

    .new_characteristic_right_title[data-v-669234fa] {
        font-size: 32px
    }

    .new_characteristic_left[data-v-669234fa] {
        width: 100%;
        left: -10px;
        top: 20px;
        height: auto
    }

    .new_characteristic_right_list_item .list_item_text[data-v-669234fa] {
        font-size: 14px
    }

    .swiper-container-horizontal>.swiper-pagination-bullets[data-v-669234fa] {
        bottom: 10px
    }

    .swiper-wrapper[data-v-669234fa] {
        box-shadow: 0 13.2436px 14.8991px rgba(78, 91, 167, .39)
    }

    .new_home_bottom_conetnt_box[data-v-669234fa] {
        height: 242px
    }

    .new_rate[data-v-669234fa] {
        flex-direction: column;
        width: 95%;
        margin: 0 auto 114px
    }

    .new_rate_left[data-v-669234fa] {
        width: 100%;
        margin-top: 0
    }

    .new_rate_left .new_rate_left_title[data-v-669234fa] {
        font-size: 32px
    }

    .new_rate_left_text[data-v-669234fa] {
        margin-top: 16px
    }

    .new_rate_right[data-v-669234fa] {
        margin-top: 40px
    }

    .compatible_update[data-v-669234fa] {
        width: 95%;
        margin: 0 auto 112px
    }

    .compatible_update_right[data-v-669234fa] {
        margin-left: 0;
        width: 100%
    }

    .compatible_update_devices[data-v-669234fa] {
        width: 100%;
        height: 440px;
        padding: 10px 18px 15px
    }

    .compatible_update_right_title[data-v-669234fa] {
        font-size: 32px
    }

    .new_instructions[data-v-669234fa] {
        height: 711px
    }

    .new_instructions_box[data-v-669234fa] {
        width: 100%
    }

    .new_instructions_title[data-v-669234fa] {
        font-size: 32px;
        margin-bottom: 55px
    }

    .new_instructions_box_back[data-v-669234fa] {
        top: -448px;
        max-width: none
    }

    .new_instructions_content_item_order[data-v-669234fa] {
        margin: 20px auto 0
    }

    .new_instructions_content_item_text[data-v-669234fa] {
        text-align: center
    }

    .swiper-pagination[data-v-669234fa] .swiper-pagination-bullet {
        background-color: #a4a1ff !important
    }

    .swiperPaginations_idr_1[data-v-669234fa] {
        left: 0 !important
    }

    .new_diversity[data-v-669234fa] {
        width: 100%;
        margin-bottom: 130px
    }

    .new_diversity_content[data-v-669234fa] {
        flex-direction: column
    }

    .new_diversity_content_item[data-v-669234fa] {
        width: 92%;
        margin: 0 auto 40px
    }

    .new_diversity_content_item_top_img[data-v-669234fa] {
        width: 100%
    }

    .new_solution_box[data-v-669234fa] {
        width: 95%
    }

    .new_solution_box_tab_content[data-v-669234fa] {
        font-size: 12px;
        line-height: 220.4%;
        width: 100%;
        margin: 40px auto 0
    }

    .new_solution_box_tab_mobile[data-v-669234fa] {
        display: inline-block;
        text-align: center;
        width: 100%
    }

    .new_solution_box_tab_text[data-v-669234fa] {
        color: #fff;
        line-height: 26.45px;
        font-size: 12px;
        margin-top: 36px;
        font-family: Montserrat_Light !important;
        font-weight: lighter
    }

    .new_solution_box_tab_img[data-v-669234fa] {
        padding-bottom: 19px;
        border-bottom: 4.01592px solid #7980ff
    }

    .new_solution_box_tab_img_0[data-v-669234fa] {
        width: 89px;
        height: 18px
    }

    .new_solution_box_tab_img_1[data-v-669234fa] {
        width: 98.03px;
        height: 13.95px
    }

    .new_solution_box_tab_img_2[data-v-669234fa] {
        width: 69px;
        height: 16px
    }

    .new_solution_box_tab_img_3[data-v-669234fa] {
        width: 110.35px;
        height: 24.54px
    }

    .new_solution_box_tab_img_4[data-v-669234fa] {
        width: 82.43px;
        height: 22px
    }

    .show_img[data-v-669234fa] {
        box-sizing: content-box;
        padding-bottom: 15.07px;
        border-bottom: 2.79145px solid #7980ff
    }

    .new_solution_box_title[data-v-669234fa] {
        padding-top: 75px;
        margin-bottom: 36px
    }

    .new_home_bottom[data-v-669234fa] {
        margin-bottom: 140px;
        padding-top: 100px
    }

    .new_home_bottom_conetnt_box_interior[data-v-669234fa] {
        display: flex;
        justify-content: center
    }

    .new_home_bottom_conetnt_box_interior_text[data-v-669234fa] {
        display: flex;
        flex-direction: column;
        margin-left: 36px
    }

    .new_introduce[data-v-669234fa] {
        flex-direction: column;
        width: 95%
    }

    .new_introduce_left[data-v-669234fa] {
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .new_introduce_right[data-v-669234fa] {
        margin-left: -20px
    }

    .new_introduce_left_button_download[data-v-669234fa] {
        width: 173.98px;
        height: 50.03px;
        line-height: 50.03px
    }

    .new_introduce_left_button_buy[data-v-669234fa] {
        width: 136.64px;
        height: 50.03px;
        line-height: 50.03px;
        border-radius: 6.33659px
    }

    .new_achievement_background[data-v-669234fa] {
        height: 520px
    }

    .new_content_box_back_3[data-v-669234fa] {
        top: 636px
    }

    .new_content_box_bakc_2[data-v-669234fa] {
        bottom: 1378px;
        left: -200px;
        top: unset
    }

    .new_content_box_back_1[data-v-669234fa] {
        bottom: 663px;
        right: -150px
    }

    .new_instructions_content_item_img[data-v-669234fa] {
        display: flex
    }

    .new_achievement_background_img[data-v-669234fa] {
        top: -76px;
        left: 20%
    }

    .new_banner_product_name[data-v-669234fa] {
        font-size: 18px
    }

    .new_banner_product_characteristic[data-v-669234fa] {
        font-size: 32px
    }

    .new_banner_product_introduce[data-v-669234fa] {
        font-size: 12px
    }

    .new_instructions_swiper_item[data-v-669234fa] {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .swiperPaginations_achievement[data-v-669234fa] {
        left: 50%;
        transform: translateX(-50%);
        bottom: auto
    }

    .new_home_bottom .swiper-pagination[data-v-669234fa] .swiper-pagination-bullet {
        margin-right: 10px
    }

    .new_introduce_right img[data-v-669234fa] {
        height: auto
    }

    .new_introduce_box[data-v-669234fa] {
        padding-top: 0;
        padding-bottom: 44.92px;
        margin-bottom: 0
    }

    .new_introduce_left_title[data-v-669234fa] {
        font-size: 24px
    }

    .new_introduce_left_subheading[data-v-669234fa] {
        font-size: 16px;
        text-align: center
    }

    .new_introduce_left_text[data-v-669234fa] {
        font-size: 12px;
        text-align: center
    }

    .nbsp[data-v-669234fa] {
        width: 100%;
        height: 50px;
        background: #fff
    }
}

[data-v-53cdf335] {
    font-family: Montserrat_Regular
}

.new_IDR[data-v-53cdf335] {
    overflow: hidden
}

.new_banner[data-v-53cdf335] {
    width: 100%;
    height: 780px;
    background: url("../../pages/new-android-data-recovery/banner_img.webp")
        /*tpa=https://www.fonepaw.com/pages/new-android-data-recovery/banner_img.webp*/
        no-repeat;
    background-size: 100% 100%
}

.new_banner_box[data-v-53cdf335] {
    width: 1080px;
    height: 100%;
    margin: 0 auto
}

.new_banner_content[data-v-53cdf335] {
    padding-top: 70px;
    display: flex
}

.new_banner_content_left[data-v-53cdf335] {
    flex: 1
}

.new_banner_product_name[data-v-53cdf335] {
    font-size: 24px;
    line-height: 190.4%;
    color: #000
}

.new_banner_product_characteristic[data-v-53cdf335] {
    font-weight: 700;
    font-size: 56px;
    line-height: 125.4%;
    color: #000;
    margin-top: 15px;
    font-family: Montserrat_Bold !important
}

.new_banner_product_introduce[data-v-53cdf335] {
    margin-top: 17px
}

.new_banner_product_introduce_item[data-v-53cdf335] {
    font-size: 16px;
    line-height: 230.19%;
    color: #000;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_banner_product_introduce_item[data-v-53cdf335]:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    margin-right: 5px;
    background-color: #7980ff
}

.new_banner_product_grade[data-v-53cdf335] {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.new_banner_product_grade .grade_text_1[data-v-53cdf335] {
    margin-left: 15px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-family: Montserrat_Light !important;
    font-weight: 300;
    margin-top: 3px
}

.new_banner_product_grade .grade_text_2[data-v-53cdf335] {
    height: 18px;
    width: 2px;
    background-color: #eaeaea;
    display: inline-block;
    margin-left: 15px;
    margin-top: 2px
}

.new_banner_product_grade .grade_text_3[data-v-53cdf335] {
    margin-left: 15px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-family: Montserrat_Light !important;
    font-weight: 300;
    margin-top: 5px
}

.new_banner_content_right[data-v-53cdf335] {
    width: 557px;
    height: 457px;
    margin-top: 64px
}

.new_banner_product_button[data-v-53cdf335] {
    margin-top: 25px
}

.new_content[data-v-53cdf335] {
    position: relative
}

.new_content_box[data-v-53cdf335] {
    width: 1080px;
    margin: 0 auto
}

.new_content_box_back_1[data-v-53cdf335] {
    position: absolute;
    right: -95px;
    bottom: 277px;
    z-index: -1
}

.new_content_box_bakc_2[data-v-53cdf335] {
    position: absolute;
    left: 0;
    top: 1926px
}

.new_content_box_back_3[data-v-53cdf335] {
    position: absolute;
    right: -95px;
    top: 430px;
    z-index: -1
}

.third_party[data-v-53cdf335] {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 140px
}

.third_party .third_party_pc_img[data-v-53cdf335]:nth-child(2),
.third_party .third_party_pc_img[data-v-53cdf335]:nth-child(3),
.third_party .third_party_pc_img[data-v-53cdf335]:nth-child(4),
.third_party .third_party_pc_img[data-v-53cdf335]:nth-child(5) {
    margin-left: 67px
}

.new_usage_scenario[data-v-53cdf335] {
    width: 876px;
    margin: 0 auto 171px
}

.new_usage_scenario_title[data-v-53cdf335] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    text-align: center;
    color: #000
}

.new_usage_scenario_subheading[data-v-53cdf335] {
    font-size: 16px;
    line-height: 173.9%;
    text-align: center;
    color: #6c6c6c;
    margin-top: 20px;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_usage_scenario_list[data-v-53cdf335] {
    display: flex;
    flex-wrap: wrap
}

.new_usage_scenario_list_item[data-v-53cdf335] {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 73px;
    z-index: 5;
    position: relative
}

.new_usage_scenario_list_item_img[data-v-53cdf335] {
    width: 138px;
    height: 138px
}

.new_usage_scenario_list_item_text[data-v-53cdf335] {
    margin-top: 16px;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #000;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_method_of_application[data-v-53cdf335] {
    position: relative;
    z-index: 2
}

.new_method_of_application_title[data-v-53cdf335] {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000
}

.new_method_of_application_content[data-v-53cdf335] {
    display: flex;
    justify-content: space-between;
    margin-top: 93px;
    margin-bottom: 220px
}

.new_method_of_application_content_left[data-v-53cdf335] {
    width: 46%
}

.new_method_of_application_content_left_box[data-v-53cdf335] {
    display: flex;
    flex-direction: column
}

.new_method_of_application_content_left_box .content_left_title[data-v-53cdf335] {
    font-weight: 600;
    font-size: 24px;
    line-height: 143.4%;
    color: #000
}

.new_method_of_application_content_left_box .content_left_particulars[data-v-53cdf335] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959;
    margin-bottom: 27px;
    font-weight: lighter;
    margin-top: 9px;
    font-family: Montserrat_Light !important
}

.new_method_of_application_content_right[data-v-53cdf335] {
    width: 548px;
    height: 391px
}

.new_method_of_application_content .new_method_of_application_content_right .new_method_of_application_content_right_img[data-v-53cdf335] {
    width: 548px;
    height: 342px;
    max-width: none
}

.new_characteristic[data-v-53cdf335] {
    display: flex;
    margin-bottom: 150px;
    position: relative;
    z-index: 2
}

.new_characteristic_left[data-v-53cdf335] {
    width: 550px;
    height: 376px;
    position: relative;
    left: -106px;
    top: -20px
}

.new_characteristic_right[data-v-53cdf335] {
    width: 71%
}

.new_characteristic_left .new_characteristic_left_img[data-v-53cdf335] {
    width: 100%;
    max-width: none
}

.new_characteristic_right_title[data-v-53cdf335] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000
}

.new_characteristic_right_list[data-v-53cdf335] {
    display: flex;
    margin-top: 44px
}

.new_characteristic_right_list_item[data-v-53cdf335] {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    margin-right: 23px
}

.new_characteristic_right_item[data-v-53cdf335] {
    margin-top: 18px;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.list_item_img[data-v-53cdf335] {
    width: 17px;
    height: 17px;
    margin-right: 8px
}

.new_characteristic_right_list_item .list_item_text[data-v-53cdf335] {
    font-size: 16px;
    line-height: 140%;
    color: #595959;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.new_rate[data-v-53cdf335] {
    display: flex;
    margin-bottom: 200px
}

.new_rate_left[data-v-53cdf335] {
    width: 476px;
    margin-top: 100px;
    margin-right: 118px
}

.new_rate_left .new_rate_left_title[data-v-53cdf335] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000
}

.new_rate_left .new_rate_left_text[data-v-53cdf335] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959;
    margin-top: 27px;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.compatible_update[data-v-53cdf335] {
    display: flex;
    margin-bottom: 220px
}

.compatible_update .compatible_update_left img[data-v-53cdf335] {
    width: 433px;
    height: 600px
}

.compatible_update_right[data-v-53cdf335] {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
    width: 555px
}

.compatible_update_right_title[data-v-53cdf335] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000;
    margin-bottom: 18px
}

.compatible_update_right_text[data-v-53cdf335] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959;
    margin-bottom: 16px;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.compatible_update_devices[data-v-53cdf335] {
    width: 545.67px;
    height: 351.23px;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 15px 18px
}

.compatible_update_devices_title[data-v-53cdf335] {
    padding-bottom: 13px;
    border-bottom: 1px solid #e3e3e3
}

.compatible_update_devices_title_1[data-v-53cdf335] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959
}

.compatible_update_devices_title_2[data-v-53cdf335] {
    font-size: 10px;
    line-height: 197.9%;
    color: #595959;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.compatible_update_devices_iphone[data-v-53cdf335] {
    padding: 18px 0
}

.compatible_update_devices_ipad[data-v-53cdf335],
.compatible_update_devices_iphone[data-v-53cdf335] {
    font-size: 14px;
    line-height: 197.9%;
    color: #595959;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.compatible_update_devices_ipad[data-v-53cdf335] {
    padding: 12px 0
}

.compatible_update_devices_ipod[data-v-53cdf335] {
    font-size: 14px;
    line-height: 197.9%;
    color: #595959;
    padding-top: 15px;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.new_instructions_top[data-v-53cdf335] {
    position: relative
}

.new_instructions[data-v-53cdf335] {
    position: relative;
    width: 100%;
    height: 643.41px;
    background: rgba(244, 244, 255, .81);
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    z-index: 2
}

.new_instructions_box[data-v-53cdf335] {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.new_instructions_content[data-v-53cdf335] {
    display: flex;
    justify-content: space-between;
    position: relative
}

.new_instructions_title[data-v-53cdf335] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    text-align: center;
    color: #000;
    padding-top: 75px;
    margin-bottom: 77px
}

.new_instructions_content_item[data-v-53cdf335] {
    width: 360px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.new_instructions_content_item_img[data-v-53cdf335] {
    width: 327px;
    border-radius: 6.49555px;
    height: 219px;
    box-shadow: 0 9px 19px #dedeff
}

.new_instructions_content_item_order[data-v-53cdf335] {
    width: 94.23px;
    height: 37.29px;
    background: #a8bafc;
    border-radius: 7px;
    text-align: center;
    line-height: 37.29px;
    margin-top: 29px;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    font-family: Montserrat_Light !important
}

.new_instructions_content_item_text[data-v-53cdf335] {
    font-weight: 600;
    font-size: 18px;
    line-height: 147.5%;
    color: #000;
    margin-top: 19px;
    text-align: center;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_instructions_content_transverse_1[data-v-53cdf335],
.new_instructions_content_transverse_2[data-v-53cdf335] {
    position: absolute
}

.new_instructions_content_transverse_1[data-v-53cdf335] {
    left: 254px;
    bottom: 89px
}

.new_instructions_content_transverse_2[data-v-53cdf335] {
    left: 615px;
    bottom: 89px
}

.new_instructions_box_back[data-v-53cdf335] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -460px
}

.new_solution[data-v-53cdf335] {
    width: 100%;
    height: 500px;
    background-color: #2a2238
}

.new_solution_box[data-v-53cdf335] {
    width: 1080px;
    margin: 0 auto
}

.new_solution_box_title[data-v-53cdf335] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    text-align: center;
    color: #fff;
    padding-top: 95px;
    margin-bottom: 61px
}

.new_solution_box_tab_box[data-v-53cdf335] {
    display: flex;
    align-items: center
}

.new_solution_box_tab[data-v-53cdf335] {
    display: inline-block;
    height: 70px;
    text-align: center;
    width: 225px;
    position: relative
}

.new_solution_box_tab_content[data-v-53cdf335] {
    text-align: center;
    font-size: 16px;
    line-height: 221.9%;
    color: #fff;
    width: 919px;
    margin: 50px auto 0;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_solution_box_tab_line[data-v-53cdf335] {
    position: absolute;
    height: 4px;
    width: 88%;
    background-color: #7980ff;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px
}

.new_solution_box_tab:nth-child(5) .new_solution_box_tab_img[data-v-53cdf335] {
    height: 40px
}

.new_achievement[data-v-53cdf335] {
    position: relative;
    overflow: hidden
}

.new_home_bottom[data-v-53cdf335] {
    position: relative;
    padding-top: 182px
}

.new_home_bottom_title[data-v-53cdf335] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000;
    margin: 0 auto;
    width: 700px;
    text-align: center
}

.new_home_bottom_conetnt[data-v-53cdf335] {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin-top: 68px
}

.new_home_bottom_conetnt_box[data-v-53cdf335] {
    width: 194.14px;
    height: 217.04px;
    margin-right: 27px
}

.new_home_bottom_conetnt_box_move[data-v-53cdf335] {
    width: 194.14px;
    height: 217.04px;
    background: #fff;
    box-shadow: 0 9px 19px hsla(0, 0%, 71%, .25);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 46px;
    box-sizing: border-box
}

.new_home_bottom_conetnt_boxhover[data-v-53cdf335] {
    transform: translateY(-20px);
    transition: all .5s
}

.new_home_bottom_conetnt_box_num[data-v-53cdf335] {
    font-weight: 600;
    font-size: 20px;
    line-height: 166.9%;
    color: #000;
    margin-top: 12px
}

.new_home_bottom_conetnt_box_text[data-v-53cdf335] {
    font-size: 14px;
    color: #595959;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.new_introduce[data-v-53cdf335] {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    position: relative;
    z-index: 3;
    justify-content: space-between
}

.new_introduce_left[data-v-53cdf335] {
    display: flex;
    flex-direction: column;
    width: 600px
}

.new_introduce_box[data-v-53cdf335] {
    position: relative;
    padding-bottom: 100px;
    margin-bottom: 126px;
    overflow: hidden;
    padding-top: 160px
}

.new_introduce_left_title[data-v-53cdf335] {
    font-weight: 600;
    font-size: 30px;
    line-height: 127.9%;
    color: #000
}

.new_introduce_left_subheading[data-v-53cdf335] {
    font-size: 20px;
    line-height: 158.9%;
    color: #655bef;
    margin-top: 26px
}

.new_introduce_left_text[data-v-53cdf335] {
    font-size: 16px;
    line-height: 212.4%;
    margin-top: 7px;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.new_introduce_left_button[data-v-53cdf335] {
    display: flex;
    margin-top: 37px
}

.new_introduce_left_button_a_buy:hover .new_introduce_left_button_buy[data-v-53cdf335],
.new_introduce_left_button_a_download:hover .new_introduce_left_button_download[data-v-53cdf335] {
    transform: translateY(-10px);
    transition: all .5s
}

.new_introduce_left_button_download[data-v-53cdf335] {
    width: 235px;
    height: 63.17px;
    background: #655bef;
    border-radius: 8px;
    text-align: center;
    line-height: 63.17px;
    color: #fff;
    font-weight: 500;
    font-size: 19.1828px;
    cursor: pointer
}

.new_introduce_left_button_buy[data-v-53cdf335] {
    width: 172.51px;
    height: 63.17px;
    border: 2px solid #655bef;
    border-radius: 8px;
    font-size: 19.1828px;
    line-height: 63.17px;
    text-align: center;
    color: #655bef;
    margin-left: 28px;
    cursor: pointer
}

.new_introduce_right[data-v-53cdf335] {
    position: relative
}

.new_introduce_right_background[data-v-53cdf335] {
    position: absolute;
    width: 500px;
    height: 491px;
    left: 251px;
    top: -79px
}

.new_introduce_right img[data-v-53cdf335] {
    height: 341px
}

.new_achievement_background[data-v-53cdf335] {
    position: absolute;
    bottom: -35px;
    width: 100%;
    z-index: 2
}

.new_achievement_background img[data-v-53cdf335] {
    width: 100%
}

.new_achievement_background_img[data-v-53cdf335] {
    position: absolute;
    top: -57px;
    left: 45%;
    z-index: -1;
    opacity: .7
}

.new_idr_mobile_style[data-v-53cdf335] {
    display: none
}

.new_solution_box_tab_svg1[data-v-53cdf335] {
    width: 85%
}

.new_home_bottom_conetnt_box_img[data-v-53cdf335] {
    width: 62px;
    height: 62px
}

.new_banner_product_grade img[data-v-53cdf335] {
    width: 23px;
    height: 22px;
    margin-right: 2px
}

@media (max-width: 770px) {
    .new_idr_pc_style[data-v-53cdf335] {
        display: none
    }

    .new_idr_mobile_style[data-v-53cdf335] {
        display: block
    }

    .new_home_bottom_title[data-v-53cdf335] {
        width: auto;
        position: relative;
        z-index: 2
    }

    .new_home_bottom_conetnt[data-v-53cdf335] {
        margin-bottom: 94px
    }

    .new_home_bottom_conetnt_box[data-v-53cdf335] {
        width: 194.14px;
        height: 217.04px;
        margin-right: 0;
        padding-top: 30px;
        background: #fff;
        border-radius: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .new_banner_box[data-v-53cdf335] {
        width: 100%
    }

    .new_banner[data-v-53cdf335] {
        height: auto;
        background: url("../../pages/new-android-data-recovery/banner_img_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/new-android-data-recovery/banner_img_mobile.png*/
            no-repeat;
        background-size: 100% 100%
    }

    .new_banner_content[data-v-53cdf335] {
        flex-direction: column;
        padding-top: 47px;
        padding-inline: 15px
    }

    .new_banner_content_right[data-v-53cdf335] {
        width: 100%;
        height: 250px;
        margin-left: 0;
        margin-top: 35px;
        position: relative
    }

    .new_banner_content_left[data-v-53cdf335] {
        width: 100%
    }

    .new_banner_product_grade .grade_text_1[data-v-53cdf335],
    .new_banner_product_grade .grade_text_3[data-v-53cdf335],
    .new_banner_product_introduce_item[data-v-53cdf335] {
        font-size: 10px
    }

    .new_content_box[data-v-53cdf335] {
        width: 100%
    }

    .third_party[data-v-53cdf335] {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-bottom: 100px
    }

    .third_party_pc_img[data-v-53cdf335] {
        margin-left: 0 !important
    }

    .third_party .third_party_pc_img[data-v-53cdf335]:first-child {
        width: 55.85px;
        height: 12.4px
    }

    .third_party .third_party_pc_img[data-v-53cdf335]:nth-child(2) {
        width: 41.72px;
        height: 11px
    }

    .third_party .third_party_pc_img[data-v-53cdf335]:nth-child(3) {
        width: 53px;
        height: 7.3px
    }

    .third_party .third_party_pc_img[data-v-53cdf335]:nth-child(4) {
        width: 52px;
        height: 10px
    }

    .third_party .third_party_pc_img[data-v-53cdf335]:nth-child(5) {
        width: 54px;
        height: 7.7px
    }

    .new_usage_scenario[data-v-53cdf335] {
        width: 93%;
        margin: 0 auto 123px
    }

    .new_usage_scenario_title[data-v-53cdf335] {
        font-size: 32px
    }

    .new_usage_scenario_list_item_img[data-v-53cdf335] {
        width: 86.86px;
        height: 86.86px
    }

    .new_usage_scenario_list_item_moblie[data-v-53cdf335] {
        width: 100%;
        height: 262px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        margin-top: 43px
    }

    .new_usage_scenario_list_item_moblie_box[data-v-53cdf335] {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .new_usage_scenario_list_item_text_mobile[data-v-53cdf335] {
        margin-top: 10px
    }

    .new_usage_scenario_slie[data-v-53cdf335] {
        display: flex;
        flex-wrap: wrap
    }

    .new_usage_scenario_list_item[data-v-53cdf335] {
        margin-right: 68px
    }

    .new_usage_scenario_list_item_mobile[data-v-53cdf335] {
        display: flex;
        flex-direction: column;
        margin-right: 68px
    }

    .new_usage_scenario_list_item_text_mobile[data-v-53cdf335] {
        font-size: 8.81205px;
        line-height: 140%;
        text-align: center;
        color: #000
    }

    .idr-scroll-pagination[data-v-53cdf335] {
        bottom: -32.56px;
        left: 50%;
        transform: translateX(-50%);
        width: 127px;
        height: 8.47px;
        border-radius: 5.32716px
    }

    .swiper-pagination-progressbar[data-v-53cdf335] .swiper-pagination-progressbar-fill {
        border-radius: 5.32716px;
        background: #a4a1ff
    }

    .new_method_of_application_content[data-v-53cdf335] {
        padding: 0 15px;
        flex-direction: column;
        margin-top: 16px;
        margin-bottom: 100px
    }

    .new_method_of_application_content_left_box .content_left_title[data-v-53cdf335] {
        font-size: 20px
    }

    .new_method_of_application_content_left_box .content_left_particulars[data-v-53cdf335] {
        font-size: 12px
    }

    .new_method_of_application_title[data-v-53cdf335] {
        font-size: 32px
    }

    .new_method_of_application_content_left[data-v-53cdf335] {
        width: 100%
    }

    .new_method_of_application_content_right[data-v-53cdf335] {
        width: 100%;
        height: auto
    }

    .new_method_of_application_content_right_img[data-v-53cdf335] {
        width: 100%;
        height: auto !important
    }

    .swiper-pagination-progressbar[data-v-53cdf335] {
        background-color: #efefef
    }

    .new_update[data-v-53cdf335] {
        margin-bottom: 88px
    }

    .new_characteristic[data-v-53cdf335] {
        flex-flow: row-reverse;
        flex-direction: column;
        width: 93%;
        margin: 0 auto 120px
    }

    .new_characteristic_right[data-v-53cdf335] {
        width: 100%
    }

    .new_characteristic_right_list[data-v-53cdf335] {
        flex-wrap: wrap;
        width: 100%
    }

    .new_characteristic_right_list_item[data-v-53cdf335] {
        width: 50%;
        margin-right: 0
    }

    .new_characteristic_right_title[data-v-53cdf335] {
        font-size: 32px
    }

    .new_characteristic_left[data-v-53cdf335] {
        width: 100%;
        left: -10px;
        top: 20px;
        height: auto
    }

    .new_characteristic_right_list_item .list_item_text[data-v-53cdf335] {
        font-size: 14px
    }

    .swiper-container-horizontal>.swiper-pagination-bullets[data-v-53cdf335] {
        bottom: 10px
    }

    .swiper-wrapper[data-v-53cdf335] {
        box-shadow: 0 13.2436px 14.8991px rgba(78, 91, 167, .39)
    }

    .new_home_bottom_conetnt_box[data-v-53cdf335] {
        height: 242px
    }

    .new_rate[data-v-53cdf335] {
        flex-direction: column;
        width: 95%;
        margin: 0 auto 114px
    }

    .new_rate_left[data-v-53cdf335] {
        width: 100%;
        margin-top: 0
    }

    .new_rate_left .new_rate_left_title[data-v-53cdf335] {
        font-size: 32px
    }

    .new_rate_left_text[data-v-53cdf335] {
        margin-top: 16px
    }

    .new_rate_right[data-v-53cdf335] {
        margin-top: 40px
    }

    .compatible_update[data-v-53cdf335] {
        width: 95%;
        margin: 0 auto 112px
    }

    .compatible_update_right[data-v-53cdf335] {
        margin-left: 0;
        width: 100%
    }

    .compatible_update_devices[data-v-53cdf335] {
        width: 100%;
        height: 440px;
        padding: 10px 18px 15px
    }

    .compatible_update_right_title[data-v-53cdf335] {
        font-size: 32px
    }

    .new_instructions[data-v-53cdf335] {
        height: 711px
    }

    .new_instructions_box[data-v-53cdf335] {
        width: 100%
    }

    .new_instructions_title[data-v-53cdf335] {
        font-size: 32px;
        margin-bottom: 55px
    }

    .new_instructions_box_back[data-v-53cdf335] {
        top: -448px;
        max-width: none
    }

    .new_instructions_content_item_order[data-v-53cdf335] {
        margin: 20px auto 0
    }

    .new_instructions_content_item_text[data-v-53cdf335] {
        text-align: center
    }

    .swiper-pagination[data-v-53cdf335] .swiper-pagination-bullet {
        background-color: #a4a1ff !important
    }

    .swiperPaginations_idr_1[data-v-53cdf335] {
        left: 0 !important
    }

    .new_diversity[data-v-53cdf335] {
        width: 100%;
        margin-bottom: 130px
    }

    .new_diversity_content[data-v-53cdf335] {
        flex-direction: column
    }

    .new_diversity_content_item[data-v-53cdf335] {
        width: 92%;
        margin: 0 auto 40px
    }

    .new_diversity_content_item_top_img[data-v-53cdf335] {
        width: 100%
    }

    .new_solution[data-v-53cdf335] {
        height: 530px
    }

    .new_solution_box[data-v-53cdf335] {
        width: 95%
    }

    .new_solution_box_tab_content[data-v-53cdf335] {
        font-size: 12px;
        line-height: 220.4%;
        width: 100%;
        margin: 40px auto 0
    }

    .new_solution_box_tab_mobile[data-v-53cdf335] {
        display: inline-block;
        text-align: center;
        width: 100%
    }

    .new_solution_box_tab_text[data-v-53cdf335] {
        color: #fff;
        line-height: 26.45px;
        font-size: 12px;
        margin-top: 36px;
        font-family: Montserrat_Light !important;
        font-weight: lighter
    }

    .new_solution_box_tab_img[data-v-53cdf335] {
        padding-bottom: 19px;
        border-bottom: 4.01592px solid #7980ff
    }

    .new_solution_box_tab_img_0[data-v-53cdf335] {
        width: 89px;
        height: 18px
    }

    .new_solution_box_tab_img_1[data-v-53cdf335] {
        width: 98.03px;
        height: 13.95px
    }

    .new_solution_box_tab_img_2[data-v-53cdf335] {
        width: 69px;
        height: 16px
    }

    .new_solution_box_tab_img_3[data-v-53cdf335] {
        width: 110.35px;
        height: 24.54px
    }

    .new_solution_box_tab_img_4[data-v-53cdf335] {
        width: 82.43px;
        height: 22px
    }

    .show_img[data-v-53cdf335] {
        box-sizing: content-box;
        padding-bottom: 15.07px;
        border-bottom: 2.79145px solid #7980ff
    }

    .new_solution_box_title[data-v-53cdf335] {
        padding-top: 75px;
        margin-bottom: 36px
    }

    .new_home_bottom[data-v-53cdf335] {
        margin-bottom: 140px;
        padding-top: 100px
    }

    .new_home_bottom_conetnt_box_interior[data-v-53cdf335] {
        display: flex;
        justify-content: center
    }

    .new_home_bottom_conetnt_box_interior_text[data-v-53cdf335] {
        display: flex;
        flex-direction: column;
        margin-left: 36px
    }

    .new_introduce[data-v-53cdf335] {
        flex-direction: column;
        width: 95%
    }

    .new_introduce_left[data-v-53cdf335] {
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .new_introduce_right[data-v-53cdf335] {
        margin-left: -20px
    }

    .new_introduce_left_button_download[data-v-53cdf335] {
        width: 173.98px;
        height: 50.03px;
        line-height: 50.03px
    }

    .new_introduce_left_button_buy[data-v-53cdf335] {
        width: 136.64px;
        height: 50.03px;
        line-height: 50.03px;
        border-radius: 6.33659px
    }

    .new_achievement_background[data-v-53cdf335] {
        height: 520px
    }

    .new_content_box_back_3[data-v-53cdf335] {
        top: 636px
    }

    .new_content_box_bakc_2[data-v-53cdf335] {
        bottom: 1378px;
        left: -200px;
        top: unset
    }

    .new_content_box_back_1[data-v-53cdf335] {
        bottom: 663px;
        right: -150px
    }

    .new_instructions_content_item_img[data-v-53cdf335] {
        display: flex
    }

    .new_achievement_background_img[data-v-53cdf335] {
        top: -76px;
        left: 20%
    }

    .new_banner_product_name[data-v-53cdf335] {
        font-size: 18px
    }

    .new_banner_product_characteristic[data-v-53cdf335] {
        font-size: 32px
    }

    .new_banner_product_introduce[data-v-53cdf335] {
        font-size: 12px
    }

    .new_instructions_swiper_item[data-v-53cdf335] {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .swiperPaginations_achievement[data-v-53cdf335] {
        left: 50%;
        transform: translateX(-50%);
        bottom: auto
    }

    .new_home_bottom .swiper-pagination[data-v-53cdf335] .swiper-pagination-bullet {
        margin-right: 10px
    }

    .new_introduce_right img[data-v-53cdf335] {
        height: auto
    }

    .new_introduce_box[data-v-53cdf335] {
        padding-top: 0;
        padding-bottom: 44.92px;
        margin-bottom: 0
    }

    .new_introduce_left_title[data-v-53cdf335] {
        font-size: 24px
    }

    .new_introduce_left_subheading[data-v-53cdf335] {
        font-size: 16px;
        text-align: center
    }

    .new_introduce_left_text[data-v-53cdf335] {
        font-size: 12px;
        text-align: center
    }

    .nbsp[data-v-53cdf335] {
        width: 100%;
        height: 50px;
        background: #fff
    }
}

[data-v-0c541052] {
    font-family: Montserrat_Regular
}

.new_IDR[data-v-0c541052] {
    overflow: hidden
}

.new_banner[data-v-0c541052] {
    width: 100%;
    height: 800px;
    background: url("../../pages/new-android-data-recovery/banner_img.webp")
        /*tpa=https://www.fonepaw.com/pages/new-android-data-recovery/banner_img.webp*/
        no-repeat;
    background-size: 100% 100%
}

.new_banner_box[data-v-0c541052] {
    width: 1080px;
    height: 100%;
    margin: 0 auto
}

.new_banner_content[data-v-0c541052] {
    padding-top: 70px;
    display: flex
}

.new_banner_content_left[data-v-0c541052] {
    width: 490px
}

.new_banner_product_name[data-v-0c541052] {
    font-size: 24px;
    line-height: 190.4%;
    color: #000
}

.new_banner_product_characteristic[data-v-0c541052] {
    font-weight: 700;
    font-size: 56px;
    line-height: 125.4%;
    color: #000;
    margin-top: 15px;
    font-family: Montserrat_Bold !important
}

.new_banner_product_introduce[data-v-0c541052] {
    margin-top: 17px
}

.new_banner_product_introduce_item[data-v-0c541052] {
    font-size: 16px;
    line-height: 230.19%;
    color: #000;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_banner_product_introduce_item[data-v-0c541052]:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    margin-right: 5px;
    background-color: #7980ff
}

.new_banner_product_grade[data-v-0c541052] {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.new_banner_product_grade .grade_text_1[data-v-0c541052] {
    margin-left: 15px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-family: Montserrat_Light !important;
    font-weight: 300;
    margin-top: 3px
}

.new_banner_product_grade .grade_text_2[data-v-0c541052] {
    height: 18px;
    width: 2px;
    background-color: #eaeaea;
    display: inline-block;
    margin-left: 15px;
    margin-top: 2px
}

.new_banner_product_grade .grade_text_3[data-v-0c541052] {
    margin-left: 15px;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-family: Montserrat_Light !important;
    font-weight: 300;
    margin-top: 5px
}

.new_banner_content_right[data-v-0c541052] {
    width: 590px;
    height: 490px;
    margin-top: 64px
}

.new_banner_product_button[data-v-0c541052] {
    margin-top: 25px
}

.new_content[data-v-0c541052] {
    position: relative
}

.new_content_box[data-v-0c541052] {
    width: 1080px;
    margin: 0 auto
}

.new_content_box_back_1[data-v-0c541052] {
    position: absolute;
    right: -95px;
    bottom: 277px;
    z-index: -1
}

.new_content_box_bakc_2[data-v-0c541052] {
    position: absolute;
    left: 0;
    top: 1726px
}

.new_content_box_back_3[data-v-0c541052] {
    position: absolute;
    right: -95px;
    top: 430px;
    z-index: -1
}

.third_party[data-v-0c541052] {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 140px
}

.third_party .third_party_pc_img[data-v-0c541052]:nth-child(2),
.third_party .third_party_pc_img[data-v-0c541052]:nth-child(3),
.third_party .third_party_pc_img[data-v-0c541052]:nth-child(4),
.third_party .third_party_pc_img[data-v-0c541052]:nth-child(5) {
    margin-left: 67px
}

.new_usage_scenario[data-v-0c541052] {
    width: 876px;
    margin: 0 auto 171px
}

.new_usage_scenario_title[data-v-0c541052] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    text-align: center;
    color: #000
}

.new_usage_scenario_subheading[data-v-0c541052] {
    font-size: 16px;
    line-height: 173.9%;
    text-align: center;
    color: #6c6c6c;
    margin-top: 20px;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_usage_scenario_list[data-v-0c541052] {
    display: flex;
    flex-wrap: wrap
}

.new_usage_scenario_list_item[data-v-0c541052] {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 73px
}

.new_usage_scenario_list_item_img[data-v-0c541052] {
    width: 138px;
    height: 138px
}

.new_usage_scenario_list_item_text[data-v-0c541052] {
    margin-top: 16px;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #000;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_method_of_application[data-v-0c541052] {
    position: relative;
    z-index: 2
}

.new_method_of_application_title[data-v-0c541052] {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000
}

.new_method_of_application_content[data-v-0c541052] {
    display: flex;
    justify-content: space-between;
    margin-top: 93px;
    margin-bottom: 220px;
    align-items: center
}

.new_method_of_application_content_left[data-v-0c541052] {
    width: 46%
}

.new_method_of_application_content_left_box[data-v-0c541052] {
    display: flex;
    flex-direction: column
}

.new_method_of_application_content_left_box .content_left_title[data-v-0c541052] {
    font-weight: 600;
    font-size: 24px;
    line-height: 143.4%;
    color: #000
}

.new_method_of_application_content_left_box .content_left_particulars[data-v-0c541052] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959;
    margin-bottom: 27px;
    font-weight: lighter;
    margin-top: 9px;
    font-family: Montserrat_Light !important
}

.new_method_of_application_content_right[data-v-0c541052] {
    width: 548px;
    height: 391px
}

.new_method_of_application_content .new_method_of_application_content_right .new_method_of_application_content_right_img[data-v-0c541052] {
    width: 548px;
    height: 342px;
    max-width: none
}

.new_characteristic[data-v-0c541052] {
    display: flex;
    margin-bottom: 150px;
    position: relative;
    z-index: 2
}

.new_characteristic_left[data-v-0c541052] {
    width: 550px;
    height: 376px;
    position: relative;
    left: -106px;
    top: -20px
}

.new_characteristic_right[data-v-0c541052] {
    width: 71%
}

.new_characteristic_left .new_characteristic_left_img[data-v-0c541052] {
    width: 100%;
    max-width: none
}

.new_characteristic_right_title[data-v-0c541052] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000
}

.new_characteristic_right_list[data-v-0c541052] {
    display: flex;
    margin-top: 44px
}

.new_characteristic_right_list_item[data-v-0c541052] {
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    margin-right: 64px
}

.new_characteristic_right_item[data-v-0c541052] {
    margin-top: 18px;
    font-family: Montserrat_Light !important;
    font-weight: 300;
    display: flex;
    align-items: center
}

.list_item_img[data-v-0c541052] {
    width: 17px;
    height: 17px;
    margin-right: 8px
}

.new_characteristic_right_list_item .list_item_text[data-v-0c541052] {
    font-size: 16px;
    line-height: 140%;
    color: #595959;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.new_rate[data-v-0c541052] {
    display: flex;
    margin-bottom: 200px;
    align-items: center;
}

.new_rate_left[data-v-0c541052] {
    width: 476px;
    margin-right: 118px
}

.new_rate_left .new_rate_left_title[data-v-0c541052] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000
}

.new_rate_left .new_rate_left_text[data-v-0c541052] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959;
    margin-top: 27px;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.compatible_update[data-v-0c541052] {
    display: flex;
    margin-bottom: 220px
}

.compatible_update .compatible_update_left img[data-v-0c541052] {
    width: 433px;
    height: 600px
}

.compatible_update_right[data-v-0c541052] {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
    width: 555px
}

.compatible_update_right_title[data-v-0c541052] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000;
    margin-bottom: 18px
}

.compatible_update_right_text[data-v-0c541052] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959;
    margin-bottom: 16px;
    font-family: Montserrat_Light !important;
    font-weight: 300
}

.compatible_update_devices[data-v-0c541052] {
    width: 545.67px;
    height: 351.23px;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    border-radius: 9px;
    padding: 15px 18px
}

.compatible_update_devices_title[data-v-0c541052] {
    padding-bottom: 13px;
    border-bottom: 1px solid #e3e3e3
}

.compatible_update_devices_title_1[data-v-0c541052] {
    font-size: 16px;
    line-height: 197.9%;
    color: #595959
}

.compatible_update_devices_title_2[data-v-0c541052] {
    font-size: 10px;
    line-height: 197.9%;
    color: #595959;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.compatible_update_devices_iphone[data-v-0c541052] {
    padding: 18px 0
}

.compatible_update_devices_ipad[data-v-0c541052],
.compatible_update_devices_iphone[data-v-0c541052] {
    font-size: 14px;
    line-height: 197.9%;
    color: #595959;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.compatible_update_devices_ipad[data-v-0c541052] {
    padding: 12px 0
}

.compatible_update_devices_ipod[data-v-0c541052] {
    font-size: 14px;
    line-height: 197.9%;
    color: #595959;
    padding-top: 15px;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.new_instructions_top[data-v-0c541052] {
    position: relative
}

.new_instructions[data-v-0c541052] {
    position: relative;
    width: 100%;
    height: 643.41px;
    background: rgba(244, 244, 255, .81);
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    z-index: 2
}

.new_instructions_box[data-v-0c541052] {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.new_instructions_content[data-v-0c541052] {
    display: flex;
    justify-content: space-between;
    position: relative
}

.new_instructions_title[data-v-0c541052] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    text-align: center;
    color: #000;
    padding-top: 75px;
    margin-bottom: 77px
}

.new_instructions_content_item[data-v-0c541052] {
    width: 360px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.new_instructions_content_item_img[data-v-0c541052] {
    width: 327px;
    border-radius: 6.49555px;
    height: 219px;
    box-shadow: 0 9px 19px #dedeff
}

.new_instructions_content_item_order[data-v-0c541052] {
    width: 94.23px;
    height: 37.29px;
    background: #a8bafc;
    border-radius: 7px;
    text-align: center;
    line-height: 37.29px;
    margin-top: 29px;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    font-family: Montserrat_Light !important
}

.new_instructions_content_item_text[data-v-0c541052] {
    font-weight: 600;
    font-size: 18px;
    line-height: 147.5%;
    color: #000;
    margin-top: 19px;
    text-align: center;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_instructions_content_transverse_1[data-v-0c541052],
.new_instructions_content_transverse_2[data-v-0c541052] {
    position: absolute
}

.new_instructions_content_transverse_1[data-v-0c541052] {
    left: 254px;
    bottom: 89px
}

.new_instructions_content_transverse_2[data-v-0c541052] {
    left: 615px;
    bottom: 89px
}

.new_instructions_box_back[data-v-0c541052] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -460px
}

.new_solution[data-v-0c541052] {
    width: 100%;
    height: 500px;
    background-color: #2a2238
}

.new_solution_box[data-v-0c541052] {
    width: 1080px;
    margin: 0 auto
}

.new_solution_box_title[data-v-0c541052] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    text-align: center;
    color: #fff;
    padding-top: 95px;
    margin-bottom: 61px
}

.new_solution_box_tab_box[data-v-0c541052] {
    display: flex;
    align-items: center
}

.new_solution_box_tab[data-v-0c541052] {
    display: inline-block;
    height: 70px;
    text-align: center;
    width: 225px;
    position: relative
}

.new_solution_box_tab_content[data-v-0c541052] {
    text-align: center;
    font-size: 16px;
    line-height: 221.9%;
    color: #fff;
    width: 919px;
    margin: 50px auto 0;
    font-weight: lighter;
    font-family: Montserrat_Light !important
}

.new_solution_box_tab_line[data-v-0c541052] {
    position: absolute;
    height: 4px;
    width: 88%;
    background-color: #7980ff;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4px
}

.new_solution_box_tab:nth-child(5) .new_solution_box_tab_img[data-v-0c541052] {
    height: 40px
}

.new_achievement[data-v-0c541052] {
    position: relative;
    overflow: hidden
}

.new_home_bottom[data-v-0c541052] {
    position: relative;
    padding-top: 182px
}

.new_home_bottom_title[data-v-0c541052] {
    font-weight: 600;
    font-size: 40px;
    line-height: 143.4%;
    color: #000;
    margin: 0 auto;
    width: 700px;
    text-align: center
}

.new_home_bottom_conetnt[data-v-0c541052] {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin-top: 68px
}

.new_home_bottom_conetnt_box[data-v-0c541052] {
    width: 194.14px;
    height: 217.04px;
    margin-right: 27px
}

.new_home_bottom_conetnt_box_move[data-v-0c541052] {
    width: 194.14px;
    height: 217.04px;
    background: #fff;
    box-shadow: 0 9px 19px hsla(0, 0%, 71%, .25);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 46px;
    box-sizing: border-box
}

.new_home_bottom_conetnt_boxhover[data-v-0c541052] {
    transform: translateY(-20px);
    transition: all .5s
}

.new_home_bottom_conetnt_box_num[data-v-0c541052] {
    font-weight: 600;
    font-size: 20px;
    line-height: 166.9%;
    color: #000;
    margin-top: 12px
}

.new_home_bottom_conetnt_box_text[data-v-0c541052] {
    font-size: 14px;
    color: #595959;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.new_introduce[data-v-0c541052] {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    position: relative;
    z-index: 3;
    justify-content: space-between
}

.new_introduce_left[data-v-0c541052] {
    display: flex;
    flex-direction: column;
    width: 600px
}

.new_introduce_box[data-v-0c541052] {
    position: relative;
    padding-bottom: 100px;
    margin-bottom: 126px;
    overflow: hidden;
    padding-top: 160px
}

.new_introduce_left_title[data-v-0c541052] {
    font-weight: 600;
    font-size: 30px;
    line-height: 127.9%;
    color: #000
}

.new_introduce_left_subheading[data-v-0c541052] {
    font-size: 20px;
    line-height: 158.9%;
    color: #655bef;
    margin-top: 26px
}

.new_introduce_left_text[data-v-0c541052] {
    font-size: 16px;
    line-height: 212.4%;
    margin-top: 7px;
    font-weight: 300;
    font-family: Montserrat_Light !important
}

.new_introduce_left_button[data-v-0c541052] {
    display: flex;
    margin-top: 37px
}

.new_introduce_left_button_a_buy:hover .new_introduce_left_button_buy[data-v-0c541052],
.new_introduce_left_button_a_download:hover .new_introduce_left_button_download[data-v-0c541052] {
    transform: translateY(-10px);
    transition: all .5s
}

.new_introduce_left_button_download[data-v-0c541052] {
    width: 235px;
    height: 63.17px;
    background: #655bef;
    border-radius: 8px;
    text-align: center;
    line-height: 63.17px;
    color: #fff;
    font-weight: 500;
    font-size: 19.1828px;
    cursor: pointer
}

.new_introduce_left_button_buy[data-v-0c541052] {
    width: 172.51px;
    height: 63.17px;
    border: 2px solid #655bef;
    border-radius: 8px;
    font-size: 19.1828px;
    line-height: 63.17px;
    text-align: center;
    color: #655bef;
    margin-left: 28px;
    cursor: pointer
}

.new_introduce_right[data-v-0c541052] {
    position: relative
}

.new_introduce_right_background[data-v-0c541052] {
    position: absolute;
    width: 500px;
    height: 491px;
    left: 251px;
    top: -79px
}

.new_introduce_right img[data-v-0c541052] {
    height: 341px
}

.new_achievement_background[data-v-0c541052] {
    position: absolute;
    bottom: -35px;
    width: 100%;
    z-index: 2
}

.new_achievement_background img[data-v-0c541052] {
    width: 100%
}

.new_achievement_background_img[data-v-0c541052] {
    position: absolute;
    top: -57px;
    left: 45%;
    z-index: -1;
    opacity: .7
}

.new_idr_mobile_style[data-v-0c541052] {
    display: none
}

.new_solution_box_tab_svg1[data-v-0c541052] {
    width: 85%
}

.new_home_bottom_conetnt_box_img[data-v-0c541052] {
    width: 62px;
    height: 62px
}

.new_banner_product_grade img[data-v-0c541052] {
    width: 23px;
    height: 22px;
    margin-right: 2px
}

@media (max-width: 770px) {
    .new_idr_pc_style[data-v-0c541052] {
        display: none
    }

    .new_idr_mobile_style[data-v-0c541052] {
        display: block
    }

    .new_home_bottom_title[data-v-0c541052] {
        width: auto;
        position: relative;
        z-index: 2
    }

    .new_home_bottom_conetnt[data-v-0c541052] {
        margin-bottom: 94px
    }

    .new_home_bottom_conetnt_box[data-v-0c541052] {
        width: 194.14px;
        height: 217.04px;
        margin-right: 0;
        padding-top: 30px;
        background: #fff;
        border-radius: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .new_banner_box[data-v-0c541052] {
        width: 100%
    }

    .new_banner[data-v-0c541052] {
        height: auto;
        background: url("../../pages/new-android-data-recovery/banner_img_mobile.png")
            /*tpa=https://www.fonepaw.com/pages/new-android-data-recovery/banner_img_mobile.png*/
            no-repeat;
        background-size: 100% 100%
    }

    .new_banner_content[data-v-0c541052] {
        flex-direction: column;
        padding-top: 47px;
        padding-inline: 15px
    }

    .new_banner_content_right[data-v-0c541052] {
        width: 100%;
        height: 250px;
        margin-left: 0;
        margin-top: 35px;
        position: relative
    }

    .new_banner_content_left[data-v-0c541052] {
        width: 100%
    }

    .new_banner_product_grade .grade_text_1[data-v-0c541052],
    .new_banner_product_grade .grade_text_3[data-v-0c541052],
    .new_banner_product_introduce_item[data-v-0c541052] {
        font-size: 10px
    }

    .new_content_box[data-v-0c541052] {
        width: 100%
    }

    .third_party[data-v-0c541052] {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-bottom: 100px
    }

    .third_party_pc_img[data-v-0c541052] {
        margin-left: 0 !important
    }

    .third_party .third_party_pc_img[data-v-0c541052]:first-child {
        width: 55.85px;
        height: 12.4px
    }

    .third_party .third_party_pc_img[data-v-0c541052]:nth-child(2) {
        width: 41.72px;
        height: 11px
    }

    .third_party .third_party_pc_img[data-v-0c541052]:nth-child(3) {
        width: 53px;
        height: 7.3px
    }

    .third_party .third_party_pc_img[data-v-0c541052]:nth-child(4) {
        width: 52px;
        height: 10px
    }

    .third_party .third_party_pc_img[data-v-0c541052]:nth-child(5) {
        width: 54px;
        height: 7.7px
    }

    .new_usage_scenario[data-v-0c541052] {
        width: 93%;
        margin: 0 auto 123px
    }

    .new_usage_scenario_title[data-v-0c541052] {
        font-size: 32px
    }

    .new_usage_scenario_list_item_img[data-v-0c541052] {
        width: 86.86px;
        height: 86.86px
    }

    .new_usage_scenario_list_item_moblie[data-v-0c541052] {
        width: 100%;
        height: 262px;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        margin-top: 43px
    }

    .new_usage_scenario_list_item_moblie_box[data-v-0c541052] {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .new_usage_scenario_list_item_text_mobile[data-v-0c541052] {
        margin-top: 10px
    }

    .new_usage_scenario_slie[data-v-0c541052] {
        display: flex;
        flex-wrap: wrap
    }

    .new_usage_scenario_list_item[data-v-0c541052] {
        margin-right: 68px
    }

    .new_usage_scenario_list_item_mobile[data-v-0c541052] {
        display: flex;
        flex-direction: column;
        margin-right: 68px
    }

    .new_usage_scenario_list_item_text_mobile[data-v-0c541052] {
        font-size: 8.81205px;
        line-height: 140%;
        text-align: center;
        color: #000
    }

    .idr-scroll-pagination[data-v-0c541052] {
        bottom: -32.56px;
        left: 50%;
        transform: translateX(-50%);
        width: 127px;
        height: 8.47px;
        border-radius: 5.32716px
    }

    .swiper-pagination-progressbar[data-v-0c541052] .swiper-pagination-progressbar-fill {
        border-radius: 5.32716px;
        background: #a4a1ff
    }

    .new_method_of_application_content[data-v-0c541052] {
        padding: 0 15px;
        flex-direction: column;
        margin-top: 16px;
        margin-bottom: 100px
    }

    .new_method_of_application_content_left_box .content_left_title[data-v-0c541052] {
        font-size: 20px
    }

    .new_banner_product_characteristic[data-v-5e8507f2] {
        font-size: 34.375px;
        line-height: 143.9%
    }

    .new_banner_product_name[data-v-5e8507f2] {
        font-size: 18px;
        line-height: 190.4%
    }

    .new_banner_product_introduce_item[data-v-5e8507f2] {
        font-size: 12px;
        line-height: 230.19%
    }

    .new_banner_content_right[data-v-5e8507f2] {
        height: auto;
        position: unset
    }

    .swiperPaginations_sr_1[data-v-5e8507f2],
    .swiperPaginations_sr_2[data-v-5e8507f2] {
        left: 0 !important
    }

    .new_characteristic_right_box[data-v-5e8507f2] {
        position: unset
    }

    .nbsp[data-v-5e8507f2] {
        height: 50px
    }

    .new_achievement[data-v-5e8507f2] {
        margin-bottom: 0
    }

    .new_banner_product_grade .grade_text_1[data-v-5e8507f2],
    .new_banner_product_grade .grade_text_3[data-v-5e8507f2] {
        font-size: 10px
    }

    .new_banner_content_left[data-v-5e8507f2] {
        padding-left: 15px
    }

    .new_record_screen_right_title[data-v-5e8507f2] {
        font-size: 32px
    }

    .new_record_screen_right_subheading[data-v-5e8507f2] {
        padding: 0;
        font-size: 14px;
        height: 100%
    }

    .new_record_screen_right_list[data-v-5e8507f2] {
        margin-top: 30px
    }

    .new_characteristic_right_title[data-v-5e8507f2] {
        width: 90%;
        font-size: 32px
    }

    .main_features_content[data-v-5e8507f2] {
        padding-top: 50px
    }

    .item_text[data-v-5e8507f2] {
        width: 90%;
        margin: 0 auto
    }

    .swiperPaginations_sr_1[data-v-5e8507f2] .swiper-pagination-bullet {
        background-color: #fff
    }

    .naw_comparison_table[data-v-5e8507f2] {
        height: auto
    }

    .new_instructions_top[data-v-5e8507f2] {
        background-color: #fff
    }

    .new_introduce_box[data-v-5e8507f2] {
        padding-bottom: 45px
    }

    .new_home_bottom_title[data-v-5e8507f2],
    .new_solution_box_title[data-v-5e8507f2] {
        font-size: 32px
    }

    .naw_comparison_table_list[data-v-5e8507f2] {
        height: 376.56px
    }

    .naw_comparison_table_list_item[data-v-5e8507f2] {
        width: unset;
        flex: 1
    }

    .naw_comparison_table_list_item[data-v-5e8507f2]:first-child {
        flex: 0 0 50%;
        padding-left: 8.47px
    }

    .naw_comparison_table_header_item[data-v-5e8507f2] {
        flex: 1;
        text-align: center;
        width: unset
    }

    .naw_comparison_table_header_item[data-v-5e8507f2]:first-child {
        flex: 0 0 50%;
        text-align: right;
        padding-right: 28px;
        margin-left: 0
    }

    .naw_comparison_table_header_item[data-v-5e8507f2]:nth-child(2),
    .naw_comparison_table_header_item[data-v-5e8507f2]:nth-child(3) {
        margin-left: 0
    }

    .new_solution_box_title[data-v-5e8507f2] {
        margin-bottom: 36px
    }

    .new_home_bottom_conetnt_box_interior[data-v-5e8507f2] {
        display: flex;
        justify-content: center
    }

    .new_home_bottom_conetnt_box_interior_text[data-v-5e8507f2] {
        display: flex;
        flex-direction: column;
        margin-left: 36px
    }

    .new_characteristic_right_list[data-v-5e8507f2] {
        margin-top: 18px
    }
}


/* new video css */
.video_embed_gourl {
    display: inline-block;
    /* width: 108px; */
    height: 39px;
    border: 2px solid #655bef;
    text-align: center;
    line-height: 39px;
    font-weight: 700;
    font-size: 20px;
    color: #655bef;
    font-family: Montserrat_Bold;
    cursor: pointer;
}