#nb_invite_wrap {
    display: none!important
}

@media (min-width: 1024px) {
    #nb_icon_wrap {
        display:none!important
    }
}

.c-hhshop-page {
    color: #333!important
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    align-items: center;
    bottom: 12px;
    display: flex;
    justify-content: center
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    background: currentColor;
    border-radius: 2px;
    height: 4px;
    margin: 0 2px;
    opacity: .5;
    width: 10px
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
    width: 20px
}

.swiper-container {
    position: relative
}

.swiper-next,.swiper-prev {
    background: rgba(0,0,0,.49);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    height: 36px;
    position: absolute;
    top: 50%;
    width: 36px;
    z-index: 2
}

.swiper-next.swiper-button-disabled,.swiper-prev.swiper-button-disabled {
    color: #999
}

.swiper-prev {
    left: 8px
}

.swiper-next {
    right: 8px
}

.swiper-next>svg,.swiper-prev>svg {
    width: 18px
}

@media (min-width: 1024px) {
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom:22px
    }

    .swiper-pagination-bullets .swiper-pagination-bullet {
        border-radius: 4px;
        height: 6px;
        margin: 0 3px;
        width: 20px
    }

    .swiper-pagination-bullets .swiper-pagination-bullet-active {
        width: 40px
    }

    .swiper-next:hover,.swiper-prev:hover {
        background: rgba(0,0,0,.75)
    }
}

.c-layer--contact {
    background: url(/t199/resource/images/bg-contact.png) 50%/cover;
    height: 200px
}

.c-layer--contact .c-btn {
    background: #fff;
    border-radius: 20px;
    color: #82ce71;
    height: 40px;
    width: 180px
}

.hhshop-contact-form-wrapper {
    align-items: center;
    background: rgba(0,0,0,.5);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    padding: 40px 16px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001
}

@media (min-width: 640px) {
    .hhshop-contact-form-wrapper {
        padding-left:20px;
        padding-right: 20px
    }
}

.hhshop-contact-form-wrapper.is-show {
    display: flex
}

.hhshop-contact-form-wrapper>.c-form {
    background: #fff;
    border-radius: 10px;
    max-width: 100%;
    padding: 32px 36px 30px;
    width: 500px
}

.hhshop-contact-form-wrapper>.c-form>.c-input,.hhshop-contact-form-wrapper>.c-form>.c-textarea {
    background: #f3f2f2;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    box-shadow: none;
    display: block;
    font-size: 16px;
    height: 40px;
    outline: none;
    padding: 0 12px;
    width: 100%
}

.hhshop-contact-form-wrapper>.c-form>.c-textarea {
    height: 104px;
    padding: 12px
}

.hhshop-contact-form-wrapper>.c-form>.c-btn {
    background: #78d263;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    height: 46px;
    margin-top: 30px;
    width: 100%
}

.c-split {
    background: currentColor;
    height: 1px
}

.c-split.is-half {
    transform: scaleY(.5)
}

.c-separator {
    background: currentColor;
    width: 1px
}

.c-separator.is-half {
    transform: scaleX(.5)
}

.c-svg-icon {
    flex-direction: column
}

.c-svg-icon,.swiper-next,.swiper-prev {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-layer--fixed-contact-card {
    display: none
}

@media (min-width: 1024px) {
    .c-layer--fixed-contact-card {
        align-items:center;
        background: #78d263;
        border-radius: 3px;
        color: #fefefe;
        display: flex;
        flex-direction: column;
        margin: -150px 0;
        padding: 20px;
        position: fixed;
        right: 20px;
        top: 50%;
        width: auto;
        z-index: 100
    }

    .c-layer--fixed-contact-card .c-btn {
        background: #fff;
        border-radius: 32px;
        box-shadow: 0 0 5px 0 #3aaa21;
        color: #82ce71;
        font-size: 14px;
        height: 26px;
        width: 90px
    }
}

.c-layer--nav,.c-layer--nav .nav {
    height: 48px;
    width: 100%
}

.c-layer--nav .nav {
    background: #fff;
    box-shadow: 0 4px 7px 0 hsla(200,3%,77%,.5);
    left: 0;
    position: fixed;
    top: 0;
    z-index: 100
}

.nav-logo__image--white,.nav-logo__text,.nav-menu {
    display: none
}

.mobile-menu {
    background: #fff;
    bottom: 0;
    left: -281px;
    position: fixed;
    top: 0;
    transition: left .3s;
    width: 280px;
    z-index: 1010
}

.mobile-menu .menu-item {
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 8px 16px
}

.mobile-menu .menu-item.is-active {
    background: #53b756;
    color: #fff
}

.c-layer--nav.is-show-mobilemenu .mobile-menu {
    left: 0;
    transform: translateX(0)
}

.c-layer--nav .mobile-menu-mask {
    background: rgba(0,0,0,.5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.c-layer--nav.is-show-mobilemenu .mobile-menu-mask {
    display: block
}

@media (min-width: 1024px) {
    .c-layer--nav .mobile-menu-wrapper {
        display:none!important
    }

    .c-layer--nav,.c-layer--nav .nav {
        height: 90px
    }

    .nav-logo__text {
        display: flex;
        margin-top: 10px
    }

    .nav-menu {
        align-items: center;
        align-self: flex-end;
        display: flex!important;
        margin-left: auto
    }

    .menu-item {
        font-size: 18px;
        line-height: 25px;
        padding: 17px 0;
        position: relative
    }

    .menu-item+.menu-item {
        margin-left: 60px
    }

    .menu-item.is-active {
        color: #53b756
    }

    .menu-item.is-active:after {
        background: currentColor;
        border-radius: 2px;
        bottom: 0;
        content: "";
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .c-hhshop-page--home .c-layer--nav,.c-hhshop-page--home .c-layer--nav .nav {
        background: transparent;
        box-shadow: none;
        height: 100px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100
    }

    .c-hhshop-page--home .is-scrolled .nav {
        background: #fff;
        box-shadow: 0 4px 7px 0 hsla(200,3%,77%,.5);
        height: 90px
    }

    .c-hhshop-page--home .nav-logo__image--black {
        display: none
    }

    .c-hhshop-page--home .is-scrolled .nav-logo__image--black,.c-hhshop-page--home .nav-logo__image--white {
        display: block
    }

    .c-hhshop-page--home .is-scrolled .nav-logo__image--white {
        display: none
    }

    .c-hhshop-page--home .nav-logo__text {
        color: #fff;
        margin-top: 2px
    }

    .c-hhshop-page--home .is-scrolled .nav-logo__text {
        color: #333;
        margin-top: 10px
    }

    .c-hhshop-page--home .nav-menu {
        align-self: center
    }

    .c-hhshop-page--home .is-scrolled .nav-menu {
        align-self: flex-end
    }

    .c-hhshop-page--home .menu-item {
        color: hsla(0,0%,100%,.9)
    }

    .c-hhshop-page--home .is-scrolled .menu-item {
        color: #333
    }

    .c-hhshop-page--home .menu-item.is-active {
        color: #fff
    }

    .c-hhshop-page--home .is-scrolled .menu-item.is-active {
        color: #53b756
    }
}

.c-layer--banner {
    padding-top: 35%;
    position: relative;
    width: 100%
}

.c-hhshop-page--home .c-layer--banner {
    padding-top: 45%
}

.c-layer--banner>.banner-container {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media (min-width: 1024px) {
    .c-layer--banner {
        padding:0!important;
        position: static
    }

    .c-layer--banner>.banner-container {
        position: static
    }
}

.c-layer--footer {
    background: #f8faf8;
    margin-top: 56px
}

.c-layer--footer .footer {
    min-height: 198px
}

.c-layer--footer .c-footer-divider {
    background: #e7eae7;
    height: 110px;
    margin: 0 42px;
    width: 2px
}

.c-layer--copyright {
    background: #ecedec;
    color: #a7a7a7;
    font-size: 14px;
    padding-bottom: 19px;
    padding-top: 13px
}

.c-layer--copyright a {
    color: #a7a7a7
}

.c-layer--function .function {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 0;
    width: 100%
}

.c-layer--function .function .c-svg-icon {
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    height: 96px;
    width: 96px
}

.c-layer--hhshop-solution {
    background: url(/t199/resource/images/home-bg-solution.png) 50%/cover
}

@media (min-width: 640px) {
    .c-layer--function .function {
        padding:30px 20px
    }

    .c-layer--function .function:hover {
        outline: 1px solid #78d263
    }
}

@media (min-width: 1024px) {
    .c-layer--function .function {
        padding:30px 38px
    }

    .c-layer--function .function:hover {
        outline: 1px solid #78d263
    }
}

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

.tabs .tab {
    cursor: pointer
}

.panels .panel {
    display: none
}

.panels .panel.is-active {
    display: block
}

.c-layer--hhshop-solution .tabs {
    position: relative
}

.c-layer--hhshop-solution .tabs:after {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.c-layer--hhshop-solution .tab {
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    min-width: 0;
    padding: 0 10px 10px;
    text-align: center;
    width: auto
}

.c-layer--hhshop-solution .tab.is-active {
    font-weight: 600;
    position: relative;
    z-index: 2
}

.c-layer--hhshop-solution .tab.is-active:after {
    background: #78d263;
    border-radius: 2px;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-layer--hhshop-solution .panel__title {
    color: #fff;
    font-size: 18px;
    text-align: center
}

.c-layer--hhshop-solution .panel__content {
    height: 480px
}

.function-list>li {
    padding-left: 16px;
    position: relative
}

.function-list>li:before {
    background: #b2e8a1;
    border-radius: 4px;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin: -4px 0;
    position: absolute;
    top: 50%;
    width: 8px
}

.c-layer--hhshop-solution .panel--1 .img-wrapper {
    flex: 0 0 640px;
    width: 640px
}

@media (min-width: 1024px) {
    .c-layer--hhshop-solution .panel--1 .img-wrapper {
        flex:0 0 auto;
        width: auto
    }
}

.c-layer--hhshop-solution .panel--2 .slide--1 .img-wrapper {
    flex: 0 0 218px;
    width: 218px
}

.c-layer--hhshop-solution .panel--2 .slide--2 .slide__item {
    flex: 0 0 300px;
    width: 300px
}

@media (min-width: 1024px) {
    .c-layer--hhshop-solution .panel--2 .slide--2 .slide__item {
        flex:1;
        width: auto
    }
}

.c-layer--hhshop-solution .panel--2 .slide--3 .slide__item {
    flex: 0 0 230px;
    width: 230px
}

@media (min-width: 1024px) {
    .c-layer--hhshop-solution .panel--2 .slide--3 .slide__item {
        flex:1;
        width: auto
    }
}

.c-layer--hhshop-solution .panel--3 .slide--1 .slide__item {
    flex-shrink: 0;
    max-width: 320px;
    width: 100%
}

@media (min-width: 1024px) {
    .c-layer--hhshop-solution .panel--3 .slide--1 .slide__item {
        flex:1;
        max-width: none;
        width: auto
    }
}

.c-layer--hhshop-solution .panel--3 .slide--2 .img-wrapper:first-child {
    flex: 0 0 264px;
    width: 264px
}

.c-layer--hhshop-solution .panel--3 .slide--2 .img-wrapper:last-child {
    flex: 0 0 608px;
    width: 608px
}

@media (min-width: 1024px) {
    .c-layer--hhshop-solution .panel--3 .slide--2 .panel__content .img-wrapper {
        flex:none;
        width: auto
    }
}

.c-layer--hhshop-solution .distribution {
    display: block;
    flex: 0 0 1024px;
    height: 454px;
    position: relative;
    transform: scale(.75);
    width: 1024px
}

.c-layer--hhshop-solution .distribution .img-wrapper {
    height: 176px;
    left: 50%;
    margin: -88px;
    position: absolute;
    top: 50%;
    width: 176px
}

.c-layer--hhshop-solution .distribution__step {
    align-items: center;
    background: hsla(0,0%,100%,.17);
    border: 1px solid #979797;
    border-radius: 74px;
    color: hsla(0,0%,100%,.85);
    display: flex;
    font-size: 20px;
    height: 100px;
    justify-content: center;
    padding: 0 37px;
    position: absolute;
    width: 264px
}

.c-layer--hhshop-solution .distribution__step--1 {
    height: 160px;
    left: 0;
    margin: -80px 0;
    top: 50%
}

.c-layer--hhshop-solution .distribution__step--2 {
    left: 50%;
    margin: 0 -132px;
    top: 0
}

.c-layer--hhshop-solution .distribution__step--3 {
    height: 160px;
    margin: -80px 0;
    right: 0;
    top: 50%
}

.c-layer--hhshop-solution .distribution__step--4 {
    bottom: 0;
    left: 50%;
    margin: 0 -132px
}

.c-layer--hhshop-solution .distribution .arrow--1 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAABXCAYAAAADK3mfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA7qADAAQAAAABAAAAVwAAAABBmgimAAADHElEQVR4Ae3dXWriUBQA4Jr2xcdOH2Z5PopdQQcG2sLAdAcq+OL2CqUbcLReSga10YRi4knyFYLmp7nnfsdD7EmgV1d+CBAIIbBYLH6kpUowWZWDHEOAQL0Cs9nsfrVavaZlPp8/lI2mcMuE7CfQgMBms/mzXa7Tsl6v/06n06dTwyrcUzr2EWhO4PZgqMdTxatwD7SsEggkcLR4FW6gLAmFQIFAYfEq3AIpmwgEE/hSvAo3WIaEQ+CIwF7xKtwjSjYTCCjwmN8qGuTBbTtYm/R+Mpn835bWbU8KHD4VONTlkJ+37HUwGPwbDoc/XXHLpOwnEFBg7+oaMD4hEeiFQP7NtmyyWZb9Go/HL664ZVL2E4gj8JyKNoWTpUqvWu1x4hcJgd4JPG/7T0/5rF1xcwmvBOIK7BVtCtPfuHGTJbIeCZz41vulaBOLK26PPhym2jqBwqJNs1C4rculgDsq8H4wr6NFm45TuAdaVglcQmD7YMXv9HBFWtItn91GVGE8usqFLDYSaFxguVzepaXKwDdVDnIMAQL1C4xGo7f6RzECAQIECBAgQIAAAQIECBAIJqCrHCwhwiFQQcB93ApIDiFAgAABAgQIECBAgAABAgQIEKhJQFe5JlinJVCjgK5yjbhOTYAAAQIECBAgQIAAAQIECBAgUCKgq1wCZDeBgAK6ygGTIiQCBAgQIECAAAECBAgQIECAQG8EdJV7k2oT7ZCArnKHkmkqBAgQIECAAAECBAgQIECAAIHWCegqty5lAibg/+P6DBAgQIAAAQIECBAgQIAAAQIECFxQQFf5gviGJvBNAc8qfxPOrxEgQIAAAQIECBAgQIAAAQIECJxBQFf5DIhOQaBhAV3lhsENR4AAAQIECBAgQIAAAQIECBAgsCOgq7yD4S2BlgjoKrckUcIkQIAAAQIECBAgQIAAAQIECHRSQFe5k2k1qY4L6Cp3PMGmR4AAAQIECBAgQIAAAQIECBAILaCrHDo9giNQKKCrXMhiIwECBAgQIECAAAECBAgQIECAQCMCusqNMBuEwFkFdJXPyulkBJoR+ADrMzDgV3oB7AAAAABJRU5ErkJggg==") 0 0 /contain no-repeat;
    height: 91px;
    left: 131px;
    position: absolute;
    top: 41px;
    width: 237px
}

.c-layer--hhshop-solution .distribution .arrow--2 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAABQCAYAAAAqV4g7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA9qADAAQAAAABAAAAUAAAAAAC+wJVAAACo0lEQVR4Ae3aTUrDUBQG0ES7ARHcXieFNq7AgaAFB67AtsMuz4E67EhinjZQo6U/eeJFT0BiI+9yc54ftDctZ7NZXTRHVVVlOreH6x8SHDi0mUjn3/5/SD10s5qudY+T7gWvCRAgQIAAAQIECBAgQIAAAQIECPxlgTS4a4d3u+7T8GyXkL8TIECAAAECBAgQIECAAAECBAgQIECAQGwBU/HY+6M7AgQIECBAgAABAgQIECBAgAABAgQIEMgpYCqeU1MtAgQIECBAgAABAgQIECBAgAABAgQIEIgtYCoee390R4AAAQIECBAgQIAAAQIECBAgQIAAAQI5BUzFc2qqRYAAAQIECBAgQIAAAQIECBAgQIAAAQKxBUzFY++P7ggQIECAAAECBAgQIECAAAECBAgQIEAgp4CpeE5NtQgQIECAAAECBAgQIECAAAECBAgQIEAgtoCpeOz90R0BAgQIECBAgAABAgQIECBAgAABAgQI5BQwFc+pqRYBAgQIECBAgAABAgQIECBAgAABAgQIxBYwFY+9P7ojQIAAAQIECBAgQIAAAQIECBAgQIAAgZwCpuI5NdUiQIAAAQIRBMoITeiBAIGimM/nl3Vd3zUWZ0d6vJRleT2ZTB4E+0hBywjkFFgul+er1eqxCfZpn7pNsF8Hg8HFSZ8i1hIgEFNAsGPui67+mcBwOHxKb6P73naqMRqNngW7r6T1BDIJjMfj+6bUtEe56bpG4TN2D0VLCfyEQPO8+rape3Ng7WlVVWnd+yHYrYQzgUACB4b7U6jTbQh2oM3UCoFNgT3D/SXUqYZgb0r6nUAwgR3h/jbU6RYEO9hGaodAV2BLuLeGOq0X7K6i1wQCCiwWi6v1t9KK9EirnX4HbFVLBAgcIpC+nZZ+9lnzBhNlHn/uFfpAAAAAAElFTkSuQmCC") 100% 0 /contain no-repeat;
    height: 79px;
    position: absolute;
    right: 123px;
    top: 50px;
    width: 248px
}

.c-layer--hhshop-solution .distribution .arrow--3 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO4AAABXCAYAAAADK3mfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA7qADAAQAAAABAAAAVwAAAABBmgimAAADJElEQVR4Ae3aQW7aQBQA0NrpBdocEthk3UqRQqVI7QmKkNhwvK66ZBWcGUpocIF4VI8GOy+SpQDjP99v+BrzofrgjwCBwQgsFosmJlsPJmOJEiBAgAABAgQIECBAgAABAgQIjE6gGt0VuSACIxbQVR7x4ro0AgQIECBAgAABAgQIECBAgMBQBHSVh7JS8iQQBHSVvQ0IECBAgAABAgQIECBAgAABAgSKC+gqF18CCRDoLqCr3N3KSAIECBAgQIAAAQIECBAgQIAAgUwCusqZYIUlkENAVzmHqpgECBAgQIAAAQIECBAgQIAAAQJJArrKSVwGEygroKtc1t/sBAgQIECAAAECBAgQIECAAAECQUBX2duAwIAEdJUHtFhSJUCAAAECBAgQIECAAAECBAiMVUBXeawr67pGKaCrPMpldVEECBAgQIAAAQIECBAgQIAAgWEJ6CoPa71k+84FdJXf+RvA5RMgQIAAAQIECBAgQIAAAQIErkFAV/kaVkEOBDoK6Cp3hDKMAAECBAgQIECAAAECBAgQIEAgn4Cucj5bkQn0LqCr3DupgAQIECBAgAABAgQIECBAgAABAqkCusqpYsYTKCiQ1FVer9e38SiYr6kJEHgl8OaOu1wuvzRN87g/5246nf58db5/CRAoIFBfmjNsy/Ptdvs9FO7N/ngp4EuneY0AgcwCZws3Fm2Y+6E1/6fWYw8JECggcLJwzxRtgfRMSYDAKYGP7ScVbVvEYwLXIxDqs4nZHO24ivZ6FkgmBC4JHLrKXYt2NpsdzrkU2GsECOQT2O248SufMEW7EZVvVpEJEPgvgSr+sGKz2fyKX/ekRGrvvC/33p7/8xmEA4dYT7nq4ugzbkrhGkuAQDmB3efVeKscf2jRJY32TtLlHGMIEOhXYLfjTiaTHyHst35Di0aAQC6Bw61y2EnnYRLFm0taXAI9ChwKN8ZUvD3KCkUgo8BR4cZ5FG9GbaEJ9CTwT+HGuIq3J11hCGQSOFm4ca4zxfs7Ux7CEiCQIHC2cGOMWLx1XX+tquppf9wnxDaUAIGSAqvV6nM8SuZgbgIE/go8A6XuDT4Hg9HzAAAAAElFTkSuQmCC") 100% 100% /contain no-repeat;
    bottom: 41px;
    height: 91px;
    position: absolute;
    right: 131px;
    width: 237px
}

.c-layer--hhshop-solution .distribution .arrow--4 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAABQCAYAAAAqV4g7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA9qADAAQAAAABAAAAUAAAAAAC+wJVAAAC00lEQVR4Ae3aPW/aQBgA4NiZWNuhP48FCXnJ3E5tpuYfICQWfl4rtR1ZCJRLdVGSkmJ6jn0+HiTrkH1f73N6ifLC1VWL13q9fh+uFl11IUAgA4H61B6Wy+XHzWbzLVzh/an+nhMgMLxA9a8tLBaLL4fnn1/0uW2aJtz3IkAgU4FXE/uVpI5hSO4ooSWQocDRxD6R1DEMyR0ltAQyE/grsVsmdQxDckcJLYGMBJ4l9plJHcOQ3FFCSyATgcfE/s+kjmFI7iihJZCBwENih6+xdrvd15T91HX9aT6f36XMYSwBAt0IVKvV6t12u/2+3++vU6asqup+Mpl8mE6nP1LmMZYAgXSBkz9QSV/CDAQI9C1Qz2azn4dFbw7Xr4TFw9gbf60TBA0lQIAAAQLJAoeK+T5cyROZgACBXgT8j90Ls0UIECBAgAABAgQIECBAgAABAgSKFVAVL/ZoBVaogKp4oQcrLAIECBAgQIAAAQIECBAgQIAAgZ4EVMV7grYMgY4EVMU7gjQNAQIECBAgQIAAAQIECBAgQIDAhQqoil/owQt7tAKq4qM9OhsnQIAAAQIECBAgQIAAAQIECBDIQkBVPItjsAkCrQVUxVtT6UiAAAECBAgQIECAAAECBAgQIEDgiICq+BEUtwhkLKAqnvHh2BoBAgQIECBAgAABAgQIECBAgMAIBFTFR3BItkjgiYCq+BMMbwkQIECAAAECBAgQIECAAAECBAicLaAqfjaZAQQGFVAVH5Tf4gQIECBAgAABAgQIECBAgAABAqMXUBUf/REK4MIEVMUv7MCFS4AAAQIECBAgQIAAAQIECBAg0LGAqnjHoKYj8MYCquJvDGx6AgQIECBAgAABAgQIECBAgACBwgVUxQs/YOEVJ6AqXtyRCogAAQIECBAgQIAAAQIEBhKo2qwbimexX9M0z8bEZ+7/MeLAIeTK0HmheBY/sbQEChL4DQvdJL/pTbjcAAAAAElFTkSuQmCC") 0 100% /contain no-repeat;
    bottom: 50px;
    height: 79px;
    left: 123px;
    position: absolute;
    width: 248px
}

@media (min-width: 1024px) {
    .c-layer--hhshop-solution .distribution {
        transform:scale(.9375)
    }
}

@media (min-width: 1280px) {
    .c-layer--hhshop-solution .distribution {
        transform:none
    }
}

.c-layer--hhshop-solution .panel--4 .slide--1 .panel__content>.img-wrapper {
    flex: 0 0 200px;
    width: 200px
}

.c-layer--hhshop-solution .vip-rights {
    flex: 0 0 420px;
    width: 420px
}

.c-layer--hhshop-solution .vip-right {
    flex: 0 0 160px;
    padding: 12px 0;
    width: 160px
}

@media (min-width: 1024px) {
    .c-layer--hhshop-solution .panel--4 .slide--1 .panel__content>.img-wrapper {
        flex:0 0 264px;
        width: 264px
    }

    .c-layer--hhshop-solution .vip-rights {
        flex: 0 0 630px;
        width: 630px
    }

    .c-layer--hhshop-solution .vip-right {
        flex: 0 0 210px;
        padding: 22px 0;
        width: 210px
    }
}

.c-layer--hhshop-solution .panel--4 .slide--2 .img-wrapper {
    flex: 0 0 539px;
    width: 539px
}

.c-layer--hhshop-solution .panel--5 .slide--1 .img-wrapper {
    flex: 0 0 390px;
    width: 390px
}

@media (min-width: 1024px) {
    .c-layer--hhshop-solution .panel--5 .slide--1 .img-wrapper {
        flex:1;
        width: auto
    }
}

.c-layer--hhshop-solution .panel--5 .slide--2 .img-wrapper {
    flex: 0 0 1200px;
    width: 1200px
}

.c-layer--hhshop-solution .panel--5 .slide--3 .img-wrapper {
    flex: 0 0 697px;
    width: 697px
}

@media (min-width: 768px) {
    .c-layer--hhshop-solution .tab {
        font-size:18px;
        padding: 0 20px 10px
    }
}

@media (min-width: 1024px) {
    .c-layer--hhshop-solution .panel__title {
        font-size:20px
    }

    .c-layer--hhshop-solution .tab {
        font-size: 20px;
        margin: 0 36px;
        padding-bottom: 14px;
        width: 120px
    }

    .c-layer--hhshop-solution .panel__content {
        height: 480px
    }
}

.c-layer--partner .partner .img-wrapper {
    height: 76px;
    width: 160px
}

@media (min-width: 640px) {
    .c-layer--partner .partner .img-wrapper {
        height:86px;
        width: 180px
    }
}

@media (min-width: 768px) {
    .c-layer--partner .partner .img-wrapper {
        height:110px;
        width: 230px
    }
}

.c-layer--fission {
    background: url(/t199/resource/images/home-fission-bg.png) 50%/cover no-repeat
}

.news-cate {
    color: #333;
    margin-right: 20px;
    padding: 12px 0;
    position: relative;
    z-index: 2
}

.news-cate.is-active {
    color: #78d263
}

.news-cate.is-active:after {
    background-color: #78d263;
    border-radius: 2px;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.news__btn {
    border: 1px solid #d2d2d2;
    border-radius: 16px;
    font-size: 14px;
    height: 32px;
    width: 120px
}

.news:hover .news__btn {
    background: #78d263;
    border: 0;
    color: #fff
}

@media (min-width: 640px) {
    .news-cate {
        margin-right:24px
    }

    .news__btn {
        border-radius: 17px;
        font-size: 16px;
        height: 34px;
        width: 130px
    }
}

@media (min-width: 768px) {
    .news-cate {
        margin-right:36px
    }
}

@media (min-width: 1024px) {
    .news-cate {
        margin-right:48px
    }
}

@media (min-width: 1280px) {
    .news-cate {
        margin-right:54px
    }
}

.c-layer--reason .reason {
    height: 100%;
    padding: 16px
}

.c-layer--reason .reason--1 {
    background: #fff8f4
}

.c-layer--reason .reason--2 {
    background: #f9fff1
}

.c-layer--reason .reason--3 {
    background: #fff4f4
}

.c-layer--reason .reason .c-svg-icon {
    height: 96px;
    width: 96px
}

@media (min-width: 768px) {
    .c-layer--reason .reason {
        min-height:344px;
        padding: 30px 45px
    }

    .c-layer--reason .reason .c-svg-icon {
        height: 117px;
        margin-top: 24px;
        width: 117px
    }
}

.c-hhshop-page--agent .c-layer--support {
    background: url(/t199/resource/images/agent-support-bg.png) 50%/cover;
    padding: 50px 0 75px
}

.c-hhshop-page--agent .c-layer--support .support {
    box-shadow: 0 0 9px 0 hsla(240,1%,82%,.5)
}

.c-hhshop-page--agent .c-layer--support .support .c-svg-icon {
    height: 80px;
    width: 62px
}

.c-hhshop-page--agent .c-layer--process {
    background: #fafcf8
}

.c-hhshop-page--agent .c-layer--process .step {
    background: #fff;
    border-radius: 4px;
    box-shadow: 2px 4px 4px 0 rgba(63,139,46,.4);
    height: 160px;
    padding: 0 12px;
    width: 144px
}

.c-hhshop-page--agent .c-layer--process .step .c-svg-icon {
    height: 60px;
    width: 70px
}

.icon-stepto {
    background: url(/t199/resource/images/icon-stepto.png) 50%/contain no-repeat;
    height: 15px;
    width: 34px
}

@media (min-width: 768px) {
    .c-hhshop-page--agent .c-layer--process .step {
        height:210px;
        padding: 0 16px;
        width: 180px
    }

    .c-hhshop-page--agent .c-layer--process .step .c-svg-icon {
        height: 72px;
        width: 84px
    }
}

@media (min-width: 1280px) {
    .c-hhshop-page--agent .c-layer--process .step {
        height:230px;
        padding: 24px;
        width: 220px
    }

    .c-hhshop-page--agent .c-layer--process .step .c-svg-icon {
        height: 96px;
        width: 112px
    }
}

.c-layer--circle {
    background: url(/t199/resource/images/product-circle-bg.png) 50%/cover
}

.c-btn.c-experience-now {
    border: 1px solid #82ce71;
    border-radius: 20px;
    color: #82ce71;
    height: 40px;
    padding-right: 70px;
    position: relative;
    width: 240px
}

.c-btn.c-experience-now .icon-arrow-right-long {
    background: #82ce71 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAALCAYAAACOAvbOAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAG6ADAAQAAAABAAAACwAAAACW78N7AAAAjElEQVQ4EWNgoAH4////ViA+AsSiNDAe1UioRUDq/xWaWwiyAGoRkKKPhWJoFoowAgWqgIHgjhoQVOOxAk3SA2JuIF4IsuwukKEExLQGR0GWCQFt0aGRTcFAc/OA+D8Qh9HIDqDp///nATEI/APidFpalAW2htYWgXwAtOgpzX0ECyqgRfZA7ATjw2gAuEV6oCQSWn8AAAAASUVORK5CYII=") 50% /27px no-repeat;
    border-radius: 20px;
    color: #fff;
    height: 40px;
    position: absolute;
    right: -1px;
    width: 70px
}

.c-layer--style .hhshop-style>.img-wrapper {
    border-radius: 10px;
    box-shadow: 0 0 14px 0 rgba(170,184,165,.5);
    overflow: hidden
}

.c-layer--style .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 24px
}

.c-layer--marketing {
    background: #fafcf8
}

.c-layer--marketing .marketing {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px 8px
}

.c-layer--marketing .marketing .c-svg-icon {
    height: 88px
}

@media (min-width: 1024px) {
    .c-layer--marketing .marketing {
        padding:20px 12px
    }
}

.c-layer--social .img-wrapper:first-child {
    max-width: 463px
}

.c-layer--social .img-wrapper:last-child {
    max-width: 486px
}

.c-layer--backend {
    background: #fafcf8
}

.c-layer--backend>.c-container:before {
    background: rgba(0,0,0,.5);
    bottom: 0;
    content: "";
    display: block;
    left: 16px;
    position: absolute;
    right: 16px;
    top: 0;
    z-index: 1
}

.c-layer--backend .content {
    left: 10.3333%;
    position: absolute;
    top: 21%;
    z-index: 2
}

@media (min-width: 640px) {
    .c-layer--backend>.c-container:before {
        left:20px;
        right: 20px
    }
}

@media (min-width: 768px) {
    .c-layer--backend>.c-container:before {
        display:none
    }

    .c-layer--backend .content {
        left: 10.3333%;
        position: absolute;
        top: 32.4468%;
        z-index: 2
    }
}

.c-layer--service .service {
    align-items: center;
    background: #fff;
    box-shadow: 0 0 9px 0 hsla(240,1%,82%,.5);
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px 10px;
    width: 100%
}

.c-layer--service .service .c-svg-icon {
    height: 80px;
    width: 80px
}

@media (min-width: 768px) {
    .c-layer--service .service {
        height:260px;
        padding: 20px 30px
    }

    .c-layer--service .service .c-svg-icon {
        height: 96px;
        width: 96px
    }
}

.c-layer--getnow {
    background: #fafcf8
}

.hhshop-steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 20px
}

.hhshop-step {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 10px 8px;
    width: 50%
}

.hhshop-step__title {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.hhshop-step__icon {
    margin-top: 8px
}

.hhshop-step__content {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 hsla(0,0%,74%,.5);
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 8px;
    padding: 10px 8px 20px
}

.hhshop-step__content p {
    color: #666
}

@media (min-width: 640px) {
    .hhshop-steps {
        margin-left:0;
        margin-right: 0
    }

    .hhshop-step {
        padding: 10px 4px;
        width: 270px
    }

    .hhshop-step__title {
        font-size: 18px
    }

    .hhshop-step__icon {
        margin-top: 12px
    }

    .hhshop-step__content {
        margin-top: 12px;
        min-height: 150px;
        padding: 20px
    }
}

@media (min-width: 768px) {
    .hhshop-step {
        width:233px
    }

    .hhshop-step__title {
        font-size: 20px
    }

    .hhshop-step__content {
        min-height: 138px;
        padding: 20px 16px
    }
}

@media (min-width: 1024px) {
    .hhshop-steps {
        flex-wrap:nowrap;
        margin-left: -8px;
        margin-right: -8px
    }

    .hhshop-step {
        flex: 1;
        margin: 0;
        padding: 0
    }

    .hhshop-step__content {
        background: url(/t199/resource/images/product-hhshop-get-step-bg-white.png) 50%/cover;
        box-shadow: none;
        flex: none;
        height: 142px;
        padding: 20px 18px 10px;
        width: 100%
    }

    .hhshop-step:hover .hhshop-step__content {
        background: url(/t199/resource/images/product-hhshop-get-step-bg-green.png) 50%/cover;
        color: #fff
    }

    .hhshop-step:hover .hhshop-step__content p {
        color: #fff
    }

    .hhshop-step__icon {
        display: flex;
        position: relative;
        width: 100%
    }

    .hhshop-step__icon:after,.hhshop-step__icon:before {
        border-top: 1px dotted #82ce71;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        width: calc(50% - 12px)
    }

    .hhshop-step__icon:before {
        left: 1px
    }

    .hhshop-step__icon:after {
        right: 1px
    }

    .hhshop-step:first-child .hhshop-step__icon:before,.hhshop-step:last-child .hhshop-step__icon:after {
        display: none
    }
}

@media (min-width: 1280px) {
    .hhshop-steps {
        flex-wrap:nowrap;
        margin-left: 0;
        margin-right: 0
    }

    .hhshop-step__title {
        font-size: 22px
    }

    .hhshop-step__content {
        height: 179px;
        padding: 36px 28px 10px;
        width: 290px
    }
}