article {
    display: block;
}

aside {
    display: block;
}

details {
    display: block;
}

figcaption {
    display: block;
}

figure {
    display: block;
}

footer {
    display: block;
}

header {
    display: block;
}

hgroup {
    display: block;
}

nav {
    display: block;
}

section {
    display: block;
}

summary {
    display: block;
}

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

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0px;
}

a {
    background: none;
}

    a:focus {
        outline: dotted thin;
    }

    a:active {
        outline: 0px;
    }

    a:hover {
        outline: 0px;
    }

h1 {
    margin: 0px;
}

h2 {
    margin: 0px;
}

h3 {
    margin: 0px;
}

h4 {
    margin: 0px;
}

h5 {
    margin: 0px;
}

h6 {
    margin: 0px;
}

p {
    margin: 0px;
}

::selection {
    background: #0099d2;
    color: rgb(255, 255, 255);
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ol {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

dl {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

dd {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

img {
    border: 0px currentColor;
    border-image: none;
    height: auto;
    vertical-align: middle;
    max-width: 100%;
}

iframe {
    max-width: 100%;
}

figure {
    margin: 0px;
}

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

html {
    font-size: 100%;
    -ms-overflow-x: hidden;
}

body {
    background: rgb(255, 255, 255);
    color: rgb(57, 57, 57);
    line-height: normal;
    font-family: "Myriad Pro", Arial, "FZLanTingHei-R-GBK", 方正兰亭黑, "Microsoft YaHei", 微软雅黑, STHeiti, 华文黑体, SimSun, 宋体, sans-serif;
    font-size: 100%;
    -ms-overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

    a:focus {
    }

p a {
    color: rgb(31, 134, 87);
}

.js-sensor {
    margin-left: 0px;
    display: none;
}

@media only screen and (min-width:61.87em) {
    .js-sensor {
        margin-left: 1px;
    }
}

form {
    margin: 0px;
}

fieldset {
    margin: 0px;
    padding: 0px;
    border: currentColor;
    border-image: none;
}

button {
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

input {
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

textarea {
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

button[disabled] {
    cursor: default;
}

input[disabled] {
    cursor: default;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

button {
    font-family: inherit;
    font-size: 100%;
}

input {
    font-family: inherit;
    font-size: 100%;
}

select {
    font-family: inherit;
    font-size: 100%;
}

textarea {
    font-family: inherit;
    font-size: 100%;
}

input[type='checkbox'] {
    width: auto;
}

input[type='radio'] {
    width: auto;
}

button {
    background: none;
    border: currentColor;
    border-image: none;
}

:-ms-input-placeholder {
    color: rgb(177, 177, 177);
    opacity: 1;
}

.radio-description {
    margin-bottom: 1.1em;
}

input[type='text'] {
    background: rgb(255, 255, 255);
    padding: 23px;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

input[type='password'] {
    background: rgb(255, 255, 255);
    padding: 23px;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

input[type='text']:focus {
    border: 1px solid #0099d2;
    border-image: none;
}

input[type='text']:hover {
    border: 1px solid #0099d2;
    border-image: none;
}

input[type='password']:focus {
    border: 1px solid#0099d2;
    border-image: none;
}

input[type='password']:hover {
    border: 1px solid #0099d2;
    border-image: none;
}

label {
    margin-bottom: 20px;
    display: block;
}

.field {
    margin: 20px 0px;
}

    .field::after {
        clear: both;
        display: table;
        content: "";
    }

    .field .instructions {
        margin: 20px 0px 0px;
        color: rgb(204, 204, 204);
        font-size: 0.87rem;
    }

    .field + .instructions {
        margin: 0px;
    }

.brick-shadow > :first-child.field {
    margin-top: 0px;
}

.brick > :first-child.field {
    margin-top: 0px;
}

.brick-m > :first-child.field {
    margin-top: 0px;
}

.brick-s > :first-child.field {
    margin-top: 0px;
}

.basic-input {
    position: relative;
}

    .basic-input .icon {
        top: 50%;
        right: 20px;
        position: absolute;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .basic-input .navigation-filters .filter-name::after {
        top: 50%;
        right: 20px;
        position: absolute;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

.navigation-filters .basic-input .filter-name::after {
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

form .subtitle {
    color: rgb(31, 134, 87);
    padding-top: 10px;
    font-weight: 500;
    display: block;
}

textarea {
    padding: 20px;
    border-radius: 3px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    resize: none;
}

    textarea:focus {
        border: 1px solid#0099d2;
        border-image: none;
    }

    textarea:hover {
        border: 1px solid #0099d2;
        border-image: none;
    }

.check-item {
    margin-bottom: 20px;
    position: relative;
}

    .check-item label {
        margin-bottom: 0px;
        vertical-align: top;
        display: inline-block;
    }

    .check-item input[type='checkbox'] {
        visibility: hidden;
    }

    .check-item .checkbox {
        margin: 0px 25px 0px 13px;
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        width: 32px;
        height: 32px;
        vertical-align: top;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }

        .check-item .checkbox:focus {
            outline: 0px;
        }

        .check-item .checkbox::before {
            background: url("../image/sprite-icons.png") -592px -93px;
            left: 7px;
            top: 7px;
            width: 20px;
            height: 20px;
            position: absolute;
            content: "";
        }

    .check-item .checked_checkbox {
        border: 1px solid#0099d2;
        border-image: none;
    }

        .check-item .checked_checkbox::before {
            background: url("../image/sprite-icons.png") -592px -118px;
        }

        .check-item .checked_checkbox + label {
            color: rgb(0, 0, 0);
        }

select {
    left: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    opacity: 0;
}

.select_label {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 100%;
    line-height: 1.5em;
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.responsive_select {
    width: 100%;
}

.icon-input {
    position: relative;
    background-color: rgb(255, 255, 255);
}

.csstransforms .icon-input .icon-wrapper {
    left: 20px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.icon-input .icon-wrapper {
    left: 20px;
    top: 20px;
    line-height: 0px;
    padding-right: 10px;
    border-right-color: rgb(204, 204, 204);
    border-right-width: 1px;
    border-right-style: solid;
    position: absolute;
}

    .icon-input .icon-wrapper .icon {
        opacity: 0.4;
    }

    .icon-input .icon-wrapper .navigation-filters .filter-name::after {
        opacity: 0.4;
    }

.navigation-filters .icon-input .icon-wrapper .filter-name::after {
    opacity: 0.4;
}

.icon-input input {
    background: none;
    width: 100%;
    padding-left: 70px;
}

    .icon-input input:focus + .icon-wrapper .icon {
        opacity: 1;
    }

    .icon-input input:focus + .icon-wrapper .navigation-filters .filter-name::after {
        opacity: 1;
    }

.navigation-filters .icon-input input:focus + .icon-wrapper .filter-name::after {
    opacity: 1;
}

.icon-input input:hover + .icon-wrapper .icon {
    opacity: 1;
}

.icon-input input:hover + .icon-wrapper .navigation-filters .filter-name::after {
    opacity: 1;
}

.navigation-filters .icon-input input:hover + .icon-wrapper .filter-name::after {
    opacity: 1;
}

.icon-input .select_label {
    padding-left: 60px;
}

.radio-item {
    position: relative;
}

    .radio-item img {
        pointer-events: none;
    }

    .radio-item label {
        border-radius: 10px;
        border: 1px solid rgb(228, 228, 228);
        border-image: none;
        color: rgb(151, 151, 151);
        padding-left: 50px;
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: 0px;
        display: block;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

        .radio-item label .main {
            padding: 15px 15px 15px 0px;
            display: inline-block;
        }

        .radio-item label .light {
            color: rgb(0, 0, 0);
            font-size: 0.81rem;
            font-weight: 500;
        }

        .radio-item label .aside {
            background: rgb(237, 237, 237);
            padding: 14px 30px;
            border-radius: 0px 10px 10px 0px;
            float: right;
            display: inline-block;
        }

    .radio-item input[type='radio'] {
        visibility: hidden;
    }

    .radio-item .radio {
        background: url("../image/sprite-icons.png") -580px -150px;
        left: 10px;
        top: 11px;
        width: 30px;
        height: 30px;
        position: absolute;
        cursor: pointer;
    }

    .radio-item .checked_radio {
        background: url("../image/sprite-icons.png") -580px -198px;
    }

        .radio-item .checked_radio + label {
            background: rgb(255, 255, 255);
            border: 2px solid#0099d2;
            border-image: none;
            color: rgb(0, 0, 0);
        }

            .radio-item .checked_radio + label .light {
                color: rgb(57, 57, 57);
            }

    .radio-item.single label {
        border: currentColor;
        border-image: none;
        padding-left: 70px;
    }

    .radio-item.single .checked_radio + label {
        border: currentColor;
        border-image: none;
    }

    .radio-item.radio-color {
        display: inline-block;
        transform: none;
    }

        .radio-item.radio-color .radio {
            background: url("../image/color-check-mask.png") no-repeat -38px 0px;
            border-radius: 0px;
            border: currentColor;
            border-image: none;
            left: auto;
            top: auto;
            width: 36px;
            height: 36px;
            display: block;
            position: relative;
            transform: none;
            -webkit-transform: none;
        }

        .radio-item.radio-color label {
            background: rgb(0, 0, 0);
            margin: 0px;
            padding: 0px;
            border-radius: 0px;
            border: currentColor;
            border-image: none;
            left: 9px;
            top: 7px;
            width: 20px;
            height: 20px;
            position: absolute;
            pointer-events: none;
        }

            .radio-item.radio-color label .main {
                display: none;
            }

        .radio-item.radio-color .checked_radio {
            background-position: 1px 0px;
        }

    .radio-item.white .radio::before {
        background: rgb(255, 255, 255);
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        left: 4px;
        top: 4px;
    }

    .radio-item.red .radio::before {
        background: rgb(255, 255, 255);
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        left: 4px;
        top: 4px;
    }

    .radio-item.black .radio::before {
        background: rgb(255, 255, 255);
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        left: 4px;
        top: 4px;
    }

    .radio-item.black .icon {
        display: none;
    }

    .radio-item.black .navigation-filters .filter-name::after {
        display: none;
    }

.navigation-filters .radio-item.black .filter-name::after {
    display: none;
}

.radio-item.black .checked_radio + .icon {
    left: 21px;
    top: 20px;
    display: block;
    position: absolute;
}

.radio-item.black .navigation-filters .checked_radio + .filter-name::after {
    left: 21px;
    top: 20px;
    display: block;
    position: absolute;
}

.navigation-filters .radio-item.black .checked_radio + .filter-name::after {
    left: 21px;
    top: 20px;
    display: block;
    position: absolute;
}

.radio-item.black .checked_radio::before {
    background: rgb(0, 0, 0);
    border: currentColor;
    border-image: none;
    left: 5px;
    top: 5px;
}

.radio-item.white .radio::before {
    background: rgb(255, 255, 255);
}

.radio-item.red .checked_radio {
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
}

    .radio-item.red .checked_radio::before {
        background: rgb(236, 117, 117);
        border: currentColor;
        border-image: none;
        left: 5px;
        top: 5px;
    }

.radio-item.dark label {
    background: rgb(247, 247, 247);
}

.radio-item.dark .checked_radio + label {
    background: rgb(255, 255, 255);
}

.radio-item.xl {
    position: relative;
}

    .radio-item.xl label {
        border-radius: 9px;
        padding-left: 60px;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
    }

.csstransforms .radio-item.xl .radio {
    transform: none;
    -webkit-transform: none;
}

.radio-item.xl .radio {
    left: 20px;
    top: 25px;
    display: block;
}

.radio-item.xl .main {
    padding: 25px 15px 15px 0px;
}

.radio-item.xl .title {
    font-weight: 700;
    margin-bottom: 20px;
}

.radio-item.xl .info {
    color: rgb(123, 123, 123);
    font-weight: 300;
}

    .radio-item.xl .info p {
        padding-bottom: 15px;
    }

        .radio-item.xl .info p span {
            margin-left: 30px;
        }

.radio-item.xl .checked_radio + label {
    background: rgb(255, 255, 255);
}

    .radio-item.xl .checked_radio + label .links {
        display: block;
    }

.radio-item.xl .links {
    right: 30px;
    bottom: 8px;
    display: none;
    position: absolute;
}

    .radio-item.xl .links a {
        margin: 0px 10px;
        color: #0099d2;
        font-weight: 500;
    }

.radio-item.pay label {
    padding: 20px 10px 20px 54px;
    border-radius: 9px;
    line-height: 90px;
    min-height: 90px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}

.radio-item.pay .radio {
    left: 12px;
    top: 41px;
}

.csstransforms .radio-item.pay .radio {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.radio-item.pay .checked_radio + label {
    background: rgb(255, 255, 255);
}

@media only screen and (min-width:46.87em) {
    .radio-item.pay label {
        padding: 20px 30px 20px 80px;
    }

    .radio-item.pay .radio {
        left: 35px;
    }
}

.input-button-item input {
    border-width: 1px medium 1px 1px;
    border-style: solid none solid solid;
    border-color: rgb(204, 204, 204) currentColor rgb(204, 204, 204) rgb(204, 204, 204);
    margin: 0px;
    padding: 16px;
    border-radius: 3px 0px 0px 3px;
    border-image: none;
    width: 76%;
    height: 52px;
    float: left;
}

.input-button-item .button {
    border-width: 1px 1px 1px medium;
    border-style: solid solid solid none;
    border-color: rgb(38, 157, 101) rgb(38, 157, 101) rgb(38, 157, 101) currentColor;
    border-image: none;
    width: 24%;
    height: 52px;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
}

    .input-button-item .button span {
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

.input-button-item .message {
    font-size: 1rem;
    margin-top: 20px;
    display: none;
}

    .input-button-item .message .text {
        margin-left: 10px;
    }

    .input-button-item .message .icon {
        float: left;
    }

    .input-button-item .message .navigation-filters .filter-name::after {
        float: left;
    }

.navigation-filters .input-button-item .message .filter-name::after {
    float: left;
}

.input-button-item.success input {
    border: 1px solid#0099d2;
    border-image: none;
    display: block;
}

.input-button-item.success .message {
    color: #0099d2;
    display: block;
}

.input-button-item.error input {
    border: 1px solid rgb(236, 117, 117);
    border-image: none;
}

.input-button-item.error .message {
    color: rgb(236, 117, 117);
    font-size: 1rem;
    display: block;
}

.input-button-item.search input {
    width: 50%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.input-button-item.search .button {
    width: 55px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .input-button-item.search input {
        width: 30%;
    }
}

@media only screen and (min-width:61.87em) {
    .input-button-item.search input {
        width: 20%;
    }
}

.input-big-radio {
    background: rgb(247, 247, 247);
    border-radius: 8px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
    position: relative;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

    .input-big-radio label {
        margin: 0px;
        text-align: center;
        color: rgb(123, 123, 123);
        overflow: hidden;
        font-size: 0.87rem;
        display: block;
    }

        .input-big-radio label span {
            padding: 29px 6px;
            text-align: center;
            display: block;
        }

        .input-big-radio label .main {
            width: 60%;
            float: left;
            max-width: 200px;
        }

        .input-big-radio label .aside {
            background: rgb(237, 237, 237);
            padding: 29px;
            width: 39%;
            border-left-color: rgb(204, 204, 204);
            border-left-width: 1px;
            border-left-style: solid;
            float: right;
            max-width: 170px;
        }

    .input-big-radio .radio {
        left: 0px;
        top: 0px;
        width: 100%;
        bottom: 0px;
        position: absolute;
        cursor: pointer;
    }

    .input-big-radio input[type='radio'] {
        visibility: hidden;
    }

    .input-big-radio .checked_radio {
        border-radius: 8px;
        border: 2px solid#0099d2;
        border-image: none;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
    }

        .input-big-radio .checked_radio + label {
            background: rgb(255, 255, 255);
            color: rgb(0, 0, 0);
        }

            .input-big-radio .checked_radio + label .aside {
                background: rgb(253, 253, 253);
            }

input[type='text'].error {
    border-color: rgb(236, 117, 117);
}

textarea .error {
    border-color: rgb(236, 117, 117);
}

label.error {
    padding: 10px;
    color: rgb(236, 117, 117);
    font-size: 1rem;
    font-weight: bold;
}

.wrapper {
    margin: 0px auto;
    padding: 0px 0.75rem;
    max-width: 1200px;
}

    .wrapper::after {
        clear: both;
        display: table;
        content: "";
    }

.col-left {
    float: left;
}

.g {
    letter-spacing: -0.35em;
}

    .g > * {
        letter-spacing: normal;
    }

.gi {
    letter-spacing: normal;
}

@media only screen and (min-width:46.87em) {
    .gi {
        vertical-align: top;
        display: inline-block;
    }
}

@media only screen and (max-width:46.87em) {
    .g-wrapper-s {
        margin-left: -4px;
    }

        .g-wrapper-s .gi {
            padding-bottom: 4px;
            padding-left: 4px;
        }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .g-wrapper-s {
        margin-left: -8px;
    }

        .g-wrapper-s .gi {
            padding-left: 8px;
        }
}

@media only screen and (min-width:61.87em) {
    .g-wrapper-s {
        margin-left: -18px;
    }

        .g-wrapper-s .gi {
            padding-left: 18px;
        }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .g-wrapper-l {
        margin-left: -24px;
    }

        .g-wrapper-l .gi {
            padding-left: 24px;
        }
}

@media only screen and (min-width:61.87em) {
    .g-wrapper-l {
        margin-left: -60px;
    }

        .g-wrapper-l .gi {
            padding-left: 60px;
        }
}

.hidden {
    display: none !important;
}

.l-space {
    margin-bottom: 10px;
}

.l-space-m {
    margin-bottom: 20px;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .l-space {
        margin-bottom: 16px;
    }

    .l-space-m {
        margin-bottom: 24px;
    }
}

@media only screen and (min-width:61.87em) {
    .l-space {
        margin-bottom: 40px;
    }

    .l-space-m {
        margin-bottom: 30px;
    }
}

.one-whole {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.one-half {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.two-quarters {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.three-sixths {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.one-third {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.two-sixths {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.two-thirds {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.four-sixths {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.one-quarter {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.three-quarters {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.one-fifth {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.two-fifths {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.three-fifths {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.four-fifths {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
}

.one-whole {
    width: 100%;
}

.one-half {
    width: 50%;
}

.two-quarters {
    width: 50%;
}

.three-sixths {
    width: 50%;
}

.one-third {
    width: 33.33%;
}

.two-sixths {
    width: 33.33%;
}

.two-thirds {
    width: 66.66%;
}

.four-sixths {
    width: 66.66%;
}

.one-quarter {
    width: 25%;
}

.three-quarters {
    width: 75%;
}

.one-fifth {
    width: 20%;
}

.two-fifths {
    width: 40%;
}

.three-fifths {
    width: 60%;
}

.four-fifths {
    width: 80%;
}

.one-sixth {
    width: 16.66%;
}

.five-sixths {
    width: 83.33%;
}

@media only screen and (min-width:46.87em) {
    .lap-one-whole {
        width: 100%;
    }

    .lap-one-half {
        width: 50%;
    }

    .lap-two-quarters {
        width: 50%;
    }

    .lap-three-sixths {
        width: 50%;
    }

    .lap-one-third {
        width: 33.33%;
    }

    .lap-two-sixths {
        width: 33.33%;
    }

    .lap-two-thirds {
        width: 66.66%;
    }

    .lap-four-sixths {
        width: 66.66%;
    }

    .lap-one-quarter {
        width: 25%;
    }

    .lap-three-quarters {
        width: 75%;
    }

    .lap-one-fifth {
        width: 20%;
    }

    .lap-two-fifths {
        width: 40%;
    }

    .lap-three-fifths {
        width: 60%;
    }

    .lap-four-fifths {
        width: 80%;
    }

    .lap-one-sixth {
        width: 16.66%;
    }

    .lap-five-sixths {
        width: 83.33%;
    }
}

@media only screen and (min-width:61.87em) {
    .desk-one-whole {
        width: 100%;
    }

    .desk-one-half {
        width: 33.3%;
    }

    .desk-two-quarters {
        width: 50%;
    }

    .desk-three-sixths {
        width: 50%;
    }

    .desk-one-third {
        width: 33.33%;
    }

    .desk-two-sixths {
        width: 33.33%;
    }

    .desk-two-thirds {
        width: 66.66%;
    }

    .desk-four-sixths {
        width: 66.66%;
    }

    .desk-one-quarter {
        width: 25%;
    }

    .desk-three-quarters {
        width: 75%;
    }

    .desk-one-fifth {
        width: 20%;
    }

    .desk-two-fifths {
        width: 40%;
    }

    .desk-three-fifths {
        width: 60%;
    }

    .desk-four-fifths {
        width: 80%;
    }

    .desk-one-sixth {
        width: 16.66%;
    }

    .desk-five-sixths {
        width: 83.33%;
    }
}

.js-collapse .js-collapse-content {
    display: none;
}

.js-collapse.is-active .js-collapse-content {
    display: block;
}

.js-tab-content .js-tab {
    display: none;
}

    .js-tab-content .js-tab.is-active {
        display: block;
    }

.js-tab-content .form-actions .button {
    padding: 20px 10px;
}

@media only screen and (max-width:46.87em) {
    .js-tab-content .form-actions .button-light {
        padding: 0px;
        line-height: 72px;
        min-height: 72px;
    }

    .js-tab-content .form-actions .button {
        min-height: 76px;
    }
}

.brick::after {
    clear: both;
    display: table;
    content: "";
}

.brick-m::after {
    clear: both;
    display: table;
    content: "";
}

.brick-s::after {
    clear: both;
    display: table;
    content: "";
}

.brick :first-child.row {
    margin-top: 0px;
}

.brick-m :first-child.row {
    margin-top: 0px;
}

.brick-s :first-child.row {
    margin-top: 0px;
}

.brick {
    padding: 50px 0px;
}

    .brick .row {
        margin-top: 50px;
    }

@media only screen and (min-width:61.87em) {
    .brick {
        padding: 100px 0px;
    }

        .brick .row {
            margin-top: 100px;
        }
}

.brick-m {
    padding: 34px 0px;
}

    .brick-m .row {
        margin-top: 34px;
    }

@media only screen and (min-width:61.87em) {
    .brick-m {
        padding: 70px 0px;
    }

        .brick-m .row {
            margin-top: 70px;
        }
}

.brick-s {
    padding: 25px 0px;
}

.brick-shadow {
    background: linear-gradient(rgb(250, 250, 250) 0%, rgb(255, 255, 255) 100%);
    padding: 10px;
    border-top-color: rgb(226, 226, 226);
    border-top-width: 1px;
    border-top-style: solid;
}

@media only screen and (min-width:46.87em) {
    .brick-shadow {
        padding: 20px;
    }
}

@media only screen and (min-width:61.87em) {
    .brick-shadow {
        padding: 40px 30px;
    }
}

.slab-white-border :first-child.brick-shadow {
    border-top-color: currentColor;
    border-top-width: medium;
    border-top-style: none;
}

.brick-bottom {
    padding-bottom: 20px;
}

    .brick-bottom::after {
        clear: both;
        display: table;
        content: "";
    }

@media only screen and (min-width:46.87em) {
    .brick-bottom {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width:61.87em) {
    .brick-bottom {
        padding-bottom: 50px;
    }
}

.button {
    margin: 0px;
    padding: 20px 38px;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 1rem;
    font-weight: bold;
    display: block;
    cursor: pointer;
}

.button-light {
    margin: 0px;
    padding: 20px 38px;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 1rem;
    font-weight: bold;
    display: block;
    cursor: pointer;
}

.button-transparent {
    margin: 0px;
    padding: 20px 38px;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 1rem;
    font-weight: bold;
    display: block;
    cursor: pointer;
}

.button-s.button {
    padding: 10px 20px;
    min-width: 80px;
}

.button-s.button-light {
    padding: 10px 20px;
    min-width: 80px;
}

.button-s.button-transparent {
    padding: 10px 20px;
    min-width: 80px;
}

@media only screen and (min-width:46.87em) {
    .button {
        width: auto;
        display: inline-block;
    }

    .button-light {
        width: auto;
        display: inline-block;
    }

    .button-transparent {
        width: auto;
        display: inline-block;
    }
}

.button {
    background: #0099d2;
    border: 2px solid#0099d2;
    border-image: none;
    color: rgb(255, 255, 255);
}

    .button:hover {
        background: #0099d2;
        border-color: #0099d2;
    }

    .button:active {
        background: rgb(255, 255, 255);
        color: #0099d2;
    }

.button-light {
    background: rgb(212, 238, 225);
    border: 2px solid transparent;
    border-image: none;
    color: rgb(31, 134, 87);
}

    .button-light:hover {
        background: #0099d2;
        color: rgb(255, 255, 255);
    }

    .button-light:active {
        background: #0099d2;
        color: rgb(255, 255, 255);
    }

.button-transparent {
    padding: 12px;
    border: 3px solid rgb(255, 255, 255);
    border-image: none;
    color: rgb(255, 255, 255);
}

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

@media only screen and (min-width:61.87em) {
    .desk-right-text {
        text-align: right;
    }
}

.h-alpha {
    display: block;
}

.h-beta {
    display: block;
}

.h-gamma {
    display: block;
}

.h-delta {
    display: block;
}

.h-epsilon {
    display: block;
}

.h-alpha .highlight {
    color: rgb(31, 134, 87);
}

.h-beta .highlight {
    color: rgb(31, 134, 87);
}

.h-gamma .highlight {
    color: rgb(31, 134, 87);
}

.h-delta .highlight {
    color: rgb(31, 134, 87);
}

.h-epsilon .highlight {
    color: rgb(31, 134, 87);
}

.h-alpha .block {
    display: block;
}

.h-beta .block {
    display: block;
}

.h-gamma .block {
    display: block;
}

.h-delta .block {
    display: block;
}

.h-epsilon .block {
    display: block;
}

.h-alpha {
    font-size: 2rem;
    margin-bottom: 12px;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .h-alpha {
        font-size: 1.87rem;
        margin-bottom: 16px;
    }
}

@media only screen and (min-width:61.87em) {
    .h-alpha {
        font-size: 2.12rem;
        margin-bottom: 24px;
    }
}

.h-beta {
    font-size: 1.87rem;
    margin-bottom: 10px;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .h-beta {
        font-size: 1.75rem;
        margin-bottom: 14px;
    }
}

@media only screen and (min-width:61.87em) {
    .h-beta {
        font-size: 1.87rem;
        margin-bottom: 22px;
    }
}

.h-gamma {
    font-size: 1.75rem;
    margin-bottom: 8px;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .h-gamma {
        font-size: 1.5rem;
        margin-bottom: 12px;
    }
}

@media only screen and (min-width:61.87em) {
    .h-gamma {
        font-size: 1.62rem;
        margin-bottom: 18px;
    }
}

.h-delta {
    font-size: 1.37rem;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .h-delta {
        font-size: 1.25rem;
    }
}

@media only screen and (min-width:61.87em) {
    .h-delta {
        font-size: 1.25rem;
    }
}

.h-epsilon {
    font-size: 1.25rem;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .h-epsilon {
        font-size: 1rem;
    }
}

@media only screen and (min-width:61.87em) {
    .h-epsilon {
        font-size: 1rem;
    }
}

.height-fixed-area {
    position: relative;
}

    .height-fixed-area::after {
        background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
        width: 100%;
        height: 30px;
        bottom: 0px;
        position: absolute;
        content: "";
    }

    .height-fixed-area::before {
        background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
        top: 0px;
        width: 100%;
        height: 30px;
        position: absolute;
        z-index: 2;
        content: "";
    }

    .height-fixed-area .height-fixed-area-wrapper {
        overflow: auto;
        max-height: 300px;
    }

    .height-fixed-area .height-fixed-area-content {
        margin: 30px 0px;
    }

@media only screen and (min-width:46.87em) {
    .height-fixed-area .height-fixed-area-content {
        margin-right: 10px;
    }
}

.icon {
    background-position: 0px 0px;
    display: inline-block;
    background-image: url("../image/sprite-icons.svg");
    background-repeat: no-repeat;
}

.navigation-filters .filter-name::after {
    background-position: 0px 0px;
    display: inline-block;
    background-image: url("../image/sprite-icons.svg");
    background-repeat: no-repeat;
}

.no-svg .icon {
    background-image: url("../image/sprite-icons.png");
}

.no-svg .navigation-filters .filter-name::after {
    background-image: url("../image/sprite-icons.png");
}

.navigation-filters .no-svg .filter-name::after {
    background-image: url("../image/sprite-icons.png");
}

.icon-letter {
    background-position: -82px 0px;
    width: 35px;
    height: 25px;
}

.icon-headsets {
    background-position: -82px -33px;
    width: 35px;
    height: 35px;
}

.icon-kiosk {
    background-position: -82px -75px;
    width: 35px;
    height: 35px;
}

.icon-radio {
    background-position: -82px -120px;
    width: 35px;
    height: 30px;
}

.icon-weibo {
    background-position: -129px -241px;
    width: 25px;
    height: 25px;
}

.icon-instagram {
    background-position: -126px -268px;
    width: 25px;
    height: 25px;
}

.icon-pinterest {
    background-position: -125px -294px;
    width: 25px;
    height: 25px;
}

.icon-linkedin {
    background-position: -127px -323px;
    width: 25px;
    height: 25px;
}

.icon-wechat {
    background-position: -128px -350px;
    width: 25px;
    height: 25px;
}

.icon-search {
    background-position: -129px -129px;
    width: 18px;
    height: 16px;
}

.icon-cart {
    background-position: -130px -152px;
    width: 29px;
    height: 28px;
}

.icon-cart-green {
    background-position: -130px -210px;
    width: 29px;
    height: 28px;
}

.icon-messages {
    background-position: -130px -185px;
    width: 16px;
    height: 16px;
}

.icon-menu-green {
    background-position: -168px 0px;
    width: 32px;
    height: 24px;
}

.icon-menu-white {
    background-position: -168px -32px;
    width: 32px;
    height: 24px;
}

.icon-plus {
    background-position: -189px -76px;
    width: 17px;
    height: 17px;
}

.icon-minus {
    background-position: -189px -136px;
    width: 17px;
    height: 17px;
}

.icon-play {
    background-position: 0px -236px;
    width: 55px;
    height: 55px;
}

.icon-next {
    background-position: 0px -72px;
    width: 35px;
    height: 67px;
}

.icon-prev {
    background-position: 0px -150px;
    width: 35px;
    height: 67px;
}

.icon-next-s {
    background-position: -8px -390px;
    width: 5px;
    height: 9px;
}

.icon-prev-s {
    background-position: 0px -390px;
    width: 5px;
    height: 9px;
}

.icon-top {
    background-position: -174px -234px;
    width: 20px;
    height: 20px;
}

.icon-bottom {
    background-position: -174px -210px;
    width: 20px;
    height: 20px;
}

.icon-59inch {
    background-position: -235px -7px;
    width: 36px;
    height: 46px;
}

.icon-55inch {
    background-position: -295px -790px;
    width: 45px;
    height: 45px;
}

.icon-battery {
    background-position: -235px -63px;
    width: 36px;
    height: 46px;
}

.icon-android {
    background-position: -235px -120px;
    width: 36px;
    height: 46px;
}

.icon-chip {
    background-position: -235px -173px;
    width: 36px;
    height: 36px;
}

.icon-flash {
    background-position: -234px -222px;
    width: 36px;
    height: 36px;
}

.icon-flash2 {
    background-position: -235px -268px;
    width: 36px;
    height: 46px;
}

.icon-fuji-chips {
    background-position: -235px -324px;
    width: 36px;
    height: 36px;
}

.icon-hdr {
    background-position: -235px -370px;
    width: 36px;
    height: 36px;
}

.icon-light {
    background-position: -235px -410px;
    width: 36px;
    height: 36px;
}

.icon-ppi {
    background-position: -235px -453px;
    width: 36px;
    height: 36px;
}

.icon-ram {
    background-position: -235px -501px;
    width: 36px;
    height: 36px;
}

.icon-tf {
    background-position: -235px -700px;
    width: 36px;
    height: 46px;
}

.icon-video {
    background-position: -235px -595px;
    width: 36px;
    height: 36px;
}

.icon-touch {
    background-position: -235px -638px;
    width: 36px;
    height: 46px;
}

.icon-capture {
    background-position: -235px -545px;
    width: 36px;
    height: 36px;
}

.icon-wifi {
    background-position: -444px -573px;
    width: 36px;
    height: 46px;
}

.icon-battery2 {
    background-position: -300px -231px;
    width: 36px;
    height: 46px;
}

.icon-ccmos {
    background-position: -370px -286px;
    width: 45px;
    height: 45px;
}

.icon-handtouch {
    background-position: -235px -760px;
    width: 45px;
    height: 45px;
}

.icon-47inch {
    background-position: -300px -10px;
    width: 45px;
    height: 45px;
}

.icon-50inch {
    background-position: -300px -64px;
    width: 45px;
    height: 45px;
}

.icon-car {
    background-position: -300px -121px;
    width: 45px;
    height: 45px;
}

.icon-barcode {
    background-position: -300px -174px;
    width: 45px;
    height: 45px;
}

.icon-game {
    background-position: -300px -285px;
    width: 45px;
    height: 45px;
}

.icon-search-poster {
    background-position: -300px -739px;
    width: 45px;
    height: 45px;
}

.icon-cam-back {
    background-position: -370px -11px;
    width: 45px;
    height: 45px;
}

.icon-cam-front {
    background-position: -370px -66px;
    width: 45px;
    height: 45px;
}

.icon-mirror {
    background-position: -370px -120px;
    width: 45px;
    height: 45px;
}

.icon-line {
    background-position: -370px -175px;
    width: 45px;
    height: 45px;
}

.icon-beauty {
    background-position: -370px -232px;
    width: 45px;
    height: 45px;
}

.icon-charge {
    background-position: -370px -338px;
    width: 45px;
    height: 45px;
}

.icon-gif {
    background-position: -370px -458px;
    width: 45px;
    height: 45px;
}

.icon-hd {
    background-position: -370px -514px;
    width: 45px;
    height: 45px;
}

.icon-o-click {
    background-position: -370px -572px;
    width: 45px;
    height: 45px;
}

.icon-panoramic {
    background-position: -370px -630px;
    width: 45px;
    height: 45px;
}

.icon-otg {
    background-position: -370px -686px;
    width: 45px;
    height: 45px;
}

.icon-voice-capture {
    background-position: -370px -739px;
    width: 45px;
    height: 45px;
}

.icon-keyboard {
    background-position: -435px -460px;
    width: 45px;
    height: 45px;
}

.icon-lens {
    background-position: -435px -516px;
    width: 45px;
    height: 45px;
}

.icon-mobile-wallet {
    background-position: -435px -628px;
    width: 45px;
    height: 45px;
}

.icon-remoter {
    background-position: -435px -682px;
    width: 45px;
    height: 45px;
}

.icon-slow-capture {
    background-position: -435px -745px;
    width: 45px;
    height: 45px;
}

.icon-arrow-left {
    background-position: -300px -356px;
    width: 36px;
    height: 36px;
}

.icon-tick {
    background-position: -175px -314px;
    width: 15px;
    height: 20px;
}

.icon-close {
    background-position: -175px -332px;
    width: 15px;
    height: 15px;
}

.icon-star-light {
    background-position: -180px -355px;
    width: 15px;
    height: 15px;
}

.icon-star-medium {
    background-position: -180px -382px;
    width: 15px;
    height: 15px;
}

.icon-star-dark {
    background-position: -180px -408px;
    width: 15px;
    height: 15px;
}

.icon-close-circle {
    background-position: -173px -433px;
    width: 41px;
    height: 41px;
}

.icon-grey-arrow-down {
    background-position: -180px -480px;
    width: 17px;
    height: 10px;
}

.navigation-filters .filter-name::after {
    background-position: -180px -480px;
    width: 17px;
    height: 10px;
}

.icon-green-arrow-down {
    background-position: 0px -520px;
    width: 17px;
    height: 10px;
}

.icon-green-arrow-up {
    background-position: 0px -540px;
    width: 17px;
    height: 10px;
}

.icon-bottom-green {
    background-position: -178px -264px;
    width: 17px;
    height: 14px;
}

.icon-top-green {
    background-position: -178px -287px;
    width: 17px;
    height: 14px;
}

.icon-tick-rounded {
    background-position: -2px -428px;
    width: 66px;
    height: 66px;
}

.icon-tick-green {
    background-position: -179px -318px;
    width: 9px;
    height: 9px;
}

.icon-tick-green-big {
    background-position: -183px -500px;
    width: 17px;
    height: 17px;
}

.icon-percentage {
    background-position: -130px -399px;
    width: 12px;
    height: 13px;
}

.icon-users {
    background-position: -130px -425px;
    width: 13px;
    height: 14px;
}

.icon-gift {
    background-position: -130px -452px;
    width: 12px;
    height: 12px;
}

.icon-star-circle {
    background-position: -127px -496px;
    width: 46px;
    height: 46px;
}

.icon-user-circle {
    background-position: -127px -552px;
    width: 46px;
    height: 46px;
}

.icon-dollar-circle {
    background-position: -126px -616px;
    width: 46px;
    height: 46px;
}

.icon-shop-circle {
    background-position: -127px -679px;
    width: 46px;
    height: 46px;
}

.icon-back-square {
    background-position: -298px -356px;
    width: 30px;
    height: 30px;
}

.icon-box {
    background-position: -297px -356px;
    width: 35px;
    height: 45px;
}

.icon-box2 {
    background-position: -300px -455px;
    width: 35px;
    height: 35px;
}

.icon-crown {
    background-position: -300px -490px;
    width: 35px;
    height: 35px;
}

.icon-marker {
    background-position: -300px -520px;
    width: 40px;
    height: 40px;
}

.icon-cake {
    background-position: -300px -560px;
    width: 26px;
    height: 30px;
}

.icon-box3 {
    background-position: -299px -600px;
    width: 34px;
    height: 26px;
}

.icon-creditcard {
    background-position: -300px -630px;
    width: 40px;
    height: 40px;
}

.icon-crono {
    background-position: -300px -679px;
    width: 36px;
    height: 32px;
}

.icon-phone {
    background-position: -430px -15px;
    width: 39px;
    height: 39px;
}

.icon-webchat2 {
    background-position: -432px -70px;
    width: 42px;
    height: 42px;
}

.icon-headsets2 {
    background-position: -430px -128px;
    width: 44px;
    height: 33px;
}

.icon-back-big {
    background-position: -435px -178px;
    width: 74px;
    height: 74px;
}

.icon-document {
    background-position: -435px -268px;
    width: 74px;
    height: 74px;
}

.icon-settings {
    background-position: -435px -344px;
    width: 74px;
    height: 74px;
}

.icon-battery-charged {
    background-position: -520px -8px;
    width: 27px;
    height: 15px;
}

.icon-shopping-bag {
    background-position: -520px -36px;
    width: 22px;
    height: 26px;
}

.icon-upload {
    background-position: -520px -79px;
    width: 31px;
    height: 21px;
}

.icon-mobile {
    background-position: -520px -110px;
    width: 16px;
    height: 30px;
}

.icon-sync {
    background-position: -520px -153px;
    width: 23px;
    height: 19px;
}

.icon-academic {
    background-position: -520px -188px;
    width: 26px;
    height: 19px;
}

.icon-app {
    background-position: -520px -219px;
    width: 28px;
    height: 15px;
}

.icon-wrench {
    background-position: -520px -241px;
    width: 10px;
    height: 22px;
}

.icon-box-file {
    background-position: -520px -276px;
    width: 22px;
    height: 20px;
}

.icon-user2 {
    background-position: -520px -306px;
    width: 24px;
    height: 24px;
}

.icon-card2 {
    background-position: -520px -345px;
    width: 26px;
    height: 17px;
}

.icon-grey-circle {
    background-position: -590px -11px;
    width: 17px;
    height: 17px;
}

.icon-green-circle {
    background-position: -590px -45px;
    width: 17px;
    height: 17px;
}

.icon-grey-circle {
    background-position: -590px -11px;
    width: 17px;
    height: 17px;
}

.icon-grey-square {
    background-position: -590px -80px;
    width: 16px;
    height: 16px;
}

.icon-green-square {
    background-position: -590px -116px;
    width: 16px;
    height: 16px;
}

.icon-grey-radio {
    background-position: -580px -150px;
    width: 29px;
    height: 29px;
}

.icon-green-radio {
    background-position: -580px -198px;
    width: 29px;
    height: 29px;
}

.icon-grey-check {
    background-position: -580px -249px;
    width: 27px;
    height: 27px;
}

.icon-form-home {
    background-position: -576px -394px;
    width: 34px;
    height: 27px;
}

.icon-form-id {
    background-position: -580px -450px;
    width: 34px;
    height: 28px;
}

.icon-form-location {
    background-position: -577px -510px;
    width: 34px;
    height: 27px;
}

.icon-form-select {
    background-position: -578px -572px;
    width: 34px;
    height: 30px;
}

.icon-form-user {
    background-position: -573px -635px;
    width: 34px;
    height: 21px;
}

.icon-arrow-down {
    background-position: -190px -538px;
    width: 8px;
    height: 6px;
}

.icon-arrow-top {
    background-position: -190px -527px;
    width: 8px;
    height: 6px;
}

.icon-arrow-down-green {
    background-position: -190px -564px;
    width: 8px;
    height: 6px;
}

.icon-arrow-top-green {
    background-position: -190px -554px;
    width: 8px;
    height: 6px;
}

.icon-clock {
    background-position: 0px -584px;
    width: 17px;
    height: 17px;
}

.icon-join-us {
    background-position: -378px -794px;
    width: 27px;
    height: 37px;
}

.main-list {
    font-size: 1rem;
}

    .main-list li {
        padding: 8px 0px;
        border-bottom-color: #0099d2;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .main-list li a {
            display: block;
        }

            .main-list li a:hover {
                color: #0099d2;
            }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .main-list {
        font-size: 0.87rem;
    }
}

@media only screen and (min-width:61.87em) {
    .main-list {
        font-size: 1.12rem;
    }
}

.number-heading {
    margin-bottom: 30px;
}

    .number-heading .number-wrapper {
        background: #0099d2;
        padding: 5px;
        border-radius: 50%;
        width: 56px;
        height: 56px;
        text-align: center;
        margin-right: 10px;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .number-heading .number {
        background: #0099d2;
        border-radius: 50%;
        border: 2px solid rgb(255, 255, 255);
        border-image: none;
        width: 46px;
        height: 46px;
        text-align: center;
        color: rgb(255, 255, 255);
        line-height: 46px;
        font-size: 1.25rem;
        font-weight: 700;
        display: inline-block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .number-heading .heading {
        font-size: 1rem;
        font-weight: 700;
        vertical-align: middle;
        display: inline-block;
    }

.product-advice {
    margin: 0px 0px 10px;
    color: rgb(51, 110, 164);
    font-size: 1.25rem;
    font-weight: bold;
}

    .product-advice .icon {
        background-position: -124px -421px;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin-right: 8px;
        vertical-align: middle;
        display: inline-block;
        background-color: rgb(51, 110, 164);
    }

    .product-advice .navigation-filters .filter-name::after {
        background-position: -124px -421px;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        margin-right: 8px;
        vertical-align: middle;
        display: inline-block;
        background-color: rgb(51, 110, 164);
    }

.navigation-filters .product-advice .filter-name::after {
    background-position: -124px -421px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    background-color: rgb(51, 110, 164);
}

@media only screen and (min-width:46.87em) {
    .product-advice .icon {
        background-position: -118px -414px;
        width: 38px;
        height: 38px;
    }

    .product-advice .navigation-filters .filter-name::after {
        background-position: -118px -414px;
        width: 38px;
        height: 38px;
    }

    .navigation-filters .product-advice .filter-name::after {
        background-position: -118px -414px;
        width: 38px;
        height: 38px;
    }
}

.slab-light {
    background-color: rgb(237, 237, 237);
}

.slab-extra-light {
    background-color: rgb(247, 247, 247);
}

.slab-white {
    background-color: rgb(255, 255, 255);
}

.slab-white-border {
    border: 1px solid rgb(226, 226, 226);
    border-image: none;
    background-color: rgb(255, 255, 255);
}

.slab-shadow {
    margin-bottom: 8px;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}

.slick-slider {
    display: block;
    position: relative;
    box-sizing: border-box;
    -ms-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.slick-list {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    display: block;
    position: relative;
}

    .slick-list:focus {
    }

.slick-loading .slick-list {
    background: no-repeat center rgb(255, 255, 255);
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.slick-track {
    left: 0px;
    top: 0px;
    display: block;
    position: relative;
}

    .slick-track::before {
        display: table;
        content: "";
    }

    .slick-track::after {
        display: table;
        content: "";
    }

    .slick-track::after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    height: 100%;
    float: left;
    display: none;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    border-image: none;
    height: auto;
    display: block;
}

.accesories .accesories-title {
    margin-right: 30px;
    display: inline-block;
}

.accesories .accesories-list {
    display: inline-block;
}

    .accesories .accesories-list li {
        display: inline-block;
    }

    .accesories .accesories-list a {
        padding: 0px 15px;
        color: rgb(31, 134, 87);
        font-weight: 700;
    }

.access-icon {
    text-align: center;
    color: rgb(255, 255, 255);
    border-bottom-color: #0099d2;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    position: relative;
    cursor: pointer;
}

    .access-icon a:hover .badge-icon {
        background: rgb(255, 255, 255);
    }

    .access-icon a:hover .icon-letter {
        background-position: -82px -159px;
    }

    .access-icon a:hover .icon-headsets {
        background-position: -82px -192px;
    }

    .access-icon a:hover .icon-kiosk {
        background-position: -82px -234px;
    }

    .access-icon a:hover .icon-radio {
        background-position: -82px -279px;
    }

    .access-icon img {
        width: 100%;
    }

    .access-icon .content {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        padding-top: 10%;
        position: absolute;
    }

    .access-icon .badge-icon {
        margin: -42px 0px 0px -42px;
        left: 50%;
        top: 50%;
        position: absolute;
    }

    .access-icon .heading {
        font-size: 1.5rem;
    }

    .access-icon p {
        left: 0px;
        width: 100%;
        bottom: 10%;
        font-size: 1rem;
        position: absolute;
    }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .access-icon .heading {
        font-size: 1.25rem;
    }

    .access-icon p {
        font-size: 0.87rem;
    }
}

@media only screen and (min-width:61.87em) {
    .access-icon .badge-icon {
        margin: -61px 0px 0px -61px;
    }

    .access-icon .heading {
        font-size: 1.37rem;
    }
}

.badge {
    padding: 25px 0px;
    text-align: center;
    display: inline-block;
}

.badge-icon {
    background: #0099d2;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    text-align: center;
    line-height: 72px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

    .badge-icon .icon {
        vertical-align: middle;
    }

    .badge-icon .navigation-filters .filter-name::after {
        vertical-align: middle;
    }

.navigation-filters .badge-icon .filter-name::after {
    vertical-align: middle;
}

.csstransforms .badge-icon .icon {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.csstransforms .badge-icon .navigation-filters .filter-name::after {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.navigation-filters .csstransforms .badge-icon .filter-name::after {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.badge-icon.transparent {
    background: inherit;
    border: 2px solid#0099d2;
    border-image: none;
}

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .badge-icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
}

@media only screen and (min-width:46.87em) {
    .badge-icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
}

.badge-icon.xl {
    width: 84px;
    height: 84px;
    line-height: 84px;
}

@media only screen and (min-width:61.87em) {
    .badge-icon.xl {
        width: 122px;
        height: 122px;
        line-height: 122px;
    }
}

.badge-info {
    text-align: center;
    color: rgb(123, 123, 123);
    font-size: 0.81rem;
}

.badge-lateral {
    padding: 10px 0px;
    text-align: left;
}

    .badge-lateral::after {
        clear: both;
        display: table;
        content: "";
    }

    .badge-lateral .badge-icon {
        margin: 0px;
        float: left;
    }

    .badge-lateral .badge-info {
        padding: 8px 8px 4px 82px;
        text-align: left;
    }

        .badge-lateral .badge-info .h-epsilon {
            color: rgb(0, 0, 0);
            margin-bottom: 8px;
        }

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .badge-lateral .badge-info {
        padding-left: 90px;
    }
}

@media only screen and (min-width:46.87em) {
    .badge-lateral .badge-info {
        padding-left: 98px;
    }
}

@media only screen and (min-width:46.87em) {
    .badge-lateral {
        padding: 16px 0px;
    }
}

.semi-transparent .badge-info {
    font-size: 1.12rem;
    margin-top: 15px;
}

.semi-transparent .strong {
    color: rgb(0, 0, 0);
}

@media only screen and (min-width:46.87em) {
    .badge-big-wrapper {
        border-radius: 50%;
        border: 1px solid rgb(31, 134, 87);
        border-image: none;
        width: 180px;
        height: 180px;
        line-height: 180px;
        position: relative;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .csstransforms .badge-big-wrapper .badge-icon {
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }
}

.badge-simple .badge-icon {
    background: none;
    width: auto;
    height: auto;
}

.box {
    padding: 14px;
    border: 1px solid rgb(224, 224, 224);
    border-image: none;
    text-align: center;
    position: relative;
}

    .box .button {
        margin-top: 12px;
        min-width: 80px;
    }

@media only screen and (min-width:61.87em) {
    .box .box-heading-highlight {
        font-size: 1.37rem;
        min-height: 52px;
    }

    .box .box-subheading {
        font-size: 1.25rem;
    }

        .box .box-subheading::after {
            width: 84px;
        }
}

.box-photo {
    padding: 30px 0px 20px;
    display: block;
}

.box-heading {
    font-size: 1rem;
    font-weight: normal;
    min-height: 38px;
}

.box-heading-highlight {
    font-size: 1.06rem;
    min-height: 40px;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .box-heading-highlight {
        font-size: 1rem;
    }
}

@media only screen and (min-width:61.87em) {
    .box-heading-highlight {
        font-size: 1.37rem;
        min-height: 52px;
    }
}

.box-subheading {
    color: rgb(123, 123, 123);
    font-size: 1rem;
    font-weight: bold;
    margin-top: 14px;
    position: relative;
}

    .box-subheading span {
        display: block;
    }

    .box-subheading::after {
        background: rgb(204, 204, 204);
        margin: 10px auto 0px;
        width: 66px;
        height: 1px;
        display: block;
        content: "";
    }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .box-subheading {
        font-size: 0.81rem;
    }
}

@media only screen and (min-width:61.87em) {
    .box-subheading {
        font-size: 1.25rem;
    }

        .box-subheading::after {
            width: 84px;
        }
}

.box-price {
    font-size: 1rem;
    font-weight: bold;
    margin-top: 10px;
}

.box-price-offer span {
    padding: 0px 4px;
}

.box-price-offer strong {
    padding: 0px 4px;
}

.box-price-offer .reduced {
    color: rgb(255, 51, 0);
}

.box-price-offer .normal {
    font-weight: normal;
    text-decoration: line-through;
}

.box-price-offer .text {
    color: rgb(31, 134, 87);
}

.box-link {
    color: rgb(31, 134, 87);
    font-size: 0.93rem;
    font-weight: bold;
    margin-top: 12px;
    display: block;
}

.box-details .rating {
    width: 49%;
    vertical-align: middle;
    display: inline-block;
}

.box-details .box-price {
    width: 49%;
    vertical-align: middle;
    display: inline-block;
}

.box-details .rating .comments {
    margin: 4px 0px 0px;
    display: block;
}

.box-details .box-price {
    color: rgb(31, 134, 87);
    font-size: 1.25rem;
}

    .box-details .box-price .normal {
        color: rgb(57, 57, 57);
        font-size: 0.81rem;
        display: block;
    }

.box .progress-bar {
    left: 0px;
    top: 15px;
    width: 100%;
    position: absolute;
}

.box-promo {
    background: rgb(255, 51, 0);
    border-radius: 100px;
    top: 10px;
    width: 65px;
    height: 65px;
    text-align: center;
    right: 18%;
    color: rgb(255, 255, 255);
    line-height: 65px;
    font-size: 1rem;
    display: block;
    position: absolute;
}

.box-highlight {
    background: linear-gradient(rgb(223, 247, 236) 0%, rgb(255, 255, 255) 100%) rgb(223, 247, 236);
}

.box-features {
    top: 30px;
    right: 30px;
    position: absolute;
}

.box-feature {
    border-radius: 100px;
    width: 38px;
    height: 38px;
    color: rgb(255, 255, 255);
    line-height: 38px;
    margin-bottom: 5px;
}

    .box-feature.red {
        background: rgb(223, 82, 64);
    }

    .box-feature.blue {
        background: rgb(62, 110, 167);
    }

    .box-feature.green {
        background: #0099d2;
    }

@media only screen and (max-width:46.87em) {
    .box-view-more {
        margin: 0px;
        padding: 0px;
        width: 100%;
        display: table;
        border-collapse: collapse;
    }

        .box-view-more .main-list {
            display: block;
        }

            .box-view-more .main-list li {
                border: currentColor;
                border-image: none;
            }

        .box-view-more .button {
            background: none;
            padding: 10px 0px;
            border: currentColor;
            border-image: none;
            color: rgb(31, 134, 87);
            margin-top: 0px;
        }

        .box-view-more .content {
            margin: 0px;
            padding: 0px;
            vertical-align: middle;
            display: table-cell;
        }
}

@media only screen and (min-width:46.87em) {
    .box-view-more {
        text-align: left;
    }

        .box-view-more .button {
            display: block;
        }
}

@media only screen and (min-width:61.87em) {
    .box-view-more .h-gamma {
        margin: 10px 0px;
    }

    .box-view-more .button {
        margin-top: 20px;
    }
}

.grid-box {
    letter-spacing: -0.35em;
}

    .grid-box .box {
        width: 50%;
        letter-spacing: normal;
        font-size: 1rem;
        vertical-align: top;
        border-top-color: currentColor;
        border-left-color: currentColor;
        border-top-width: medium;
        border-left-width: medium;
        border-top-style: none;
        border-left-style: none;
        display: inline-block;
    }

    .grid-box :last-child.box {
        border-right-color: transparent;
    }

    .grid-box .box-big {
        width: 100%;
    }

@media only screen and (max-width:46.87em) {
    .grid-box :nth-child(2n).box {
        border-right-color: transparent;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .grid-box .box {
        width: 33.33%;
    }

    .grid-box :nth-child(3n).box {
        border-right-color: transparent;
    }

    .grid-box .box-big {
        width: 50%;
    }
}

@media only screen and (min-width:61.87em) {
    .grid-box .box {
        width: 25%;
    }

    .grid-box :nth-child(4n).box {
        border-right-color: transparent;
    }

    .grid-box .box-big {
        width: 50%;
    }
}

.grid-special {
    letter-spacing: -0.35em;
}

    .grid-special .box {
        width: 50%;
        letter-spacing: normal;
        vertical-align: top;
        border-top-color: currentColor;
        border-left-color: currentColor;
        border-top-width: medium;
        border-left-width: medium;
        border-top-style: none;
        border-left-style: none;
        display: inline-block;
    }

    .grid-special :last-child.box {
        border-right-color: transparent;
    }

    .grid-special .box-big {
        width: 100%;
    }

@media only screen and (max-width:46.87em) {
    .grid-special :nth-child(2).box {
        border-right-color: transparent;
    }

    .grid-special :nth-child(3).box {
        border-right-color: transparent;
    }

    .grid-special :nth-child(5).box {
        border-right-color: transparent;
    }
}

@media only screen and (min-width:46.87em) {
    .grid-special .box {
        width: 25%;
    }

    .grid-special :nth-child(3).box {
        border-right-color: transparent;
    }

    .grid-special :nth-child(7).box {
        border-right-color: transparent;
    }

    .grid-special .box-big {
        width: 50%;
    }
}

.grid-box-thirds {
    letter-spacing: -0.35em;
}

    .grid-box-thirds .box {
        width: 50%;
        letter-spacing: normal;
        vertical-align: top;
        border-top-color: currentColor;
        border-left-color: currentColor;
        border-top-width: medium;
        border-left-width: medium;
        border-top-style: none;
        border-left-style: none;
        display: inline-block;
    }

    .grid-box-thirds :last-child.box {
        border-right-color: transparent;
    }

@media only screen and (max-width:46.87em) {
    .grid-box-thirds :nth-child(2n).box {
        border-right-color: transparent;
    }
}

@media only screen and (min-width:46.87em) {
    .grid-box-thirds .box {
        width: 33.33%;
    }

    .grid-box-thirds :nth-child(3n).box {
        border-right-color: transparent;
    }
}

.list-box .box {
    border: currentColor;
    border-image: none;
}

@media only screen and (min-width:46.87em) {
    .list-box + .list-box {
        border-left-color: rgb(224, 224, 224);
        border-left-width: 1px;
        border-left-style: solid;
    }
}

.box-banner {
    padding: 0px;
    border: currentColor;
    border-image: none;
    overflow: hidden;
    position: relative;
}

    .box-banner img {
        height: 100%;
        max-height: none;
        min-width: 100%;
        max-width: none;
    }

.csstransforms .box-banner .content {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.box-banner .content {
    top: 40%;
    width: 80%;
    text-align: center;
    color: rgb(255, 255, 255);
    position: absolute;
}

.box-banner .h-delta {
    margin-bottom: 20px;
}

.box-banner .banner-subtitle {
    font-size: 1.12rem;
    margin-top: 25px;
}

.box-banner.sm img {
    width: 100%;
}

.box-big {
    overflow: hidden;
}

    .box-big .box-photo {
        width: 50%;
        vertical-align: middle;
        display: inline-block;
    }

        .box-big .box-photo img {
            height: auto;
            max-width: 100%;
        }

    .box-big .box-info {
        width: 45%;
        vertical-align: middle;
        display: inline-block;
    }

        .box-big .box-info.left {
            padding-right: 25px;
        }

        .box-big .box-info.right {
            padding-left: 25px;
        }

        .box-big .box-info .box-heading {
            font-size: 1.5rem;
            margin-bottom: 15px;
        }

    .box-big .rating {
        width: 100%;
    }

        .box-big .rating span {
            display: inline-block;
        }

        .box-big .rating .comments {
            font-size: 0.81rem;
            display: inline-block;
        }

    .box-big .box-price span {
        display: block;
    }

    .box-big .box-price .normal {
        font-size: 1.25rem;
        margin-bottom: 5px;
    }

    .box-big .box-price .reduced {
        font-size: 1.75rem;
    }

.top-bar .box {
    padding-top: 50px;
}

.top-bar .box-promo {
    top: 30px;
}

.breadcrumb {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .breadcrumb {
        padding: 19px 0px 14px;
        display: block;
    }

        .breadcrumb::after {
            clear: both;
            display: table;
            content: "";
        }

        .breadcrumb li {
            color: rgb(123, 123, 123);
            font-size: 0.87rem;
            float: left;
        }

        .breadcrumb a {
            display: block;
        }

            .breadcrumb a span {
                padding: 0px 10px;
            }

        .breadcrumb .current {
            color: rgb(0, 0, 0);
        }
}

@media only screen and (max-width:61.87em) {
    .breadcrumb {
        padding: 19px 0px 14px;
        display: block;
    }

        .breadcrumb::after {
            clear: both;
            display: table;
            content: "";
        }

        .breadcrumb li {
            color: rgb(123, 123, 123);
            font-size: 0.87rem;
            float: left;
        }

        .breadcrumb a {
            display: block;
        }

            .breadcrumb a span {
                padding: 0px 10px;
            }

        .breadcrumb .current {
            color: rgb(0, 0, 0);
        }
}

.buying-actions {
    margin: 10px 0px;
    padding: 20px;
}

@media only screen and (min-width:46.87em) {
    .buying-actions {
        padding: 20px 12px;
    }
}

.buying-actions .one-half {
    padding: 0px 8px;
}

.buying-actions .two-quarters {
    padding: 0px 8px;
}

.buying-actions .three-sixths {
    padding: 0px 8px;
}

@media only screen and (min-width:46.87em) {
    .buying-actions .one-half {
        padding: 0px;
    }

    .buying-actions .two-quarters {
        padding: 0px;
    }

    .buying-actions .three-sixths {
        padding: 0px;
    }
}

.buying-actions .button-light {
    padding: 15px 8px;
    margin-top: 10px;
}

.buying-actions .button {
    padding: 15px 8px;
    margin-top: 10px;
}

@media only screen and (min-width:46.87em) {
    .buying-actions .button-light {
        margin: 0px;
        width: 100%;
    }

    .buying-actions .button {
        margin: 0px;
        width: 100%;
    }
}

@media only screen and (min-width:46.87em) {
    .buying-actions .gi {
        padding: 0px 8px;
        vertical-align: middle;
    }
}

.buying-price {
    padding: 20px 0px;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .buying-price .price {
        color: rgb(255, 51, 0);
        font-size: 1.5rem;
        font-weight: normal;
        margin-right: 8px;
    }

@media only screen and (min-width:46.87em) {
    .buying-price .price {
        font-size: 1.87rem;
    }
}

.buying-price .old-price {
    font-size: 1rem;
    font-weight: 300;
    text-decoration: line-through;
}

@media only screen and (min-width:46.87em) {
    .buying-price .old-price {
        font-size: 1.25rem;
    }
}

.buying-price .text {
    color: rgb(31, 134, 87);
    line-height: 30px;
    font-size: 0.81rem;
    float: right;
}

@media only screen and (min-width:46.87em) {
    .buying-price .text {
        line-height: 36px;
    }
}

.cart-product {
    padding: 20px 0px;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .cart-product::after {
        clear: both;
        display: table;
        content: "";
    }

@media only screen and (min-width:46.87em) {
    .cart-product {
        padding: 20px 10px;
    }
}

.cart-product-image {
    width: 78px;
    text-align: center;
    float: left;
}

.cart-product-info {
    padding-left: 88px;
    position: relative;
}

    .cart-product-info::after {
        clear: both;
        display: table;
        content: "";
    }

.cart-product-description {
    font-size: 1rem;
}

    .cart-product-description p {
        margin-top: 8px;
    }

    .cart-product-description .heading {
        color: rgb(0, 0, 0);
        font-size: 1rem;
        font-weight: bold;
        display: block;
    }

@media only screen and (min-width:46.87em) {
    .cart-product-description {
        font-size: 0.81rem;
    }

        .cart-product-description .heading {
            color: rgb(0, 0, 0);
            font-size: 0.87rem;
        }
}

.cart-product-price {
    font-size: 1.5rem;
}

    .cart-product-price .reduced {
        color: rgb(57, 57, 57);
        font-size: 1rem;
        font-weight: normal;
        text-decoration: line-through;
        display: block;
    }

    .cart-product-price.offer {
        color: rgb(255, 51, 0);
        font-size: 1.12rem;
    }

    .cart-product-price.highlight {
        color: rgb(31, 134, 87);
        font-size: 1.12rem;
    }

@media only screen and (min-width:46.87em) {
    .cart-product-price {
        font-size: 1.25rem;
    }

        .cart-product-price .reduced {
            font-size: 0.87rem;
        }

        .cart-product-price .highlight {
            font-size: 1rem;
        }
}

.cart-product-l .cart-product-image {
    width: 78px;
}

.cart-product-l .cart-product-info {
    padding-left: 88px;
}

@media only screen and (min-width:46.87em) {
    .cart-product-l .cart-product-image {
        width: 114px;
    }

    .cart-product-l .cart-product-info {
        padding-left: 134px;
    }

    .cart-product-l .cart-product-description {
        font-size: 0.87rem;
    }

        .cart-product-l .cart-product-description .heading {
            font-size: 1rem;
        }
}

:last-child.cart-product-l {
    border-bottom-color: currentColor;
    border-bottom-width: medium;
    border-bottom-style: none;
}

.confirmation-message {
    padding: 34px 10px;
    text-align: center;
    overflow: hidden;
    border-bottom-color: rgb(237, 237, 237);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
}

    .confirmation-message .content-message {
        margin: 0px auto;
        width: 80%;
    }

    .confirmation-message .icon {
        margin-bottom: 20px;
    }

    .confirmation-message .navigation-filters .filter-name::after {
        margin-bottom: 20px;
    }

.navigation-filters .confirmation-message .filter-name::after {
    margin-bottom: 20px;
}

@media only screen and (min-width:46.87em) {
    .confirmation-message {
        padding: 52px 10px;
    }

        .confirmation-message .content-message {
            width: 60%;
            max-width: 500px;
        }

        .confirmation-message .icon {
            margin: 0px 20px 0px 0px;
            float: left;
        }

        .confirmation-message .navigation-filters .filter-name::after {
            margin: 0px 20px 0px 0px;
            float: left;
        }

    .navigation-filters .confirmation-message .filter-name::after {
        margin: 0px 20px 0px 0px;
        float: left;
    }

    .confirmation-message .h-delta {
        padding: 10px 0px;
    }
}

@media only screen and (min-width:46.87em) {
    .confirmation-message {
        padding: 85px 10px;
    }
}

.counter-box {
    font-size: 0.87rem;
    position: relative;
}

    .counter-box .number {
        background: none;
        padding: 10px 28px;
        text-align: center;
    }

    .counter-box .btn {
        top: 0px;
        width: 40px;
        height: 100%;
        text-align: center;
        color: rgb(123, 123, 123);
        line-height: 40px;
        position: absolute;
        cursor: pointer;
    }

    .counter-box .minus {
        left: 0px;
    }

    .counter-box .plus {
        right: 0px;
    }

    .counter-box + p {
        font-size: 0.87rem;
        margin-top: 6px;
    }

.delivery-specs {
    margin: 20px 0px 0px;
}

    .delivery-specs .gi {
        padding: 0px 8px;
        text-align: center;
        border-right-color: rgb(204, 204, 204);
        border-right-width: 1px;
        border-right-style: solid;
    }

    .delivery-specs :last-child.gi {
        border: currentColor;
        border-image: none;
    }

.feature-product {
    position: relative;
}

@media only screen and (max-width:46.87em) {
    .feature-product {
        margin: 10px 0px;
    }
}

.feature-product-image {
    width: 100%;
}

.feature-product-content {
    padding: 10% 10px 10% 45%;
    left: 0px;
    top: 0px;
    width: 100%;
    color: rgb(255, 255, 255);
    position: absolute;
}

    .feature-product-content.dark {
        color: rgb(57, 57, 57);
    }

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .feature-product-content {
        padding-bottom: 6%;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .feature-product-content {
        padding-bottom: 6%;
    }
}

@media only screen and (min-width:61.87em) {
    .feature-product-content {
        padding-bottom: 6%;
    }
}

.feature-product-heading {
    height: 2.1em;
    color: rgb(31, 134, 87);
    line-height: 1.1;
    font-size: 2.12rem;
    font-weight: normal;
}

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .feature-product-heading {
        font-size: 2.75rem;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .feature-product-heading {
        font-size: 2.37rem;
    }
}

@media only screen and (min-width:61.87em) {
    .feature-product-heading {
        font-size: 2.81rem;
    }
}

@media only screen and (min-width:75em) {
    .feature-product-heading {
        font-size: 3.75rem;
    }
}

.feature-product-description {
    line-height: 1.2;
    font-size: 1.62rem;
    margin-top: 6px;
}

    .feature-product-description strong {
        font-size: 1.37rem;
        display: block;
    }

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .feature-product-description {
        font-size: 2.12rem;
        margin-top: 20px;
    }

        .feature-product-description strong {
            font-size: 1.62rem;
        }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .feature-product-description {
        font-size: 1.93rem;
    }

        .feature-product-description strong {
            font-size: 1.5rem;
        }
}

@media only screen and (min-width:61.87em) {
    .feature-product-description {
        font-size: 2.37rem;
    }

        .feature-product-description strong {
            font-size: 2.18rem;
        }
}

@media only screen and (min-width:75em) {
    .feature-product-description {
        margin-top: 15px;
    }
}

.filter-check {
    text-align: center;
}

    .filter-check .filter-check-title {
        display: none;
    }

    .filter-check .check-item {
        margin-right: 8px;
        display: inline-block;
    }

    .filter-check .field {
        margin-bottom: 0px;
    }

    .filter-check .checkbox {
        visibility: hidden;
        position: relative;
        z-index: 10;
    }

    .filter-check label {
        padding: 0px 5px;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 46px;
        text-align: center;
        line-height: 46px;
        font-size: 0.87rem;
        position: absolute;
        z-index: 0;
        cursor: pointer;
    }

    .filter-check .checked_checkbox + label {
        border-radius: 3px;
        border: 1px solid rgb(31, 134, 87);
        border-image: none;
        color: rgb(31, 134, 87);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

@media only screen and (min-width:61.87em) {
    .filter-check {
        padding: 30px;
        text-align: left;
    }

        .filter-check .filter-check-title {
            font-weight: bold;
            display: block;
        }

        .filter-check .check-item {
            margin-bottom: 35px;
            display: block;
        }

        .filter-check label {
            height: 25px;
            text-align: left;
            line-height: 25px;
            display: inline;
            position: static;
        }

        .filter-check .checked_checkbox + label {
            border-radius: 3px;
            border: currentColor;
            border-image: none;
            color: rgb(57, 57, 57);
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
        }

        .filter-check .checkbox {
            margin: 0px 20px 0px 0px;
            border-radius: 2px;
            width: 24px;
            height: 24px;
            visibility: visible;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
        }

            .filter-check .checkbox::before {
                left: 3px;
                top: 3px;
                width: 16px;
                height: 16px;
            }

    .csstransforms .filter-check .checkbox::before {
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

    .filter-check .filter-check {
        font-size: 0.87rem;
    }

    .filter-check label {
        font-size: 0.87rem;
    }

    .filter-check .filter-check-title {
        font-size: 0.87rem;
    }
}

.filter-product {
    background: rgb(249, 249, 249);
    padding: 12px 20px;
}

    .filter-product .filter-title {
        width: 100%;
        text-align: left;
        display: block;
    }

    .filter-product .filters {
        width: 100%;
        text-align: left;
        display: block;
    }

    .filter-product .filter-title {
        width: 34%;
    }

    .filter-product .filter-title {
        font-size: 0.87rem;
        vertical-align: middle;
        display: inline-block;
    }

    .filter-product .filters {
        font-size: 0.87rem;
        vertical-align: middle;
        display: inline-block;
    }

    .filter-product .filters {
        width: 65%;
        text-align: right;
    }

        .filter-product .filters li {
            padding-left: 10px;
            vertical-align: middle;
            display: inline-block;
        }

            .filter-product .filters li .icons {
                line-height: 0.6;
                vertical-align: middle;
                display: inline-block;
            }

                .filter-product .filters li .icons .top.active .icon {
                    background-position: -190px -554px;
                }

                .filter-product .filters li .icons .top.active .navigation-filters .filter-name::after {
                    background-position: -190px -554px;
                }

.navigation-filters .filter-product .filters li .icons .top.active .filter-name::after {
    background-position: -190px -554px;
}

.filter-product .filters li .icons .bottom.active .icon {
    background-position: -190px -564px;
}

.filter-product .filters li .icons .bottom.active .navigation-filters .filter-name::after {
    background-position: -190px -564px;
}

.navigation-filters .filter-product .filters li .icons .bottom.active .filter-name::after {
    background-position: -190px -564px;
}

.filter-product .filters li.active .text {
    color: rgb(31, 134, 87);
}

@media only screen and (min-width:61.87em) {
    .filter-product {
        margin: 0px auto;
        width: 92%;
    }
}

.filter-product + .grid-box-thirds {
    border-top-color: rgb(224, 224, 224);
    border-top-width: 1px;
    border-top-style: solid;
}

.hero {
    position: relative;
}

.hero-image img {
    width: 100%;
    height: auto;
    display: inline-block;
}

@media only screen and (min-width:46.87em) {
    .hero-image {
        overflow: hidden;
        position: relative;
        max-height: 472px;
    }

        .hero-image.center {
            height: 364px;
        }

            .hero-image.center img {
                top: 50%;
                margin-top: -25%;
                position: relative;
            }

    .csstransforms .hero-image.center img {
        margin: 0px;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
}

@media only screen and (min-width:61.87em) {
    .hero-image {
        max-height: 542px;
    }

        .hero-image.center {
            height: 525px;
        }
}

@media all and (min-width:1920px) {
    .hero-image {
        max-height: 640px;
    }

        .hero-image.center {
            height: 640px;
        }
}

.hero-content {
    top: 50%;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.no-csstransforms .hero-content {
    top: 24%;
}

.hero-content .title {
    color: rgb(31, 134, 87);
    line-height: 1;
    font-size: 2.5rem;
    font-weight: normal;
}

    .hero-content .title span {
        line-height: 1;
    }

.hero-content .subtitle {
    font-size: 1.12rem;
}

    .hero-content .subtitle strong {
        line-height: 1.1;
        font-size: 2.37rem;
        display: block;
    }

.hero-content .button {
    margin-top: 20px;
}

.hero-content.light .title {
    color: rgb(255, 255, 255);
}

.hero-content.light .subtitle {
    color: rgb(255, 255, 255);
}

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .hero-content .title span {
        font-size: 3.75rem;
    }

    .hero-content .subtitle {
        font-size: 1.5rem;
    }

        .hero-content .subtitle strong {
            font-size: 2.75rem;
        }
}

@media only screen and (min-width:46.87em) {
    .hero-content .title {
        font-size: 2.37rem;
    }

        .hero-content .title span {
            font-size: 4.12rem;
        }

    .hero-content .subtitle {
        font-size: 2rem;
    }

        .hero-content .subtitle strong {
            font-size: 3.12rem;
        }
}

@media only screen and (min-width:75em) {
    .hero-content .title {
        font-size: 3.31rem;
    }

        .hero-content .title span {
            font-size: 5.93rem;
        }

    .hero-content .subtitle {
        font-size: 2.87rem;
    }

        .hero-content .subtitle strong {
            font-size: 4.56rem;
        }
}

@media only screen and (max-width:46.87em) {
    .hero-content-right {
        left: 5%;
        top: 8%;
        text-align: left;
        transform: none;
        -webkit-transform: none;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .hero-content-right {
        right: 35px;
    }
}

@media only screen and (min-width:61.87em) {
    .hero-content-right {
        right: 10%;
    }
}

.hero-content-left {
    width: 50%;
}

.hero-content-invisible {
    display: none;
}

.hero-tabs {
    position: relative;
}

.hero-tabs-panel-wrapper {
    padding: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    right: 0px;
    position: absolute;
}

.hero-tabs-panel {
    width: 100%;
    height: 100%;
}

    .hero-tabs-panel .slick-list {
        height: 100%;
    }

        .hero-tabs-panel .slick-list .slick-track {
            height: 100%;
        }

            .hero-tabs-panel .slick-list .slick-track .hero-panel {
                padding: 0px;
            }

                .hero-tabs-panel .slick-list .slick-track .hero-panel .hero-panel-custom {
                    background: rgba(0, 0, 0, 0.7);
                    padding: 32px 12px 68px;
                    width: 50%;
                    height: 100%;
                    max-width: 400px;
                }

@media only screen and (min-width:46.87em) {
    .hero-tabs-panel .slick-list .slick-track .hero-panel .hero-panel-custom {
        width: 44%;
    }
}

@media only screen and (min-width:61.87em) {
    .hero-tabs-panel .slick-list .slick-track .hero-panel .hero-panel-custom {
        max-width: 332px;
    }
}

.hero-panel {
    padding: 32px 12px 68px;
    color: rgb(255, 255, 255);
}

    .hero-panel .antetitle {
        color: rgb(31, 134, 87);
        padding-bottom: 10px;
        font-size: 1.75rem;
        border-bottom-color: currentColor;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
    }

    .hero-panel .title {
        font-size: 2.12rem;
        font-weight: normal;
        margin-top: 10px;
    }

    .hero-panel .subtitle {
        font-size: 1.12rem;
        margin-top: 4px;
    }

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .hero-panel .antetitle {
        font-size: 2.37rem;
    }

    .hero-panel .title {
        font-size: 2.75rem;
        margin-top: 10px;
    }

    .hero-panel .subtitle {
        font-size: 1.5rem;
        margin-top: 4px;
    }
}

@media only screen and (min-width:46.87em) {
    .hero-panel {
        width: 44%;
    }

        .hero-panel .antetitle {
            font-size: 3.87rem;
        }

        .hero-panel .title {
            font-size: 4.25rem;
        }

        .hero-panel .subtitle {
            font-size: 2rem;
        }
}

.hero-tab-group {
    left: 0px;
    width: 100%;
    bottom: 0px;
    letter-spacing: -0.35em;
    position: absolute;
}

@media only screen and (min-width:46.87em) {
    .hero-tab-group {
        width: 44%;
        position: absolute;
        max-width: 400px;
    }
}

@media only screen and (min-width:61.87em) {
    .hero-tab-group {
        max-width: 332px;
    }
}

.hero-tab {
    background: #0099d2;
    padding: 16px;
    width: 33.3%;
    color: rgb(255, 255, 255);
    line-height: 1;
    letter-spacing: normal;
    font-size: 1.5rem;
    font-weight: bold;
    vertical-align: bottom;
    border-right-color: rgb(39, 161, 103);
    border-right-width: 1px;
    border-right-style: solid;
    display: inline-block;
    cursor: pointer;
}

:last-child.hero-tab {
    border-right-color: currentColor;
    border-right-width: medium;
    border-right-style: none;
}

.hero-tab.active {
    border-top-color: rgb(38, 157, 100);
    border-top-width: 4px;
    border-top-style: solid;
}

@media only screen and (min-width:46.87em) {
    .hero-tab {
        font-size: 1.12rem;
    }
}

.icon-list {
    font-size: 1.12rem;
}

    .icon-list li {
        padding: 10px 0px;
    }

    .icon-list .icon-wrapper {
        text-align: center;
        margin-right: 12px;
        vertical-align: middle;
        display: inline-block;
        min-width: 34px;
    }

@media only screen and (min-width:46.87em) {
    .icon-list {
        font-size: 0.93rem;
    }
}

.menu-tabs li {
    background: rgb(247, 247, 247);
    border-width: 1px 1px 1px medium;
    border-style: solid solid solid none;
    border-color: rgb(228, 228, 228) rgb(228, 228, 228) rgb(228, 228, 228) currentColor;
    border-image: none;
    text-align: center;
    vertical-align: bottom;
    display: inline-block;
}

    .menu-tabs li:first-child {
        border-left-color: rgb(228, 228, 228);
        border-left-width: 1px;
        border-left-style: solid;
    }

    .menu-tabs li a {
        padding: 20px;
        color: rgb(123, 123, 123);
        font-size: 0.81rem;
        font-weight: 700;
        display: block;
    }

@media only screen and (min-width:46.87em) {
    .menu-tabs li a {
        font-size: 1rem;
    }
}

.menu-tabs li.is-active {
    background: rgb(255, 255, 255);
    border-top-color: rgb(31, 134, 87);
    border-bottom-color: currentColor;
    border-top-width: 4px;
    border-bottom-width: medium;
    border-top-style: solid;
    border-bottom-style: none;
}

    .menu-tabs li.is-active a {
        color: rgb(0, 0, 0);
        font-weight: 700;
    }

.menu-tabs .current {
    display: none;
}

@media only screen and (max-width:46.87em) {
    .menu-tabs.mobile-drop-menu {
        margin: 10px;
        position: relative;
    }

        .menu-tabs.mobile-drop-menu .mobile-drop-menu-name {
            padding: 10px 18px;
            border: 1px solid rgb(204, 204, 204);
            border-image: none;
            color: rgb(57, 57, 57);
            font-size: 1.12rem;
            position: relative;
        }

            .menu-tabs.mobile-drop-menu .mobile-drop-menu-name .current {
                color: rgb(123, 123, 123);
                display: block;
            }

            .menu-tabs.mobile-drop-menu .mobile-drop-menu-name::after {
                background-position: -158px -198px;
                top: 0px;
                width: 50px;
                height: 100%;
                right: 0px;
                bottom: 0px;
                display: block;
                position: absolute;
                content: "";
                background-image: url("../image/sprite-icons.svg");
                background-repeat: no-repeat;
                background-color: #0099d2;
            }

        .menu-tabs.mobile-drop-menu ul {
            background: rgb(247, 247, 247);
            border-radius: 2px;
            border: 1px solid rgb(204, 204, 204);
            border-image: none;
            left: 0px;
            top: 99%;
            width: 100%;
            display: none;
            position: absolute;
            z-index: 100;
        }

        .menu-tabs.mobile-drop-menu li {
            background: rgb(255, 255, 255);
            border-width: medium medium 1px;
            border-style: none none solid;
            border-color: currentColor currentColor rgb(204, 204, 204);
            margin: 0px;
            border-image: none;
            width: 100%;
            font-size: 1rem;
            display: block;
        }

            .menu-tabs.mobile-drop-menu li a {
                padding: 15px;
                display: block;
            }

            .menu-tabs.mobile-drop-menu li:last-child {
                border: currentColor;
                border-image: none;
            }

            .menu-tabs.mobile-drop-menu li.is-active {
                border-top-color: currentColor;
                border-top-width: medium;
                border-top-style: none;
            }

                .menu-tabs.mobile-drop-menu li.is-active a {
                    color: rgb(123, 123, 123);
                }

    .menu-tabs.is-open ul {
        display: block;
    }
}

.menu-tabs.lateral {
    display: none;
}

    .menu-tabs.lateral li {
        background: rgb(247, 247, 247);
        border-width: medium medium 1px;
        border-style: none none solid;
        border-color: currentColor currentColor rgb(226, 226, 226);
        width: 100%;
        text-align: left;
        display: block;
    }

        .menu-tabs.lateral li:first-child {
            border-top-color: rgb(226, 226, 226);
            border-top-width: 1px;
            border-top-style: solid;
        }

        .menu-tabs.lateral li.is-active {
            background: rgb(255, 255, 255);
            border-left-color: rgb(31, 134, 87);
            border-left-width: 4px;
            border-left-style: solid;
        }

@media only screen and (min-width:46.87em) {
    .menu-tabs.lateral .menu-tabs-plan {
        padding: 0px;
    }
}

@media only screen and (min-width:61.87em) {
    .menu-tabs.lateral {
        display: block;
    }
}

.news {
    overflow: hidden;
    padding-bottom: 10px;
    font-size: 0.87rem;
}

@media only screen and (min-width:61.87em) {
    .news {
        font-size: 1rem;
    }
}

.news-photo {
    float: left;
    display: block;
}

@media only screen and (max-width:46.87em) {
    .news-photo {
        width: 58px;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .news-photo {
        width: 40px;
    }
}

@media only screen and (min-width:61.87em) {
    .news-photo {
        width: 68px;
    }
}

.news-text {
    padding: 12px 0px;
    line-height: 1.3;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
}

@media only screen and (max-width:46.87em) {
    .news-text {
        margin-left: 70px;
        min-height: 64px;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .news-text {
        padding: 2px 0px;
        margin-left: 50px;
        min-height: 48px;
    }
}

@media only screen and (min-width:61.87em) {
    .news-text {
        margin-left: 80px;
        min-height: 80px;
    }
}

.navigation {
    color: rgb(123, 123, 123);
    font-size: 0.87rem;
    font-weight: bold;
}

    .navigation li {
        margin: 0px 14px;
        display: inline-block;
    }

    .navigation a {
        padding: 4px 2px;
        display: inline-block;
    }

    .navigation span {
        color: rgb(57, 57, 57);
    }

    .navigation a:hover {
        color: rgb(57, 57, 57);
        font-weight: bold;
    }

    .navigation .is-active a {
        color: rgb(57, 57, 57);
        font-weight: bold;
    }

    .navigation .is-active a {
        border-bottom-color: #0099d2;
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }

@media only screen and (min-width:61.87em) {
    .navigation {
        font-size: 1rem;
    }
}

.navigation-filters {
    margin: 0px 0.75em;
    position: relative;
}

    .navigation-filters li {
        font-size: 0.87rem;
    }

    .navigation-filters .filter-name {
        font-size: 0.87rem;
        font-weight: bold;
    }

@media only screen and (max-width:46.87em) {
    .navigation-filters .filter-name {
        padding: 10px 18px;
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        color: rgb(57, 57, 57);
        font-size: 1.12rem;
        position: relative;
    }

        .navigation-filters .filter-name .current {
            color: rgb(123, 123, 123);
        }

        .navigation-filters .filter-name::after {
            top: 16px;
            right: 10px;
            position: absolute;
            content: "";
        }

    .navigation-filters ul {
        background: rgb(247, 247, 247);
        border-radius: 2px;
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        left: 0px;
        top: 99%;
        width: 100%;
        display: none;
        position: absolute;
        z-index: 100;
    }

    .navigation-filters li {
        margin: 0px;
        padding: 6px 14px;
        font-size: 1rem;
        border-bottom-color: rgb(204, 204, 204);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
    }

        .navigation-filters li a {
            display: block;
        }

        .navigation-filters li:last-child {
            border: currentColor;
            border-image: none;
        }

        .navigation-filters li.is-active a {
            border: currentColor;
            border-image: none;
        }
}

.navigation-filters.is-open ul {
    display: block;
}

@media only screen and (min-width:46.87em) {
    .navigation-filters {
        text-align: right;
    }

        .navigation-filters .filter-name {
            display: inline-block;
        }

        .navigation-filters ul {
            display: inline-block;
        }

        .navigation-filters .filter-name .current {
            display: none;
        }
}

.navi-scroll {
  width: 42px; right: 32px; bottom: 32px; display: none; position: fixed; z-index: 999; min-height: 74px;
}

@media only screen and (max-width:46.87em) {
    .navi-scroll {
        width: 48px;
        right: 6px;
        bottom: 30px;
        min-height: 92px;
    }
}

.navi-scroll .navi-scroll-content {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
}

    .navi-scroll .navi-scroll-content a {
      width: 42px; height: 36px; overflow: hidden; display: block; position: relative; background-color: rgb(237, 237, 237);
    }

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content a {
        width: 48px;
        height: 43px;
        background-color: rgba(237, 237, 237, 0.6);
    }
}

.navi-scroll .navi-scroll-content a span {
    width: 78px;
    height: 36px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 36px;
    font-size: 14px;
    display: none;
}

.navi-scroll .navi-scroll-content a i {
    background-position: center;
    top: 50%;
    width: 20px;
    height: 20px;
    right: 0px;
    position: absolute;
    background-repeat: no-repeat;
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content a i {
        width: 48px;
        height: 43px;
    }
}

.navi-scroll .navi-scroll-content a:hover {
    width: 120px;
    margin-left: -78px;
    background-color: #0099d2;
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content a:hover {
        margin-left: 0px;
        background-color: rgb(237, 237, 237);
    }
}

.navi-scroll .navi-scroll-content a:hover span {
    display: block;
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content a:hover span {
        display: none;
    }
}
.navi-scroll .navi-scroll-content .survey-btn i {
    width: 18px; height: 18px; right: 12px; margin-top: -9px; background-image: url("../image/feedback-icon.png");
}


@media not all, not all, not all, not all {
    .navi-scroll .navi-scroll-content .survey-btn i {
        background-image: url("../image/feedback-icon@2x.png");
        background-size: 18px 18px;
    }
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content .survey-btn i {
        right: 15px;
    }
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content .survey-btn:hover {
        width: 48px;
    }
}

.navi-scroll .navi-scroll-content .survey-btn:hover i {
    background-image: url("../image/feedback-icon-active.png");
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content .survey-btn:hover i {
        background-image: url("../image/feedback-icon.png");
    }
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content .survey-btn-normal {
        display: none;
    }
}

.navi-scroll .navi-scroll-content .survey-btn-mobile {
    display: none;
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content .survey-btn-mobile {
        display: block;
    }
}

.navi-scroll .navi-scroll-content .scroll-top-btn {
    margin-bottom: 2px;
}
.navi-scroll .navi-scroll-content .survey-btn {
    margin-bottom: 2px;
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content .scroll-top-btn {
        margin-bottom: 6px;
    }
}

.navi-scroll .navi-scroll-content .scroll-top-btn i {
 width: 20px; height: 20px; right: 11px; margin-top: -10px; background-image: url("../image/backtop-icon.png");
}


@media not all, not all, not all, not all {
    .navi-scroll .navi-scroll-content .scroll-top-btn i {
        background-image: url("../image/backtop-icon@2x.png");
        background-size: 20px 20px;
    }
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content .scroll-top-btn i {
        right: 14px;
    }
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content .scroll-top-btn:hover {
        width: 48px;
    }
}

.navi-scroll .navi-scroll-content .scroll-top-btn:hover i {
    background-image: url("../image/backtop-icon-active.png");
}

@media only screen and (max-width:46.87em) {
    .navi-scroll .navi-scroll-content .scroll-top-btn:hover i {
        background-image: url("../image/backtop-icon.png");
    }
}

.online-chat {
    background: #0099d2;
    padding: 15px;
    color: rgb(255, 255, 255);
    display: inline-block;
}

    .online-chat .info {
        padding: 0px 15px;
        vertical-align: middle;
        display: inline-block;
    }

    .online-chat .online-chat-info {
        vertical-align: middle;
        display: inline-block;
    }

    .online-chat .online-chat-icon {
        vertical-align: middle;
        display: inline-block;
    }

    .online-chat .online-chat-icon {
        text-align: center;
        padding-left: 15px;
    }

    .online-chat .online-chat-info {
        border-right-color: rgb(255, 255, 255);
        border-right-width: 1px;
        border-right-style: solid;
    }

        .online-chat .online-chat-info p {
            font-size: 0.75rem;
            font-weight: 700;
            margin-bottom: 3px;
        }

            .online-chat .online-chat-info p:last-child {
                margin-bottom: 0px;
            }

    .online-chat .mobile-info {
        padding-left: 15px;
        font-weight: 700;
        display: none;
    }

@media only screen and (max-width:46.87em) {
    .online-chat {
        padding: 15px 0px;
    }

        .online-chat .mobile-info {
            vertical-align: middle;
            border-left-color: rgb(255, 255, 255);
            border-left-width: 1px;
            border-left-style: solid;
            display: inline-block;
        }

        .online-chat .online-chat-info {
            width: 55%;
            border-right-color: currentColor;
            border-right-width: medium;
            border-right-style: none;
        }

            .online-chat .online-chat-info .info {
                width: 77%;
            }

        .online-chat .online-chat-icon {
            padding: 0px 15px 0px 0px;
        }
}

.options-title {
    text-align: center;
}

    .options-title .h-delta {
        padding: 10px 20px 10px 0px;
        border-right-color: rgb(204, 204, 204);
        border-right-width: 1px;
        border-right-style: solid;
        display: inline-block;
        position: relative;
    }

    .options-title .h-epsilon {
        padding: 10px 20px 10px 0px;
        border-right-color: rgb(204, 204, 204);
        border-right-width: 1px;
        border-right-style: solid;
        display: inline-block;
        position: relative;
    }

    .options-title .h-delta::after {
        background: url("../image/arrow.png") no-repeat;
        top: 15px;
        width: 20px;
        height: 20px;
        right: -19px;
        position: absolute;
        content: "";
    }

    .options-title .h-epsilon::after {
        background: url("../image/arrow.png") no-repeat;
        top: 15px;
        width: 20px;
        height: 20px;
        right: -19px;
        position: absolute;
        content: "";
    }

    .options-title .options-labels {
        padding: 10px 20px;
        display: inline-block;
    }

        .options-title .options-labels img {
            margin-right: 15px;
        }

.pagination {
    margin: 0px auto;
    text-align: center;
    overflow: hidden;
}

    .pagination li {
        background: rgb(255, 255, 255);
        border-radius: 50%;
        width: 50px;
        height: 50px;
        text-align: center;
        color: rgb(31, 134, 87);
        line-height: 50px;
        margin-right: 13px;
        display: inline-block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

        .pagination li a {
            font-size: 1.12rem;
            display: block;
        }

        .pagination li.active {
            background: #0099d2;
            color: rgb(255, 255, 255);
        }

        .pagination li:hover {
            background: #0099d2;
            color: rgb(255, 255, 255);
        }

.product-detail-top {
    padding: 20px 0px 0px;
}

    .product-detail-top::after {
        clear: both;
        display: table;
        content: "";
    }

    .product-detail-top .product-detail-content {
        text-align: center;
    }

@media only screen and (min-width:46.87em) {
    .product-detail-top .product-detail-content {
        margin: 0px auto 40px;
        width: 80%;
    }
}

.product-detail-left {
    padding: 20px 0px;
}

    .product-detail-left::after {
        clear: both;
        display: table;
        content: "";
    }

@media only screen and (min-width:46.87em) {
    .product-detail-left .product-detail-image {
        width: 50%;
        float: right;
    }

    .product-detail-left .product-detail-content {
        width: 50%;
        margin-top: 40px;
        float: left;
    }

        .product-detail-left .product-detail-content .heading {
            text-align: left;
        }
}

.product-detail-right {
    padding: 20px 0px;
}

    .product-detail-right::after {
        clear: both;
        display: table;
        content: "";
    }

@media only screen and (min-width:46.87em) {
    .product-detail-right .product-detail-image {
        width: 50%;
        float: left;
    }

    .product-detail-right .product-detail-content {
        width: 50%;
        margin-top: 40px;
        float: right;
    }

        .product-detail-right .product-detail-content .heading {
            text-align: left;
        }
}

.product-detail-bottom {
    padding: 20px 0px;
}

    .product-detail-bottom::after {
        clear: both;
        display: table;
        content: "";
    }

    .product-detail-bottom .product-detail-content {
        text-align: center;
        padding-bottom: 10px;
        border-bottom-color: rgb(237, 237, 237);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .product-detail-bottom .product-detail-content > p {
            margin-bottom: 1em;
        }

@media only screen and (min-width:46.87em) {
    .product-detail-bottom .product-detail-content {
        margin: 0px auto;
        width: 80%;
        padding-bottom: 20px;
    }
}

.product-detail-image img {
    width: 100%;
}

.product-detail-content {
    color: rgb(57, 57, 57);
    font-size: 0.87rem;
}

    .product-detail-content p {
        color: rgb(102, 102, 102);
        line-height: 1.5em;
    }

    .product-detail-content .heading {
        text-align: center;
        color: rgb(0, 0, 0);
        font-size: 1.62rem;
        margin-bottom: 10px;
    }

@media only screen and (min-width:46.87em) {
    .product-detail-content .heading {
        font-size: 1.87rem;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:61.87em) {
    .product-detail-content .heading {
        font-size: 2.12rem;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width:61.87em) {
    .product-detail-content {
        font-size: 1.12rem;
    }
}

.product-gallery::after {
    clear: both;
    display: table;
    content: "";
}

.product-gallery-view {
    width: 62.5%;
    float: right;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .product-gallery-view {
        width: 100%;
        float: none;
    }
}

.product-gallery-items {
    width: 37.5%;
    float: left;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .product-gallery-items {
        width: 100%;
        float: none;
    }
}

.product-gallery-items li {
    padding: 6px 0px 0px;
    text-align: center;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .product-gallery-items li {
        padding: 20px 8px;
        display: inline-block;
    }
}

@media only screen and (min-width:61.87em) {
    .product-gallery-items li {
        padding: 30px 0px 0px;
    }
}

.product-gallery-items a {
    margin: 0px auto;
    padding: 12px;
    border-radius: 50%;
    border: 1px solid rgb(237, 237, 237);
    border-image: none;
    width: 77px;
    height: 77px;
    display: block;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .product-gallery-items a {
        width: 53px;
        height: 53px;
    }
}

.product-gallery-items a img {
    max-height: 100%;
    max-width: 100%;
}

.product-gallery-items .is-active a {
    border-color: #0099d2;
}

.purchase-info {
    background: rgb(255, 255, 255);
    padding: 20px;
}

    .purchase-info .info {
        width: 49%;
        vertical-align: middle;
        display: inline-block;
    }

    .purchase-info .actions {
        width: 49%;
        vertical-align: middle;
        display: inline-block;
    }

    .purchase-info .info {
        color: rgb(123, 123, 123);
        font-size: 0.87rem;
    }

        .purchase-info .info .text {
            display: block;
        }

        .purchase-info .info .price {
            color: rgb(255, 51, 0);
            font-size: 1.87rem;
            font-weight: normal;
            margin-top: 10px;
            display: block;
        }

        .purchase-info .info .old-price {
            color: rgb(0, 0, 0);
            text-decoration: line-through;
        }

    .purchase-info .actions {
        text-align: center;
    }

        .purchase-info .actions .button {
            margin-bottom: 20px;
        }

        .purchase-info .actions .button {
            padding: 20px;
            display: block;
            min-width: 120px;
        }

        .purchase-info .actions .button-light {
            padding: 20px;
            display: block;
            min-width: 120px;
        }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .purchase-info .info {
        width: 30%;
    }

    .purchase-info .actions {
        width: 69%;
    }

        .purchase-info .actions .button {
            margin-right: 10px;
        }

        .purchase-info .actions .button {
            display: inline-block;
        }

        .purchase-info .actions .button-light {
            display: inline-block;
        }
}

@media only screen and (min-width:46.87em) {
    .purchase-info .info {
        font-size: 1.12rem;
    }

        .purchase-info .info::after {
            clear: both;
            display: table;
            content: "";
        }

        .purchase-info .info .price {
            font-size: 2.5rem;
        }

        .purchase-info .info .price {
            vertical-align: middle;
            display: inline-block;
        }

        .purchase-info .info .old-price {
            vertical-align: middle;
            display: inline-block;
        }

    .purchase-info .actions .button {
        min-width: 160px;
    }

    .purchase-info .actions .button-light {
        min-width: 160px;
    }
}

@media only screen and (min-width:61.87em) {
    .purchase-info {
        padding: 50px;
        position: relative;
    }

        .purchase-info::after {
            background: rgb(255, 255, 255);
            left: 100%;
            top: 0px;
            width: 300%;
            height: 100%;
            right: 0px;
            display: block;
            position: absolute;
            content: "";
        }

        .purchase-info .price {
            margin: 20px 0px;
        }

        .purchase-info .info {
            width: auto;
            display: block;
        }

        .purchase-info .actions {
            width: auto;
            display: block;
        }

        .purchase-info .actions {
            width: 30%;
        }
}

.purchase-store {
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(235, 235, 235) 100%);
    padding: 20px;
    clear: both;
}

    .purchase-store p {
        width: 48%;
        text-align: left;
        color: rgb(123, 123, 123);
        vertical-align: top;
        display: inline-block;
    }

    .purchase-store ul {
        width: 50%;
        text-align: center;
        vertical-align: top;
        display: inline-block;
    }

        .purchase-store ul a {
            color: rgb(31, 134, 87);
            font-weight: bold;
        }

            .purchase-store ul a:hover {
                color: rgb(0, 0, 0);
            }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .purchase-store {
        padding: 30px;
    }
}

@media only screen and (min-width:46.87em) {
    .purchase-store p {
        width: 35%;
        font-size: 1.12rem;
    }

    .purchase-store ul {
        width: 60%;
        text-align: left;
    }
}

@media only screen and (min-width:61.87em) {
    .purchase-store {
        background: linear-gradient(to right, rgb(251, 251, 251) 0%, rgb(245, 245, 245) 67%, rgb(245, 245, 245) 100%);
        padding: 40px 0px 40px 40px;
    }

        .purchase-store p {
            width: auto;
            margin-bottom: 2em;
        }

        .purchase-store ul {
            display: block;
        }
}

.product-thumbnail {
    overflow: hidden;
}

    .product-thumbnail li {
        background: rgb(255, 255, 255);
        margin: 2px;
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        float: left;
    }

.products-nav {
    font-size: 1.12rem;
    border-bottom-color: rgb(237, 237, 237);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .products-nav::after {
        clear: both;
        display: table;
        content: "";
    }

    .products-nav a {
        padding: 6px;
        color: rgb(31, 134, 87);
        margin-left: 20px;
        float: right;
    }

        .products-nav a span {
            vertical-align: middle;
            display: inline-block;
        }

        .products-nav a .icon {
            margin: 2px 2px 4px;
        }

        .products-nav a .navigation-filters .filter-name::after {
            margin: 2px 2px 4px;
        }

.navigation-filters .products-nav a .filter-name::after {
    margin: 2px 2px 4px;
}

.products-nav .back {
    margin: 0px;
    color: rgb(123, 123, 123);
    float: left;
}

@media only screen and (max-width:46.87em) {
    .products-nav {
        padding: 20px 0px 15px;
    }
}

.progress-bar-title {
    text-align: center;
    color: #0099d2;
    font-size: 1rem;
    margin-bottom: 10px;
}

.progress-bar .bar {
    margin: 0px auto;
    width: 80%;
    position: relative;
}

.progress-bar .whole-bar {
    background: rgb(121, 195, 158);
    border-radius: 2px;
    width: 100%;
    height: 13px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.progress-bar .progress {
    background: rgb(121, 195, 158);
    border-radius: 2px;
    width: 100%;
    height: 13px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.progress-bar .progress {
    background: #0099d2;
    left: 0px;
    top: 0px;
    position: absolute;
}

.progress-bar .sm {
    height: 10px;
}

    .progress-bar .sm .whole-bar {
        background: rgb(255, 255, 255);
        height: 10px;
    }

    .progress-bar .sm .progress {
        background: rgb(255, 255, 255);
        height: 10px;
    }

    .progress-bar .sm .progress {
        background: #0099d2;
    }

.progress-bar.detail {
    background: rgb(245, 245, 245);
    padding: 15px 0px;
}

    .progress-bar.detail .progress-time {
        padding: 0px 10px;
        width: 30%;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
    }

        .progress-bar.detail .progress-time .progress-title {
            font-size: 1.12rem;
        }

        .progress-bar.detail .progress-time .progress-subtitle {
            color: rgb(123, 123, 123);
            font-size: 0.81rem;
        }

    .progress-bar.detail .progress-info {
        padding: 0px 15px;
        width: 70%;
        font-size: 0.81rem;
        vertical-align: middle;
        border-left-color: rgb(204, 204, 204);
        border-left-width: 1px;
        border-left-style: solid;
        display: inline-block;
    }

    .progress-bar.detail .bar {
        margin: 14px 0px 18px;
        width: 100%;
    }

        .progress-bar.detail .bar .whole-bar {
            background: rgb(255, 255, 255);
            height: 28px;
            border-bottom-color: rgb(204, 204, 204);
            border-bottom-width: 3px;
            border-bottom-style: solid;
        }

        .progress-bar.detail .bar .progress {
            background: rgb(255, 255, 255);
            height: 28px;
            border-bottom-color: rgb(204, 204, 204);
            border-bottom-width: 3px;
            border-bottom-style: solid;
        }

        .progress-bar.detail .bar .progress {
            background: #0099d2;
            border-bottom-color: rgb(32, 132, 85);
            border-bottom-width: 3px;
            border-bottom-style: solid;
        }

    .progress-bar.detail .info-top .left {
        text-align: left;
    }

    .progress-bar.detail .info-top .center {
        color: rgb(123, 123, 123);
    }

    .progress-bar.detail .info-bottom {
        text-align: left;
        color: rgb(123, 123, 123);
    }

@media only screen and (max-width:46.87em) {
    .progress-bar .info-top .left {
        font-size: 1.12rem;
        margin-right: 10px;
    }

    .progress-bar .info-top .right {
        font-size: 1.12rem;
        margin-top: 5px;
        display: block;
    }
}

@media only screen and (min-width:46.87em) {
    .progress-bar.detail {
        padding: 20px 0px;
    }

        .progress-bar.detail .progress-time {
            padding: 0px 35px;
            width: 40%;
        }

            .progress-bar.detail .progress-time .progress-title {
                margin-bottom: 25px;
            }

        .progress-bar.detail .progress-info {
            padding: 0px 35px;
            width: 60%;
        }

        .progress-bar.detail .info-top span {
            display: inline-block;
        }

        .progress-bar.detail .info-top .right {
            text-align: right;
        }

        .progress-bar.detail .info-top .right {
            width: 25%;
        }

        .progress-bar.detail .info-top .left {
            width: 25%;
        }

        .progress-bar.detail .info-top .center {
            width: 50%;
        }

        .progress-bar.detail .info-bottom {
            text-align: center;
        }
}

.qr-button {
    background: #0099d2;
    padding: 12px;
    float: left;
}

    .qr-button img {
        width: 56px;
        height: 56px;
    }

.qr-code {
    display: inline-block;
}

    .qr-code .qr-image {
        background: rgb(237, 237, 237);
        padding: 12px;
    }

        .qr-code .qr-image img {
            width: 120px;
            height: 120px;
        }

    .qr-code .qr-description {
        background: #0099d2;
        padding: 12px;
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 0.81rem;
        font-weight: 700;
    }

.rating .stars.one {
    background-position: 0px -14px;
}

.rating .stars.two {
    background-position: 0px -28px;
}

.rating .stars.three {
    background-position: 0px -42px;
}

.rating .stars.four {
    background-position: 0px -56px;
}

.rating .stars.five {
    background-position: 0px -70px;
}

.rating .comments {
    font-size: 0.81rem;
    margin-left: 8px;
}

.green-rating .stars.one {
    background-position: -9px -26px;
}

.green-rating .stars.two {
    background-position: -9px -47px;
}

.green-rating .stars.three {
    background-position: -9px -70px;
}

.green-rating .stars.four {
    background-position: -9px -88px;
}

.green-rating .stars.five {
    background-position: -9px -107px;
}

.search-store {
    background: rgba(255, 255, 255, 0.4);
    margin: 0px auto;
    padding: 6px;
    border-radius: 6px;
    width: 90%;
}

    .search-store .input-button-item {
        border-radius: 6px;
        overflow: hidden;
    }

    .search-store input {
        border: currentColor;
        border-image: none;
        font-size: 1.25rem;
    }

@media only screen and (min-width:46.87em) {
    .search-store {
        width: 72%;
    }

        .search-store input {
            height: 56px;
        }

        .search-store .button {
            height: 56px;
        }

        .search-store input {
            font-size: 1.12rem;
        }
}

@media only screen and (min-width:61.87em) {
    .search-store {
        max-width: 714px;
    }

        .search-store input {
            height: 72px;
        }

        .search-store .button {
            height: 72px;
        }

        .search-store input {
            padding: 24px 22px 22px;
        }
}

.search-store-wrapper {
    left: 0px;
    top: 40%;
    width: 100%;
    position: absolute;
}

.showcase {
    color: rgb(255, 255, 255);
    position: relative;
}

    .showcase img {
        width: 100%;
    }

    .showcase .heading {
        font-size: 1.87rem;
        font-weight: bold;
    }

    .showcase .subheading {
        font-size: 1.75rem;
        font-weight: normal;
    }

        .showcase .subheading span {
            display: block;
        }

    .showcase p {
        font-size: 0.81rem;
        margin-top: 14px;
    }

        .showcase p + p {
            margin-top: 4px;
        }

    .showcase .showcase-content {
        width: 100%;
    }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .showcase .heading {
        font-size: 2.37rem;
    }

    .showcase .subheading {
        font-size: 2.25rem;
    }
}

@media only screen and (min-width:61.87em) {
    .showcase .heading {
        font-size: 3.12rem;
    }

    .showcase .subheading {
        font-size: 3rem;
    }

    .showcase p {
        font-size: 1rem;
        margin-top: 18px;
    }
}

.showcase-left-bottom {
    left: 0px;
    bottom: 12%;
    position: absolute;
}

    .showcase-left-bottom .wrapper {
        padding: 0px 34px;
    }

@media only screen and (min-width:61.87em) {
    .showcase-left-bottom {
        bottom: 18%;
    }
}

.showcase-left-top {
    left: 0px;
    top: 6%;
    position: absolute;
}

    .showcase-left-top .wrapper {
        padding: 0px 34px;
    }

@media only screen and (min-width:61.87em) {
    .showcase-left-top {
        top: 10%;
    }
}

.showcase-center {
    left: 0px;
    top: 0px;
    height: 100%;
    text-align: center;
    position: absolute;
}

    .showcase-center .wrapper {
        vertical-align: middle;
        display: inline-block;
    }

    .showcase-center::before {
        height: 100%;
        vertical-align: middle;
        display: inline-block;
        content: "";
    }

.store-location {
    padding: 20px;
    font-size: 1rem;
}

    .store-location .h-epsilon {
        font-size: 1rem;
        margin-bottom: 22px;
    }

    .store-location p + p {
        margin-top: 10px;
    }

    .store-location p span {
        vertical-align: middle;
        display: inline-block;
    }

@media only screen and (max-width:46.87em) {
    .store-location .gi {
        margin-top: 6px;
    }
}

@media only screen and (min-width:46.87em) {
    .store-location {
        padding: 26px 14px;
        font-size: 0.93rem;
    }

        .store-location p + p {
            margin-top: 10px;
        }

        .store-location .h-epsilon {
            padding: 0px 18px;
            margin-bottom: 26px;
        }

        .store-location .gi {
            padding: 4px 18px 0px 30px;
            border-left-color: rgb(204, 204, 204);
            border-left-width: 1px;
            border-left-style: solid;
            min-height: 66px;
        }

        .store-location :first-child.gi {
            border: currentColor;
            border-image: none;
        }
}

@media only screen and (max-width:46.87em) {
    .store-location-info .store-name {
        padding-right: 78px;
        position: relative;
    }

        .store-location-info .store-name .view-details {
            top: 0px;
            right: 0px;
            position: absolute;
        }
}

.store-location-details {
    padding: 8px 10px 10px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    margin-top: 10px;
}

    .store-location-details p span {
        padding-right: 12px;
    }

        .store-location-details p span:last-child {
            padding-right: 0px;
        }

@media only screen and (max-width:46.87em) {
    .store-location-details .icon-clock {
        display: none;
    }
}

@media only screen and (min-width:46.87em) {
    .store-location-details {
        padding: 20px 0px;
        margin-top: 20px;
    }
}

.video {
    text-align: center;
    position: relative;
}

    .video .video-bg {
        width: 100%;
    }

    .video .icon {
        margin: -27px 0px 0px -27px;
        left: 50%;
        top: 50%;
        position: absolute;
    }

    .video .navigation-filters .filter-name::after {
        margin: -27px 0px 0px -27px;
        left: 50%;
        top: 50%;
        position: absolute;
    }

.navigation-filters .video .filter-name::after {
    margin: -27px 0px 0px -27px;
    left: 50%;
    top: 50%;
    position: absolute;
}

.add-cart-form .gi {
    vertical-align: middle;
}

.add-cart-form .input-big-radio {
    margin: 10px 0px;
}

.animated-items {
    transition: left 0.3s, margin 0.3s;
    left: 0px;
    width: 150%;
    margin-left: 0px;
    position: relative;
}

@media only screen and (min-width:46.87em) {
    .animated-items {
        width: 125%;
    }

        .animated-items.active {
            margin-left: -10%;
        }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .animated-items.active {
        margin-left: -20%;
    }
}

@media only screen and (min-width:61.87em) {
    .animated-items {
        width: 120%;
    }
}

@media only screen and (max-width:46.87em) {
    .animated-items {
        width: 100%;
    }
}

.animated-items .item-animated {
    padding: 0px 3px;
    transition: width 0.3s;
    width: 33.33%;
    display: inline-block;
    position: relative;
}

    .animated-items .item-animated::after {
        clear: both;
        display: table;
        content: "";
    }

    .animated-items .item-animated.third-item {
        display: none;
    }

    .animated-items .item-animated.fourth-item {
        display: none;
    }

    .animated-items .item-animated.active {
        width: 100%;
    }

@media only screen and (min-width:46.87em) {
    .animated-items .item-animated {
        width: 20%;
    }

        .animated-items .item-animated.third-item {
            display: inline-block;
        }
}

@media only screen and (min-width:61.87em) {
    .animated-items .item-animated {
        width: 16.66%;
    }

        .animated-items .item-animated.fourth-item {
            display: inline-block;
        }
}

@media only screen and (max-width:46.87em) {
    .animated-items .item-animated {
        width: 50%;
    }
}

.animated-items .open {
    background: rgb(22, 155, 113);
    width: 66.66%;
    padding-left: 0px;
    border-left-color: rgb(22, 155, 113);
    border-left-width: 3px;
    border-left-style: solid;
}

    .animated-items .open .item-animated-view .item-animated-title {
        opacity: 0;
    }

    .animated-items .open .item-animated-view .item-animated-price {
        opacity: 0;
    }

    .animated-items .open .item-animated-content {
        left: 50%;
    }

@media only screen and (min-width:46.87em) {
    .animated-items .open {
        width: 40%;
    }
}

@media only screen and (min-width:61.87em) {
    .animated-items .open {
        width: 33.33%;
    }
}

@media only screen and (max-width:46.87em) {
    .animated-items .open {
        width: 50%;
    }

        .animated-items .open .item-animated-content {
            left: 100%;
            z-index: 11;
            opacity: 1;
        }
}

@media only screen and (max-width:46.87em) {
    .animated-items :nth-child(2n).open .item-animated-content {
        left: -100%;
        z-index: 11;
    }
}

.animated-items .item-animated .photo {
    padding: 0px 35px;
    margin-bottom: 20px;
}

.animated-items .photo {
    text-align: center;
}

    .animated-items .photo img {
        width: 100%;
        max-width: 100%;
    }

@media only screen and (max-width:46.87em) {
    .animated-items {
        left: 0px;
    }

        .animated-items .second-item {
            transition: left 0.3s;
            left: 0px;
        }

            .animated-items .second-item.open {
                left: -33.4%;
            }

        .animated-items .item-view-more {
            padding: 20px 0px 0px;
            width: 66.5%;
        }
}

.item-animated-title {
    text-align: center;
    color: rgb(57, 57, 57);
    line-height: 1.1em;
    font-size: 1.37rem;
    font-weight: 200;
    margin-bottom: 8px;
    min-height: 2.2em;
}

@media only screen and (min-width:46.87em) {
    .item-animated-title {
        font-size: 1.5rem;
    }
}

.item-animated-view {
    background: rgb(255, 255, 255);
    border-bottom-color: rgb(203, 204, 203);
    border-bottom-width: 3px;
    border-bottom-style: solid;
    position: relative;
    z-index: 2;
}

    .item-animated-view > a {
        padding: 28px 0px 35px;
        display: block;
    }

@media only screen and (min-width:46.87em) {
    .item-animated-view > a {
        padding-bottom: 20px;
    }
}

.item-animated-view .item-animated-price {
    text-align: center;
    color: rgb(31, 134, 87);
    font-size: 1.5rem;
}

@media only screen and (min-width:46.87em) {
    .item-animated-view .item-animated-price {
        font-size: 1.62rem;
    }
}

.item-animated-content {
    background: linear-gradient(120.999992deg, rgb(22, 155, 113) 0%, rgb(22, 155, 113) 50%, rgb(28, 161, 119) 51%, rgb(22, 155, 113) 100%);
    padding: 12px 10px;
    transition: left 0.3s;
    left: 3px;
    top: 0px;
    height: 100%;
    color: rgb(255, 255, 255);
    overflow: hidden;
    margin-right: 3px;
    position: absolute;
    z-index: 1;
}

    .item-animated-content .item-animated-title {
        text-align: left;
        color: rgb(255, 255, 255);
        font-size: 1.25rem;
        font-weight: 400;
        margin-bottom: 10px;
        min-height: 0px;
    }

    .item-animated-content .item-animated-price {
        text-align: left;
        color: rgb(255, 255, 255);
        font-size: 1.25rem;
        margin-bottom: 0.4em;
    }

    .item-animated-content .subtitle {
        line-height: 1.2;
        font-size: 1.12rem;
        font-weight: bold;
        margin-bottom: 0.4em;
    }

    .item-animated-content .item-animated-description {
        line-height: 1.2;
        font-size: 0.87rem;
    }

    .item-animated-content .button-transparent {
        padding: 6px 12px;
        font-size: 0.81rem;
        margin-top: 1em;
        display: block;
    }

@media only screen and (min-width:46.87em) {
    .item-animated-content {
        padding: 18px 10px;
    }

        .item-animated-content .item-animated-title {
            font-size: 1.5rem;
        }

        .item-animated-content .item-animated-price {
            font-size: 1.62rem;
        }

        .item-animated-content .subtitle {
            font-size: 1.25rem;
        }

        .item-animated-content .button-transparent {
            margin-top: 1.5em;
        }
}

@media only screen and (min-width:61.87em) {
    .item-animated-content {
        padding: 18px;
    }

        .item-animated-content .item-animated-price {
            margin-bottom: 0.8em;
        }

        .item-animated-content .subtitle {
            margin-bottom: 0.8em;
        }
}

@media only screen and (min-width:75em) {
    .item-animated-content .button-transparent {
        padding: 12px;
        margin-top: 3em;
    }
}

@media only screen and (max-width:46.87em) {
    .item-animated-content {
        opacity: 0;
    }
}

.item-animated-view-more {
    padding: 0px 3px;
    width: 66.6%;
    min-height: 86px;
}

    .item-animated-view-more .item-view {
        border: currentColor;
        border-image: none;
    }

    .item-animated-view-more .text-green {
        display: none;
    }

    .item-animated-view-more .button {
        margin: 10px auto;
        font-size: 1rem;
        display: block;
    }

    .item-animated-view-more img {
        display: none;
    }

@media only screen and (min-width:46.87em) {
    .item-animated-view-more {
        width: 20%;
        position: relative;
    }

        .item-animated-view-more .button {
            margin: 0px 8%;
            padding: 20px 0px;
            left: 0px;
            width: 84%;
            bottom: 20px;
            white-space: nowrap;
            position: absolute;
        }

        .item-animated-view-more img {
            display: block;
        }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .item-animated-view-more {
        width: 80%;
        display: block;
    }

        .item-animated-view-more .photo {
            text-align: right;
        }

        .item-animated-view-more img {
            display: none;
        }

        .item-animated-view-more .button {
            display: none;
        }

        .item-animated-view-more .text-green {
            color: rgb(31, 134, 87);
            line-height: 5rem;
            padding-right: 2rem;
            font-size: 1.5rem;
            text-decoration: underline;
            display: block;
        }
}

@media only screen and (min-width:61.87em) {
    .item-animated-view-more {
        width: 16.66%;
    }
}

@media only screen and (max-width:46.87em) {
    .item-animated-view-more {
        width: 100%;
    }
}

.buying-details {
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%);
    padding: 14px 0px 0px;
}

    .buying-details .input-big-radio label span {
        padding: 16px 6px;
    }

    .buying-details .options-title {
        margin: 20px 0px;
    }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .buying-details {
        padding: 22px 0px;
    }
}

@media only screen and (min-width:61.87em) {
    .buying-details {
        padding: 28px 0px;
    }
}

.cart {
    padding: 5px 0px 0px;
}

    .cart .h-delta {
        font-weight: normal;
        margin-bottom: 14px;
    }

    .cart .field {
        margin: 8px 0px;
    }

    .cart .cart-button {
        margin: 10px 0px;
        width: 100%;
    }

    .cart .area {
        padding: 20px 20px 0px;
    }

        .cart .area + .cart-product {
            border-top-color: rgb(204, 204, 204);
            border-top-width: 1px;
            border-top-style: solid;
        }

    .cart .highlight {
        background: rgb(252, 252, 252);
    }

.cart-details-show {
    color: rgb(31, 134, 87);
    position: relative;
}

    .cart-details-show::before {
        background-position: 0px -520px;
        top: 3px;
        width: 17px;
        height: 10px;
        right: -24px;
        display: block;
        position: absolute;
        content: " ";
        background-image: url("../image/sprite-icons.svg");
        background-repeat: no-repeat;
    }

    .cart-details-show.active::before {
        background-position: 0px -540px;
    }

.cart-details-content {
    padding: 20px 20px 0px;
    display: none;
}

    .cart-details-content.show {
        display: block;
    }

.chat-structure {
    position: relative;
}

    .chat-structure .qr-code {
        right: 0px;
        bottom: 90px;
        display: none;
        position: absolute;
    }

    .chat-structure .online-chat {
        margin-right: 5px;
        float: left;
    }

@media only screen and (max-width:46.87em) {
    .chat-structure .online-chat {
        float: none;
    }
}

.online-chat {
    background: #0099d2;
    padding: 15px;
    color: rgb(255, 255, 255);
    display: inline-block;
}

    .online-chat .info {
        padding: 0px 15px;
        vertical-align: middle;
        display: inline-block;
    }

    .online-chat .online-chat-info {
        vertical-align: middle;
        display: inline-block;
    }

    .online-chat .online-chat-icon {
        vertical-align: middle;
        display: inline-block;
    }

    .online-chat .online-chat-icon {
        text-align: center;
        padding-left: 15px;
    }

    .online-chat .online-chat-info {
        border-right-color: rgb(255, 255, 255);
        border-right-width: 1px;
        border-right-style: solid;
    }

        .online-chat .online-chat-info p {
            font-size: 0.75rem;
            font-weight: 700;
            margin-bottom: 3px;
        }

            .online-chat .online-chat-info p:last-child {
                margin-bottom: 0px;
            }

    .online-chat .mobile-info {
        padding-left: 15px;
        font-weight: 700;
        display: none;
    }

@media only screen and (max-width:46.87em) {
    .online-chat {
        padding: 15px 0px;
    }

        .online-chat .mobile-info {
            vertical-align: middle;
            border-left-color: rgb(255, 255, 255);
            border-left-width: 1px;
            border-left-style: solid;
            display: inline-block;
        }

        .online-chat .online-chat-info {
            width: 55%;
            border-right-color: currentColor;
            border-right-width: medium;
            border-right-style: none;
        }

            .online-chat .online-chat-info .info {
                width: 77%;
            }

        .online-chat .online-chat-icon {
            padding: 0px 15px 0px 0px;
        }
}

.qr-button {
    background: #0099d2;
    padding: 12px;
    display: inline-block;
}

    .qr-button .picture {
        width: 56px;
        height: 56px;
    }

.qr-code {
    display: none;
}

    .qr-code .qr-image {
        background: rgb(237, 237, 237);
        padding: 12px;
    }

    .qr-code .qr-description {
        background: #0099d2;
        padding: 12px;
        text-align: center;
        color: rgb(255, 255, 255);
        font-size: 0.81rem;
        font-weight: 700;
    }

.comments {
    font-size: 1rem;
}

    .comments li {
        padding: 35px 10px;
        border-bottom-color: rgb(237, 237, 237);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .comments li::after {
            clear: both;
            display: table;
            content: "";
        }

    .comments .comments-title {
        font-size: 1.5rem;
        float: left;
    }

    .comments .comments-subtitle {
        font-size: 1.12rem;
        float: right;
    }

    .comments .photo {
        float: left;
    }

        .comments .photo img {
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

    .comments .content {
        padding-left: 120px;
    }

    .comments .name {
        padding-right: 10px;
        margin-bottom: 10px;
    }

        .comments .name span {
            display: block;
        }

        .comments .name .strong {
            font-weight: 700;
        }

    .comments .comment .green-rating {
        margin-top: 14px;
    }

@media only screen and (min-width:46.87em) {
    .comments .comments-subtitle p {
        display: inline-block;
    }

    .comments .comments-subtitle .green-rating {
        display: inline-block;
    }

    .comments .name {
        vertical-align: top;
        display: inline-block;
    }

    .comments .comment {
        vertical-align: top;
        display: inline-block;
    }

    .comments .name {
        width: 20%;
    }

        .comments .name .strong {
            margin-bottom: 10px;
        }

    .comments .comment {
        width: 80%;
    }
}

.community-stories li {
    padding: 8px 0px;
    margin-bottom: 6px;
    border-bottom-color: rgb(237, 237, 237);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .community-stories li::after {
        clear: both;
        display: table;
        content: "";
    }

@media only screen and (min-width:46.87em) {
    .community-stories li {
        padding: 20px 0px;
    }
}

@media only screen and (min-width:46.87em) {
    .community-stories li {
        padding: 28px 0px;
    }
}

.community-stories .story-photo {
    width: 57px;
    margin-right: 15px;
    float: left;
}

    .community-stories .story-photo img {
        border: 1px solid rgb(237, 237, 237);
        border-image: none;
        width: 100%;
    }

.community-stories .story-content {
    overflow: hidden;
}

.community-stories .story-title {
    font-size: 0.93rem;
    margin-bottom: 6px;
}

@media only screen and (min-width:46.87em) {
    .community-stories .story-title {
        margin-bottom: 12px;
        float: left;
        max-width: 70%;
    }
}

.community-stories .story-date {
    font-size: 0.87rem;
    margin-bottom: 6px;
}

@media only screen and (min-width:46.87em) {
    .community-stories .story-date {
        text-align: right;
        float: right;
    }
}

.community-stories .story-info {
    font-size: 1rem;
    margin-bottom: 6px;
}

@media only screen and (min-width:46.87em) {
    .community-stories .story-info {
        clear: both;
    }
}

.dual-banner {
    position: relative;
}

    .dual-banner img {
        width: 100%;
    }

    .dual-banner a {
        width: 100%;
        height: 50%;
        position: absolute;
    }

    .dual-banner .first-link {
        left: 0px;
        top: 0px;
    }

    .dual-banner .second-link {
        left: 0px;
        top: 50%;
    }

@media only screen and (min-width:46.87em) {
    .dual-banner a {
        width: 50%;
        height: 100%;
    }

    .dual-banner .first-link {
        left: 0px;
        top: 0px;
    }

    .dual-banner .second-link {
        left: 50%;
        top: 0px;
    }
}

.faq li {
    padding: 25px 0px;
    font-size: 1.12rem;
    border-top-color: rgb(226, 226, 226);
    border-top-width: 1px;
    border-top-style: solid;
}

    .faq li a {
        color: rgb(31, 134, 87);
    }

.faq .bottom {
    padding: 35px 0px;
    text-align: center;
    border-top-color: rgb(226, 226, 226);
    border-top-width: 1px;
    border-top-style: solid;
}

.faq .is-hidden {
    display: none;
}

@media only screen and (min-width:46.87em) {
    .faq {
        font-size: 1rem;
    }
}

.main-footer {
    background: rgb(255, 255, 255);
    padding: 14px 0px;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .main-footer {
        padding: 30px 0px;
    }
}

@media only screen and (min-width:61.87em) {
    .main-footer {
        padding: 10px 0px;
    }
}

@media only screen and (max-width:46.87em) {
    .footer-prominent-area {
        display: none;
    }

        .footer-prominent-area .gi {
            padding-bottom: 6px;
        }
}

@media only screen and (min-width:46.87em) {
    .footer-prominent-area {
        padding-bottom: 40px;
    }

        .footer-prominent-area .gi {
            padding-right: 8px;
        }

        .footer-prominent-area :last-child.gi {
            padding-right: 0px;
        }
}

.footer-prominent-button {
    padding: 17px 40px;
    display: block;
    min-height: 112px;
}

    .footer-prominent-button::after {
        clear: both;
        display: table;
        content: "";
    }

    .footer-prominent-button .img {
        width: 40%;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
    }

        .footer-prominent-button .img img {
            margin-top: 5px;
        }

    .footer-prominent-button .text {
        margin: 25px 0px;
        font-size: 0.87rem;
        font-weight: bold;
        vertical-align: middle;
        float: right;
        display: inline-block;
    }

@media only screen and (min-width:46.87em) {
    .footer-prominent-button .text {
        font-size: 1rem;
    }
}

@media only screen and (min-width:61.87em) {
    .footer-prominent-button .text {
        font-size: 1.25rem;
    }
}

@media only screen and (min-width:46.87em) {
    .footer-prominent-button {
        padding: 17px 15px;
    }
}

@media only screen and (min-width:61.87em) {
    .footer-prominent-button {
        padding: 17px 40px;
        font-size: 1.25rem;
    }
}

.footer-prominent-button.primary {
    background: #0099d2;
    color: rgb(255, 255, 255);
}

    .footer-prominent-button.primary:hover {
        background: #0099d2;
    }

.footer-prominent-button.secondary {
    background: rgb(237, 237, 237);
    color: rgb(51, 51, 51);
}

    .footer-prominent-button.secondary:hover {
        background: rgb(204, 204, 204);
    }

.footer-prominent-button.tertiary {
    background: linear-gradient(to right, rgb(240, 156, 72) 0%, rgb(237, 126, 15) 58%, rgb(237, 126, 15) 100%);
    color: rgb(255, 255, 255);
}

    .footer-prominent-button.tertiary:hover {
        background: rgb(255, 130, 5);
    }

    .footer-prominent-button.tertiary .img {
    }

.footer-sitemap li {
    border-bottom-color: rgb(237, 237, 237);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    position: relative;
}

    .footer-sitemap li ul {
        padding: 0px 20px 10px;
    }

@media only screen and (max-width:46.87em) {
    .footer-sitemap li ul {
        display: none;
    }
}

@media only screen and (min-width:46.87em) {
    .footer-sitemap li ul {
        padding: 0px;
    }
}

.footer-sitemap li li {
    border: currentColor;
    border-image: none;
}

    .footer-sitemap li li a {
        margin: 10px 0px;
        color: rgb(123, 123, 123);
        font-size: 0.93rem;
        display: block;
    }

        .footer-sitemap li li a:hover {
            color: rgb(31, 134, 87);
        }

.footer-sitemap li .toggle {
    background: url("../image/plus-minus-icon.svg") no-repeat 0px 0px;
    top: 0px;
    width: 63px;
    height: 60px;
    right: 0px;
    display: block;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

    .footer-sitemap li .toggle.active {
        background-position: 0px -63px;
    }

@media only screen and (min-width:46.87em) {
    .footer-sitemap li .toggle {
        display: none;
    }
}

@media only screen and (min-width:46.87em) {
    .footer-sitemap li {
        border: currentColor;
        border-image: none;
    }
}

.footer-sitemap .m-item {
    padding: 20px 0px;
    color: rgb(31, 134, 87);
    font-size: 1.12rem;
    font-weight: bold;
    display: block;
}

@media only screen and (min-width:46.87em) {
    .footer-sitemap .m-item {
        padding: 0px;
        margin-bottom: 20px;
        display: inline-block;
    }
}

@media only screen and (min-width:46.87em) {
    .footer-sitemap {
        padding-bottom: 20px;
        border-bottom-color: rgb(237, 237, 237);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
}

@media only screen and (max-width:46.87em) {
    .footer-sitemap {
        display: none;
    }
}

.footer-tools .wrapper::after {
    clear: both;
    display: table;
    content: "";
}

@media only screen and (min-width:46.87em) {
    .footer-tools {
        border-bottom-color: rgb(237, 237, 237);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
}

.footer-social {
    padding: 20px 0px;
    color: rgb(123, 123, 123);
    font-size: 0.93rem;
    border-bottom-color: rgb(237, 237, 237);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .footer-social::after {
        clear: both;
        display: table;
        content: "";
    }

    .footer-social .text {
        padding: 10px 0px;
        float: left;
    }

    .footer-social .text-join-us {
        margin-left: 30px;
        display: none;
    }

@media only screen and (min-width:61.87em) {
    .footer-social .text-join-us {
        display: inline-block;
    }
}

.footer-social .text-link {
    background: none;
    padding: 10px 0px;
    border-radius: 0px;
    border: currentColor;
    border-image: none;
    color: rgb(123, 123, 123);
    margin-left: 30px;
    float: left;
    display: none;
}

@media only screen and (min-width:61.87em) {
    .footer-social .text-link {
        display: inline-block;
    }
}

.footer-social .text-link:hover {
    background: none;
    color: #0099d2;
}

.footer-social .link-join-us {
    padding: 0px 7px;
    display: none;
}

@media only screen and (min-width:61.87em) {
    .footer-social .link-join-us {
        display: inline-block;
    }
}

.footer-social a {
    background: #0099d2;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid#0099d2;
    border-image: none;
    margin-left: 8px;
    float: left;
}

    .footer-social a:hover {
        background: #0099d2;
        border-color: #0099d2;
    }

    .footer-social a:active {
        background: none;
    }

        .footer-social a:active .icon-weibo {
            background-position: -130px 2px;
        }

        .footer-social a:active .icon-instagram {
            background-position: -127px -23px;
        }

        .footer-social a:active .icon-pinterest {
            background-position: -125px -47px;
        }

        .footer-social a:active .icon-linkedin {
            background-position: -128px -75px;
        }

        .footer-social a:active .icon-wechat {
            background-position: -130px -101px;
        }

@media only screen and (min-width:46.87em) {
    .footer-social {
        border: currentColor;
        border-image: none;
        float: left;
    }

        .footer-social .text {
            padding: 12px 0px;
        }

        .footer-social a {
            padding: 6px 8px;
        }
}

.footer-subscribe {
    padding: 20px 0px;
    text-align: left;
    border-bottom-color: rgb(237, 237, 237);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

@media only screen and (min-width:46.87em) {
    .footer-subscribe {
        border: currentColor;
        border-image: none;
        float: right;
        max-width: 560px;
    }
}

@media only screen and (max-width:46.87em) {
    .footer-subscribe::after {
        clear: both;
        display: table;
        content: "";
    }
}

.footer-subscribe .second-about-contact {
    margin-top: 0px;
}

@media only screen and (max-width:46.87em) {
    .footer-subscribe .second-about-contact {
        margin-top: 10px;
    }
}

.footer-subscribe .about-contact .about-contact-info {
    text-align: left;
}

.footer-info {
    padding: 24px 0px;
    text-align: center;
    color: rgb(123, 123, 123);
    font-size: 0.81rem;
    position: relative;
}

    .footer-info .copy {
        float: left;
    }

    .footer-info .chat-structure {
        float: right;
    }

    .footer-info .footer-identification {
        margin-left: 15px;
    }

@media only screen and (max-width:46.87em) {
    .footer-info .copy {
        width: 100%;
        float: none;
    }

    .footer-info .footer-identification {
        margin-top: 5px;
        margin-right: auto;
        margin-left: auto;
    }

    .footer-info .chat-structure {
        width: 100%;
        margin-top: 20px;
        float: none;
    }

    .footer-info .online-chat {
        display: block;
    }

    .footer-info .qr-button {
        display: none;
    }

    .footer-info .qr-code {
        display: none !important;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .footer-info .copy {
        width: 33%;
    }
}

@media only screen and (min-width:46.87em) {
    .footer-info {
        text-align: left;
    }
}

.form-actions::after {
    clear: both;
    display: table;
    content: "";
}

.form-actions .form-actions-left {
    width: 49%;
    float: left;
}

.form-actions .form-actions-right {
    width: 49%;
    text-align: right;
    float: right;
}

.full-carousel .slick-dots {
    left: 0px;
    width: 100%;
    text-align: center;
    bottom: 0px;
    position: absolute;
}

.hero-tabs .slick-dots {
    left: 0px;
    width: 100%;
    text-align: center;
    bottom: 0px;
    position: absolute;
}

.full-carousel .slick-dots li {
    vertical-align: bottom;
    display: inline-block;
}

.hero-tabs .slick-dots li {
    vertical-align: bottom;
    display: inline-block;
}

.full-carousel .slick-dots button {
    background: rgb(32, 132, 85);
    margin: 0px 6px;
    padding: 0px;
    width: 56px;
    height: 3px;
    text-indent: -9999em;
    display: block;
    cursor: pointer;
}

.hero-tabs .slick-dots button {
    background: rgb(32, 132, 85);
    margin: 0px 6px;
    padding: 0px;
    width: 56px;
    height: 3px;
    text-indent: -9999em;
    display: block;
    cursor: pointer;
}

.full-carousel .slick-dots .slick-active button {
    background: rgb(255, 255, 255);
    height: 8px;
}

.full-carousel .slick-dots button:hover {
    background: rgb(255, 255, 255);
    height: 8px;
}

.hero-tabs .slick-dots .slick-active button {
    background: rgb(255, 255, 255);
    height: 8px;
}

.hero-tabs .slick-dots button:hover {
    background: rgb(255, 255, 255);
    height: 8px;
}

@media only screen and (max-width:61.87em) {
    .full-carousel .icon-prev {
        display: none !important;
    }

    .full-carousel .icon-next {
        display: none !important;
    }

    .hero-tabs .icon-prev {
        display: none !important;
    }

    .hero-tabs .icon-next {
        display: none !important;
    }
}

@media only screen and (min-width:46.87em) {
    .full-carousel .slick-dots {
        padding: 0px 35px;
        text-align: right;
        bottom: 14px;
    }

    .hero-tabs .slick-dots {
        padding: 0px 35px;
        text-align: right;
        bottom: 14px;
    }
}

@media only screen and (min-width:61.87em) {
    .full-carousel .slick-dots {
        padding: 0px 20px;
        left: auto;
        right: 10%;
    }

    .hero-tabs .slick-dots {
        padding: 0px 20px;
        left: auto;
        right: 10%;
    }

    .full-carousel .icon-prev {
        top: 50%;
        text-indent: -9999em;
        margin-top: -17px;
        display: block;
        position: absolute;
        z-index: 3;
        cursor: pointer;
    }

    .full-carousel .icon-next {
        top: 50%;
        text-indent: -9999em;
        margin-top: -17px;
        display: block;
        position: absolute;
        z-index: 3;
        cursor: pointer;
    }

    .hero-tabs .icon-prev {
        top: 50%;
        text-indent: -9999em;
        margin-top: -17px;
        display: block;
        position: absolute;
        z-index: 3;
        cursor: pointer;
    }

    .hero-tabs .icon-next {
        top: 50%;
        text-indent: -9999em;
        margin-top: -17px;
        display: block;
        position: absolute;
        z-index: 3;
        cursor: pointer;
    }

    .full-carousel .icon-prev:hover {
        opacity: 0.5;
    }

    .full-carousel .icon-next:hover {
        opacity: 0.5;
    }

    .hero-tabs .icon-prev:hover {
        opacity: 0.5;
    }

    .hero-tabs .icon-next:hover {
        opacity: 0.5;
    }

    .full-carousel .icon-prev {
        left: 54px;
    }

    .hero-tabs .icon-prev {
        left: 54px;
    }

    .full-carousel .icon-next {
        right: 54px;
    }

    .hero-tabs .icon-next {
        right: 54px;
    }
}

.main-header {
    position: relative;
    z-index: 100;
    box-shadow: 0px 3px 3px #e6e6e6;
}

    .main-header .upper-area {
        background: #fc2f1e;
        color: rgb(255, 255, 255);
        font-size: 0.81rem;
        min-height: 10px;
    }

        .main-header .upper-area a {
            color: rgb(255, 255, 255);
        }

        .main-header .upper-area .wrapper {
            display: none;
        }

@media only screen and (min-width:61.87em) {
    .main-header .upper-area .wrapper {
        text-align: right;
        display: block;
    }
}

@media only screen and (min-width:61.87em) {
    .main-header .upper-area li + li {
        border-left-color: rgb(247, 247, 247);
        border-left-width: 1px;
        border-left-style: solid;
    }

    .main-header .upper-area a {
        padding: 8px 20px 6px;
        line-height: 20px;
        display: block;
        min-height: 35px;
    }

        .main-header .upper-area a:hover {
            background: #0099d2;
        }

    .main-header .upper-area .search {
        font-size: 1rem;
    }

        .main-header .upper-area .search a {
            padding: 8px 20px 2px;
        }
}

.main-header .upper-area .menu-sec {
    float: left;
}

.main-header .search input {
    background: #0099d2;
    border-width: 0px;
}

.main-header .search button {
    background: #0099d2;
}

@media only screen and (max-width:46.87em) {
    .main-header .search :-ms-input-placeholder {
        color: rgb(255, 255, 255);
        opacity: 0.5;
    }

    .main-header .search button {
        border-color: #0099d2;
    }
}

@media only screen and (min-width:61.87em) {
    .main-header .search a.active {
        background: #0099d2;
    }

    .main-header .search .search-form {
        background: rgb(237, 237, 237);
        top: 42px;
        width: 100%;
        right: 0px;
        display: none;
        position: absolute;
        z-index: 9;
        box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    }

        .main-header .search .search-form::after {
            clear: both;
            display: table;
            content: "";
        }

        .main-header .search .search-form.show {
            display: block;
        }

        .main-header .search .search-form .main-form {
            padding: 20px;
            width: 50%;
            float: right;
        }

    .main-header .search input {
        background: rgb(255, 255, 255);
        border-width: 1px;
    }

    .main-header .search button {
        background: #0099d2;
    }
}

.main-header .log-area a::after {
    clear: both;
    display: table;
    content: "";
}

.main-header .log-area a .text {
    float: left;
}

.main-header .log-area a .icon-messages {
    margin: 0px 10px 0px 18px;
    float: left;
}

.main-header .log-area a .n-messages {
    float: left;
}

.main-header .menu-lang .languages {
    background: #ffffff;
    display: none;
}

    .main-header .menu-lang .languages a {
        font-weight: bold;
    }

    .main-header .menu-lang .languages.show {
        display: block;
    }

.main-header .menu-lang a.active {
    background: #0099d2;
}

@media only screen and (min-width:61.87em) {
    .main-header .menu-lang > a {
        border-right-color: #0099d2;
        border-right-width: 1px;
        border-right-style: solid;
    }

    .main-header .menu-lang .languages {
        top: 42px;
        width: 100%;
        right: -50%;
        position: fixed;
        z-index: 10;
        box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    }

        .main-header .menu-lang .languages .h-epsilon {
            margin: 0.6em 0px;
            text-align: left;
            color: rgb(41, 41, 41);
        }

        .main-header .menu-lang .languages ul {
            text-align: left;
        }

        .main-header .menu-lang .languages li {
            border: currentColor;
            border-image: none;
            width: 12.1%;
            text-align: left;
            vertical-align: top;
            display: inline-block;
        }

        .main-header .menu-lang .languages a {
            color: rgb(123, 123, 123);
        }

            .main-header .menu-lang .languages a.current {
                color: #0099d2;
            }

            .main-header .menu-lang .languages a:hover {
                background: none;
                color: #0099d2;
            }
}

.main-header .bottom-area {
    background: rgb(255, 255, 255);
}

@media only screen and (min-width:61.87em) {
    .main-header .bottom-area .wrapper {
        overflow: visible;
    }

        .main-header .bottom-area .wrapper::after {
            clear: both;
            display: table;
            content: "";
        }
}

.main-header .logo {
    margin: 0px auto;
    padding: 20px 0px 0px;
    width: 60%;
    text-align: center;
}

@media only screen and (min-width:61.87em) {
    .main-header .logo {
        margin: 6px 0px 5px;
        padding: 0px;
        width: 280px;
        text-align: left;
        float: left;
    }
}

.main-header .js-open-menu {
    margin: 20px 0px;
    float: left;
}

@media only screen and (min-width:61.87em) {
    .main-header .js-open-menu {
        display: none;
    }
}

.main-header .shop-cart {
    margin: 20px 0px;
    float: right;
}

    .main-header .shop-cart .text {
        display: none;
    }

    .main-header .shop-cart a {
        padding-right: 20px;
        display: block;
        position: relative;
    }

    .main-header .shop-cart .n-item-cart {
        background: #0099d2;
        padding: 7px 0px;
        border-radius: 50%;
        top: -12px;
        width: 29px;
        height: 29px;
        text-align: center;
        right: 0px;
        color: rgb(255, 255, 255);
        line-height: 1em;
        font-weight: bold;
        display: block;
        position: absolute;
    }

    .main-header .shop-cart:active {
        border-radius: 5px;
        border: 1px solid#0099d2;
        border-image: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        .main-header .shop-cart:active a {
            padding: 11px 29px 11px 9px;
        }

        .main-header .shop-cart:active .text {
            color: #0099d2;
        }

        .main-header .shop-cart:active .icon {
            background-position: -130px -210px;
        }

        .main-header .shop-cart:active .navigation-filters .filter-name::after {
            background-position: -130px -210px;
        }

.navigation-filters .main-header .shop-cart:active .filter-name::after {
    background-position: -130px -210px;
}

@media only screen and (min-width:61.87em) {
    .main-header .shop-cart {
        margin: 10px 0px;
        min-width: 167px;
    }

        .main-header .shop-cart a {
            padding: 12px 30px 12px 10px;
            border-radius: 4px;
            border: 1px solid rgb(232, 232, 232);
            border-image: none;
            display: block;
        }

            .main-header .shop-cart a::after {
                clear: both;
                display: table;
                content: "";
            }

        .main-header .shop-cart .text {
            padding: 8px;
            color: rgb(123, 123, 123);
            font-size: 0.81rem;
            font-weight: 900;
            float: left;
            display: inline;
        }

        .main-header .shop-cart .icon-cart {
            float: right;
        }

        .main-header .shop-cart .n-item-cart {
            top: 6px;
            right: 6px;
        }
}

.main-header .main-menu {
    background: rgb(0, 155, 114);
    top: 0px;
    width: 100%;
    right: 0px;
    display: none;
    position: absolute;
}

    .main-header .main-menu.show {
        display: block;
    }

    .main-header .main-menu .menu a {
        padding: 20px;
        color: rgb(255, 255, 255);
        display: block;
    }

    .main-header .main-menu .menu > li > a {
        font-size: 1.12rem;
        border-bottom-color: #0099d2;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

@media only screen and (min-width:61.87em) {
    .main-header .main-menu .menu > li > a {
        border: currentColor;
        border-image: none;
        font-size: 0.93rem;
    }
}

.main-header .main-menu .m-item {
    font-weight: bold;
    position: relative;
}

    .main-header .main-menu .m-item .toggle {
        background: url("../image/sprite-icons.svg") no-repeat -168px -57px;
        top: 0px;
        width: 58px;
        height: 58px;
        right: 0px;
        display: block;
        position: absolute;
        z-index: 2;
    }

        .main-header .main-menu .m-item .toggle.active {
            background-position: -168px -114px;
        }

@media only screen and (min-width:61.87em) {
    .main-header .main-menu .m-item .toggle {
        display: none;
    }
}

.main-header .main-menu .sub-menu {
    background: #0099d2;
    display: none;
}

    .main-header .main-menu .sub-menu a {
        padding: 15px 30px;
    }

@media only screen and (max-width:46.87em) {
    .main-header .main-menu .sub-menu.show {
        display: block;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .main-header .main-menu .sub-menu.show {
        display: block;
    }
}

.main-header .main-menu .languages {
    background: rgb(237, 237, 237);
    display: none;
}

    .main-header .main-menu .languages.show {
        overflow: hidden;
        display: block;
    }

    .main-header .main-menu .languages p {
        margin: 1em 0px;
    }

    .main-header .main-menu .languages li {
        width: 48%;
        display: inline-block;
    }

    .main-header .main-menu .languages a {
        padding: 8px;
        color: rgb(41, 41, 41);
        line-height: 1.3;
    }

        .main-header .main-menu .languages a.active {
            color: #0099d2;
        }

        .main-header .main-menu .languages a:hover {
            color: #0099d2;
        }

@media only screen and (max-width:46.87em) {
    .main-header .main-menu .lang-link {
        position: relative;
    }

        .main-header .main-menu .lang-link::after {
            background: url("../image/sprite-icons.svg") no-repeat -189px -76px;
            top: 24px;
            width: 17px;
            height: 17px;
            right: 14px;
            display: block;
            position: absolute;
            content: "";
        }

        .main-header .main-menu .lang-link.active::after {
            background-position: -189px -135px;
        }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .main-header .main-menu .gi {
        display: block;
    }

    .main-header .main-menu .log-area .hide {
        display: none;
    }
}

@media only screen and (min-width:61.87em) {
    .main-header .main-menu {
        background: none;
        width: auto;
        float: right;
        display: block;
        position: relative;
    }

        .main-header .main-menu .menu {
            margin: 30px 0px 0px;
        }

            .main-header .main-menu .menu::after {
                clear: both;
                display: table;
                content: "";
            }

            .main-header .main-menu .menu li {
                padding-bottom: 28px;
                float: left;
            }

            .main-header .main-menu .menu a {
                padding: 0px 12px 29px;
                color: rgb(123, 123, 123);
                display: inline;
            }

            .main-header .main-menu .menu .m-item span {
                padding: 4px 0px;
            }

            .main-header .main-menu .menu li:hover {
                position: relative;
            }

                .main-header .main-menu .menu li:hover .m-item {
                    color: rgb(57, 57, 57);
                }

                .main-header .main-menu .menu li:hover .sub-menu {
                    display: block;
                }

            .main-header .main-menu .menu .is-active .m-item {
                color: rgb(57, 57, 57);
            }
    /*.main-header .main-menu .menu .is-active .m-item span {
	border-bottom-color: rgb(11, 176, 238); border-bottom-width: 2px; border-bottom-style: solid;
}*/
    .bott {
        border-bottom-color: rgb(11, 176, 238);
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }

    .main-header .main-menu .sub-menu {
        left: 50%;
        top: 26px;
        width: 200px;
        margin-top: 20px;
        margin-left: -100px;
        display: none;
        position: absolute;
        z-index: 4;
    }

        .main-header .main-menu .sub-menu::before {
            border-width: 0px 10px 10px;
            border-style: solid;
            border-color: transparent transparent rgb(56, 172, 129);
            left: 50%;
            top: -9px;
            width: 0px;
            height: 0px;
            margin-left: -10px;
            position: absolute;
            content: " ";
        }

        .main-header .main-menu .sub-menu li {
            margin: 0px;
            padding: 0px;
            border-bottom-color: rgb(59, 207, 137);
            border-bottom-width: 1px;
            border-bottom-style: solid;
            float: none;
        }

        .main-header .main-menu .sub-menu a {
            padding: 10px;
            text-align: center;
            color: rgb(255, 255, 255);
            display: block;
        }

            .main-header .main-menu .sub-menu a:hover {
                background: rgb(62, 189, 142);
                color: rgb(255, 255, 255);
            }
}

.main-header .mobile-tools {
    background: rgb(0, 155, 114);
}

    .main-header .mobile-tools::after {
        clear: both;
        display: table;
        content: "";
    }

    .main-header .mobile-tools .js-close-menu {
        padding: 15px 0px 15px 8px;
        color: #0099d2;
        float: left;
    }

    .main-header .mobile-tools .log-area {
        padding: 15px 8px 15px 0px;
        color: rgb(255, 255, 255);
        float: right;
    }

        .main-header .mobile-tools .log-area .gi {
            margin: 0px 0px 0px 8px;
            width: auto;
            font-size: 0.87rem;
            float: left;
        }

        .main-header .mobile-tools .log-area :first-child.gi {
            padding-right: 8px;
            border-right-color: rgb(255, 255, 255);
            border-right-width: 1px;
            border-right-style: solid;
        }

        .main-header .mobile-tools .log-area a {
            color: rgb(255, 255, 255);
            font-size: 0.87rem;
        }

@media only screen and (min-width:61.87em) {
    .main-header .mobile-tools {
        display: none;
    }
}

.list-access-icon .wrapper {
    padding: 0px;
}

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .list-access-icon .access-icon {
        width: 50%;
        vertical-align: top;
        display: inline-block;
    }
}

.location-map .menu-tabs {
    padding: 10px 10px 5px;
}

.location-map .js-tab {
    padding: 10px 10px 5px;
}

.location-map .map {
    height: 322px;
}

    .location-map .map img {
        max-width: none;
    }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .location-map {
        margin-top: 18px;
    }
}

@media only screen and (min-width:61.87em) {
    .location-map {
        margin-top: 32px;
    }

        .location-map .menu-tabs {
            padding: 20px 20px 10px;
        }

        .location-map .js-tab {
            padding: 20px 20px 10px;
        }

        .location-map .map {
            height: 600px;
        }
}

.location-map-legend ul {
    margin-top: 16px;
}

.location-map-legend section {
    padding: 20px 10px;
}

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .location-map-legend li {
        width: 49%;
        padding-right: 10px;
        vertical-align: top;
        display: inline-block;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .location-map-legend li {
        width: 32%;
        padding-right: 10px;
        vertical-align: top;
        display: inline-block;
    }
}

@media only screen and (min-width:61.87em) {
    .location-map-legend {
        padding: 0px;
        border-left-color: rgb(226, 226, 226);
        border-left-width: 1px;
        border-left-style: solid;
    }

        .location-map-legend section {
            padding: 20px;
        }

            .location-map-legend section + section {
                border-top-color: rgb(226, 226, 226);
                border-top-width: 1px;
                border-top-style: solid;
            }
}

.location-address {
    padding: 26px 0px;
}

    .location-address .list-store {
        margin: 12px 0px 22px;
    }

        .location-address .list-store li:nth-child(2n) {
            background: rgb(247, 247, 247);
        }

    .location-address .store-location {
        position: relative;
    }

        .location-address .store-location .marker {
            background: url("../image/marker.png") no-repeat;
            left: 10px;
            top: 10px;
            width: 35px;
            height: 48px;
            text-align: center;
            color: rgb(255, 255, 255);
            padding-top: 10px;
            font-size: 1rem;
            display: block;
            position: absolute;
        }

@media only screen and (max-width:46.87em) {
    .location-address .store-location {
        padding-left: 54px;
    }
}

@media only screen and (min-width:46.87em) {
    .location-address {
        padding: 30px 0px;
    }

        .location-address .list-store {
            margin: 20px 0px 40px;
        }

        .location-address .store-location-info {
            padding-left: 42px;
        }

        .location-address .store-location-details {
            padding-left: 42px;
        }

        .location-address .store-location .marker {
            left: 26px;
            top: 26px;
        }
}

@media only screen and (min-width:61.87em) {
    .location-address {
        padding: 40px 0px 12px;
    }

        .location-address .list-store {
            margin: 40px 0px 30px;
            padding: 10px;
        }

        .location-address .store-location-info {
            padding-left: 32px;
        }

        .location-address .store-location-details {
            padding-left: 32px;
        }
}

.location-directory .view-content {
    padding: 18px 0px;
    text-align: center;
    font-weight: bold;
}

.message-box {
    background: rgb(247, 247, 247);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgb(237, 237, 237);
    border-image: none;
    position: relative;
}

    .message-box::after {
        clear: both;
        display: table;
        content: "";
    }

.message-box-picture {
    float: left;
}

.message-box-content {
    padding-left: 75px;
    position: relative;
}

.message-box-title {
    width: 70%;
    font-size: 1rem;
    margin-bottom: 6px;
}

@media only screen and (min-width:46.87em) {
    .message-box-title {
        margin-bottom: 10px;
    }
}

.message-box-date {
    font-size: 0.87rem;
    margin-bottom: 6px;
}

@media only screen and (min-width:46.87em) {
    .message-box-date {
        top: 0px;
        right: 0px;
        position: absolute;
    }
}

.message-box-details {
    font-size: 1rem;
}

.message-box-actions {
    top: -20px;
    right: -20px;
    position: absolute;
}

@media only screen and (max-width:46.87em) {
    .myOppo-menu {
        padding: 12px 0px;
    }

        .myOppo-menu .navigation {
            display: none;
        }
}

@media only screen and (min-width:46.87em) {
    .myOppo-menu {
        padding: 18px 0px 16px;
    }

        .myOppo-menu::after {
            clear: both;
            display: table;
            content: "";
        }

        .myOppo-menu .h-gamma {
            margin: 0px;
            float: left;
        }

        .myOppo-menu .h-beta {
            margin: 0px;
            float: left;
        }

        .myOppo-menu .navigation {
            float: right;
        }
}

@media only screen and (min-width:61.87em) {
    .myOppo-menu {
        padding: 24px 0px 20px;
    }
}

.nearer-center {
    padding: 5px 25px 25px;
    font-size: 1.12rem;
}

    .nearer-center .center-title {
        color: rgb(31, 134, 87);
        font-size: 1.12rem;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .nearer-center .center-name {
        margin-bottom: 15px;
    }

        .nearer-center .center-name p {
            font-size: 1.25rem;
        }

        .nearer-center .center-name a {
            color: rgb(31, 134, 87);
        }

    .nearer-center .center-direction {
        padding-bottom: 10px;
    }

    .nearer-center .center-phone {
        display: inline-block;
    }

    .nearer-center .center-distance {
        display: inline-block;
    }

    .nearer-center .center-phone {
        margin-right: 15px;
    }

@media only screen and (min-width:46.87em) {
    .nearer-center .h-epsilon {
        margin-bottom: 35px;
    }

    .nearer-center .center-name {
        padding: 0px 20px;
        font-size: 1rem;
        vertical-align: top;
        border-right-color: rgb(204, 204, 204);
        border-right-width: 1px;
        border-right-style: solid;
        display: inline-block;
        min-height: 70px;
    }

    .nearer-center .center-direction {
        padding: 0px 20px;
        font-size: 1rem;
        vertical-align: top;
        border-right-color: rgb(204, 204, 204);
        border-right-width: 1px;
        border-right-style: solid;
        display: inline-block;
        min-height: 70px;
    }

    .nearer-center .center-phone {
        padding: 0px 20px;
        font-size: 1rem;
        vertical-align: top;
        border-right-color: rgb(204, 204, 204);
        border-right-width: 1px;
        border-right-style: solid;
        display: inline-block;
        min-height: 70px;
    }

    .nearer-center .center-distance {
        padding: 0px 20px;
        font-size: 1rem;
        vertical-align: top;
        border-right-color: rgb(204, 204, 204);
        border-right-width: 1px;
        border-right-style: solid;
        display: inline-block;
        min-height: 70px;
    }

    .nearer-center .center-direction {
        width: 40%;
    }

    .nearer-center .center-phone {
        width: 20%;
        margin-right: 0px;
    }

    .nearer-center .center-distance {
        width: 20%;
        border-right-color: currentColor;
        border-right-width: medium;
        border-right-style: none;
    }

    .nearer-center .center-name {
        width: 20%;
        padding-left: 0px;
    }

        .nearer-center .center-name p {
            font-size: 0.93rem;
            margin-bottom: 25px;
        }
}

@media only screen and (min-width:61.87em) {
    .nearer-center {
        padding: 35px 30px;
    }

        .nearer-center .center-title {
            font-size: 1rem;
        }
}

.details-title {
    font-size: 1.37rem;
    margin-bottom: 30px;
}

@media only screen and (min-width:46.87em) {
    .details-title {
        font-size: 1rem;
        margin-bottom: 50px;
    }
}

.details-subtitle {
    font-size: 1.25rem;
    margin-bottom: 10px;
}

@media only screen and (min-width:46.87em) {
    .details-subtitle {
        font-size: 1rem;
        margin-bottom: 25px;
    }
}

.order-details {
    padding: 30px 20px;
}

    .order-details li {
        padding-bottom: 20px;
    }

        .order-details li span {
            color: rgb(123, 123, 123);
            font-size: 1.12rem;
            font-weight: 300;
        }

        .order-details li p {
            color: rgb(123, 123, 123);
            font-size: 1.12rem;
            font-weight: 300;
        }

        .order-details li span {
            margin-bottom: 10px;
            display: inline-block;
        }

        .order-details li .phone {
            padding-right: 30px;
        }

        .order-details li .normal-link {
            color: rgb(31, 134, 87);
            font-size: 1.25rem;
        }

@media only screen and (min-width:46.87em) {
    .order-details {
        padding: 35px 35px 50px;
    }

        .order-details li {
            width: 25%;
            padding-left: 40px;
            vertical-align: top;
            border-left-color: rgb(204, 204, 204);
            border-left-width: 1px;
            border-left-style: solid;
            display: inline-block;
        }

            .order-details li span {
                font-size: 1rem;
            }

            .order-details li p {
                font-size: 1rem;
            }

            .order-details li.location {
                width: 50%;
                border-left-color: currentColor;
                border-left-width: medium;
                border-left-style: none;
            }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .order-details .location {
        padding-left: 0px;
    }
}

.prices-plan-specs .prices-plan-specs-detail {
    padding: 20px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    display: none;
}

    .prices-plan-specs .prices-plan-specs-detail.is-active {
        display: block;
    }

    .prices-plan-specs .prices-plan-specs-detail li {
        padding: 20px 0px;
        color: rgb(131, 131, 131);
        border-bottom-color: rgb(228, 228, 228);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .prices-plan-specs .prices-plan-specs-detail li:first-child {
            color: rgb(31, 134, 87);
        }

        .prices-plan-specs .prices-plan-specs-detail li:last-child {
            border: currentColor;
            border-image: none;
        }

.product-index {
    font-family: "Microsoft YaHei";
    background-color: rgb(247, 247, 247);
}

@media only screen and (min-width:61.87em) {
    .product-index {
        font-family: "Microsoft YaHei";
    }
}

.font-normal {
    font-family: "微软雅黑";
}

.main-flagship {
    height: 736px;
    display: none;
}

@media only screen and (min-width:61.87em) {
    .main-flagship {
        display: block;
    }
}

.hover-box {
    overflow: hidden;
    display: block;
}

    .hover-box:hover .hover-animation {
        transition: transform 1s;
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transition: transform 1s ease;
        -moz-transition: transform 1s ease;
        -o-transition: transform 1s ease;
    }

.hover-animation {
    transition: transform 1s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: transform 1s ease;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
}

.left-up {
    width: 770px;
    height: 364px;
    position: relative;
}

    .left-up .left-up-img {
        left: 0px;
        top: 0px;
        width: 770px;
        position: absolute;
    }

    .left-up .left-up-text {
        left: 0px;
        top: 0px;
        width: 770px;
        position: absolute;
        z-index: 2;
    }

.left-down {
    width: 770px;
    height: 364px;
    margin-top: 10px;
    position: relative;
}

    .left-down .left-down-img {
        left: 0px;
        top: 0px;
        width: 770px;
        position: absolute;
    }

    .left-down .left-down-text {
        left: 0px;
        top: 0px;
        width: 770px;
        position: absolute;
        z-index: 2;
    }

.whole-right {
    width: 396px;
    height: 738px;
    overflow: hidden;
    position: relative;
}

    .whole-right .whole-right-img {
        left: 0px;
        top: 0px;
        width: 396px;
        height: 738px;
        position: absolute;
    }

    .whole-right .whole-right-text {
        left: 0px;
        top: 0px;
        width: 396px;
        height: 738px;
        position: absolute;
        z-index: 2;
    }

.flagship-mobile {
    display: block;
}

@media only screen and (min-width:61.87em) {
    .flagship-mobile {
        display: none;
    }
}

.box-products .wrapper {
    padding: 0px;
    width: 100%;
}

.oppo-feature .wrapper {
    padding: 0px;
    width: 100%;
}

@media only screen and (min-width:61.87em) {
    .box-products .wrapper {
        margin: 90px auto 0px;
        padding: 0px 0.75rem;
        max-width: 1200px;
    }

    .oppo-feature .wrapper {
        margin: 90px auto 0px;
        padding: 0px 0.75rem;
        max-width: 1200px;
    }
}

.desk-title {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .desk-title {
        background: url("../image/product-gallery/title-bg.png") no-repeat center;
        width: 1176px;
        height: 30px;
        text-align: center;
        font-size: 1.43rem;
        display: block;
    }
}

.icon-more img {
    margin-top: -4px;
}

.brick-name {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .brick-name {
        margin-top: 20px;
        margin-bottom: 15px;
        display: block;
    }

        .brick-name .serial-slogan {
            color: rgb(120, 120, 120);
        }

            .brick-name .serial-slogan .serial-name {
                color: rgb(30, 30, 30);
            }

        .brick-name::after {
            clear: both;
            display: table;
            content: "";
        }

        .brick-name span {
            height: 20px;
            line-height: 20px;
            font-size: 1.12rem;
            display: inline-block;
        }

            .brick-name span img {
                width: 20px;
            }
}

.brick-list::after {
    clear: both;
    display: table;
    content: "";
}

.brick-item {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 6px;
    border-bottom-color: rgb(227, 226, 226);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    background-color: rgb(255, 255, 255);
}

    .brick-item::after {
        clear: both;
        display: table;
        content: "";
    }

@media only screen and (min-width:61.87em) {
    .brick-item {
        padding: 60px 10px 45px;
        transition: transform 0.3s;
        width: 286px;
        margin-right: 10px;
        border-bottom-color: currentColor;
        border-bottom-width: medium;
        border-bottom-style: none;
        float: left;
        box-shadow: none;
        transform: translate3d(0px, 0px, 0px);
        background-color: rgb(255, 255, 255);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
    }

        .brick-item:hover {
            transition: transform 0.3s;
            box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
            transform: translate3d(0px, -2px, 0px);
            -webkit-transform: translate3d(0, -2px, 0);
            -moz-transform: translate3d(0, -2px, 0);
            -o-transform: translate3d(0, -2px, 0);
            -webkit-transition: transform 0.3s ease;
            -moz-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
        }
}

.brick-item-last {
    margin-right: 0px;
    margin-bottom: 0px;
}

.brick-img {
    width: 45%;
    padding-right: 20px;
    padding-left: 20px;
    float: left;
}

@media only screen and (min-width:61.87em) {
    .brick-img {
        width: 100%;
        padding-right: 52.5px;
        padding-left: 52.5px;
        float: none;
    }
}

.brick-content {
    width: 55%;
    padding-right: 20px;
    padding-left: 0px;
    float: left;
}

@media only screen and (min-width:61.87em) {
    .brick-content {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        float: none;
    }
}

.brick-title {
    text-align: center;
    color: rgb(20, 20, 20);
    line-height: 20px;
    font-size: 1rem;
    margin-top: 35px;
}

@media only screen and (min-width:61.87em) {
    .brick-title {
        line-height: 20px;
        font-size: 1rem;
    }
}

.brick-desc {
    text-align: center;
    color: rgb(160, 160, 160);
    line-height: 18px;
    font-size: 0.75rem;
    margin-top: 4px;
}

@media only screen and (min-width:61.87em) {
    .brick-desc {
        line-height: 20px;
        font-size: 0.87rem;
    }
}

.brick-learn-more {
    margin: 15px auto 0px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid rgb(0, 146, 95);
    border-image: none;
    width: 60%;
    text-align: center;
    color: rgb(0, 146, 95);
    font-size: 13px;
    display: block;
}

@media only screen and (min-width:61.87em) {
    .brick-learn-more {
        display: none;
    }
}

.brick-mobile-more {
    width: 100%;
    text-align: center;
    color: rgb(60, 60, 60);
    line-height: 60px;
    margin-bottom: 12px;
    border-bottom-color: rgb(227, 226, 226);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    background-color: rgb(255, 255, 255);
}

@media only screen and (min-width:61.87em) {
    .brick-mobile-more {
        display: none;
    }
}

.feature-item {
    margin-bottom: 0px;
}

    .feature-item::after {
        clear: both;
        display: table;
        content: "";
    }

@media only screen and (min-width:61.87em) {
    .feature-item {
        margin-top: 25px;
        margin-bottom: 100px;
    }
}

.feature-second {
    margin-top: 6px;
}

@media only screen and (min-width:61.87em) {
    .feature-second {
        margin-top: 0px;
    }
}

.other-link {
    text-align: center;
    color: rgb(31, 134, 87);
    margin-top: 30px;
    margin-bottom: 20px;
    display: block;
}

    .other-link a {
        width: 23.5%;
        text-align: center;
        float: left;
        display: block;
    }

    .other-link span {
        float: left;
    }

@media only screen and (min-width:61.87em) {
    .other-link {
        display: none;
    }
}

.tabs-blank {
    display: block;
}

@media only screen and (min-width:61.87em) {
    .tabs-blank {
        display: none;
    }
}

.tabs-mobile {
    width: 100%;
    display: block;
    position: relative;
}

    .tabs-mobile::after {
        clear: both;
        display: table;
        content: "";
    }

    .tabs-mobile.active {
        left: 0px;
        top: 0px;
        position: fixed;
    }

@media only screen and (min-width:61.87em) {
    .tabs-mobile {
        display: none;
    }
}

.tabs-mobile li {
    width: 25%;
    height: 50px;
    text-align: center;
    color: rgb(60, 60, 60);
    line-height: 50px;
    font-size: 1rem;
    float: left;
    background-color: rgb(247, 247, 247);
}

    .tabs-mobile li.active {
        color: rgb(0, 139, 86);
        font-weight: bold;
        border-bottom-color: rgb(0, 139, 86);
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }

@media only screen and (max-width:46.87em) {
    .product-menu {
        padding: 12px 0px;
    }

        .product-menu .navigation {
            display: none;
        }

        .product-menu .h-delta {
            display: none;
        }

        .product-menu .h-epsilon {
            display: none;
        }

        .product-menu .navigation.mobile-visible {
            padding: 20px 0px 15px;
            display: block;
        }

        .product-menu .h-delta.mobile-visible {
            padding: 20px 0px 15px;
            display: block;
        }

        .product-menu .h-epsilon.mobile-visible {
            padding: 20px 0px 15px;
            display: block;
        }
}

@media only screen and (min-width:46.87em) {
    .product-menu {
        padding: 18px 0px 16px;
    }

        .product-menu::after {
            clear: both;
            display: table;
            content: "";
        }

        .product-menu .h-delta {
            margin: 0px;
            float: left;
        }

        .product-menu .h-epsilon {
            margin: 0px;
            float: left;
        }

        .product-menu .navigation {
            float: right;
        }
}

@media only screen and (min-width:61.87em) {
    .product-menu {
        padding: 24px 0px 20px;
    }

    .header-fixed .product-menu {
        background: rgb(255, 255, 255);
        left: 0px;
        top: 0px;
        width: 100%;
        position: fixed;
        z-index: 100;
    }
}

@media only screen and (min-width:46.87em) {
    .products-nav {
        display: none;
    }
}

@media only screen and (min-width:61.87em) {
    .header-fixed .main-content {
        padding-top: 72px;
    }
}

.product-support .gi {
    padding: 25px 0px;
    border-bottom-color: rgb(226, 226, 226);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.product-support :last-child.gi {
    border-bottom-color: currentColor;
    border-bottom-width: medium;
    border-bottom-style: none;
}

.product-support .support-content {
    vertical-align: middle;
    display: inline-block;
}

.product-support .support-icon {
    width: 29%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.product-support .support-subtitle {
    color: rgb(123, 123, 123);
    padding-top: 5px;
    font-weight: 500;
}

.product-support .support-title {
    font-size: 1.12rem;
}

.product-support .support-links a {
    color: rgb(31, 134, 87);
    padding-top: 10px;
    font-size: 1.12rem;
    display: block;
}

.product-support .support-photo {
    margin-bottom: 30px;
}

.product-support.photo {
    text-align: center;
}

    .product-support.photo .support-content {
        display: block;
    }

.product-support .badge {
    padding: 0px;
    vertical-align: middle;
}

    .product-support .badge .badge-icon {
        margin-bottom: 0px;
    }

@media only screen and (min-width:46.87em) {
    .product-support {
        text-align: center;
    }

        .product-support .gi {
            border-bottom-color: currentColor;
            border-bottom-width: medium;
            border-bottom-style: none;
        }

        .product-support .support-icon {
            margin: 0px auto 40px;
            display: block;
        }

        .product-support .support-content {
            font-size: 0.93rem;
        }

            .product-support .support-content p {
                font-weight: 500;
            }

        .product-support .support-title {
            font-size: 0.93rem;
        }

        .product-support .support-subtitle {
            font-size: 0.93rem;
        }

        .product-support .support-links a {
            font-size: 0.93rem;
        }
}

.purchase-list-header {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .purchase-list-header {
        padding: 18px 30px;
        overflow: hidden;
        display: block;
    }

        .purchase-list-header li {
            padding-left: 16px;
            font-size: 1rem;
            float: left;
        }

            .purchase-list-header li + li {
                border-left-color: rgb(237, 237, 237);
                border-left-width: 1px;
                border-left-style: solid;
            }

        .purchase-list-header .first {
            width: 61%;
        }

        .purchase-list-header .second {
            width: 17%;
        }

        .purchase-list-header .third {
            width: 14%;
        }

        .purchase-list-header .four {
            width: 8%;
        }
}

.purchase-list .cart-product-price {
    width: 42%;
    margin-top: 14px;
    float: right;
}

.purchase-list .counter-box {
    width: 56%;
    margin-top: 14px;
    float: left;
    max-width: 120px;
}

.purchase-list .cart-product-delete {
    top: 0px;
    right: 0px;
    position: absolute;
}

.purchase-list .cart-product-description {
    padding-right: 38px;
}

@media only screen and (max-width:46.87em) {
    .purchase-list .cart-product-price {
        text-align: center;
    }
}

@media only screen and (min-width:61.87em) {
    .purchase-list .cart-product-info {
        padding-right: 38px;
    }

    .purchase-list .cart-product-description {
        width: 60%;
        padding-right: 18px;
        float: left;
    }

    .purchase-list .cart-product-price {
        width: 22%;
        padding-left: 18px;
        margin-top: 0px;
    }

    .purchase-list .counter-box {
        width: 15%;
        margin-top: 0px;
    }
}

@media only screen and (min-width:61.87em) {
    .purchase-list-summary .cart-product-description {
        width: 68%;
        padding-right: 0px;
    }

    .purchase-list-summary .cart-product-price {
        width: 28%;
    }
}

.related-content .h-delta {
    margin-bottom: 6px;
}

.related-content .h-epsilon {
    margin-bottom: 18px;
}

@media only screen and (max-width:46.87em) {
    .related-content .gi + .gi {
        margin-top: 36px;
    }
}

@media only screen and (min-width:61.87em) {
    .related-content .h-delta {
        margin-bottom: 12px;
    }

    .related-content .h-epsilon {
        margin-bottom: 24px;
    }
}

.specs-summary .wrapper {
    padding: 0px;
}

.specs-summary .badge-group {
    background: rgb(247, 247, 247);
    padding: 25px 20px;
}

@media only screen and (max-width:46.87em) {
    .specs-summary .badge {
        display: block;
    }
}

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .specs-summary .badge {
        width: 50%;
        vertical-align: top;
        display: inline-block;
    }
}

@media only screen and (min-width:46.87em) {
    .specs-summary ul .badge {
        border-top-color: rgb(237, 237, 237);
        border-top-width: 1px;
        border-top-style: solid;
    }

    .specs-summary ul :nth-child(-n+3).badge {
        border: currentColor;
        border-image: none;
    }
}

@media only screen and (min-width:61.87em) {
    .specs-summary .product-purchase {
        width: 33.33%;
        float: right;
    }

    .specs-summary .badge-group {
        padding: 50px 20px;
        width: 66.66%;
        float: left;
    }
}

.specs {
    background: rgb(237, 237, 237);
    overflow: hidden;
    position: relative;
}

    .specs .wrapper {
        padding: 0px;
    }

.specs-info {
    background: rgb(237, 237, 237);
    padding: 40px 20px;
    text-align: center;
}

    .specs-info .h-alpha {
        text-align: left;
    }

    .specs-info img {
        padding-top: 25px;
        max-width: 90%;
    }

.specs-details {
    position: relative;
    z-index: 2;
}

.specs-badges {
    background: rgb(247, 247, 247);
    padding: 40px 20px 30px;
    position: relative;
    z-index: 10;
}

.specs-table {
    background: rgb(255, 255, 255);
    padding: 20px;
    width: 100%;
    position: relative;
    z-index: 10;
}

    .specs-table caption {
        margin: 20px 0px;
        text-align: left;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .specs-table table {
        width: 100%;
    }

    .specs-table tr {
        border-bottom-color: rgb(232, 232, 232);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .specs-table .specs-title {
        padding: 20px 10px;
        width: 20%;
        text-align: left;
        font-size: 0.93rem;
    }

    .specs-table .specs-text {
        width: 79%;
        color: rgb(0, 0, 0);
        font-size: 0.81rem;
    }

    .specs-table .is-hidden {
        display: none;
    }

.specs-bottom {
    text-align: center;
    margin-top: 35px;
}

    .specs-bottom .button {
        margin: 0px auto;
        padding: 20px;
        width: 80%;
        max-width: 300px;
    }

        .specs-bottom .button .icon {
            margin-right: 5px;
        }

        .specs-bottom .button .navigation-filters .filter-name::after {
            margin-right: 5px;
        }

.navigation-filters .specs-bottom .button .filter-name::after {
    margin-right: 5px;
}

.top-icon .icon {
    background-position: -174px -233px;
}

.top-icon .navigation-filters .filter-name::after {
    background-position: -174px -233px;
}

.navigation-filters .top-icon .filter-name::after {
    background-position: -174px -233px;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .specs-info {
        width: 33%;
        float: left;
    }

    .specs-badges {
        width: 66%;
        float: right;
    }

    .specs-table {
        clear: both;
    }
}

@media only screen and (min-width:46.87em) {
    .specs::after {
        background: rgb(247, 247, 247);
        left: 34%;
        top: 0px;
        width: 66%;
        height: 100%;
        position: absolute;
        z-index: 0;
        content: "";
    }
}

@media only screen and (min-width:61.87em) {
    .specs-badges {
        padding: 0px;
    }

    .specs-info {
        padding: 40px;
        width: 33%;
        float: left;
    }

    .specs-details {
        background: rgb(247, 247, 247);
        padding: 40px 30px;
        width: 66%;
        float: right;
    }

    .specs-table {
        background: rgb(247, 247, 247);
    }
}

@media only screen and (min-width:75em) {
    .specs::after {
        left: 50%;
        margin-left: -192px;
    }
}

.steps {
    border-width: 1px 1px medium;
    border-style: solid solid none;
    border-color: rgb(226, 226, 226) rgb(226, 226, 226) currentColor;
    border-image: none;
}

    .steps .step-heading {
        font-size: 1.12rem;
        vertical-align: middle;
        display: inline-block;
    }

    .steps li {
        background: rgb(247, 247, 247);
        padding: 26px 0px 30px;
        width: 33.33%;
        text-align: center;
        color: rgb(204, 204, 204);
        display: inline-block;
        position: relative;
    }

        .steps li .icon {
            display: none;
        }

        .steps li .navigation-filters .filter-name::after {
            display: none;
        }

.navigation-filters .steps li .filter-name::after {
    display: none;
}

.steps li.one {
    z-index: 3;
}

.steps li.two {
    z-index: 2;
}

.steps li.three {
    z-index: 1;
}

.steps li.one::after {
    background: url("../image/steps-sprite.png") no-repeat -65px -13px;
    top: 0px;
    width: 20px;
    height: 100%;
    right: -20px;
    position: absolute;
    z-index: 20;
    content: "";
}

.steps li.two::after {
    background: url("../image/steps-sprite.png") no-repeat -65px -13px;
    top: 0px;
    width: 20px;
    height: 100%;
    right: -20px;
    position: absolute;
    z-index: 20;
    content: "";
}

.steps li.step-completed .icon {
    display: inline-block;
}

.steps li.step-completed .navigation-filters .filter-name::after {
    display: inline-block;
}

.navigation-filters .steps li.step-completed .filter-name::after {
    display: inline-block;
}

.steps li.active {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

    .steps li.active::after {
        background: url("../image/steps-sprite.png") no-repeat -11px -10px;
    }

    .steps li.active.one .step-gradient {
        background: linear-gradient(to right, rgb(247, 168, 71) 0%, rgb(232, 84, 70) 100%);
    }

    .steps li.active.two .step-gradient {
        background: rgb(232, 83, 70);
    }

    .steps li.active.three .step-gradient {
        background: rgb(232, 83, 70);
    }

.steps li .step-gradient {
    background: rgb(255, 255, 255);
    left: 0px;
    width: 100%;
    height: 4px;
    bottom: 0px;
    position: absolute;
}

@media only screen and (min-width:46.87em) {
    .steps .step-heading {
        font-size: 1.25rem;
    }
}

@media only screen and (min-width:61.87em) {
    .steps {
        margin: 16px 0px;
    }
}

.total-price span {
    max-width: 50%;
}

.total-price ul {
    padding: 10px 0px;
    color: rgb(123, 123, 123);
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.total-price li {
    padding: 10px 0px;
}

    .total-price li .amount {
        float: right;
    }

.total-price .total {
    padding: 20px 0px;
    font-size: 1rem;
}

    .total-price .total span {
        font-weight: bold;
        display: inline-block;
    }

    .total-price .total .label {
        margin: 3px 0px;
    }

    .total-price .total .price {
        font-size: 1.25rem;
        float: right;
    }

.user-activity li {
    padding-left: 85px;
    margin-bottom: 20px;
    position: relative;
}

    .user-activity li::after {
        clear: both;
        display: table;
        content: "";
    }

.user-info-icon {
    background: #0099d2;
    border-radius: 50%;
    border: 4px solid#0099d2;
    border-image: none;
    left: 0px;
    top: 0px;
    margin-top: 20px;
    position: absolute;
}

    .user-info-icon .icon {
        display: block;
    }

    .user-info-icon .navigation-filters .filter-name::after {
        display: block;
    }

.navigation-filters .user-info-icon .filter-name::after {
    display: block;
}

.user-info-personal .user-info-icon {
    background: rgb(255, 96, 26);
    border-color: rgb(255, 96, 26);
}

.user-info-user .user-info-icon {
    background: rgb(101, 132, 218);
    border-color: rgb(101, 132, 218);
}

.user-info-order .user-info-icon {
    background: rgb(31, 134, 87);
    border-color: rgb(31, 134, 87);
}

.activity-content {
    background: rgb(237, 237, 237);
    padding: 20px;
    position: relative;
    min-height: 94px;
}

    .activity-content::before {
        border-width: 6px 7px 6px 0px;
        border-style: solid;
        border-color: transparent rgb(237, 237, 237) transparent transparent;
        left: -7px;
        top: 40px;
        width: 0px;
        height: 0px;
        position: absolute;
        content: " ";
        -webkit-transform: rotate(360deg);
    }

.activity-title {
    font-size: 1rem;
    margin-bottom: 6px;
}

@media only screen and (min-width:46.87em) {
    .activity-title {
        margin-bottom: 20px;
        float: left;
        max-width: 70%;
    }
}

.activity-date {
    font-size: 0.87rem;
    margin-bottom: 6px;
}

@media only screen and (min-width:46.87em) {
    .activity-date {
        float: right;
    }
}

.activity-details {
    clear: both;
}

    .activity-details::after {
        clear: both;
        display: table;
        content: "";
    }

    .activity-details p + p {
        margin-top: 1em;
    }

    .activity-details img {
        clear: left;
        margin-right: 8px;
        float: left;
    }

    .activity-details .extra-text {
        font-size: 0.81rem;
    }

.user-data::after {
    clear: both;
    display: table;
    content: "";
}

.user-data .user-avatar {
    margin-bottom: 16px;
}

    .user-data .user-avatar img {
        width: 100%;
    }

@media only screen and (max-width:46.87em) {
    .user-data .advice {
        display: none;
    }
}

.user-name {
    width: 49%;
    padding-left: 16px;
    font-weight: bold;
    margin-bottom: 16px;
    display: inline-block;
}

.user-actions {
    width: 49%;
    text-align: right;
    padding-right: 16px;
    margin-bottom: 16px;
    display: inline-block;
}

.user-data-info {
    background: rgb(237, 237, 237);
    padding: 10px 20px;
    font-size: 0.87rem;
}

    .user-data-info li {
        padding: 20px 0px 20px 70px;
        position: relative;
        min-height: 55px;
    }

        .user-data-info li + li {
            border-top-color: rgb(204, 204, 204);
            border-top-width: 1px;
            border-top-style: solid;
        }

    .user-data-info .user-info-icon {
        margin: 16px 0px 0px;
    }

    .user-data-info .user-data-info-title {
        padding-bottom: 5px;
    }

.whats-new .message-box + .message-box {
    margin: 40px 0px 0px;
}

@media only screen and (max-width:46.87em) {
    .delivery-pick .button {
        width: auto;
        display: inline-block;
    }
}

@media only screen and (min-width:46.87em) {
    .delivery-pick {
        padding-left: 70px;
        margin-top: -20px;
        margin-bottom: 40px;
    }
}

.delivery-header {
    padding: 20px 30px;
}

.product-title {
    margin: 10px 0px;
    font-size: 1.25rem;
    font-weight: 300;
}

@media only screen and (min-width:46.87em) {
    .product-title {
        margin: 20px 0px;
        font-size: 1.5rem;
    }
}

@media only screen and (min-width:61.87em) {
    .product-title {
        margin: 20px 0px 0px;
        font-size: 1.62rem;
    }
}

.help-title {
    padding: 20px 0px 30px 10px;
    font-size: 1.37rem;
}

@media only screen and (min-width:61.87em) {
    .help-title {
        padding: 0px 0px 30px;
        font-size: 1rem;
    }
}

.lateral-menu {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .lateral-menu {
        display: inline-block;
    }
}

.mobile-plan-title {
    padding: 20px 0px;
}

@media only screen and (max-width:46.87em) {
    .mobile-plan-title.mobile-hidden {
        display: none;
    }
}

.menu-tabs-plan {
    margin: 2px 0px 20px;
}

@media only screen and (min-width:61.87em) {
    .menu-tabs-plan {
        margin: 0px;
        padding: 20px;
    }
}

.legal-advice-plan p {
    color: gray;
    line-height: 1.3;
    margin-bottom: 0.8em;
}

.contract-plan .subtitle {
    text-align: center;
}

.contract-plan .field + .field {
    padding-top: 20px;
    border-top-color: rgb(204, 204, 204);
    border-top-width: 1px;
    border-top-style: solid;
}

    .contract-plan .field + .field::after {
        clear: both;
        display: table;
        content: "";
    }

.contract-plan .radio {
    display: inline-block;
}

@media only screen and (min-width:61.87em) {
    .contract-plan .subtitle {
        margin-top: -20px;
        vertical-align: middle;
        display: inline-block;
    }

    .contract-plan .prices-plan {
        vertical-align: top;
        display: inline-block;
    }

    .contract-plan .prices-plan-specs {
        padding-left: 30px;
        vertical-align: top;
        display: inline-block;
    }
}

.contract-plan .legal-advice-plan {
    font-size: 0.93rem;
}

.input-complementary-info .input-big-radio {
    vertical-align: middle;
}

@media only screen and (min-width:61.87em) {
    .input-complementary-info .input-big-radio {
        margin-right: 20px;
        display: inline-block;
    }
}

.telephone-number-plan .search {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

    .telephone-number-plan .search input {
        border-radius: 6px;
        width: 100%;
        padding-right: 55px;
        float: none;
    }

    .telephone-number-plan .search button {
        top: 0px;
        right: 0px;
        position: absolute;
    }

.telephone-number-plan .radio-item .main {
    padding-top: 30px;
    padding-bottom: 31px;
}

.telephone-number-plan .radio-item .aside {
    padding-top: 30px;
    padding-bottom: 29px;
}

.csstransforms .telephone-number-plan .radio-item .radio {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

@media only screen and (min-width:46.87em) {
    .telephone-number-plan .number-heading {
        width: 50%;
        float: left;
    }

    .telephone-number-plan .search {
        width: 40%;
        margin-top: 0px;
        float: right;
    }

    .telephone-number-plan .height-fixed-area {
        clear: both;
    }
}

.message-header {
    padding: 30px;
    border-bottom-color: rgb(237, 237, 237);
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.message-content {
    padding-top: 50px;
}

    .message-content p {
        margin: 0px auto;
        width: 80%;
        font-size: 1.12rem;
    }

@media only screen and (min-width:46.87em) {
    .user-aside {
        float: right;
    }
}

@media only screen and (min-width:46.87em) {
    .my-oppo-content {
        float: left;
    }
}

.my-oppo-content .h-epsilon {
    margin-bottom: 1em;
}

.my-oppo-load-more {
    text-align: center;
    margin-top: 40px;
}

a {
    cursor: pointer;
}

.hide {
    display: none;
}

.g-hide {
    display: none;
}

.g-show {
    display: block;
}

.clickable {
    color: rgb(31, 134, 87);
}

.clickable-light {
    color: #0099d2;
}

.relative {
    position: relative;
}

.title-under-breadcrumb {
    display: none;
}

.background-f6 {
    background-color: rgb(246, 246, 246) !important;
}

@media only screen and (max-width:61.87em) {
    .background-f6 .wrapper {
        background-color: rgb(246, 246, 246) !important;
    }
}

@media only screen and (max-width:46.87em) {
    .palm-margin-top-20 {
        margin-top: 20px;
    }
}

.pos-relative {
    position: relative;
}

.login {
    padding: 100px 0px;
}

.login-wrapper {
    padding: 20px;
}

    .login-wrapper img {
        max-width: 100%;
    }

.login-button {
    width: 100%;
}

.text-green {
    color: #0099d2;
}

.text-gray {
    color: rgb(116, 116, 116);
}

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

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

.login-ways {
    line-height: 30px;
}

    .login-ways a {
        margin-right: 10px;
    }

        .login-ways a span {
            vertical-align: top;
        }

        .login-ways a .icon-weibo {
            background-position: -130px 2px;
        }

.login-title {
    display: none;
}

.login-header .search {
    display: none;
}

.login-header .upper-area ul {
    display: none;
}

.login-header nav {
    display: none;
}

.login-breadcrumb {
    margin: 26px 0px 20px 20px;
    width: 200px;
    line-height: 30px;
    padding-left: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    vertical-align: middle;
    border-left-color: rgb(204, 204, 204);
    border-left-width: 1px;
    border-left-style: solid;
    float: left;
}

.login-home {
    margin: 26px 0px 0px;
    text-align: right;
    line-height: 34px;
    font-size: 0.8rem;
    float: right;
}

    .login-home a {
        vertical-align: top;
    }

    .login-home span {
        vertical-align: top;
    }

    .login-home a {
        margin-right: 15px;
    }

        .login-home a span {
            margin-right: 5px;
        }

.login-header .shop-cart {
    display: none;
}

.login input[type='password'] {
    background: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    width: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .login input[type='password']:focus {
        border: 1px solid#0099d2;
        border-image: none;
    }

    .login input[type='password']:hover {
        border: 1px solid#0099d2;
        border-image: none;
    }

.register {
    padding: 15px 0px;
}

    .register .steps {
        margin-top: 0px;
    }

.register-form {
    padding: 40px 0px;
}

.register-rules {
    padding: 60px 20px;
}

.register-rule {
    padding: 20px;
    line-height: 1.5rem;
}

    .register-rule span {
        margin-right: 20px;
    }

.register-state {
    padding: 10px 0px;
    color: rgb(0, 0, 0);
}

.register-vcode :nth-child(n+2).gi {
    text-align: center;
    line-height: 60px;
}

    .register-vcode :nth-child(n+2).gi img {
        width: 90%;
    }

.register-form .check-item {
    margin: 0px;
    line-height: 32px;
}

.register-form .checkbox {
    margin: 0px 10px 0px 0px;
}

.register-help {
    border-radius: 4px;
    width: 80%;
    margin-top: 20px;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    box-shadow: 0px 0px 4px #ccc;
    background-color: rgb(255, 255, 255);
}

    .register-help .hr {
        margin: 10px 0px 20px;
        height: 0px;
        overflow: hidden;
        border-top-color: rgb(204, 204, 204);
        border-top-width: 1px;
        border-top-style: solid;
    }

    .register-help p {
        line-height: 2rem;
    }

.register-email {
    -ms-word-break: break-all;
    -ms-word-wrap: break-word;
}

.text-2em {
    font-size: 2em;
}

.register-mobile .button {
    float: right;
}

.forget-mobile .button {
    float: right;
}

.register-mobile .btn-resend {
    padding: 10px 0px;
    width: 95%;
    line-height: 1.15rem;
    font-size: 0.8rem;
}

.forget-mobile .btn-resend {
    padding: 10px 0px;
    width: 95%;
    line-height: 1.15rem;
    font-size: 0.8rem;
}

.register-mobile .btn-disabled {
    border-color: rgb(204, 204, 204);
    color: rgb(123, 123, 123);
    cursor: default;
    background-color: rgb(204, 204, 204);
}

.forget-mobile .btn-disabled {
    border-color: rgb(204, 204, 204);
    color: rgb(123, 123, 123);
    cursor: default;
    background-color: rgb(204, 204, 204);
}

.register-mobile .btn-disabled:focus {
    border-color: rgb(204, 204, 204);
    outline: 0px;
}

.register-mobile .btn-disabled:active {
    border-color: rgb(204, 204, 204);
    outline: 0px;
}

.forget-mobile .btn-disabled:focus {
    border-color: rgb(204, 204, 204);
    outline: 0px;
}

.forget-mobile .btn-disabled:active {
    border-color: rgb(204, 204, 204);
    outline: 0px;
}

.register-help-bottom {
    line-height: 2rem;
    padding-top: 20px;
}

.register-success {
    margin: 0px auto;
    padding: 50px 20px 200px;
    width: 50em;
}

    .register-success .heading {
        padding: 50px 0px;
        text-align: center;
    }

    .register-success .button {
        padding: 20px 0px;
        width: 90%;
    }

    .register-success .one-half {
        text-align: center;
    }

    .register-success .two-quarters {
        text-align: center;
    }

    .register-success .three-sixths {
        text-align: center;
    }

    .register-success :last-child.one-half .button {
        float: right;
    }

    .register-success :last-child.two-quarters .button {
        float: right;
    }

    .register-success :last-child.three-sixths .button {
        float: right;
    }

.desk-hide {
    display: none;
}

.login-form .field {
    position: relative;
}

.register-form .field {
    position: relative;
}

.forget-form .field {
    position: relative;
}

.login-form .register-icon {
    top: 20px;
    right: -20px;
    display: none;
    position: absolute;
}

.register-form .register-icon {
    top: 20px;
    right: -20px;
    display: none;
    position: absolute;
}

.forget-form .register-icon {
    top: 20px;
    right: -20px;
    display: none;
    position: absolute;
}

.forget {
    padding: 15px 0px 100px;
}

    .forget .steps {
        margin: 0px;
    }

        .forget .steps li {
            width: 25%;
        }

            .forget .steps li.four {
                z-index: 0;
            }

            .forget .steps li.three::after {
                background: url("../image/steps-sprite.png") no-repeat -65px -13px;
                top: 0px;
                width: 20px;
                height: 100%;
                right: -20px;
                position: absolute;
                z-index: 20;
                content: "";
            }

            .forget .steps li.active::after {
                background: url("../image/steps-sprite.png") no-repeat -11px -10px;
            }

            .forget .steps li.active.four .step-gradient {
                background: rgb(232, 83, 70);
            }

.forget-form {
    margin: 0px auto;
    padding: 50px 20px 20px;
    width: 40em;
}

    .forget-form .field label {
        padding-top: 20px;
    }

.forget-help {
    text-align: center;
}

.forget-mobile .desk-one-fifth {
    padding-top: 20px;
}

.forget-mobile .btn-resend {
    padding: 20px 0px;
}

@media only screen and (max-width:61.87em) {
    .login {
        padding: 10px 0px;
    }

    .login-title {
        display: block;
    }

    .login-header .search {
        display: block;
    }

    .login-header .shop-cart {
        display: block;
    }

    .login-ad {
        display: none;
    }

    .login-ways {
        text-align: center;
    }

    :first-child.login-ways {
        padding: 20px 0px;
        font-size: 1.2rem;
    }

    .login-title {
        text-align: center;
        font-size: 1.2rem;
    }

    .login-header nav {
        display: block;
    }

    .login-breadcrumb {
        display: none;
    }

    .login-home {
        display: none;
    }

    .register-form {
        padding: 20px 0px;
    }

        .register-form .register-left {
            display: none;
        }

    .register-help {
        display: none;
    }

    .desk-hide {
        display: none;
    }

    .lap-hide {
        display: none;
    }

    .lap-show {
        display: block;
    }

    .btn-next {
        width: 100%;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .login-form {
        margin: 0px auto;
        width: 40em;
        display: block;
    }

    .register-form {
        margin: 0px auto;
        width: 40em;
        display: block;
    }

    .register-success {
        margin: 0px auto;
        width: 40em;
        display: block;
    }
}

@media only screen and (max-width:46.87em) {
    .register-success {
        margin: 0px;
        width: 100%;
    }

    .forget-form {
        margin: 0px;
        width: 100%;
    }

    .forget-help {
        text-align: left;
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media only screen and (max-width:360px) {
    .register-success .button {
        font-size: 0.8rem;
    }
}

.icons-plus {
    background: url("../image/icons-plus.png") no-repeat;
    display: inline-block;
}

.icons-plus-vip {
    background-position: 0px 0px;
    width: 40px;
    height: 40px;
}

.icons-plus-take {
    background-position: 0px -40px;
    width: 40px;
    height: 40px;
}

.icons-plus-cloud {
    background-position: 0px -80px;
    width: 40px;
    height: 40px;
}

.icons-plus-weibo {
    background-position: -50px -5px;
    width: 30px;
    height: 30px;
}

.icons-plus-qq {
    background-position: -47px -42px;
    width: 30px;
    height: 30px;
}

.icons-plus-zfb {
    background-position: -50px -77px;
    width: 50px;
    height: 30px;
}

.icons-plus-home {
    background-position: -100px 0px;
    width: 34px;
    height: 34px;
}

.icons-plus-user {
    background-position: -100px -40px;
    width: 34px;
    height: 34px;
}

.alert-danger {
    color: red;
}

input[type=text].activation_code {
    width: 60%;
    display: inline-block;
}

.btn_get_activation_code {
    background: #0099d2;
    padding: 10px 20px;
    border: 2px solid#0099d2;
    border-image: none;
    color: rgb(255, 255, 255);
    margin-top: 12px;
    float: right;
    min-width: 80px;
}

.activation_section {
    display: none;
}

.supports__faq {
    padding: 0px;
    font-size: 18px;
}

.supports__faq__details {
    margin: 20px;
}

.network-cities {
    padding-top: 0px !important;
}

    .network-cities .shops-cities-p {
        padding-bottom: 0px !important;
    }

    .network-cities .shops-cities-c {
        padding-top: 0px !important;
    }

.network-message .badge-icon-tip {
    top: 60%;
    z-index: 99;
}

    .network-message .badge-icon-tip .gi {
        padding: 0px;
        border: 0px currentColor;
        border-image: none;
    }

.network-message .badge-icon-tip-close {
    text-align: center;
}

.network-message .network-send-message-box {
    display: block;
}

.network-message .network-show-route-box {
    display: none;
}

@media only screen and (max-width:46.87em) {
    .network-message .network-send-message-box {
        display: none;
    }

    .network-message .network-show-route-box {
        display: block;
    }
}

.supports__faq.is-active .icons-open {
    background-position: -184px -602px;
}

.supports {
}

    .supports .clearfix::after {
        clear: both;
        display: table;
        content: "";
    }

    .supports .breadcrumb li {
        line-height: 1.5;
    }

    .supports .self-service .h-gamma {
        margin-bottom: 0px;
    }

    .supports .self-service .gi {
        float: left;
    }

@media only screen and (min-width:61.87em) {
    .supports .self-service {
        padding-bottom: 50px;
    }

        .supports .self-service .gi {
            padding-bottom: 18px;
        }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .supports .self-service {
        padding-bottom: 24px;
    }

        .supports .self-service .gi {
            padding-bottom: 10px;
        }
}

.supports .self-service .self-service-about {
    padding-top: 12px;
    font-size: 1.12rem;
    float: right;
}

    .supports .self-service .self-service-about span {
        border-radius: 50%;
        width: 20px;
        height: 20px;
        text-align: center;
        color: rgb(255, 255, 255);
        line-height: 24px;
        font-size: 1rem;
        margin-right: 5px;
        display: inline-block;
        background-color: #0099d2;
    }

.supports .problems-head .gi {
    padding-left: 0px;
}

.supports .problems-head :last-child.gi {
    text-align: right;
    padding-top: 10px;
}

    .supports .problems-head :last-child.gi a {
        color: rgb(175, 175, 175);
    }

        .supports .problems-head :last-child.gi a:hover {
            text-decoration: underline;
        }

.supports .faq li {
    border-top-color: rgb(226, 226, 226);
    border-bottom-color: rgb(226, 226, 226);
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

    .supports .faq li + li {
        border-top-color: currentColor;
        border-top-width: medium;
        border-top-style: none;
    }

    .supports .faq li a {
        color: rgb(57, 57, 57);
    }

        .supports .faq li a.view-details {
            width: 100%;
        }

.supports .faq-icon {
    margin-top: 3px;
    margin-right: 10px;
    float: right;
    display: inline-block;
}

.supports .icons-open {
    background-position: -184px -580px;
    width: 21px;
    height: 21px;
    display: inline-block;
}

.supports .series {
    width: 100%;
    border-bottom-color: transparent;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    display: block;
    position: relative;
}

    .supports .series span {
        background-position: -190px -739px;
        width: 21px;
        height: 21px;
        right: 20px;
        bottom: 20px;
        position: absolute;
    }

@media only screen and (max-width:46.87em) {
    .supports .series span {
        display: none;
    }
}

.supports .series.active {
    border-bottom-color: #0099d2;
    border-bottom-width: 10px;
    border-bottom-style: solid;
}

    .supports .series.active span {
        background-position: -190px -763px;
    }

.supports .series:hover {
    border-bottom-color: #0099d2;
    border-bottom-width: 10px;
    border-bottom-style: solid;
}

@media only screen and (max-width:46.87em) {
    .supports .series {
        margin-bottom: 2px;
        border-bottom-color: currentColor;
        border-bottom-width: medium;
        border-bottom-style: none;
        box-shadow: 0px 5px 3px #bdbdbd;
        -webkit-box-shadow: 0 5px 3px #bdbdbd;
        -moz-box-shadow: 0 5px 3px #bdbdbd;
        -o-box-shadow: 0 5px 3px #bdbdbd;
    }

        .supports .series.active {
            border-bottom-color: currentColor;
            border-bottom-width: medium;
            border-bottom-style: none;
            box-shadow: 0px 5px 3px #2ba86c;
            -webkit-box-shadow: 0 5px 3px #2ba86c;
            -moz-box-shadow: 0 5px 3px #2ba86c;
            -o-box-shadow: 0 5px 3px #2ba86c;
        }

            .supports .series.active span {
                display: none;
            }

        .supports .series:hover {
            border-bottom-color: currentColor;
            border-bottom-width: medium;
            border-bottom-style: none;
        }
}

.supports .series-products {
    background: rgb(255, 255, 255);
    padding: 40px 80px;
    border: 1px solid rgb(224, 224, 224);
    border-image: none;
    width: 98%;
    margin-bottom: 20px;
    display: none;
    z-index: 9;
}

@media only screen and (max-width:46.87em) {
    .supports .series-products {
        padding: 40px;
        margin-left: 4px;
    }
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .supports .series-products {
        margin-left: 8px;
    }
}

@media only screen and (min-width:61.87em) {
    .supports .series-products {
        margin-left: 18px;
    }
}

.supports .series-products a {
    display: block;
}

.supports .series-products img {
    margin: 0px auto;
}

.supports .series-products p {
    padding-top: 20px;
}

.supports .products-icon {
    background: rgb(224, 224, 224);
    border-radius: 52px;
    top: 50%;
    width: 52px;
    height: 52px;
    text-align: center;
    margin-top: -26px;
    position: absolute;
}

    .supports .products-icon:hover {
        background: #0099d2;
        cursor: pointer;
    }

@media only screen and (max-width:46.87em) {
    .supports .products-icon {
        border-radius: 32px;
        width: 32px;
        height: 32px;
    }
}

.supports .products-icon .icon {
    width: 10px;
    height: 15px;
    margin-top: 18px;
}

.supports .products-icon .navigation-filters .filter-name::after {
    width: 10px;
    height: 15px;
    margin-top: 18px;
}

.navigation-filters .supports .products-icon .filter-name::after {
    width: 10px;
    height: 15px;
    margin-top: 18px;
}

@media only screen and (max-width:46.87em) {
    .supports .products-icon .icon {
        margin-top: 8px;
    }

    .supports .products-icon .navigation-filters .filter-name::after {
        margin-top: 8px;
    }

    .navigation-filters .supports .products-icon .filter-name::after {
        margin-top: 8px;
    }
}

.supports .products-icon .icon-prev {
    background-position: -190px -668px;
}

.supports .products-icon .icon-next {
    background-position: -190px -638px;
}

.supports .products-icon-prev {
    left: 20px;
}

@media only screen and (max-width:46.87em) {
    .supports .products-icon-prev {
        left: 10px;
    }
}

.supports .products-icon-next {
    right: 20px;
}

@media only screen and (max-width:46.87em) {
    .supports .products-icon-next {
        right: 10px;
    }
}

.supports .slick-slide {
    height: auto;
    text-align: center;
}

.supports .supports-part .button-query {
    margin-top: 3px;
}

@media only screen and (min-width:46.87em) {
    .supports .supports-part .button-query {
        margin-left: 20px;
    }
}

.supports .supports-part .parts-content {
    display: none;
}

.supports .supports-part .parts-list .gi {
    padding-top: 20px;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-part .parts-list .gi {
        padding-top: 15px;
    }
}

@media only screen and (min-width:61.87em) {
    .supports .supports-part .parts-list .gi {
        padding-top: 30px;
    }
}

.supports .supports-part .parts-list .gi.center-text {
    padding-top: 0px;
}

.supports .supports-part .parts-list img {
    width: 45%;
}

@media only screen and (min-width:46.87em) {
    .supports .supports-part .parts-list img {
        width: 25%;
    }
}

.supports .supports-part p {
    color: rgb(95, 95, 95);
    font-size: 1rem;
}

.supports .link-reserve {
    text-decoration: underline;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .supports .supports-network .store-location .gi {
        border: currentColor;
        border-image: none;
        min-height: 45px;
    }
}

.supports .supports-network .location-map {
    margin-top: 0px;
    display: none;
}

@media only screen and (min-width:61.87em) {
    .supports .supports-network .location-map {
        display: block;
    }
}

.supports .supports-network .list-store {
    margin-top: 20px;
}

.supports .supports-network .remarks {
    color: rgb(243, 134, 73);
}

.supports .supports-network .network-note p {
    padding-bottom: 3px;
    font-size: 0.87rem;
}

.supports .supports-network .store-location-none {
    padding: 50px;
    text-align: center;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-network .store-location-none {
        padding: 30px;
    }
}

.supports .supports-network .select-territories {
    text-align: center;
    margin-bottom: 30px;
}

    .supports .supports-network .select-territories .tips {
        height: 66px;
        line-height: 66px;
    }

    .supports .supports-network .select-territories .city-select {
        margin-top: 5px;
        margin-left: 0px;
    }

@media only screen and (min-width:61.87em) {
    .supports .supports-network .select-territories .city-select {
        margin-top: 0px;
        margin-left: 5px;
    }
}

@media only screen and (max-width:46.87em) {
    .supports .supports-network .select-territories {
        text-align: left;
    }
}

.supports .supports-network .map-hide {
    display: none;
}

.supports .supports-network .map-show {
    display: block;
}

.supports .supports-network .toggle-map-view {
    color: rgb(31, 134, 87);
    font-size: 0.87rem;
    margin-bottom: 10px;
    cursor: pointer;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-network .toggle-map-view {
        display: none;
    }
}

.supports .supports-pro .pro-wrapper {
    padding-right: 20px;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-pro .pro-wrapper {
        padding-right: 0px;
    }
}

.supports .supports-pro .pro-wrapper .button-s {
    width: 100%;
}

.supports .supports-pro .pro-wrapper .link {
    font-size: 0.81rem;
}

.supports .supports-pro .pro-wrapper .pull-right {
    padding-top: 5px;
}

.supports .supports-pro .product {
    padding: 20px;
    border: 1px solid rgb(229, 229, 229);
    border-image: none;
    text-align: center;
}

    .supports .supports-pro .product img {
        width: 60%;
    }

.supports .supports-pro .pro-imgs img {
    margin: 0px auto;
}

.supports .supports-vedio a.active {
    color: rgb(0, 155, 114);
}

.supports .supports-vedio a:hover {
    color: rgb(0, 155, 114);
}

.supports .supports-vedio p {
    text-align: center;
    padding-top: 20px;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-vedio p {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .supports .supports-vedio :last-child.gi .field {
        margin: 10px 0px;
    }
}

.supports .supports-pro-info a {
    color: rgb(57, 57, 57);
}

.supports .supports-pro-info img {
    max-width: 30px;
}

.supports .js-tab-content.brick-s {
    padding: 25px 20px;
}

.supports .box {
    padding: 10px 0px 0px;
    border: currentColor;
    border-image: none;
    text-align: left;
    float: left;
    position: static;
}

.supports .supports-faq li {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom-color: rgb(224, 224, 224);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .supports .supports-faq li p {
        padding: 5px 0px;
    }

.supports .supports-faqs {
    padding-bottom: 60px;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-faqs {
        padding-top: 20px;
    }
}

.supports .supports-faqs .supports-faqs-content {
    background: rgb(255, 255, 255);
    padding: 20px;
    border: 1px solid rgb(224, 224, 224);
    border-image: none;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-faqs .supports-faqs-content {
        padding-top: 0px;
        margin-top: 40px;
    }
}

.supports .supports-faqs .supports-faqs-content .supports-faq li {
    padding-bottom: 35px;
}

.supports .supports-faqs .faqs-action a {
    width: 70px;
    float: right;
    display: inline-block;
}

    .supports .supports-faqs .faqs-action a span {
        height: 35px;
        line-height: 35px;
        float: left;
        display: inline-block;
    }

.supports .supports-faqs .faqs-action .faqs-good .faqs-icon {
    background-position: 0px 0px;
}

.supports .supports-faqs .faqs-action .faqs-bad {
    color: rgb(57, 57, 57);
}

    .supports .supports-faqs .faqs-action .faqs-bad .faqs-icon {
        background-position: 0px -83px;
    }

.supports .supports-faqs .faqs-action .faqs-icon {
    background: url("../image/supports-icons.png") no-repeat;
    width: 26px;
}

.supports .supports-faqs .faq-tab {
    width: 100%;
    padding-bottom: 40px;
}

    .supports .supports-faqs .faq-tab li {
        height: 50px;
        float: left;
    }

        .supports .supports-faqs .faq-tab li a {
            width: 120px;
            text-align: center;
            display: inline-block;
        }

            .supports .supports-faqs .faq-tab li a.active {
                border-radius: 3px;
                border: 1px solid rgb(31, 134, 87);
                border-image: none;
                color: #0099d2;
            }

        .supports .supports-faqs .faq-tab li p {
            height: 40px;
            line-height: 40px;
        }

@media only screen and (min-width:61.87em) {
    .supports .supports-faqs .faq-tab li {
        width: 14.28%;
        height: auto;
    }

        .supports .supports-faqs .faq-tab li a {
            width: auto;
        }

            .supports .supports-faqs .faq-tab li a:hover {
                color: #0099d2;
            }

            .supports .supports-faqs .faq-tab li a.active {
                border: currentColor;
                border-image: none;
            }

        .supports .supports-faqs .faq-tab li span {
            background: url("../image/supports-icons.png") no-repeat;
            margin: 0px auto;
            width: 50px;
            height: 50px;
            display: block;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-desk span {
            background-position: -101px -89px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-desk:hover span {
            background-position: -101px -1px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-desk.active span {
            background-position: -101px -1px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-network span {
            background-position: -235px -89px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-network:hover span {
            background-position: -235px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-network.active span {
            background-position: -235px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-media span {
            background-position: -371px -89px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-media:hover span {
            background-position: -371px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-media.active span {
            background-position: -371px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-tool span {
            background-position: -503px -89px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-tool:hover span {
            background-position: -503px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-tool.active span {
            background-position: -503px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-resource span {
            background-position: -632px -89px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-resource:hover span {
            background-position: -632px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-resource.active span {
            background-position: -632px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-security span {
            background-position: -764px -89px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-security:hover span {
            background-position: -764px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-security.active span {
            background-position: -764px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-other span {
            background-position: -892px -89px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-other:hover span {
            background-position: -892px 0px;
        }

        .supports .supports-faqs .faq-tab li .faq-tab-other.active span {
            background-position: -892px 0px;
        }
}

.supports .supports-help {
    padding-bottom: 60px;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-help {
        padding-top: 20px;
    }
}

.supports .supports-help .supports-help-content {
    padding: 20px;
    border: 1px solid rgb(224, 224, 224);
    border-image: none;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-help .supports-help-content {
        padding-top: 0px;
        margin-top: 40px;
    }
}

.supports .supports-detail {
    padding-bottom: 60px;
}

    .supports .supports-detail .supports-detail-content {
        border-width: medium 1px 1px;
        border-style: none solid solid;
        border-color: currentColor rgb(224, 224, 224) rgb(224, 224, 224);
        border-image: none;
    }

    .supports .supports-detail .article-response {
        background: rgb(255, 255, 255);
    }

@media only screen and (min-width:61.87em) {
    .supports .supports-detail .article-response {
        padding: 20px;
    }
}

.supports .supports-detail .menulist .menu {
    cursor: default;
}

@media only screen and (min-width:46.87em) {
    .supports .supports-phonecheck .phonecheck {
        text-align: center;
    }
}

.supports .supports-phonecheck .button-check {
    width: 100% !important;
}

.supports .supports-phonecheck .alert-danger {
    text-align: left;
    margin-top: 10px;
}

.supports .phonecheck-captcha {
    line-height: 66px;
}

.supports .check-tips-title {
    padding: 20px 0px 15px;
    margin-bottom: 20px;
    border-bottom-color: rgb(229, 229, 229);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
}

.supports .check-tips-item {
    background: rgb(247, 247, 247);
    padding: 10px 0px;
    line-height: 1.5;
}

    .supports .check-tips-item + .check-tips-item {
        padding: 0px 0px 10px;
    }

@media only screen and (min-width:61.87em) {
    .supports .check-tips-item {
        padding: 30px 20px 20px;
    }

        .supports .check-tips-item + .check-tips-item {
            padding: 0px 20px 20px;
        }
}

.supports .check-tips-item h4 {
    padding-bottom: 10px;
}

.supports .check-tips-item div {
    padding-bottom: 5px;
    font-size: 0.87rem;
}

.supports .supports-check-result .supports-pro .pro-img {
    background: rgb(255, 255, 255);
}

.supports .supports-check-result .check-result-items {
    background: linear-gradient(rgb(250, 250, 250) 0%, rgb(255, 255, 255) 100%);
    padding: 10px;
}

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .check-result-items {
        padding: 15px 20px;
    }
}

.supports .supports-check-result .check-result-items .check-result-item + .check-result-item {
    margin-top: 10px;
}

.supports .supports-check-result .check-result-items .check-result-item h4 {
    font-size: 0.93rem;
    margin-bottom: 10px;
}

.supports .supports-check-result .check-result-items .check-result-item .item-content {
    margin: 0px;
    width: 100%;
}

@media only screen and (min-width:46.87em) {
    .supports .supports-check-result .check-result-items .check-result-item .item-content {
        margin: 0px auto;
        width: 90%;
    }
}

.supports .supports-check-result .check-result-items .check-result-item .item-content .gi {
    padding: 3px 0px;
    font-size: 0.87rem;
}

    .supports .supports-check-result .check-result-items .check-result-item .item-content .gi + .gi {
        border-left-color: currentColor;
        border-left-width: medium;
        border-left-style: none;
    }

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .check-result-items .check-result-item .item-content .gi {
        border: 1px solid rgb(226, 226, 226);
        border-image: none;
        text-align: center;
    }
}

.supports .supports-check-result .check-result-items .check-result-item .item-data {
    padding: 10px;
    background-color: rgb(247, 247, 247);
}

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .check-result-items .check-result-item .item-data {
        background: none;
        padding: 0px;
    }
}

.supports .supports-check-result .check-result-items .check-result-item .item-data + .item-data {
    margin-top: 15px;
}

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .check-result-items .check-result-item .item-data + .item-data {
        margin-top: 0px;
    }

        .supports .supports-check-result .check-result-items .check-result-item .item-data + .item-data .gi {
            border-top-color: currentColor;
            border-top-width: medium;
            border-top-style: none;
        }
}

.supports .supports-check-result .check-result-items .check-result-item .item-data.item-none {
    padding: 10px;
    text-align: center;
    font-size: 0.87rem;
}

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .check-result-items .check-result-item .item-data.item-none {
        padding: 0px;
        text-align: left;
    }
}

.supports .supports-check-result .check-result-items .check-result-item .item-data.item-none a {
    color: #0099d2;
    text-decoration: underline;
}

.supports .supports-check-result .check-result-items .check-result-item .item-title {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .check-result-items .check-result-item .item-title {
        font-weight: bold;
        display: block;
    }

        .supports .supports-check-result .check-result-items .check-result-item .item-title + .item-data .gi {
            border-top-color: currentColor;
            border-top-width: medium;
            border-top-style: none;
        }
}

.supports .supports-check-result .check-result-items .check-result-item i {
    font-style: normal;
    display: inline-block;
}

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .check-result-items .check-result-item i {
        display: none;
    }
}

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .location-address .list-store {
        margin-top: 20px;
    }
}

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .network-map {
        display: none;
    }
}

.supports .supports-check-result .network-message {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .supports .supports-check-result .network-message {
        display: inline-block;
    }
}

.supports .supports-help-content-title {
    padding: 10px;
    font-size: 1.12rem;
}

@media only screen and (min-width:46.87em) {
    .supports .supports-help-content-title {
        padding: 30px 50px 10px;
        font-size: 1.5rem;
    }
}

.supports .supports-help-content-table {
    margin-bottom: 20px;
}

    .supports .supports-help-content-table thead {
        font-size: 1rem;
        background-color: rgb(247, 247, 247);
    }

        .supports .supports-help-content-table thead td {
            padding: 8px 5px;
            font-weight: bold;
        }

@media only screen and (min-width:46.87em) {
    .supports .supports-help-content-table thead {
        font-size: 1.12rem;
    }

        .supports .supports-help-content-table thead td {
            padding: 16px 15px;
        }
}

.supports .supports-help-content-table tbody {
    font-size: 0.87rem;
}

.supports .supports-help-content-table td {
    padding: 5px;
    border: 1px solid rgb(226, 226, 226);
    border-image: none;
}

    .supports .supports-help-content-table td:first-child {
        white-space: nowrap;
    }

@media only screen and (min-width:46.87em) {
    .supports .supports-help-content-table td {
        padding: 14px 15px;
    }

        .supports .supports-help-content-table td:first-child {
            width: 33.33% !important;
        }
}

.supports .supports-help-content-note {
    padding: 20px;
    background-color: rgb(247, 247, 247);
}

.supports .supports-help-content-item {
    padding: 30px 20px;
}

.supports :first-child.supports-help-content-item {
    margin-top: 10px;
}

.supports :last-child.supports-help-content-item {
    margin-bottom: 10px;
}

.supports .supports-help-content-item + .supports-help-content-item {
    border-top-color: rgb(226, 226, 226);
    border-top-width: 1px;
    border-top-style: solid;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-help-content-item {
        padding: 20px 0px;
    }
}

.supports .supports-help-content-item .item-flag {
    width: 75px;
    height: 75px;
    text-align: center;
    color: rgb(255, 255, 255);
    display: inline-block;
    background-color: #0099d2;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-help-content-item .item-flag {
        width: 50px;
        height: 50px;
        font-size: 0.87rem;
    }
}

.supports .supports-help-content-item .item-flag .item-flag-seq {
    line-height: 20px;
    padding-top: 16px;
    font-size: 2.25rem;
    display: inline-block;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-help-content-item .item-flag .item-flag-seq {
        line-height: 10px;
        padding-top: 10px;
        font-size: 1.5rem;
    }
}

.supports .supports-help-content-item .item-flag .item-flag-title {
    line-height: 75px;
    font-size: 1.62rem;
}

@media only screen and (max-width:46.87em) {
    .supports .supports-help-content-item .item-flag .item-flag-title {
        line-height: 50px;
        font-size: 1.25rem;
    }
}

.supports .supports-help-content-item .item-title {
    padding-bottom: 10px;
    font-weight: bold;
}

.supports .supports-help-content-item .item-note {
    font-size: 0.87rem;
}

    .supports .supports-help-content-item .item-note + .item-img {
        padding-top: 20px;
    }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .supports .menulist {
        padding-right: 20px;
    }
}

@media only screen and (min-width:61.87em) {
    .supports .menulist {
        padding-right: 35px;
    }
}

.supports .menulist li {
    background-color: rgb(255, 255, 255);
}

    .supports .menulist li a {
        padding: 10px 15px;
        border-bottom-color: rgb(247, 247, 247);
        border-bottom-width: 2px;
        border-bottom-style: solid;
        display: block;
    }

@media only screen and (min-width:46.87em) {
    .supports .menulist li {
        border-radius: 3px;
    }

        .supports .menulist li.gi + .gi {
            padding-top: 20px;
        }
}

@media only screen and (max-width:46.87em) {
    .supports .menulist li {
        text-align: center;
    }

        .supports .menulist li a {
            padding: 10px 0px;
        }
}

.supports .menulist .menu {
    font-size: 1.25rem;
    font-weight: bold;
    border-bottom-color: #0099d2;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    cursor: default;
}

@media only screen and (max-width:46.87em) {
    .supports .menulist .menu {
        background: #0099d2;
        color: rgb(255, 255, 255);
        font-size: 1rem;
        font-weight: normal;
        border-bottom-color: #0099d2;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        position: relative;
    }
}

.supports .menulist .menu .toggle {
    background: url("../image/sprite-icons.svg") no-repeat -172px -63px;
    top: 0px;
    width: 44px;
    height: 44px;
    right: 0px;
    position: absolute;
    z-index: 1;
}

    .supports .menulist .menu .toggle.active {
        background-position: -172px -122px;
    }

@media only screen and (min-width:46.87em) {
    .supports .menulist .menu .toggle {
        display: none;
    }
}

@media only screen and (max-width:46.87em) {
    .supports .menulist .sub-menu {
        display: none;
    }

        .supports .menulist .sub-menu.show {
            display: block;
        }
}

.supports .menulist .clickable-light {
    color: #0099d2;
}

.supports .word-break p {
    line-height: 1.5;
}

.guarantees i {
    font-style: normal;
}

.guarantees p {
    line-height: 1.5;
}

.guarantees .box {
    border: currentColor;
    border-image: none;
    text-align: left;
}

.guarantees .guarantee-font-1 {
    color: rgb(60, 60, 60);
    font-size: 1.12rem;
}

@media only screen and (max-width:46.87em) {
    .guarantees .guarantee-font-1 {
        font-size: 0.93rem;
    }
}

.guarantees .guarantee-font-2 {
    color: rgb(130, 130, 130);
    font-size: 1.12rem;
}

@media only screen and (max-width:46.87em) {
    .guarantees .guarantee-font-2 {
        font-size: 0.93rem;
    }
}

.guarantees .guarantee-items {
    padding: 100px 0px;
    background-color: rgb(246, 246, 246);
}

@media only screen and (max-width:46.87em) {
    .guarantees .guarantee-items {
        padding: 20px 0px;
    }
}

@media only screen and (max-width:46.87em) {
    .guarantees .guarantee-items .guarantee-item + .guarantee-item {
        margin-top: 20px;
    }
}

.guarantees .guarantee-items .guarantee-item .g {
    padding: 50px 40px;
    background-color: rgb(255, 255, 255);
}

@media only screen and (max-width:46.87em) {
    .guarantees .guarantee-items .guarantee-item .g {
        padding: 20px 10px;
    }
}

.guarantees .guarantee-items .guarantee-item .guarantee-item-img {
    padding: 0px 25px 40px;
}

@media only screen and (max-width:46.87em) {
    .guarantees .guarantee-items .guarantee-item .guarantee-item-img {
        padding: 0px;
    }
}

.guarantees .guarantee-items .guarantee-item .guarantee-item-title {
    color: rgb(0, 146, 95);
    font-size: 2rem;
}

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-items .guarantee-item .guarantee-item-title {
        text-align: center;
    }
}

@media only screen and (max-width:46.87em) {
    .guarantees .guarantee-items .guarantee-item .guarantee-item-title {
        font-size: 1.5rem;
    }
}

.guarantees .guarantee-items .guarantee-item .guarantee-item-title-s {
    color: rgb(0, 146, 95);
}

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-items .guarantee-item .guarantee-item-title-s {
        text-align: center;
    }
}

@media only screen and (max-width:46.87em) {
    .guarantees .guarantee-items .guarantee-item .guarantee-item-content {
        padding-left: 20px;
    }
}

.guarantees .guarantee-items .guarantee-item .guarantee-font-1 {
    padding-top: 45px;
}

@media only screen and (max-width:46.87em) {
    .guarantees .guarantee-items .guarantee-item .guarantee-font-1 {
        padding-top: 10px;
    }
}

@media only screen and (min-width:46.87em) {
    .guarantees .g-wrapper-l .gi.guarantee-item-content {
        padding-left: 0px;
    }
}

.guarantees .guarantee-title {
    padding-bottom: 80px;
    display: none;
}

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-title {
        display: block;
    }
}

.guarantees .guarantee-title-s {
    text-align: center;
    color: rgb(60, 60, 60);
    padding-bottom: 40px;
    font-size: 1.62rem;
    display: block;
}

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-title-s {
        display: none;
    }
}

.guarantees .guarantee-rang {
    background-color: rgb(32, 201, 137);
}

    .guarantees .guarantee-rang .guarantee-title-s {
        color: rgb(255, 255, 255);
    }

    .guarantees .guarantee-rang .gi {
        text-align: center;
    }

        .guarantees .guarantee-rang .gi img {
            width: 70%;
        }

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-rang .gi img {
        width: 38.5%;
    }
}

.guarantees .guarantee-rang .gi p {
    color: rgb(255, 255, 255);
    padding-top: 40px;
    font-size: 1.25rem;
}

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-rang .gi p {
        padding-top: 70px;
        font-size: 1.37rem;
    }
}

.guarantees .guarantee-process .guarantee-process-img {
    text-align: center;
}

    .guarantees .guarantee-process .guarantee-process-img img {
        width: 75%;
    }

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-process .guarantee-process-img img {
        width: 93%;
    }
}

.guarantees .guarantee-process .guarantee-process-tips {
    padding: 40px 10px;
}

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-process .guarantee-process-tips {
        padding: 70px 100px 0px;
    }
}

.guarantees .guarantee-process .guarantee-process-tips .tips-title {
    color: rgb(60, 60, 60);
}

.guarantees .guarantee-process .guarantee-process-tips .tips-item {
    color: rgb(130, 130, 130);
    padding-left: 20px;
    margin-top: 10px;
    position: relative;
}

    .guarantees .guarantee-process .guarantee-process-tips .tips-item i {
        margin: 5px -17px;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        display: inline-block;
        position: absolute;
        background-color: rgb(0, 146, 95);
    }

.guarantees .guarantee-faqs {
    background-color: rgb(246, 246, 246);
}

    .guarantees .guarantee-faqs .faq li {
        padding: 0px 0px 20px;
        border: currentColor;
        border-image: none;
    }

        .guarantees .guarantee-faqs .faq li.is-active .guarantee-icon {
            background-position: -40px -32px;
        }

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-faqs .faq li.is-active .guarantee-icon {
        background-position: 0px -32px;
    }
}

.guarantees .guarantee-faqs .faq li a {
    color: rgb(60, 60, 60);
    padding-right: 30px;
    padding-bottom: 20px;
    border-bottom-color: rgb(220, 220, 220);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: relative;
}

.guarantees .guarantee-faqs .faq li .guarantee-icon {
    background: url("../image/guarantee-icons.png") no-repeat -40px 0px;
    top: 2px;
    width: 24px;
    height: 24px;
    right: 5px;
    position: absolute;
}

@media only screen and (min-width:46.87em) {
    .guarantees .guarantee-faqs .faq li .guarantee-icon {
        background-position: 0px 0px;
    }
}

.guarantees .guarantee-faqs .faq li div {
    padding: 20px;
}

.guarantees .guarantee-faqs .faq li p {
    color: rgb(130, 130, 130);
    font-size: 1.06rem;
}

.icons-plus {
    background: url("../image/icons-plus.png") no-repeat;
    display: inline-block;
}

.icons-plus-vip {
    background-position: 0px 0px;
    width: 40px;
    height: 40px;
}

.icons-plus-take {
    background-position: 0px -40px;
    width: 40px;
    height: 40px;
}

.icons-plus-cloud {
    background-position: 0px -80px;
    width: 40px;
    height: 40px;
}

.icons-plus-weibo {
    background-position: -50px 0px;
    width: 30px;
    height: 30px;
}

.icons-plus-qq {
    background-position: -50px -40px;
    width: 30px;
    height: 30px;
}

.icons-plus-zfb {
    background-position: -50px -80px;
    width: 50px;
    height: 30px;
}

.icons-plus-home {
    background-position: -100px 0px;
    width: 34px;
    height: 34px;
}

.icons-plus-user {
    background-position: -100px -40px;
    width: 34px;
    height: 34px;
}

.icons-plus-qrcode {
    background-position: -150px -40px;
    width: 36px;
    height: 36px;
}

.icons-plus-send {
    background-position: -150px 0px;
    width: 36px;
    height: 36px;
}

.icons-shops {
    background: url("../image/icons-shops.png") no-repeat;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-shop-hyjf {
    background-position: 0px -72px;
}

.icon-shop-hyzsjg {
    background-position: -36px -72px;
}

.icon-shop-sjtm {
    background-position: 0px -108px;
}

.icon-shop-yyrjxz {
    background-position: 0px 0px;
}

.icon-shop-gjsj {
    background-position: -108px -36px;
}

.icon-shop-coloros {
    background-position: -108px 0px;
}

.icon-shop-jkybf {
    background-position: -72px -72px;
}

.icon-shop-gnjx {
    background-position: -72px -36px;
}

.icon-shop-sjjyz {
    background-position: -108px -72px;
}

.icon-shop-wificl {
    background-position: 0px -36px;
}

.icon-shop-axs {
    background-position: -36px -36px;
}

.icon-shop-sx {
    background-position: -72px 0px;
}

.icon-shop-xoms {
    background-position: -36px 0px;
}

.offline-store-detail .mobile-plan-title span {
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.offline-store-content {
    padding: 30px 40px;
}

.offline-store-about {
    padding-right: 50px;
}

.offline-store-title {
    font-size: 20px;
}

.search-error {
    padding: 100px 0px;
    text-align: center;
}

    .search-error a {
        color: rgb(31, 134, 87);
    }

.shops-icons li {
    padding: 5px 0px;
}

.badge-mobile {
    padding-top: 90px;
    cursor: pointer;
}

.input-captcha input {
    padding: 16px;
}

.input-captcha a {
    padding: 12px 5px;
    vertical-align: middle;
    display: inline-block;
}

    .input-captcha a img {
        vertical-align: middle;
    }

.badge-qrcode p {
    height: 120px;
}

.badge-qrcode h5 {
    color: rgb(123, 123, 123) !important;
}

#select_cities_shops {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 30px;
}

    #select_cities_shops .tips {
        height: 66px;
        line-height: 66px;
    }

    #select_cities_shops .city-select {
        margin-top: 5px;
        margin-left: 0px;
    }

@media only screen and (min-width:61.87em) {
    #select_cities_shops .city-select {
        margin-top: 0px;
        margin-left: 5px;
    }
}

@media only screen and (max-width:46.87em) {
    #select_cities_shops {
        text-align: left;
    }
}

.shops-cities {
    padding: 10px;
}

    .shops-cities .greenhr {
        margin: 10px;
        height: 0px;
        line-height: 0;
        font-size: 0px;
        border-bottom-color: rgb(51, 167, 127);
        border-bottom-width: 1px;
        border-bottom-style: dashed;
    }

    .shops-cities ul {
        padding: 10px 0px;
        height: 1%;
        overflow: auto;
        display: block;
    }

        .shops-cities ul li {
            padding: 2px 10px;
            float: left;
        }

            .shops-cities ul li a {
                height: 20px;
                color: rgb(102, 102, 102);
                line-height: 20px;
                font-size: 14px;
                vertical-align: middle;
                display: inline-block;
            }

                .shops-cities ul li a:hover {
                    color: rgb(31, 134, 87);
                }

            .shops-cities ul li.active {
                background-color: rgb(0, 155, 114);
            }

                .shops-cities ul li.active a {
                    color: rgb(255, 255, 255);
                }

.offline-store-detail .icon-list .g {
    margin: 10px 0px;
    line-height: 40px;
    vertical-align: middle;
}

.offline-store-detail .icon-list .icon {
    vertical-align: middle;
}

.offline-store-detail .icon-list .navigation-filters .filter-name::after {
    vertical-align: middle;
}

.navigation-filters .offline-store-detail .icon-list .filter-name::after {
    vertical-align: middle;
}

.offline-store-map .map {
    height: 300px;
}

.offline-store-news {
    padding: 0.75rem;
    border: 1px solid rgb(237, 237, 237);
    border-image: none;
    line-height: 2rem;
}

    .offline-store-news p span {
        margin-right: 40px;
    }

.offline-store-date {
    font-size: 20px;
    font-weight: bold;
}

    .offline-store-date span {
        font-size: 16px;
        font-weight: normal;
        margin-left: 20px;
    }

.location-map {
    margin-top: 0px;
    display: none;
}

@media only screen and (min-width:61.87em) {
    .location-map {
        display: block;
    }
}

.location-map-fix {
    margin-top: 20px !important;
}

.map-follow {
    margin-top: -10px !important;
    display: none;
}

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .map-follow {
        display: block;
    }
}

@media only screen and (max-width:46.87em) {
    .map-follow {
        display: block;
    }
}

.map-fix-infowindow input {
    padding: 3px 0px;
    border-radius: 0px;
    width: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.map-fix-infowindow table {
    width: 100%;
}

    .map-fix-infowindow table td {
        width: auto !important;
    }

@media only screen and (max-width:61.87em) {
    .offline-store-detail {
        padding-top: 20px;
    }

    .offline-store-content {
        padding: 20px;
    }

    .offline-store-about {
        padding-right: 30px;
    }

    .offline-store-news {
        background-color: rgb(237, 237, 237);
    }

    .offline-store-images .gi img {
        width: 100%;
        margin-bottom: 0.75rem;
    }
}

@media only screen and (max-width:46.87em) {
    .offline-store-content {
        padding: 0.75rem;
    }

    .offline-store-about {
        padding-right: 0px;
    }

    .offline-store-news p span {
        margin-right: 20px;
    }

    .about-icons .gi {
        margin-bottom: 0.5rem;
    }
}

@media only screen and (max-width:389px) {
    .offline-store-detail .icon-list {
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

        .offline-store-detail .icon-list .gi {
            font-size: 14px !important;
        }

        .offline-store-detail .icon-list .icon-wrapper {
            margin-right: 0px;
        }

    .offline-store-news {
        font-size: 14px;
    }

        .offline-store-news p span {
            margin-right: 10px;
        }

    .about-icons .badge-info {
        padding-top: 10px;
    }
}

.diediephone {
    margin: 50px 0px;
    height: 60px;
    line-height: 60px;
}

    .diediephone label {
        font-weight: bold;
        margin-bottom: 0px;
    }

    .diediephone select {
        outline: 0px;
        border-radius: 4px;
        border: 1px solid rgb(204, 204, 204);
        border-image: none;
        left: 0px;
        top: 0px;
        line-height: 58px;
        text-indent: 2em;
        position: static;
        min-height: 58px;
        opacity: 1;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .diediephone option {
        text-indent: 2em;
    }

@media only screen and (max-width:46.87em) {
    .diediephone {
        margin: 30px 0px;
        height: auto;
    }

        .diediephone label {
            text-align: left !important;
            margin-bottom: 0px;
        }

        .diediephone .d-mobile-hide {
            display: none;
        }
}

.diediephone-ul {
    padding: 20px 0px;
}

    .diediephone-ul .location-address {
        padding: 0px;
    }

        .diediephone-ul .location-address .list-store {
            margin: 20px 0px;
        }

@media only screen and (max-width:46.87em) {
    .diediephone-ul .location-address {
        padding: 0px;
    }

        .diediephone-ul .location-address .list-store {
            margin: 20px 0px;
        }
}

.about-content {
    padding: 50px 75px;
}

.about-title {
    font-size: 20px;
}

.about-form {
    padding-right: 60px;
}

.about-submit {
    text-align: right;
}

.about-text {
    line-height: 24px;
    font-size: 14px;
    font-weight: bold;
}

    .about-text .text-weak {
        color: rgb(153, 153, 153);
        font-weight: normal;
    }

.about-icons .badge-mobile {
    text-align: center;
    padding-top: 10px;
}

    .about-icons .badge-mobile .badge-icon-tip {
        top: 145%;
    }

.about-icons .badge-icon {
    margin: 0px;
    width: 100px;
    height: 100px;
}

.about-icons .badge-info {
    text-align: center;
    padding-top: 10px;
}

.about-icons .badge-qrcode {
    text-align: center;
}

    .about-icons .badge-qrcode .h-epsilon {
        padding-top: 5px;
    }

.badge-icon-tip {
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    left: 50%;
    top: 115%;
    display: none;
    position: absolute;
    box-shadow: 0px 0px 4px #ccc;
    transform: translate(-50%, 0px);
    background-color: rgb(255, 255, 255);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}

.badge-icon-tip-container {
    position: relative;
}

.badge-icon-tip-content {
    padding: 15px;
    width: auto;
}

.badge-icon-tip-qrcode {
    width: 120px;
    height: 120px;
}

.badge-icon-tip-message {
    width: 260px;
    height: 270px;
    line-height: 30px;
}

    .badge-icon-tip-message .sendMessageError {
        height: 30px;
        text-align: left;
        color: rgb(236, 117, 117);
    }

    .badge-icon-tip-message .input-captcha + .input-captcha {
        margin-top: 20px;
    }

.badge-icon-tip-title {
    text-align: center;
    color: rgb(0, 155, 114);
    margin-bottom: 5px;
}

.badge-icon-tip-close {
    border-radius: 15px;
    border: 1px solid rgb(204, 204, 204);
    border-image: none;
    top: -15px;
    width: 30px;
    height: 30px;
    right: -15px;
    color: rgb(204, 204, 204);
    line-height: 28px;
    font-size: 20px;
    position: absolute;
    z-index: 1;
    box-shadow: 0px 0px 4px #ccc;
    background-color: rgb(255, 255, 255);
}

.badge-icon-tip-triangle {
    border-width: 1px 0px 0px 1px;
    border-style: solid none none solid;
    border-color: rgb(204, 204, 204) currentColor currentColor rgb(204, 204, 204);
    border-image: none;
    left: 50%;
    top: -3px;
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 1;
    box-shadow: -2px -2px 4px #cccccc;
    transform: rotate(45deg) translate(-50%, 0px);
    background-color: rgb(255, 255, 255);
    -webkit-transform: rotate(45deg) translate(-50%, 0);
    -moz-transform: rotate(45deg) translate(-50%, 0);
    -o-transform: rotate(45deg) translate(-50%, 0);
}

.about-map .map {
    height: 300px;
}

.about-address {
    line-height: 36px;
    font-size: 20px;
    font-weight: bold;
}

@media only screen and (max-width:61.87em) {
    .about {
        padding-top: 20px;
    }

    .about-bottom {
        display: none;
    }

    .about-form {
        padding-right: 0px;
    }

    .about-submit .button {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .about-point {
        padding: 20px 10px;
        border-radius: 4px;
        margin-bottom: 8px;
        background-color: rgb(237, 237, 237);
    }
}

@media only screen and (max-width:46.87em) {
    .about-content {
        padding: 0.75rem;
    }

    .about-icons {
        display: none;
    }
}

.about-contact div {
    float: left;
}

.about-contact .about-contact-icon {
    background: #0099d2;
    border-radius: 50%;
    width: 67px;
    height: 67px;
    text-align: center;
    line-height: 67px;
}

.about-contact .icon {
    background: url("../image/sprite-icons.png");
    width: 100%;
    height: 100%;
    display: inline-block;
}

.about-contact .navigation-filters .filter-name::after {
    background: url("../image/sprite-icons.png");
    width: 100%;
    height: 100%;
    display: inline-block;
}

.navigation-filters .about-contact .filter-name::after {
    background: url("../image/sprite-icons.png");
    width: 100%;
    height: 100%;
    display: inline-block;
}

.about-contact .icon-tel {
    background-position: -417px -1px;
}

.about-contact .icon-wx2 {
    background-position: -420px -57px;
}

.about-contact .icon-chat {
    background-position: -420px -791px;
    height: 50px;
    margin-top: 10px;
}

.about-contact .icon-arrow {
    background-position: -194px -695px;
}

.about-contact .icon-weibo {
    background-position: -420px -898px;
    height: 50px;
    margin-top: 10px;
}

.about-contact .icon-weixin {
    background-position: -420px -845px;
    height: 50px;
    margin-top: 10px;
}

.about-contact .about-contact-info {
    margin-left: 15px;
}

    .about-contact .about-contact-info .h-delta {
        margin-top: 10px;
    }

    .about-contact .about-contact-info .h-deltap {
        margin-top: 10px;
    }

    .about-contact .about-contact-info .h-deltaspan {
        float: left;
        display: inline-block;
    }

    .about-contact .about-contact-info .h-delta .icon-arrow {
        width: 10px;
        height: 20px;
        margin-left: 5px;
    }

.compare-entrance {
    height: 300px;
    margin-bottom: 20px;
    background-color: rgb(255, 255, 255);
}

    .compare-entrance .wrapper {
        position: relative;
    }

        .compare-entrance .wrapper .g .gi {
            padding-top: 35px;
            padding-bottom: 35px;
        }

        .compare-entrance .wrapper .compare-entrance-image img {
            height: 230px;
        }

        .compare-entrance .wrapper .compare-entrance-slogan {
            width: 420px;
            padding-top: 45px;
        }

            .compare-entrance .wrapper .compare-entrance-slogan p {
                text-align: center;
            }

                .compare-entrance .wrapper .compare-entrance-slogan p:first-child {
                    color: rgb(0, 0, 0);
                    line-height: 48px;
                    font-size: 32px;
                    margin-bottom: 10px;
                }

                .compare-entrance .wrapper .compare-entrance-slogan p a.button {
                    font-weight: normal;
                }

@media only screen and (max-width:61.87em) {
    .compare-entrance {
        height: 200px;
        margin-bottom: 15px;
        background-color: rgb(229, 229, 229);
    }
}

@media only screen and (max-width:46.87em) {
    .compare-entrance {
        height: auto;
    }
}

@media only screen and (max-width:61.87em) {
    .compare-entrance .wrapper {
        margin: 0px 0.75rem;
        padding: 0px;
        background-color: rgb(255, 255, 255);
    }

        .compare-entrance .wrapper .g .gi {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .compare-entrance .wrapper .compare-entrance-image img {
            height: 167px;
            padding-right: 5%;
        }
}

@media only screen and (max-width:46.87em) {
    .compare-entrance .wrapper .compare-entrance-image img {
        width: 95%;
        height: auto;
        padding-right: 0%;
    }
}

@media only screen and (max-width:61.87em) {
    .compare-entrance .wrapper .compare-entrance-slogan {
        width: 90%;
        padding-top: 30px;
    }
}

@media only screen and (max-width:46.87em) {
    .compare-entrance .wrapper .compare-entrance-slogan {
        width: 95%;
        padding-top: 0px;
    }
}

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .compare-entrance .wrapper .compare-entrance-slogan {
        padding-top: 30px;
    }
}

@media only screen and (max-width:61.87em) {
    .compare-entrance .wrapper .compare-entrance-slogan p {
        text-align: center;
    }

        .compare-entrance .wrapper .compare-entrance-slogan p:first-child {
            color: rgb(0, 0, 0);
            line-height: 40px;
            font-size: 26px;
            margin-bottom: 15px;
        }
}

@media only screen and (max-width:46.87em) {
    .compare-entrance .wrapper .compare-entrance-slogan p:first-child {
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .compare-entrance .wrapper .compare-entrance-slogan p:first-child {
        line-height: 24px;
        font-size: 18px;
    }
}

@media only screen and (max-width:46.87em) {
    .compare-entrance .wrapper .compare-entrance-slogan p a.button {
        width: 80%;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 14px;
        display: inline-block;
    }
}

@media only screen and (max-width:46.87em) and (min-width:31.25em) {
    .compare-entrance .wrapper .compare-entrance-slogan p a.button {
        padding: 10px;
        width: 60%;
        display: inline-block;
    }
}

.user .input-suffix {
    height: 61px;
    line-height: 61px;
    display: inline-block;
    min-width: 5%;
}

.user .address-form {
    display: none;
}

    .user .address-form.show {
        display: block;
    }

.user .address-detail {
    width: 0px;
    margin-top: 10px;
    min-width: 85%;
    resize: none;
}

.blog .mobile-plan-title {
    margin: 0px;
    padding: 20px 0px;
}

.blog-wrapper {
    padding: 0.75rem;
}

.blog-content {
    line-height: 1.6rem;
    padding-bottom: 100px;
    background-color: rgb(255, 255, 255);
}

    .blog-content p a:hover {
        text-decoration: underline;
    }

.blog-unit {
    padding: 0px 50px;
}

.blog-title {
    line-height: 30px;
    padding-top: 20px;
    padding-bottom: 16px;
}

.blog-subtitle {
    margin-bottom: 40px;
}

.desk-hide {
    display: none;
}

.blog-quote {
    margin: 20px 0px 0px;
    padding: 20px 0px;
}

    .blog-quote p {
        padding: 10px 0px;
    }

    .blog-quote strong {
        width: 120px;
        padding-left: 10px;
        border-left-color: rgb(0, 155, 114);
        border-left-width: 4px;
        border-left-style: solid;
        display: inline-block;
    }

.blog-left {
    border-top-color: rgb(226, 226, 226);
    border-right-color: rgb(226, 226, 226);
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
}

    .blog-left .brick-shadow {
        padding-right: 30px;
        padding-left: 50px;
    }

.blog-right {
    width: 99%;
    border-top-color: rgb(226, 226, 226);
    border-top-width: 1px;
    border-top-style: solid;
    float: right;
}

.blog-news .blog-texts {
    margin-left: 100px;
}

    .blog-news .blog-texts div {
        color: rgb(135, 135, 135);
        font-size: 14px;
    }

.blog-video .video-title a {
    color: rgb(0, 0, 0);
}

.blog-video .video-detail {
    color: rgb(135, 135, 135);
    font-size: 0.87rem;
}

.word-break {
    -ms-word-break: break-all;
    -ms-word-wrap: break-word;
}

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

.pull-left {
    float: left;
}

.pull-center {
    margin: 0px auto;
}

.pull-right {
    float: right;
}

.blog-bottom-tags {
    padding: 50px 0px 0px;
    display: none;
}

    .blog-bottom-tags .g {
        margin-bottom: 18px;
    }

    .blog-bottom-tags .button {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

.button-viewmore {
    padding: 35px 0px;
    text-align: center;
    margin-top: 35px;
    border-top-color: rgb(226, 226, 226);
    border-top-width: 1px;
    border-top-style: solid;
    display: none;
}

.blog-pagebtn {
    padding-top: 100px;
}

@media only screen and (min-width:61.87em) {
    .blog .hero-image {
        max-height: 542px;
    }

        .blog .hero-image.center {
            height: 424px;
        }
}

@media only screen and (max-width:61.87em) {
    .blog-bottom-tags {
        display: block;
    }

    .button-viewmore {
        display: block;
    }

    .blog-bottom-tags .g {
        margin-bottom: 8px;
    }

    .blog-content .pagination {
        display: none;
    }

    .blog-left .brick-shadow {
        padding-right: 50px;
        padding-left: 50px;
    }

    .blog-content {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width:46.87em) {
    .blog-bottom-tags .g {
        margin-bottom: 0px;
    }

    .blog-unit {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .blog-left .brick-shadow {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }
}

.article-response p span:first-child {
    text-indent: 0px !important;
}

.article-response img {
    height: auto !important;
    max-width: 100% !important;
}

.article-response table {
    width: 100%;
}

    .article-response table tr td {
        width: auto !important;
    }

.wx-float {
    left: -40px !important;
    top: -130px !important;
    width: 120px !important;
    height: 120px !important;
    display: none;
    position: absolute;
    max-width: 120px;
}

.icon-kf {
    margin-top: 10px;
}

.online-chat .online-chat-info p {
    font-weight: normal;
}

.qr-button .picture {
    width: 63px;
    height: 63px;
}

.qr-button img {
    width: 63px;
    height: 63px;
}

.m-item-title {
    cursor: default;
}

.footer-lap-hide {
    display: none;
}

@media only screen and (max-width:46.87em) {
    .footer-lap-hide {
        display: block;
    }

    .footer-subscribe img {
        width: 100%;
    }

    .footer-subscribe .footer-lap-hide {
        display: inline-block;
    }
}

.box-heading-green {
    color: rgb(31, 134, 87) !important;
}

.box-subheading-dark {
    color: rgb(57, 57, 57) !important;
}

@media only screen and (max-width:1300px) {
    .hero-tabs-image .icon {
        display: none !important;
    }

    .hero-tabs-image .navigation-filters .filter-name::after {
        display: none !important;
    }

    .navigation-filters .hero-tabs-image .filter-name::after {
        display: none !important;
    }
}

.home-media-image {
    height: 260px;
    position: relative;
}

    .home-media-image a {
        left: 50%;
        top: 50%;
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

        .home-media-image a img {
            height: 100%;
        }

@media only screen and (max-width:61.87em) and (min-width:46.87em) {
    .home-media-image {
        height: 170px;
    }
}

.home-media-weibo {
    height: 370px;
    iframe-height: 370px;
}

@media only screen and (max-width:61.87em) {
    .main-menu .lang-link::after {
        width: 0px;
        height: 0px;
        display: none !important;
        content: "";
    }
}

.logo-extend {
    position: relative;
}

@media only screen and (min-width:61.87em) {
    .logo-extend {
        width: 235px !important;
    }
}

.logo-extend .logo-special {
    left: 200px;
    top: -10px;
    display: block;
    position: absolute;
    cursor: default;
}

    .logo-extend .logo-special img {
        width: 75%;
    }

@media only screen and (max-width:61.87em) {
    .logo-extend .logo-special {
        display: none !important;
    }
}

.languages-panel {
    display: none;
}

@media only screen and (max-width:61.87em) {
    .languages-panel {
        background: rgba(255, 255, 255, 0.8);
        left: 0px;
        top: 112px;
        width: 100%;
        position: absolute;
        z-index: 999;
    }

        .languages-panel .languages h3 {
            display: none;
        }

        .languages-panel .languages .wrapper {
            padding: 0.75rem 0.5rem;
        }

            .languages-panel .languages .wrapper ul {
                overflow: auto;
            }

                .languages-panel .languages .wrapper ul li {
                    width: 25%;
                    float: left;
                }

                    .languages-panel .languages .wrapper ul li a {
                        color: rgb(31, 134, 87) !important;
                        line-height: 50px !important;
                        font-size: 14px;
                    }
}

.main-header {
}

    .main-header .js-open-user {
        display: none;
    }

    .main-header .js-close-menu {
        display: none;
    }

    .main-header .gi-search {
        display: none;
    }

@media only screen and (min-width:61.87em) {
    .main-header .upper-area li {
        border-left-color: #bfbcbc;
        border-left-width: 1px;
        border-left-style: solid;
    }

    .main-header .menu-lang .languages {
        top:15%
    }

    .main-header .js-close-menu {
        display: none !important;
    }

    .main-header .js-open-user {
        display: none !important;
    }

    .main-header .js-open-menu {
        display: none !important;
    }

    .main-header nav ul {
    }
}

@media only screen and (max-width:61.87em) {
    .main-header {
        border-radius: 1px;
        box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    }

        .main-header.absolute {
            left: 0px;
            top: 0px;
            width: 100%;
            position: absolute;
        }

        .main-header .icon-menu-green {
            width: 28px;
        }

        .main-header .nav-mask {
            left: 0px;
            top: 0px;
            width: 100%;
            height: 48px;
            position: absolute;
            z-index: 0;
            opacity: 0.8;
            background-color: rgb(255, 255, 255);
        }

        .main-header .bottom-area {
            background: rgba(255, 255, 255, 0.8);
            position: relative;
        }

        .main-header .upper-area {
            display: none;
        }

        .main-header .js-open-menu {
            margin: 0px;
            width: 20px;
            height: 48px;
            display: inline-block;
            position: relative;
        }

            .main-header .js-open-menu::before {
                background: rgb(31, 134, 87);
                left: 0px;
                top: 22px;
                width: 20px;
                height: 3px;
                overflow: hidden;
                position: absolute;
                content: "";
                -webkit-border-radius: 3px;
                -webkit-transition: all .3s ease-in-out;
            }

            .main-header .js-open-menu::after {
                background: rgb(31, 134, 87);
                left: 0px;
                top: 22px;
                width: 20px;
                height: 3px;
                overflow: hidden;
                position: absolute;
                content: "";
                -webkit-border-radius: 3px;
                -webkit-transition: all .3s ease-in-out;
            }

            .main-header .js-open-menu i.js-open-menu-bar {
                background: rgb(31, 134, 87);
                left: 0px;
                top: 22px;
                width: 20px;
                height: 3px;
                overflow: hidden;
                position: absolute;
                content: "";
                -webkit-border-radius: 3px;
                -webkit-transition: all .3s ease-in-out;
            }

            .main-header .js-open-menu::before {
                top: 14px;
            }

            .main-header .js-open-menu::after {
                top: 30px;
            }

            .main-header .js-open-menu.isopen::before {
                -webkit-transform: rotate(-45deg) translate3d(-3px, -2px, 0);
                -webkit-transform-origin: 100% 50%;
            }

            .main-header .js-open-menu.isopen::after {
                -webkit-transform: rotate(45deg) translate3d(-3px, 2px, 0);
                -webkit-transform-origin: 100% 50%;
            }

            .main-header .js-open-menu.isopen i.js-open-menu-bar {
                opacity: 0;
            }

        .main-header .js-close-menu {
            margin: 12px 0px;
            height: 24px;
            float: left;
            display: none;
        }

            .main-header .js-close-menu img {
                height: 18px;
            }

        .main-header .gi-search {
            display: block;
        }

            .main-header .gi-search img {
                height: 18px;
                vertical-align: baseline;
            }

        .main-header .logo {
            padding-top: 0px;
        }

            .main-header .logo img {
                height: 48px;
            }

        .main-header .js-open-user {
            top: 10px;
            width: 22px;
            height: 24px;
            right: 15px;
            display: block;
            position: absolute;
            z-index: 21;
        }

            .main-header .js-open-user img {
                height: 24px;
            }

            .main-header .js-open-user.point-red::after {
                border-radius: 3px;
                top: 0px;
                width: 6px;
                height: 6px;
                right: -5px;
                position: absolute;
                content: "";
                background-color: rgb(214, 38, 3);
            }

        .main-header .main-menu {
            background: none;
            top: 50px;
        }

            .main-header .main-menu .search {
                display: none;
            }

            .main-header .main-menu .mobile-tools {
                display: none;
            }

            .main-header .main-menu .m-item {
                font-weight: normal;
            }

            .main-header .main-menu nav {
                background: rgba(255, 255, 255, 0.8);
                width: 100%;
                height: 60px;
                overflow: hidden;
                position: relative;
            }

                .main-header .main-menu nav .nav-ul-view {
                    width: 102%;
                    overflow: scroll;
                    display: inline-block;
                    white-space: nowrap;
                    z-index: 9;
                    -webkit-overflow-scrolling: touch;
                }

                .main-header .main-menu nav .nav-ul-mask {
                    left: 0px;
                    top: 0px;
                    right: 0px;
                    bottom: 0px;
                    position: absolute;
                    z-index: -1;
                    opacity: 0.8;
                    background-color: rgb(255, 255, 255);
                }

                .main-header .main-menu nav ul.menu {
                    width: auto;
                    height: 60px;
                    text-align: justify;
                    margin-right: 0px;
                    margin-left: 0px;
                    display: block;
                    -ms-text-justify: distribute-all-lines;
                    min-width: 100%;
                }

                    .main-header .main-menu nav ul.menu li.gi {
                        display: inline-block;
                    }

                        .main-header .main-menu nav ul.menu li.gi a {
                            color: rgb(31, 134, 87);
                            line-height: 60px;
                            padding-top: 0px;
                            padding-bottom: 0px;
                            border-bottom-color: currentColor;
                            border-bottom-width: 0px;
                            border-bottom-style: none;
                        }

                        .main-header .main-menu nav ul.menu li.gi .js-toggle-submenu {
                            display: none;
                        }

                        .main-header .main-menu nav ul.menu li.gi.is-active a {
                            color: rgb(102, 195, 151);
                        }
}

.main-header .user-menu {
    background: rgba(255, 255, 255, 0.9);
    top: 58px;
    width: 90px;
    right: 10px;
    display: none;
    position: absolute;
    z-index: 21;
    opacity: 0;
    -webkit-transform: translate3d(0, -5px, 0);
    -webkit-transition: all .3s .1s ease-in-out;
}

    .main-header .user-menu.isopen {
        display: block;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }

@media only screen and (min-width:61.87em) {
    .main-header .user-menu {
        display: none !important;
    }
}

.main-header .user-menu .user-menu-mask {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    opacity: 0.9;
    background-color: rgb(255, 255, 255);
}

.main-header .user-menu ul {
    width: 100%;
    box-shadow: 1px 1px 2px #ededed;
}

    .main-header .user-menu ul li {
        margin: 0px 5px;
        border-bottom-color: rgb(177, 215, 168);
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

        .main-header .user-menu ul li.user-menu-logout {
            display: none;
        }

        .main-header .user-menu ul li:last-child {
            border-bottom-color: currentColor;
            border-bottom-width: 0px;
            border-bottom-style: none;
        }

        .main-header .user-menu ul li a {
            width: 100%;
            text-align: center;
            color: rgb(0, 139, 86);
            line-height: 50px;
            font-size: 16px;
            display: block;
            position: relative;
        }

            .main-header .user-menu ul li a.point-red::after {
                border-radius: 3px;
                top: 20px;
                width: 6px;
                height: 6px;
                right: 0px;
                position: absolute;
                content: "";
                background-color: rgb(214, 38, 3);
            }

.main-header .user-menu.isLogin ul li.user-menu-logout {
    display: block;
}

.main-header .user-menu .user-menu-toLogin {
    border: 0px currentColor;
    border-image: none;
}

.main-header .nav-sub-menu {
    display: none;
}

@media only screen and (max-width:61.87em) {
    .main-header .nav-sub-menu {
        left: 0px;
        top: 50px;
        width: 100%;
        height: 60px;
        overflow: hidden;
        position: absolute;
        z-index: 20;
    }

        .main-header .nav-sub-menu .relative {
            background: rgba(255, 255, 255, 0.8);
            width: 102%;
            overflow: scroll;
            display: inline-block;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }

        .main-header .nav-sub-menu .nav-sub-menu-mask {
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            position: absolute;
            z-index: -1;
            opacity: 0.8;
            background-color: rgb(255, 255, 255);
        }

        .main-header .nav-sub-menu ul {
            width: auto;
            height: 60px;
            text-align: justify;
            margin-right: 0px;
            margin-left: 0px;
            display: block;
            -ms-text-justify: distribute-all-lines;
            min-width: 100%;
        }

            .main-header .nav-sub-menu ul li {
                display: inline-block;
            }

                .main-header .nav-sub-menu ul li a {
                    padding: 0px 20px;
                    color: rgb(31, 134, 87);
                    line-height: 60px;
                    font-size: 18px;
                }

                .main-header .nav-sub-menu ul li.is-active a {
                    color: rgb(102, 195, 151);
                }

        .main-header .nav-sub-menu.isopen {
            display: block;
        }
}

.main-header .nav-search-mask {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    display: none;
    position: fixed;
    z-index: 99;
    opacity: 0.9;
}

@media only screen and (min-width:61.87em) {
    .main-header .nav-search-mask {
        display: none !important;
    }
}

.main-header .nav-search {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .main-header .nav-search {
        display: none !important;
    }
}

@media only screen and (max-width:61.87em) {
    .main-header .nav-search {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        overflow: hidden;
        position: fixed;
        z-index: 100;
    }

        .main-header .nav-search .nav-search-container {
            width: 100%;
            height: 100%;
            position: relative;
        }

            .main-header .nav-search .nav-search-container .nav-search-content {
                background: no-repeat top rgb(255, 255, 255);
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                right: 0px;
                bottom: 0px;
                display: block;
                position: absolute;
                z-index: 24;
                opacity: 0.9;
            }

                .main-header .nav-search .nav-search-container .nav-search-content .nav-search-input {
                    padding: 10px 100px 10px 10px;
                    font-size: 14px !important;
                    position: relative;
                    background-color: rgb(237, 237, 237);
                }

                    .main-header .nav-search .nav-search-container .nav-search-content .nav-search-input input {
                        padding: 5px 5px 5px 30px;
                        background-image: url("../image/icon-search.png");
                        background-repeat: no-repeat;
                    }

                    .main-header .nav-search .nav-search-container .nav-search-content .nav-search-input button {
                        padding: 6px;
                        top: 10px;
                        width: 50px;
                        right: 45px;
                        font-size: 14px !important;
                        font-weight: normal;
                        position: absolute;
                    }

                    .main-header .nav-search .nav-search-container .nav-search-content .nav-search-input a {
                        padding: 5px 0px;
                        top: 10px;
                        right: 10px;
                        color: #0099d2;
                        position: absolute;
                    }
}

.js-close-menu.animate {
    animation: jsCloseMenuAnimate 0.1s linear forwards;
    -webkit-animation: jsCloseMenuAnimate 0.1s linear forwards normal;
}

@media only screen and (max-width:61.87em) {
    .breadcrumb {
        display: none;
    }
}

@media only screen and (max-width:61.87em) {
    .main-header.main-header-bottom {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width:61.87em) {
    .shop-cart {
        display: none;
    }
}

.slick-dot-circle .slick-dots {
    text-align: center;
    right: 0px;
    bottom: 5px;
}

    .slick-dot-circle .slick-dots button {
        border-radius: 50%;
        border: 2px solid rgb(123, 123, 123);
        border-image: none;
        width: 14px;
        height: 14px;
        background-color: rgb(123, 123, 123);
    }

    .slick-dot-circle .slick-dots .slick-active button {
        border: 2px solid#0099d2;
        border-image: none;
        height: 14px;
        background-color: rgb(255, 255, 255);
    }

    .slick-dot-circle .slick-dots button:hover {
        border: 2px solid#0099d2;
        border-image: none;
        height: 14px;
        background-color: rgb(255, 255, 255);
    }

@media only screen and (max-width:61.87em) {
    .www-mobiles .www-mobile {
        margin: 1px 0px;
    }

    .www-mobiles :first-child.www-mobile {
        margin-top: 0px;
    }

    .www-mobiles .www-mobile img {
        width: 100%;
    }
}

@media only screen and (max-width:61.87em) {
    .www-plates .www-plate img {
        width: 100%;
    }

    .www-plates .www-plate-news {
        padding: 10px;
    }

    .www-plates .www-plate-title {
        width: 100%;
        text-align: center;
        color: rgb(0, 146, 95);
        line-height: 40px;
        font-size: 20px;
        background-color: rgb(249, 249, 249);
    }

    .www-plates .www-plate-image {
        position: relative;
    }

    .www-plates .www-plate-image-bar {
        background: rgba(240, 240, 240, 0.8);
        left: 0px;
        width: 100%;
        height: 40px;
        bottom: 0px;
        color: rgb(60, 60, 60);
        line-height: 40px;
        text-indent: 15px;
        font-size: 14px;
        position: absolute;
    }

        .www-plates .www-plate-image-bar span {
            padding-right: 15px;
            float: right;
        }
}

@media only screen and (max-width:61.87em) {
    .www-blocks .gi {
        padding-bottom: 4px;
        padding-left: 4px;
    }

    .www-blocks :nth-child(n+3).gi {
        padding-bottom: 0px;
    }

    .www-blocks .gi img {
        width: 100%;
        border-bottom-color: rgb(232, 230, 230);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        box-shadow: 1px 1px 1px #f7f7f7;
        -webkit-box-shadow: 1px 1px 1px #f7f7f7;
    }
}

.blog-revision {
    background: rgb(247, 247, 247) !important;
    padding-bottom: 100px;
}

@media only screen and (max-width:61.87em) {
    .blog-revision {
        padding-bottom: 20px;
    }

        .blog-revision .wrapper {
            background: rgb(247, 247, 247) !important;
        }
}

.blog-nav {
    padding: 30px 0px;
}

@media only screen and (max-width:61.87em) {
    .blog-nav {
        padding: 15px 0px;
    }
}

@media only screen and (max-width:61.87em) {
    .blog-nav ul {
        width: 100%;
    }
}

.blog-nav ul li {
    display: inline-block;
}

@media only screen and (max-width:61.87em) {
    .blog-nav ul li {
        width: 24%;
    }
}

.blog-nav ul li a {
    padding: 0px 35px;
    border-radius: 2px;
    height: 40px;
    color: rgb(0, 0, 0);
    line-height: 40px;
    font-size: 16px;
    display: block;
}

@media only screen and (max-width:61.87em) {
    .blog-nav ul li a {
        padding: 0px;
        width: 100%;
        height: 30px;
        text-align: center;
        color: rgb(123, 123, 123);
        line-height: 30px;
        font-size: 14px;
    }
}

.blog-nav ul li a.selected {
    color: rgb(255, 255, 255);
    background-color: #0099d2;
}

.blog-nav ul li a:hover {
    color: rgb(255, 255, 255);
    background-color: #0099d2;
}

@media only screen and (max-width:61.87em) {
    .blog-category {
        margin-bottom: 20px;
    }

        .blog-category p.title {
            font-size: 16px !important;
            margin-bottom: 5px;
        }

        .blog-category a {
            color: rgb(0, 0, 0) !important;
            font-size: 14px !important;
        }
}

.blog-category.blog-aside {
    padding: 0.3rem !important;
    display: none;
}

@media only screen and (max-width:61.87em) {
    .blog-category.blog-aside {
        display: block;
    }
}

.blog-category.blog-aside .blog-icon {
    margin-right: 3px;
}

.blog-category.blog-aside p.title {
    margin-bottom: 0px !important;
}

.blog-list {
    padding-right: 20px;
}

@media only screen and (max-width:61.87em) {
    .blog-list {
        padding-right: 0px;
    }
}

.blog-list .blog-thumb {
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 20px;
    background-color: rgb(255, 255, 255);
}

@media only screen and (max-width:61.87em) {
    .blog-list .blog-thumb {
        padding: 0.75rem;
    }
}

.blog-list .blog-thumb:hover {
    box-shadow: 2px 2px 10px #ccc;
}

.blog-list .blog-thumb .title {
    line-height: 28px;
    font-size: 20px;
}

@media only screen and (max-width:61.87em) {
    .blog-list .blog-thumb .title {
        font-size: 18px;
    }
}

.blog-list .blog-thumb .title a {
    color: rgb(0, 0, 0);
}

    .blog-list .blog-thumb .title a:hover {
        text-decoration: underline;
    }

.blog-list .blog-thumb .title img {
    width: 100%;
}

@media only screen and (max-width:61.87em) {
    .blog-list .blog-thumb .info-icon {
        height: 25px;
    }
}

.blog-list .blog-thumb .info {
    padding: 10px 0px;
    color: rgb(123, 123, 123);
    line-height: 25px;
    font-size: 14px;
}

@media only screen and (max-width:61.87em) {
    .blog-list .blog-thumb .info {
        padding: 8px 0px;
        font-size: 12px;
    }
}

.blog-list .blog-thumb .info .tag {
    padding: 2px 5px 0px;
    border-radius: 2px;
    line-height: 20px;
    margin-right: 15px;
    display: inline-block;
}

@media only screen and (max-width:61.87em) {
    .blog-list .blog-thumb .info .tag {
        margin-right: 5px;
        display: none;
    }
}

.blog-list .blog-thumb .info .tag.tag-news {
    color: rgb(255, 255, 255);
    background-color: rgb(228, 79, 80);
}

.blog-list .blog-thumb .info .tag.tag-test {
    color: rgb(255, 255, 255);
    background-color: rgb(141, 198, 63);
}

.blog-list .blog-thumb .info .tag.tag-fans {
    color: rgb(255, 255, 255);
    background-color: rgb(250, 188, 61);
}

.blog-list .blog-thumb .info ul {
    height: 25px;
    display: inline-block;
}

    .blog-list .blog-thumb .info ul li {
        float: left;
        display: inline-block;
        position: relative;
    }

        .blog-list .blog-thumb .info ul li .info-wx {
            margin-left: 10px;
        }

@media only screen and (max-width:61.87em) {
    .blog-list .blog-thumb .info ul li .info-wx {
        display: none;
    }
}

@media only screen and (max-width:61.87em) {
    .blog-list .blog-thumb .info ul li .info-share {
        display: none;
    }
}

.blog-list .blog-thumb .info ul li .panel-wx {
    padding: 10px;
    left: 0px;
    top: -120px;
    width: 120px;
    height: 120px;
    display: none;
    position: absolute;
    background-color: rgb(255, 255, 255);
}

    .blog-list .blog-thumb .info ul li .panel-wx img {
        width: 100%;
    }

.blog-list .blog-thumb .image img {
    width: 100%;
}

.blog-list .blog-thumb .text {
    padding: 20px 0px 10px;
    line-height: 24px;
    font-size: 14px;
}

    .blog-list .blog-thumb .text a {
        color: rgb(0, 0, 0);
    }

        .blog-list .blog-thumb .text a:hover {
            text-decoration: underline;
        }

.blog-list .blog-thumb .more {
    text-align: right;
}

@media only screen and (max-width:61.87em) {
    .blog-list .blog-thumb .more {
        font-size: 14px;
    }
}

.blog-list .blog-thumb .more a:hover {
    text-decoration: underline;
}

.blog-list .blog-thumb .recommend {
    margin: 30px 0px;
    text-align: center;
}

    .blog-list .blog-thumb .recommend .button {
        border-radius: 15px;
        height: 30px;
        line-height: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.blog-list .blog-thumb .share {
    text-align: center;
    margin-top: 30px;
}

    .blog-list .blog-thumb .share .blog-icon {
        display: block !important;
    }

    .blog-list .blog-thumb .share ul {
        display: inline-block;
    }

        .blog-list .blog-thumb .share ul li {
            display: inline-block;
        }

            .blog-list .blog-thumb .share ul li a {
                position: relative;
            }

                .blog-list .blog-thumb .share ul li a .panel-wx {
                    padding: 10px;
                    left: -60px;
                    top: -170px;
                    width: 120px;
                    height: 120px;
                    display: none;
                    position: absolute;
                    background-color: rgb(255, 255, 255);
                }

                    .blog-list .blog-thumb .share ul li a .panel-wx img {
                        width: 100%;
                    }

.blog-asides {
    padding-left: 30px;
}

@media only screen and (max-width:61.87em) {
    .blog-asides {
        padding-left: 0px;
        margin-top: 30px;
    }

        .blog-asides .blog-aside-category {
            display: none;
        }

        .blog-asides .blog-aside-hot {
            display: none;
        }
}

.blog-asides .title {
    color: rgb(123, 123, 123);
    font-size: 16px !important;
}

.blog-asides .blog-aside {
    padding: 20px 30px;
    margin-bottom: 20px;
    background-color: rgb(255, 255, 255);
}

@media only screen and (max-width:61.87em) {
    .blog-asides .blog-aside {
        padding: 0.75rem;
    }
}

.blog-asides .blog-aside p {
    margin: 10px 0px;
    line-height: 25px;
    padding-left: 12px;
    font-family: "微软雅黑";
    font-size: 18px;
}

@media only screen and (max-width:61.87em) {
    .blog-asides .blog-aside p {
        padding-left: 5px;
    }
}

.blog-asides .blog-aside p a {
    width: 100%;
    height: 25px;
    color: rgb(0, 0, 0);
    display: inline-block;
}

    .blog-asides .blog-aside p a:hover {
        text-decoration: underline;
    }

.blog-asides .blog-aside ul li {
    list-style: inside;
    line-height: 24px;
    margin-bottom: 10px;
}

    .blog-asides .blog-aside ul li a {
        color: rgb(0, 0, 0);
        font-size: 14px;
        margin-left: -5px;
    }

        .blog-asides .blog-aside ul li a:hover {
            color: #0099d2;
        }

        .blog-asides .blog-aside ul li a.hover {
            color: #0099d2;
        }

        .blog-asides .blog-aside ul li a img {
            display: none;
        }

.blog-asides .choice {
    margin-bottom: 10px;
}

    .blog-asides .choice a {
        display: block;
        position: relative;
    }

    .blog-asides .choice img {
        width: 100%;
    }

    .blog-asides .choice .choice-mask {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        position: absolute;
        opacity: 0.3;
        background-color: rgb(0, 0, 0);
    }

        .blog-asides .choice .choice-mask.hover {
            opacity: 0.5;
        }

    .blog-asides .choice .choice-text {
        left: 50%;
        top: 50%;
        width: 80%;
        text-align: center;
        color: rgb(255, 255, 255);
        line-height: 24px;
        font-size: 16px;
        position: absolute;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

@media only screen and (max-width:61.87em) {
    .blog-asides .choice .choice-text {
        padding: 0px 20px;
        font-size: 14px;
    }
}

.blog-video {
    padding: 20px 20px 10px;
    margin-bottom: 20px;
    background-color: rgb(255, 255, 255);
}

    .blog-video:hover {
        box-shadow: 2px 2px 10px #ccc;
    }

    .blog-video .info {
        padding: 5px 0px;
        color: rgb(60, 60, 60);
        line-height: 25px;
        font-size: 16px;
    }

        .blog-video .info ul {
            display: inline-block;
        }

            .blog-video .info ul li {
                float: left;
                display: inline-block;
            }

        .blog-video .info .align-right {
            height: 25px;
        }

    .blog-video .image a {
        display: block;
        position: relative;
    }

        .blog-video .image a .play-mask {
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            display: none;
            position: absolute;
            opacity: 0.3;
            background-color: rgb(0, 0, 0);
        }

        .blog-video .image a .play-icon {
            background-position: -75px 0px;
            left: 50%;
            top: 50%;
            width: 76px;
            height: 76px;
            display: none;
            position: absolute;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
        }

        .blog-video .image a .play-iframe {
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            display: none;
            position: absolute;
        }

@media only screen and (max-width:61.87em) {
    .blog-video .image a .play-iframe {
        display: block;
    }
}

.blog-video .image a .play-iframe p {
    height: 100% !important;
}

.blog-video .image a .play-iframe iframe {
    height: 100% !important;
}

.blog-video .image img {
    width: 100%;
}

.blog-video .other {
    color: rgb(123, 123, 123);
    line-height: 30px;
    font-size: 14px;
}

    .blog-video .other a {
        font-size: 14px;
        float: right;
    }

.blog-icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
    background-image: url("../image/icon-blog-revision.png");
    background-repeat: no-repeat;
}

    .blog-icon.icon-news {
        background-position: 0px 0px;
    }

    .blog-icon.icon-test {
        background-position: -25px 0px;
    }

    .blog-icon.icon-fans {
        background-position: -50px 0px;
    }

    .blog-icon.icon-view {
        background-position: 0px -25px;
    }

    .blog-icon.icon-zan {
        background-position: -25px -25px;
    }

        .blog-icon.icon-zan.active {
            background-position: -25px -50px;
        }

    .blog-icon.icon-share {
        background-position: -50px -25px;
    }

        .blog-icon.icon-share.active {
            background-position: -50px -50px;
        }

    .blog-icon.icon-wx {
        background-position: 0px -75px;
        display: none;
    }

    .blog-icon.icon-wb {
        background-position: -25px -75px;
        display: none;
    }

    .blog-icon.icon-qq {
        background-position: -50px -75px;
        display: none;
    }

    .blog-icon.icon-wx-big {
        background-position: 0px -100px;
        width: 46px;
        height: 46px;
    }

        .blog-icon.icon-wx-big.active {
            background-position: 0px -150px;
        }

    .blog-icon.icon-wb-big {
        background-position: -50px -100px;
        width: 46px;
        height: 46px;
    }

        .blog-icon.icon-wb-big.active {
            background-position: -50px -150px;
        }

    .blog-icon.icon-qq-big {
        background-position: -100px -100px;
        width: 46px;
        height: 46px;
    }

        .blog-icon.icon-qq-big.active {
            background-position: -100px -150px;
        }

@media only screen and (max-width:61.87em) {
    .blog-dialog-video .dialog-video-content iframe {
        height: 240px;
    }
}

@media only screen and (min-width:61.87em) {
    .blog-dialog-video .dialog-video-content iframe {
        height: 480px;
    }
}

.blog-aside-fixed {
    top: 0px;
    display: none;
    position: fixed;
    z-index: 99;
}

    .blog-aside-fixed .blog-asides {
        padding-left: 0px;
        background-color: rgb(247, 247, 247);
    }

@media only screen and (max-width:61.87em) {
    .page_first .text-center {
        display: none;
    }
}

.page_ajax_more {
    display: none;
}

@media only screen and (max-width:61.87em) {
    .page_ajax_more.page_first {
        display: block;
    }

    .page_ajax_more a.button {
        padding: 0px;
        width: 80%;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        display: inline-block;
    }
}

.page_ajax_loading {
    margin: 10px 0px;
    text-align: center;
    display: none;
}

.blog-category-top p.title {
    display: none;
}

@media only screen and (max-width:61.87em) {
    .show-share-wx {
        display: none;
    }
}

.blog-category-list p img {
    vertical-align: top;
}

.blog-about {
    padding: 0px 90px 50px;
    line-height: 28px;
    background-color: rgb(255, 255, 255);
}

@media only screen and (max-width:61.87em) {
    .blog-about {
        padding: 0px 0.75rem 20px;
    }
}

.blog-about p {
    color: rgb(109, 109, 109);
}

    .blog-about p.title {
        color: rgb(0, 0, 0);
        padding-top: 25px;
    }

.blog-about .history-mobile {
    display: none !important;
}

@media only screen and (max-width:61.87em) {
    .blog-about .history-mobile {
        border-right-color: currentColor;
        border-left-color: rgb(161, 227, 196);
        border-right-width: 0px;
        border-left-width: 1px;
        border-right-style: none;
        border-left-style: dashed;
        display: block !important;
    }

        .blog-about .history-mobile .history-item {
            padding: 0px 30px;
        }

        .blog-about .history-mobile .history-date {
            text-align: left;
        }

            .blog-about .history-mobile .history-date span.dashed {
                left: -35px;
                top: 13px;
                position: absolute;
            }

            .blog-about .history-mobile .history-date span.circle {
                left: -37px;
                top: 7px;
                position: absolute;
            }
}

@media only screen and (max-width:61.87em) {
    .blog-about .history {
        display: none;
    }

    .blog-about .history-mobile {
        display: none;
    }
}

.blog-about .history .history-left {
    padding-right: 45px;
    border-right-color: rgb(161, 227, 196);
    border-right-width: 1px;
    border-right-style: dashed;
}

.blog-about .history-mobile .history-left {
    padding-right: 45px;
    border-right-color: rgb(161, 227, 196);
    border-right-width: 1px;
    border-right-style: dashed;
}

@media only screen and (min-width:61.87em) {
    .blog-about .history .history-left .history-date {
        text-align: right;
    }

    .blog-about .history-mobile .history-left .history-date {
        text-align: right;
    }

    .blog-about .history .history-left .history-date span.dashed {
        top: 13px;
        right: -35px;
        position: absolute;
    }

    .blog-about .history-mobile .history-left .history-date span.dashed {
        top: 13px;
        right: -35px;
        position: absolute;
    }

    .blog-about .history .history-left .history-date span.circle {
        top: 7px;
        right: -51px;
        position: absolute;
    }

    .blog-about .history-mobile .history-left .history-date span.circle {
        top: 7px;
        right: -51px;
        position: absolute;
    }
}

@media only screen and (max-width:61.87em) {
    .blog-about .history .history-left {
        padding: 0px 30px;
        border-right-color: currentColor;
        border-left-color: rgb(161, 227, 196);
        border-right-width: 0px;
        border-left-width: 1px;
        border-right-style: none;
        border-left-style: dashed;
    }

    .blog-about .history-mobile .history-left {
        padding: 0px 30px;
        border-right-color: currentColor;
        border-left-color: rgb(161, 227, 196);
        border-right-width: 0px;
        border-left-width: 1px;
        border-right-style: none;
        border-left-style: dashed;
    }

    .blog-about .history .history-left .history-date {
        text-align: left;
    }

    .blog-about .history-mobile .history-left .history-date {
        text-align: left;
    }

    .blog-about .history .history-left .history-date span.dashed {
        left: -35px;
        top: 13px;
        position: absolute;
    }

    .blog-about .history-mobile .history-left .history-date span.dashed {
        left: -35px;
        top: 13px;
        position: absolute;
    }

    .blog-about .history .history-left .history-date span.circle {
        left: -37px;
        top: 7px;
        position: absolute;
    }

    .blog-about .history-mobile .history-left .history-date span.circle {
        left: -37px;
        top: 7px;
        position: absolute;
    }
}

.blog-about .history .history-right {
    padding-top: 100px;
    padding-left: 45px;
}

.blog-about .history-mobile .history-right {
    padding-top: 100px;
    padding-left: 45px;
}

.blog-about .history .history-right .history-date span.dashed {
    left: -35px;
    top: 13px;
    position: absolute;
}

.blog-about .history-mobile .history-right .history-date span.dashed {
    left: -35px;
    top: 13px;
    position: absolute;
}

.blog-about .history .history-right .history-date span.circle {
    left: -51px;
    top: 7px;
    position: absolute;
}

.blog-about .history-mobile .history-right .history-date span.circle {
    left: -51px;
    top: 7px;
    position: absolute;
}

@media only screen and (max-width:61.87em) {
    .blog-about .history .history-right {
        padding: 0px 30px;
        border-left-color: rgb(161, 227, 196);
        border-left-width: 1px;
        border-left-style: dashed;
    }

    .blog-about .history-mobile .history-right {
        padding: 0px 30px;
        border-left-color: rgb(161, 227, 196);
        border-left-width: 1px;
        border-left-style: dashed;
    }

    .blog-about .history .history-right .history-date span.dashed {
        left: -35px;
        top: 13px;
        position: absolute;
    }

    .blog-about .history-mobile .history-right .history-date span.dashed {
        left: -35px;
        top: 13px;
        position: absolute;
    }

    .blog-about .history .history-right .history-date span.circle {
        left: -37px;
        top: 7px;
        position: absolute;
    }

    .blog-about .history-mobile .history-right .history-date span.circle {
        left: -37px;
        top: 7px;
        position: absolute;
    }
}

.blog-about .history .history-item {
    margin-bottom: 70px;
}

.blog-about .history-mobile .history-item {
    margin-bottom: 70px;
}

@media only screen and (max-width:61.87em) {
    .blog-about .history .history-item {
        margin-bottom: 50px;
    }

    .blog-about .history-mobile .history-item {
        margin-bottom: 50px;
    }
}

.blog-about .history .history-date {
    color: #0099d2;
    line-height: 30px;
    position: relative;
}

.blog-about .history-mobile .history-date {
    color: #0099d2;
    line-height: 30px;
    position: relative;
}

.blog-about .history .history-date span.dashed {
    width: 30px;
    height: 0px;
    border-top-color: rgb(161, 227, 196);
    border-top-width: 1px;
    border-top-style: dashed;
    display: block;
}

.blog-about .history-mobile .history-date span.dashed {
    width: 30px;
    height: 0px;
    border-top-color: rgb(161, 227, 196);
    border-top-width: 1px;
    border-top-style: dashed;
    display: block;
}

.blog-about .history .history-date span.circle {
    border-radius: 6px;
    width: 12px;
    height: 12px;
    display: block;
    background-color: #0099d2;
}

.blog-about .history-mobile .history-date span.circle {
    border-radius: 6px;
    width: 12px;
    height: 12px;
    display: block;
    background-color: #0099d2;
}

.blog-about .history .history-text {
    color: rgb(109, 109, 109);
    line-height: 26px;
}

.blog-about .history-mobile .history-text {
    color: rgb(109, 109, 109);
    line-height: 26px;
}

.blog-about .history .history-image {
    margin-top: 15px;
}

.blog-about .history-mobile .history-image {
    margin-top: 15px;
}

.blog-about .history .history-image img {
    width: 100%;
}

.blog-about .history-mobile .history-image img {
    width: 100%;
}

#dialog-video #player {
    margin: 0px auto;
    position: relative;
    background-color: rgb(0, 0, 0);
}

#dialog-video .mask-video {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 100;
    opacity: 0.5;
    background-color: rgb(0, 0, 0);
}

#dialog-video .dialog-video {
    border-radius: 4px;
    left: 50%;
    top: 50%;
    width: 100%;
    position: fixed;
    z-index: 100;
    transform: translate(-50%, -50%);
    background-color: rgb(245, 245, 245);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

@media only screen and (min-width:61.87em) {
    #dialog-video .dialog-video {
        width: 750px;
        margin-top: -252px;
        margin-left: -375px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
    }
}

#dialog-video .dialog-video-container {
    position: relative;
}

#dialog-video .dialog-video-close {
    top: -46px;
    width: 56px;
    height: 56px;
    text-align: center;
    right: -8px;
    color: rgb(180, 180, 180);
    line-height: 56px;
    font-size: 2.18rem;
    position: absolute;
    z-index: 101;
    cursor: pointer;
}

@media only screen and (min-width:61.87em) {
    #dialog-video .dialog-video-close {
        top: -55px;
        right: -12px;
        font-size: 2.81rem;
    }
}

.photo-gallery {
    text-align: center;
}

    .photo-gallery::after {
        clear: both;
        display: table;
        content: "";
    }

    .photo-gallery .wrappar {
        margin: 0px auto;
        width: 100%;
        max-width: 1180px;
    }

    .photo-gallery .heading {
        color: rgb(91, 91, 91);
        padding-top: 40px;
        font-size: 1.25rem;
    }

@media only screen and (min-width:61.87em) {
    .photo-gallery .heading {
        font-size: 1.87rem;
    }
}

.photo-gallery .describing {
    margin: 0px auto;
    width: 95%;
    text-align: left;
    color: rgb(123, 123, 123);
    line-height: 21px;
    padding-top: 10px;
    font-size: 0.87rem;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .describing {
        text-align: center;
        line-height: 34px;
        font-size: 1.5rem;
    }
}

.photo-gallery .bbs {
    color: rgb(123, 123, 123);
    font-size: 0.87rem;
    margin-top: 10px;
    display: block;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .bbs {
        letter-spacing: 5px;
        font-size: 1.5rem;
        margin-top: 20px;
    }

        .photo-gallery .bbs:hover {
            color: #0099d2;
        }
}

.photo-gallery .photo-box {
    margin-top: 20px;
    background-color: rgb(242, 242, 242);
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box {
        margin-top: 60px;
    }
}

.photo-gallery .photo-box img {
    margin: 0px auto;
    width: 100%;
}

.photo-gallery .photo-box .photo {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .photo {
        display: block;
    }
}

.photo-gallery .photo-box .photo-m {
    display: block;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .photo-m {
        display: none;
    }
}

.photo-gallery .photo-box .photo-20 {
    width: 88.13%;
}

.photo-gallery .photo-box .photo-21 {
    width: 84.83%;
}

.photo-gallery .photo-box .photo-23 {
    width: 84.74%;
}

.photo-gallery .photo-box .photo-24 {
    width: 84.74%;
}

.photo-gallery .photo-box .photo-25 {
    width: 84.74%;
}

.photo-gallery .photo-box .photo-26 {
    width: 84.74%;
}

.photo-gallery .photo-box .photo-27 {
    width: 84.74%;
}

.photo-gallery .photo-box .photo-29 {
    width: 50.76%;
}

.photo-gallery .photo-box .details {
    background-color: rgb(255, 255, 255);
}

    .photo-gallery .photo-box .details::after {
        clear: both;
        display: table;
        content: "";
    }

.photo-gallery .photo-box .detail-left {
    width: 40%;
    text-align: left;
    padding-top: 8px;
    padding-left: 10px;
    float: left;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .detail-left {
        padding-left: 0px;
    }
}

.photo-gallery .photo-box .detail-left .photographer {
    color: rgb(59, 59, 59);
    line-height: 26px;
    font-size: 1rem;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .detail-left .photographer {
        line-height: 30px;
        font-size: 1.25rem;
    }
}

.photo-gallery .photo-box .detail-left .location {
    height: 24px;
    color: rgb(123, 123, 123);
    font-size: 0.87rem;
}

    .photo-gallery .photo-box .detail-left .location span {
        line-height: 24px;
        float: left;
    }

        .photo-gallery .photo-box .detail-left .location span.icon {
            background: url("../image/sprite-icons.svg") -528px -386px;
            width: 13px;
            height: 19px;
            margin-right: 5px;
        }

    .photo-gallery .photo-box .detail-left .location .navigation-filters span.filter-name::after {
        background: url("../image/sprite-icons.svg") -528px -386px;
        width: 13px;
        height: 19px;
        margin-right: 5px;
    }

.navigation-filters .photo-gallery .photo-box .detail-left .location span.filter-name::after {
    background: url("../image/sprite-icons.svg") -528px -386px;
    width: 13px;
    height: 19px;
    margin-right: 5px;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .detail-left .location {
        height: 28px;
        font-size: 1.12rem;
    }
}

.photo-gallery .photo-box .detail-right {
    width: 60%;
    text-align: right;
    padding-top: 8px;
    padding-right: 10px;
    float: right;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .detail-right {
        padding-right: 0px;
    }
}

.photo-gallery .photo-box .detail-right .device {
    color: #0099d2;
    line-height: 26px;
    font-size: 1rem;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .detail-right .device {
        line-height: 30px;
        font-size: 1.25rem;
    }
}

.photo-gallery .photo-box .detail-right .device a:visited {
    color: #0099d2;
}

.photo-gallery .photo-box .detail-right .parameters {
    color: rgb(123, 123, 123);
    line-height: 24px;
    font-size: 0.87rem;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .detail-right .parameters {
        line-height: 28px;
        font-size: 1.12rem;
    }
}

.photo-gallery .photo-box .detail-right .comment {
    color: rgb(123, 123, 123);
    line-height: 24px;
    font-size: 0.87rem;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .detail-right .comment {
        line-height: 28px;
        font-size: 1.12rem;
    }
}

.photo-gallery .photo-box .detail-right .comment a {
    display: none;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .detail-right .comment a {
        display: block;
    }
}

.photo-gallery .photo-box .detail-right .comment span {
    display: block;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .photo-box .detail-right .comment span {
        display: none;
    }
}

.photo-gallery .recommendation {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 40px;
    background-color: rgb(247, 247, 247);
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .recommendation {
        margin-top: 60px;
    }
}

.photo-gallery .recommendation .r-heading {
    color: rgb(59, 59, 59);
    font-size: 1rem;
}

@media only screen and (min-width:61.87em) {
    .photo-gallery .recommendation .r-heading {
        font-size: 1.62rem;
    }
}

.photo-gallery .recommendation .r-series {
    margin: 0px auto;
    width: 100%;
    padding-top: 40px;
    max-width: 720px;
}

    .photo-gallery .recommendation .r-series::after {
        clear: both;
        display: table;
        content: "";
    }

    .photo-gallery .recommendation .r-series .r-device {
        width: 25%;
        text-align: center;
        float: left;
    }

        .photo-gallery .recommendation .r-series .r-device img {
            width: 84.44%;
            display: inline-block;
        }

        .photo-gallery .recommendation .r-series .r-device div {
            color: rgb(137, 137, 137);
            padding-top: 15px;
            font-size: 0.87rem;
        }

@media only screen and (min-width:61.87em) {
    .photo-gallery .recommendation .r-series .r-device div {
        font-size: 1rem;
    }
}

.logo-extend {
    padding: 0px;
}

/*产品内容*/
a.reserve_btn {
    width: 119px;
    height: 35px;
    display: block;
    color: #fff;
    background: url(../image/reserve.gif) no-repeat;
    text-align: center;
    line-height: 35px;
    font-size: 22px;
}

    a.reserve_btn:hover {
        background: url(../image/reserve2.gif) no-repeat;
        text-decoration: none;
        color: #fff;
    }

    a.reserve_btn:active {
        background: url(../image/reserve1.gif) no-repeat;
        text-decoration: none;
        color: #fff;
    }

.product_content .productwrap {
    width: 1000px;
    margin: 0 auto;
}

.product_content .productbg {
    height: 372px;
    background-image: url(../image/aio_icon_1.png);
    background-repeat: no-repeat;
}

.product_content .contentbox_1 .productwrap {
    margin-top: 20px;
    margin-bottom: 70px;
}

.product_content .productwrap .right {
    float: right;
    padding-top: 50px;
    width: 520px;
    _display: inline;
}

    .product_content .productwrap .right h1.caption {
        font-size: 36px;
        color: #0f7bbd;
    }

    .product_content .productwrap .right h1.litter {
        font-size: 30px;
    }

    .product_content .productwrap .right h2.smtitle {
        font-size: 24px;
        color: #f5a226;
    }

    .product_content .productwrap .right p {
        line-height: 2;
        font-size: 14px;
    }

    .product_content .productwrap .right .destinebox {
        padding-top: 16px;
    }

.product_content .contentbox_2 {
    background-color: #2ac89d;
    padding: 17px 0;
}

    .product_content .contentbox_2 .productbg {
        background: url(../image/aio_icon_011.png) no-repeat center right;
    }

    .product_content .contentbox_2 .describe {
        padding: 143px 0;
    }

        .product_content .contentbox_2 .describe h1.caption {
            font-size: 36px;
            color: #fff;
        }

        .product_content .contentbox_2 .describe p {
            color: #fff;
            font-size: 22px;
            line-height: 2;
        }

.product_content .contentbox_3 {
    background-color: #44c7ed;
}

    .product_content .contentbox_3 .productbg {
        background: url(../image/aio_icon_012.png) no-repeat center left;
    }

    .product_content .contentbox_3 .describe {
        float: right;
        padding: 134px 0;
    }

        .product_content .contentbox_3 .describe h1.caption {
            font-size: 36px;
            color: #fff;
            padding-bottom: 10px;
        }

        .product_content .contentbox_3 .describe p {
            color: #fff;
            font-size: 22px;
            line-height: 2;
        }

.product_content .contentbox_4 {
    background-color: #eb8a00;
    height: 400px;
}

    .product_content .contentbox_4 .productbg {
        background: url(../image/aio_icon_013.png) no-repeat center right;
    }

    .product_content .contentbox_4 .describe {
        padding: 143px 0;
    }

        .product_content .contentbox_4 .describe h1.caption {
            font-size: 36px;
            color: #fff;
        }

        .product_content .contentbox_4 .describe p {
            color: #fff;
            font-size: 22px;
            line-height: 2;
        }

/*旅游业务系统*/
p.orange11 {
    color: #f5a226;
}

.product_content .productwrap .right .captionbg {
    padding: 10px 0;
    margin-right: 30px;
    height: 48px;
}

.product_content .iconbg {
    background: url(../image/aio_icon_2.png) no-repeat 0 -394px;
    width: 1100px;
}

.productoptions .content {
    position: absolute;
    text-align: center;
    bottom: 27px;
    left: 146px;
    width: 100px;
    height: 100px;
}

    .productoptions .content p {
        line-height: 2;
        color: #fff;
        font-size: 14px;
    }

.seatbox {
    width: 1000px;
    margin: 55px auto;
    background: url(../image/aio_bg_7.png) no-repeat;
    height: 457px;
}

    .seatbox .content {
        float: right;
        margin: 135px 0px 135px 0;
        width: 414px;
    }

        .seatbox .content h1 {
            color: #91d100;
            font-size: 30px;
        }

        .seatbox .content p {
            color: #848484;
            line-height: 1.8;
            font-size: 14px;
        }

.o2obox {
    background-color: #b6da60;
    padding-top: 68px;
}

    .o2obox .content {
        width: 1100px;
        margin: 0 auto;
        background: url(../image/aio_bg_8.png) no-repeat 0 2px;
        height: 429px;
    }

        .o2obox .content .title {
            text-align: right;
            position: relative;
            right: 200px;
            color: #fff;
            bottom: 40px;
            font-size: 20px;
        }

        .o2obox .content .left {
            padding-top: 105px;
            width: 450px;
            padding-left: 100px;
        }

        .o2obox .content h1 {
            font-size: 30px;
            color: #fffc01;
        }

            .o2obox .content h1 span {
                color: #fff;
                font-size: 22px;
            }

        .o2obox .content p {
            color: #fff;
            line-height: 2;
            font-size: 14px;
        }

/*专属服务*/
.helplist {
    height: 660px;
}

    .helplist ul {
        width: 1111px;
        margin: 0 auto;
    }

    .helplist li {
        float: left;
        display: block;
        width: 523px;
        height: 200px;
        margin: 70px 0;
        padding-left: 30px;
        background-image: url(../image/aio_icon_3.png);
        background-repeat: no-repeat;
    }

        .helplist li div {
            margin-left: 100px;
            margin-left: 218px;
            margin-top: 43px;
            width: 296px;
        }

        .helplist li p {
            color: #555555;
            font-size: 14px;
            line-height: 2;
        }

        .helplist li.one {
            background-position: -550px 0;
        }

            .helplist li.one h1 {
                color: #0f7bbd;
                font-size: 30px;
            }

        .helplist li.two {
            background-position: -586px -326px;
        }

            .helplist li.two h1 {
                color: #df4e0f;
                font-size: 30px;
            }

        .helplist li.three {
            background-position: -568px -608px;
        }

            .helplist li.three h1 {
                color: #409c38;
                font-size: 30px;
            }

        .helplist li.four {
            background-position: 0 -820px;
        }

            .helplist li.four h1 {
                color: #14a0c1;
                font-size: 30px;
            }

/*二维码*/
#wx2w {
    position: relative;
    top: -20px;
    padding-left: 10px;
    margin-bottom: -20px;
}
/*footer*/
.contentbox_2 {
    width: auto;
    text-align: center;
    margin: 0px auto;
    color: #545454;
}

.picture-img {
    border-bottom: solid 2px red;
}

@media only screen and (max-width: 61.87em) {
    .main-header .main-menu nav {
        width: 168px !important;
        height: 600px !important;
    }

        .main-header .main-menu nav ul.menu {
            width: auto;
            height: 600px !important;
        }

            .main-header .main-menu nav ul.menu li.gi {
                display: block !important;
            }

    .scanimg {
        top: 14px !important;
        left: 92px !important;
    }

    .languages-panel .languages h3 {
        display: inherit !important;
    }

    .languages {
        width: 300px !important;
        right: 0 !important;
        background: #fff;
    }

    .main-header .menu-lang .languages li {
        width: 250px !important;
    }

    .leftclose3 img {
        height: 45px;
        cursor: pointer;
    }

    .leftclose {
        display: none;
    }

    .leftclose3 {
        display: block;
    }

    .phonepanel {
        top: 50px !important;
    }

    .wximg {
        height: 230px;
    }
}

@media only screen and (min-width: 61.87em) {
    .languages {
        width: 300px !important;
        right: 95px !important;
    }

    .main-header .menu-lang .languages li {
        width: 250px !important;
    }

    .leftclose img {
        height: 40px;
        cursor: pointer;
    }

    .leftclose {
        display: block;
    }

    .leftclose3 {
        display: none;
    }

    .scanimg {
        position: absolute;
        top: -32px;
        right: -27px;
        height: 38px;
    }
}

@media only screen and (max-width: 61.87em) {
    .scanimg {
        top: -3px !important;
        right: -13px !important;
    }
}

@media only screen and (max-width:46.87em) {
    .float0831 {
        display: none;
    }

    #fontpageid {
        height: 700px;
    }

    .fontpage800 {
        height: 800px !important;
    }
}