/* /develop/gpfAKUUAcJbT-ooKApfiPDJGE-GvUApKfKKUAU-jlBqrKijrimrpijinrr-jnBqrKkjjrjrmipkirr/style.css,/develop/WpAUfKUUliOe-ZdUfKprhAQWt-GvUApKfKKUAU-jpBqrKijproijjpjpli-jnBqrKijprqipikklki/style.css,/develop/RyKAUpfgKqDt-iGUAfpYNDvyO-GvUApKfKKUAU-jlBqrKjjriqjkirnqrr-jrBqrKjjriqjlimjjli/style.css,/assets/widget/style/component/onlineService/public/public.css,/assets/widget/style/component/onlineService/widget_setting_showStyle/float.css,/assets/widget/style/component/onlineService/widget_setting_showStyle/style13.css */
/* /develop/gpfAKUUAcJbT-ooKApfiPDJGE-GvUApKfKKUAU-jlBqrKijrimrpijinrr-jnBqrKkjjrjrmipkirr/style.css */
.QX-11227969 {
    max-width: 1200px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 90px;
    position: relative;
}

.QX-11227969 .buttonBox {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    height: 4px;
    position: absolute;
    bottom: -45px;
}

.QX-11227969 .buttonWra {
    width: 8%;
    margin-right: 8px;
    background: #D8D8D8;
    overflow: hidden;
}

.QX-11227969 .buttonActive {
    background: #ff5200;
}

.QX-11227969 .titleBox {
    width: 100%;
    font-size: 44px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 25px;
    white-space: nowrap;
    overflow: hidden;
}

.QX-11227969 .imgTotal {
    width: 100%;
    position: relative;

}

.QX-11227969 .imgBox {
    width: 100%;
    transition: .3s;
}

.QX-11227969 .tile {
    width: 371px;
    margin: 15px;
    color: #777;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    float: left;
}

.QX-11227969 .imgWra {
    width: 100%;
    height: 230px;
    overflow: hidden;
    z-index: 1;
}

.QX-11227969 .imgWra .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.1);
    transition: all .25s ease;
}

.QX-11227969 .textWra {
    position: relative;
}

.QX-11227969 .textBox {
    /* width: 64%; */
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
    margin-top: -11.2%;
    position: relative;
    z-index: 5;
    background: #fff;
    height: 140px;
}

.QX-11227969 .textMark {
    transform: skewY(-6deg);
    background: #fff;
    transition: all .3s ease;
    width: 100%;
    height: 50%;
    z-index: 3;
    position: absolute;
    top: -10%;
}

.QX-11227969 .numStyle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-size: 36px;
    line-height: 70px;
    text-align: center;
    background: #ff5200;
    transition: all .3s ease;
    color: #fff;
    position: absolute;
    right: 10%;
    top: -37%;
}

.QX-11227969 .container {
    width: unset;
}

.QX-11227969 .titleStyle {
    font-weight: 400;
    letter-spacing: .025em;
    text-transform: none;
    margin-top: 10%;
    color: #151515;
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
}

.QX-11227969 .docsStyle {
    margin-top: 16px;
    display: -webkit-box;
    -webkit-box-orient: initial;
    -webkit-line-clamp: 3;
    overflow: hidden;
    width: 100%;
    max-height: 63px;
    line-height: 21px;
}

.QX-11227969 .tile:hover .img {
    transform: scale(1);
}

.QX-11227969 .tile:hover .textMark {
    transform: skewY(0deg);
}

.QX-11227969 .tile:hover .numStyle {
    right: 50%;
    top: -26%;
    transform: translateX(50%);
}

.QX-11227969 .button {
    display: none;
}

@media screen and (min-width:550px) and (max-width:1000px) {

    .QX-11227969 .titleBox {
        margin-bottom: 30px;
        font-size: 34px;
    }

    .QX-11227969 .imgWra {
        height: 243px;
    }

    .QX-11227969 .numStyle {
        width: 50px;
        height: 50px;
        font-size: 26px;
        line-height: 50px;
        top: -31%;
    }

    .QX-11227969 .tile:hover .numStyle {
        top: -22%;
    }

    .QX-11227969 .textBox {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 40px;
    }


}

@media screen and (max-width:550px) {
    .QX-11227969 .titleBox {
        margin-bottom: 30px;
        font-size: 34px;
    }

    .QX-11227969 .textBox {
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 30px;
    }


    .QX-11227969 .buttonWra {
        display: none;
    }

    .QX-11227969 .numStyle {
        width: 50px;
        height: 50px;
        font-size: 26px;
        line-height: 50px;
        top: -31%;
    }

    .QX-11227969 .tile:hover .numStyle {
        top: -22%;
    }
    .QX-11227969 .buttonWra{
        display: none !important;
    }

}


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

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

.QX-11227969 .slick-list:focus {
    outline: none;
}


.QX-11227969 .slick-slider .slick-track,
.QX-11227969 .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.QX-11227969 .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.QX-11227969 .slick-track:before,
.QX-11227969 .slick-track:after {
    display: table;

    content: '';
}

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

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

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

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

.QX-11227969 .slick-slide img {
    display: block;
}

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

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

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

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

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

.QX-11227969 .slick-arrow .slick-hidden {
    display: none;
}

.QX-11227969 .slick-slide:focus {
    outline: none;
}





.QX-11227969 .buttonWra:hover {
    background: #333;
}

.QX-11227969 .buttonWra:focus {
    outline: none;
}

.QX-11227969 .slick-dots {
    position: absolute;
    bottom: -45px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6px;
}

.QX-11227969 .slick-dots>li {
    width: 30px;
    height: 4px;
    margin-left: 8px;
    margin-right: 8px;
    background: #D8D8D8;
    cursor: pointer;
    transition: .3s;
}



.QX-11227969 .slick-dots>li>button {
    display: none;
}

.QX-11227969 .slick-dots .slick-active {
    background-color: #ff5200;

}
/* /develop/WpAUfKUUliOe-ZdUfKprhAQWt-GvUApKfKKUAU-jpBqrKijproijjpjpli-jnBqrKijprqipikklki/style.css */
.QX12106349 {
    margin: 0 auto;
    width: 100%;
    height: 470px;
    display: flex;
    margin-bottom: 210px;
}
.QX12106349 .leftbox .backstage-blocksEditor-wrap .backstage-blocksEditor-wrap-text .backstage-widgetsettings-tools-zindex{
    top: 50%;
}
.QX12106349 .leftbox {
    padding-top: 115px;
    width: 370px;
}

.QX12106349 .title1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: bold;
    white-space: nowrap;
    font-size: 40px;
    color: #fff;
    text-transform: none;
    overflow: hidden;
    margin: 0 30px 0 0;
    -webkit-line-clamp: 1;
}

.QX12106349 .text {
    margin: 40px 30px 40px 0;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

.QX12106349 .button {
    text-align: center;
    display: inline-block;
    color: #0ca14e;
    max-width: 320px;
}

.QX12106349 .asetting {
    background: #fff;
}

.QX12106349 .button .backstage-blocksEditor-wrap[data-blockseditor-type="phoenix_blocks_button"] .backstage-componet {
    width: 100%;
    display: unset;
}

.QX12106349 .blocks-button {
    padding: 15px 25px;
    text-align: center;
    display: block;
    overflow: hidden;
    font-size: 16px;
    color: inherit;
    text-decoration: none;
    word-break: break-all;
}

.QX12106349 .no_padding {
    width: 100%;
    height: 510px;
}

.QX12106349 .no_padding li {
    position: relative;
    margin: 10px;
    outline: none;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
}

.QX12106349 .mainbox .rightbox .navigation {
    position: relative;
    left: 10px;
}

.QX12106349 .no_padding li img {
    width: 100%;
    object-fit: cover;
    height: 380px;
}

.QX12106349 .mainbox {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    position: relative;
}

.QX12106349 .rightbox {
    width: 780px;
}

.QX12106349 .preAndNext1 {
    height: 40px;
    display: inline-block;
    margin: 50px 0 25px 0;
}

.QX12106349 .preAndNext1 .slick-prev-qk1,
.slick-next-qk1 {
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    padding: 0;
    cursor: pointer;
    outline: 0;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    transition: all .3s;
}

.QX12106349 .preAndNext1 .slick-prev-qk1 {
    position: absolute;
    right: 57px;
}

.QX12106349 .preAndNext1 .slick-next-qk1 {
    margin-left: 15px;
    right: 0;
    position: absolute;
}

.QX12106349 .preAndNext1 .rows {
    font-size: 32px;
}

.QX12106349 .fa-caret-left:before {
    content: "\f0d9";
}

.QX12106349 .slick-next-qk1 {
    margin-left: 10px;
}

.QX12106349 .fa-caret-right:before {
    content: "\f0da";
}

.QX12106349 .banner-name {
    color: #333333;
    font-size: 16px;
    margin: 25px 20px;
    width: 340px;
    white-space: nowrap;
    overflow: hidden;
}

.QX12106349 .banner-name a {
    color: inherit;
    outline: none;
}

.QX12106349 .moreBtn {
    border: 1px solid;
    padding: 10px 20px;
    color: inherit;
    margin-left: 20px;
    transition: all .3s;
    border-color: inherit;
    outline: none;
    cursor: pointer;
}

.QX12106349 .banner-docs {
    display: none;
}

.QX12106349 .preAndNext1 .slick-prev-qk1:hover {
    background: #fff;
    color: #0ca14e;
}

.QX12106349 .preAndNext1 .slick-next-qk1:hover {
    background: #fff;
    color: #0ca14e;
}

.QX12106349 .moreBtn:hover {
    background-color: #0ca14e;
    color: #fff;
}

.QX12106349 .banner-description {
    color: #0ca14e;
    border-color: #0ca14e;
    height: 130px;
    background: #fff;
}

@media screen and (max-width:1024px) {
    .QX12106349 .mainbox {
        width: calc(100% - 40px);
    }

    .QX12106349 .mainbox .rightbox .no_padding {
        width: 703px;
        position: absolute;
        right: 0;
    }

    .QX12106349 .no_padding li {
        width: 345px;
    }

    .QX12106349 .banner-name {
        width: 31%;
    }

    .QX12106349 .leftbox {
        width: 30.6%;
    }

    .QX12106349 .title1 {
        font-size: 33px;
    }

    .QX12106349 .button {
        max-width: 287px;
    }
}


@media screen and (max-width:1016px) and (min-width:767px) {
    .QX12106349 .title1 {
        font-size: 28px;
    }

    .QX12106349 .no_padding li {
        width: 300px;
    }

    .QX12106349 .banner-name {
        width: 31%;
    }

    .QX12106349 .mainbox .rightbox .no_padding {
        width: 600px;
    }

    .QX12176489 .left .leftbutton {
        max-width: 183px;
    }

    .QX12106349 .no_padding li img {
        height: 300px;
    }

}

@media screen and (max-width:768px) {
    .QX12106349 .no_padding li {
        width: 261px;
    }

    .QX12106349 .mainbox .rightbox .no_padding {
        width: 523px;
    }

    .QX12106349 .leftbox {
        width: 30%;
    }

    .QX12106349 .title1 {
        font-size: 24px;
    }

    .QX12106349 .banner-name {
        width: 31%;
    }

    .QX12106349 .button {
        max-width: 202px;
    }

    .QX12106349 .title1 {
        margin: 0 28px 0 0;
    }

    .QX12106349 .no_padding li img {
        height: 280px;
    }
}


@media screen and (min-width:511px) {
    .QX12106349 .rightbox .preAndNext2 {
        display: none;
    }
}

@media screen and (max-width:510px) {
    .QX12106349 {
        padding-bottom: 20px;
        height: unset;
        margin-bottom: 0;
    }

    .QX12106349 .leftbox {
        padding-top: unset;
        width: 100%;
        text-align: center;
    }

    .QX12106349 .title1 {
        margin: 20px;
        font-size: 30px;
    }

    .QX12106349 .text {
        margin: 0 20px 20px;
        width: auto;
        -webkit-line-clamp: unset;
        font-size: 12px;
    }

    .QX12106349 .button {
        bottom: unset;
        margin: 0 0 20px 0;
        position: unset;
    }

    .QX12106349 .no_padding li {
        left: unset;
        box-shadow: unset;
        margin: 0;
    }

    .QX12106349 .rightbox {
        width: 100%;
        position: relative;
    }

    .QX12106349 .mainbox .rightbox .no_padding {
        width: calc(100% - 40px);
        margin: 0 auto;
        position: unset;
        right: unset;
    }

    .QX12106349 .rightbox .preAndNext1 {
        display: none;
    }

    .QX12106349 .preAndNext2 .slick-prev-qk2,
    .slick-next-qk2 {
        position: absolute;
        z-index: 1;
        height: 35px;
        width: 35px;
        background: #fff;
        opacity: 0.5;
        color: #0ca14e;
        align-items: center;
        justify-content: center;
        display: inline-flex;
        text-align: center;
    }

    .QX12106349 .preAndNext2 .slick-prev-qk2 {
        top: 172.5px;
        left: 20px;
        right: unset;
    }

    .QX12106349 .preAndNext2 .slick-prev-qk2 .rows {
        position: absolute;
        left: 10px;
    }

    .QX12106349 .preAndNext2 .slick-next-qk2 {
        top: 172.5px;
        margin-left: unset;
        right: 20px;
    }

    .QX12106349 .preAndNext2 .slick-next-qk2 .rows {
        position: absolute;
        right: 10px;
    }

    .QX12106349 .banner-description {
        background: #fff;
    }

    .QX12106349 .mainbox {
        width: 100%;
        display: unset;
        max-width: unset;
    }

    .QX12106349 .preAndNext2 {
        margin: 0;
        height: unset;
        display: unset;
        font-size: 32px;
        cursor: pointer;
    }

    .QX12106349 .banner-name {
        width: 297px;
    }

    .QX12106349 .mainbox .rightbox .navigation {
        left: unset;
    }

    .QX12106349 .no_padding li img {
        height: 380px;
    }
}

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

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

.QX12106349 .slick-list:focus {
    outline: 0
}

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

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

.QX12106349 .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.QX12106349 .slick-track:after,
.QX12106349 .slick-track:before {
    display: table;
    content: ''
}

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

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

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

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

.QX12106349 .slick-slide img {
    display: block
}

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

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

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

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

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

.QX12106349 .slick-arrow.slick-hidden {
    display: none
}
/* /develop/RyKAUpfgKqDt-iGUAfpYNDvyO-GvUApKfKKUAU-jlBqrKjjriqjkirnqrr-jrBqrKjjriqjlimjjli/style.css */
.QX-101340403 {
    width: 100%;
    position: relative;
    padding: 30px 0;
}

.QX-101340403 .top {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    color: #fff;
    word-break: break-word;
}
.QX-101340403 .top .right .followWrap{
    margin-top: 20px;
}
.QX-101340403 .top .right .followWrap .codeWrap{
    display: none;
}
.QX-101340403 .top .right .followWrap .codeWrap img{
    width: 100px;
    height: 100px;
}
/* .QX-101340403 .top .right .followWrap .hasCode .social-icon-wechat:hover .codeWrap{
    position: absolute;
    z-index: 9;
    display: block;
} */
.QX-101340403 .left {
    width: calc(25% - 40px);
    padding: 0 20px;
}

.QX-101340403 .title {
    font-size: 16px;
    font-weight: 600;
}

.QX-101340403 .text {
    font-size: 15px;
    line-height: 1.4;
}

.QX-101340403 .border {
    margin: 20px 0 25px;
    width: 90px;
    border-bottom: 2px solid;
}

.QX-101340403 .center1 {
    width: calc(25% - 40px);
    padding: 0 20px;
}

.QX-101340403 .quick-nav-list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 15px;
}

.QX-101340403 .quick-nav-list ul li i {
    font-size: 12px;
    margin-right: 15px;
}

.QX-101340403 .quick-nav-list ul li a {
    color: inherit;
}

.QX-101340403 .center2 {
    width: calc(25% - 40px);
    padding: 0 20px;
}

.QX-101340403 .right {
    width: calc(25% - 40px);
    padding: 0 20px;

}

.QX-101340403 .jin {
    margin-top: 25px;
    font-size: 15px;
}

.QX-101340403 .followWrap .social-icon-facebook {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px 0;
}

.QX-101340403 .followWrap .social-icon-googleplus {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -64px;
}

.QX-101340403 .followWrap .social-icon-linkedin {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -128px;
}

.QX-101340403 .followWrap .social-icon-sinaweibo {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -192px;
}

.QX-101340403 .followWrap .social-icon-twitter {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -256px;
}

.QX-101340403 .followWrap .social-icon-youtube {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -320px;
}

.QX-101340403 .followWrap .social-icon-qzone {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -704px;
}

.QX-101340403 .followWrap .social-icon-renren {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -768px;
}

.QX-101340403 .followWrap .social-icon-douban {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -832px;
}

.QX-101340403 .followWrap .social-icon-tweibo {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -896px;
}

.QX-101340403 .followWrap .social-icon-instagram {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -960px;
}

.QX-101340403 .followWrap .social-icon-wechat {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -1024px;
}

.QX-101340403 .followWrap .social-icon-pinterest {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -224px -1088px;
}

.QX-101340403 .followWrap .social-icon-youku {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -225px -1152px;
}

.QX-101340403 .followWrap .social-icon-tiktok {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -222px -1846px;
}

.QX-101340403 .followWrap .social-icon-blogger {
    background: url(../cloud/loBpnKpjllSRojnnjnjoiq/follow-service.png) no-repeat -215px -1942px;
}

.QX-101340403 .followWrap .follow-a span {
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
}

.QX-101340403 .follow-a {
    display: inline-block;
    margin: 1px;
    text-align: center !important;
    transform: scale(0.8);
    opacity: .4;
}

.QX-101340403 .follow-a:hover {
    opacity: 1;
}

.QX-101340403 .bottom {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}

.QX-101340403 .rights {
    margin-top: 20px;
    font-size: 10px;
    color: #cccccc;
    word-break: break-word;
}

@media screen and (max-width:1200px) {
    .QX-101340403 {
        width: auto;
        padding: 20px 10px;
    }
    .QX-101340403 .left {
        width: calc(25% - 20px);
        padding: 0 10px;
    }

    .QX-101340403 .center1 {
        width: calc(25% - 20px);
        padding: 0 10px;
    }

    .QX-101340403 .center2 {
        width: calc(25% - 20px);
        padding: 0 10px;
    }

    .QX-101340403 .right {
        width: calc(25% - 20px);
        padding: 0 10px;
    }
}

@media screen and (max-width:768px) {
    .QX-101340403 .top {
        flex-wrap: wrap;
    }

    .QX-101340403 .left {
        width: calc(33.3333% - 20px);
    }

    .QX-101340403 .right {
        width: calc(33.3333% - 20px);
    }

    .QX-101340403 .center1 {
        width: calc(33.3333% - 20px);
    }

    .QX-101340403 .center2 {
        width: calc(33.3333% - 20px);
    }

    .QX-101340403 .right {
        margin-top: 30px;
    }
}

@media screen and (max-width:510px) {
    .QX-101340403 .top {
        flex-wrap: wrap;
    }

    .QX-101340403 .left {
        width: calc(100% - 20px);
    }

    .QX-101340403 .center1 {
        margin-top: 20px;
        width: calc(100% - 20px);
    }

    .QX-101340403 .center2 {
        margin-top: 20px;
        width: calc(100% - 20px);
    }

    .QX-101340403 .right {
        width: calc(100% - 20px);
        margin-top: 20px;
    }
    .QX-101340403 .bottom {
        margin-top: 20px;
    }
}
/* /assets/widget/style/component/onlineService/public/public.css */
#pop-online-tel{position:fixed;top:50%;left:50%;width:400px;height:120px;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 10px #949494;margin-left:-200px;margin-top:-60px;z-index:99}
#pop-online-tel .close{position:absolute;width:20px;height:20px;color:#bdbdbd;top:10px;right:10px;font-size:20px;text-align:center}
#pop-online-tel .close:hover{color:#7d7d7d}
#pop-online-tel .telnum{color:#333;font-size:20px;line-height:30px;margin:50px 0 0;text-align:center}
#pop-online-tel .telnum .fa{font-size:30px;vertical-align:middle;margin:0 10px 0 0;color:#209eea}
#pop-online-qr{position:fixed;top:50%;left:50%;width:300px;height:300px;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 10px #949494;margin-left:-150px;margin-top:-160px;z-index:99;text-align:center;vertical-align:middle}
#pop-online-qr img{max-width:257px;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-height:257px}
#pop-online-qr .close{position:absolute;width:20px;height:20px;color:#bdbdbd;top:5px;right:5px;font-size:20px;text-align:center}
#pop-online-qr .close:hover{color:#7d7d7d}
div.sitewidget-onlineService .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips::-webkit-scrollbar{display:none}
/* /assets/widget/style/component/onlineService/widget_setting_showStyle/float.css */
.onlineservice-fixed-style{position:fixed;z-index:99}
.onlineservice-fixed-style ul{background-color:#000;fliter:alpha(opacity=30);background-color:rgba(0,0,0,0.3)}
.onlineservice-fixed-style .onlineservice-fixed-list a{color:#fff;line-height:28px;display:block;text-decoration:none}
.onlineservice-fixed-style .onlineservice-fixed-list a:hover{text-decoration:none}
.onlineservice-fixed-style ul li i{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAEqCAYAAAAGWTCQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAG22lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYTU1OTQ2OS1iZWMwLWI1NDQtODFhMC1iNzg3M2E4ZTYwMmUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo5ZTdmMzcyMS1iY2MzLTBhNGItODFjMC1jYmVjMDFkZDM0NDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M2RmNTZkNDgtNDhiNi00YWUwLWFkYTctNWU2NDI1MDY2MGUzIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA4LTI0VDA5OjIwOjIxKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wOC0yNFQwOToyNTozMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wOC0yNFQwOToyNTozMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1ZmY0NTg3LTdjZDQtZjI0Yi04YzQ5LTBmYmIzMTRmNjhlMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowYTU1OTQ2OS1iZWMwLWI1NDQtODFhMC1iNzg3M2E4ZTYwMmUiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGU1ZDFlZTEtZGE4Zi00Y2NmLTlkYjAtNGMzMWMzNDdkYWNjIiBzdEV2dDp3aGVuPSIyMDE4LTA4LTI0VDA5OjI1OjMyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6M2RmNTZkNDgtNDhiNi00YWUwLWFkYTctNWU2NDI1MDY2MGUzIiBzdEV2dDp3aGVuPSIyMDE4LTA4LTI0VDA5OjI1OjMyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/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);background-repeat:no-repeat}
.onlineservice-fixed-style ul .onlineService_q i{background-position:0 0}
.onlineservice-fixed-style ul .onlineService_t i{background-position:0 -56px}
.onlineservice-fixed-style ul .onlineService_e i{background-position:0 -111px}
.onlineservice-fixed-style ul .onlineService_s i{background-position:0 -28px}
.onlineservice-fixed-style ul .onlineService_whatsApp i{background-position:0 -139px}
.onlineservice-fixed-style ul .onlineService_qr i{background-position:0 -203px}
.onlineservice-fixed-style ul .onlineService_wechat i{background-position:0 -266px}
.onlineservice-fixed-style ul .onlineService_aliww i{background-position:0 -170px}
.onlineservice-fixed-style ul .onlineService_sms i,.onlineservice-fixed-style ul .onlineService_other i{background-position:0 -84px}
@media(min-width:769px){.onlineservice-fixed-style{right:0;top:50%;transform:translateY(-50%)}
.onlineservice-fixed-style ul{border-radius:10px 0 0 10px}
.sitewidget-onlineService.onlineservice-fixed-style ul li{line-height:28px;position:relative;white-space:nowrap;height:48px;width:54px}
.onlineservice-fixed-style ul li div{position:absolute;padding:12px 13px;top:0;right:0;border-radius:10px 0 0 10px;width:28px;transition:width .3s ease-in}
.onlineservice-fixed-style ul li div:hover{background-color:#000;width:120px;fliter:alpha(opacity=60);background-color:rgba(0,0,0,0.6)}
.onlineservice-fixed-style ul li span{margin:0 10px 0 14px}
.onlineservice-fixed-style ul li i{display:inline-block;width:28px;height:28px}
.onlineservice-fixed-style-left{left:0;right:auto}
.onlineservice-fixed-style-left ul{border-radius:0 10px 10px 0}
.onlineservice-fixed-style-left ul li div{border-radius:0 10px 10px 0;left:0;right:auto}
.onlineservice-fixed-style-left .onlineservice-fixed-list a{text-align:right;position:relative}
.onlineservice-fixed-style-left ul li span{display:none}
.onlineservice-fixed-style-left ul li div:hover span{display:inline}
}
@media(max-width:768px){.onlineservice-fixed-style{bottom:0;width:100%;left:0}
.onlineservice-fixed-style ul{display:-webkit-box;display:-moz-box;display:box;width:100%;fliter:alpha(opacity=80);background-color:rgba(0,0,0,0.8)}
.onlineservice-fixed-style ul li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1}
.onlineservice-fixed-style ul li a{line-height:28px;text-align:center}
.sitewidget-onlineService.onlineservice-fixed-style ul li span{line-height:20px;display:block;text-align:center;text-align:center;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-style ul li i{line-height:20px;font-size:20px;width:28px;height:28px;display:block;margin:0 auto}
}
/* /assets/widget/style/component/onlineService/widget_setting_showStyle/style13.css */
.onlineservice-fixed-left13{left:0 !important;right:auto !important;margin-left:20px}
div.onlineservice-fixed-styleRight13{left:auto !important;right:0 !important;margin-right:20px}
div.sitewidgetOnlineServiceStyle13 ul li div:hover{background:transparent}
.sitewidget-onlineService.onlineservice-fixed-style ul li i.font-icon{display:inline}
.onlineservice-fixed-style.onlineservice-fixed-left13 .bglist{overflow:hidden}
.onlineservice-leftfixed13.sitewidget-onlineService:hover .onlineservice-fixed-blocks-list{margin:0;padding:0}
.sitewidgetOnlineServiceStyle13 .onlineservice-fixed-goTop .block-iconfanhuidingbu{font-size:16px;background:#51bc35;width:40px;display:block !important;height:40px;border-radius:50%;line-height:40px;margin-top:5px;position:absolute;left:50%;transform:translateX(-50%);margin-left:0}
.sitewidgetOnlineServiceStyle13 .onlineservice-fixed-goTop{background:transparent !important;display:none}
.sitewidgetOnlineServiceStyle13 .sitewidget-bd .onlineservice-fixed-blocks-list{border-top-left-radius:30px;border-top-right-radius:30px;background:rgba(0,0,0,.3);border-bottom-left-radius:30px;border-bottom-right-radius:30px}
.onlineservice-fixed-style.onlineservice-fixed-left13 .bglist .ico_f{color:#fff;background:transparent}
.onlineservice-fixed-style.onlineservice-fixed-left13 .bglist .ico_t{background:#fff}
.onlineservice-fixed-style ul li a i.block-iconyouxiang{font-size:20px}
.onlineservice-fixed-style ul li a i.block-iconerweima{font-size:22px}
.onlineservice-fixed-style ul li a i.block-iconvkcopy{font-size:16px}
.onlineservice-fixed-style *{direction:ltr !important;text-align:center !important}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list{background:#2a282887}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items{width:auto;width:50px;height:50px;position:relative;margin-bottom:0 !important}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a{display:block;width:100%;height:100%;text-align:center;background:rgba(74,74,74,0);color:#fff;border:0;box-sizing:border-box;border-bottom:0}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .icon{margin-top:10px}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .word{display:block;margin:0;font-size:12px;text-align:center;line-height:18px;padding:0 4px 4px}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a i.fa{background-image:none;line-height:50px;font-size:24px;display:block;margin:0 auto}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .terminal{display:block;width:0;height:1px}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a.onlineService_t_icon i{background-position:0 -56px}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .triangle{position:absolute;background:0;color:#fff;font-size:22px;top:19px;left:0;width:auto;height:auto}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li{width:auto;height:auto;padding:0 15px}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a{display:block;min-width:30px;min-height:22px;text-align:center;line-height:50px;color:#fff;font-size:14px}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img{max-width:240px}
.onlineservice-fixed-left13.onlineservice-fixed-style-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips{left:58px;right:auto;-webkit-transform:translateX(-250%);transform:translateX(-250%)}
.onlineservice-fixed-left13.onlineservice-fixed-style-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after{right:auto;left:-6px;border-color:#ccc transparent transparent #ccc;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media(min-width:901px){.onlineservice-fixed-style.onlineservice-fixed-left13 .bgicon{position:relative;padding:0;border:0;border-radius:0;width:120px;height:50px;transition:all .2s}
.onlineservice-fixed-style.onlineservice-fixed-left13 .bglist .ico_all{width:50px;height:50px;padding:0;border:0;border-radius:0;position:relative;float:left}
.onlineservice-fixed-style.onlineservice-fixed-styleRight13 .listHover .ico_all{border-top-right-radius:30px;border-bottom-right-radius:30px;background:#51bc35}
.onlineservice-fixed-style.onlineservice-leftfixed13 .listHover .ico_all{border-top-left-radius:30px;border-bottom-left-radius:30px;background:#51bc35}
.onlineservice-fixed-style.onlineservice-fixed-left13 .onlineservice-fixed-goTop.listHover .ico_all{background:transparent}
.onlineservice-fixed-style.onlineservice-fixed-left13{top:50%;transform:translateY(-50%)}
.onlineservice-fixed-style ul li i.font-icon{background-image:none;line-height:50px;font-size:24px}
.onlineservice-fixed-style ul li i.font-icon.block-iconKaKaoTalk{font-size:30px}
.onlineservice-fixed-style ul li i.font-icon.block-iconv{font-size:32px !important}
.sitewidgetOnlineServiceStyle12 .onlineservice-fixed-blocks-list i.font-icon.block-iconv{line-height:58px !important}
.onlineservice-fixed-style ul li.listHover i.font-icon{font-size:26px}
.onlineservice-fixed-style ul li.listHover i.font-icon.block-iconv{font-size:34px}
.onlineservice-fixed-style ul li.listHover i.font-icon.block-iconfanhuidingbu{font-size:18px}
.onlineservice-fixed-style ul li.listHover i.font-icon.block-iconKaKaoTalk{font-size:32px}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips.centerPad li{padding:15px}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items:hover .onlineservice-fixed-blocks-tips{background:#51bc35;-webkit-transform:translateX(0);transform:translateX(0)}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips{background-color:transparent;border-radius:0;position:absolute;left:50px;top:0;transform:translateX(0);-webkit-transition:all .1s;transition:all .1s;z-index:-1;padding:0;min-height:50px}
div.sitewidget-onlineService.onlineservice-fixed-styleRight13 ul li div{background:transparent}
div.sitewidget-onlineService.onlineservice-fixed-styleRight13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips{background-color:transparent;border-radius:0;position:absolute;left:auto;right:50px;top:0;transform:translateX(0);-webkit-transition:all .1s;transition:all .1s;z-index:1;padding:0;min-height:50px;height:auto !important;border-top-left-radius:30px;border-bottom-left-radius:30px}
div.sitewidget-onlineService.onlineservice-fixed-styleRight13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips{background-color:transparent;border-radius:0;position:absolute;left:auto;right:50px;top:0;transform:translateX(0);-webkit-transition:all .1s;transition:all .1s;z-index:1;padding:0;min-height:50px;height:auto !important;border-top-left-radius:30px;border-bottom-left-radius:30px}
div.sitewidget-onlineService.onlineservice-leftfixed13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips{border-top-right-radius:30px;border-bottom-right-radius:30px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-items.listHover .onlineservice-fixed-blocks-tips{width:auto}
div div.sitewidget-onlineService.onlineservice-fixed-styleRight13 .onlineservice-fixed-blocks-items.listHover .onlineservice-fixed-blocks-tips{width:auto}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-items .onlineservice-fixed-blocks-tips{width:0;transition:width .4s;background:#51bc35;overflow:hidden}
div.sitewidget-onlineService.onlineservice-fixed-styleRight13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .fa-caret-left{left:auto;right:0;width:auto;height:auto}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .triangleMb{display:none}
}
@media(max-width:900px){.sitewidgetOnlineServiceStyle13 .onlineservice-fixed-goTop{display:none !important}
.onlineservice-fixed-style.onlineservice-fixed-left13 .bgicon.bgcl{transform:translateY(-50px)}
.onlineservice-fixed-style.onlineservice-fixed-left13 .bgicon{position:relative;padding:0;border:0;border-radius:0;width:100%;height:100%;transition:all .2s}
.onlineservice-fixed-style.onlineservice-fixed-left13 .bglist .ico_all{width:100%;height:100%;padding:0;border:0;border-radius:0;position:relative}
.onlineservice-fixed-style ul li i.font-icon{background-image:none;line-height:38px;font-size:24px}
.onlineservice-fixed-style ul li i.font-icon.block-iconv{font-size:28px !important}
.sitewidget-onlineService.onlineservice-fixed-translate .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items{min-width:auto !important}
.sitewidget-onlineService.onlineservice-fixed-translate10 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a.onlineService_t_icon i.font-icon{line-height:56px !important}
.sitewidget-onlineService.onlineservice-fixed-translate10 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a.onlineService_t_icon i.block-icontelephone{line-height:58px !important}
.sitewidget-onlineService.onlineservice-fixed-left13{position:fixed;width:100%;left:0 !important;bottom:0;height:50px;z-index:99;margin:0;margin-bottom:3px;top:auto}
.sitewidget-onlineService.onlineservice-fixed-left13 .sitewidget-bd{height:100%}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list{height:100%;display:-webkit-box;display:-moz-box;display:box;width:100%}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items{height:50px;margin:0;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;position:relative;border-left:1px solid #d3d3d3;position:relative}
.sitewidget-onlineService.onlineservice-fixed-left13 ul.onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items{margin:0;position:static}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a{height:50px;box-sizing:border-box;display:block;line-height:50px;position:relative;text-align:center;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:0}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:hover{opacity:1}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .word{display:none;background-image:none;margin:0;height:26px;line-height:26px;text-align:center;width:100%}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips{background-color:transparent;border-radius:0;position:absolute;left:0;bottom:50px;-webkit-transform:translateY(300%);transform:translateY(300%);-webkit-transition:all .1s;transition:all .1s;z-index:-1;display:block;transform:translateY(0);background:#51bc35;width:100% !important;border-radius:30px;height:0;overflow:hidden}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .listHover .onlineservice-fixed-blocks-tips{height:auto}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips.floatRight{right:0;left:auto}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .triangleMb{position:absolute;background:0;transform:rotate(-90deg);top:-21px;left:50%;margin-left:-4px;font-size:22px;color:#fff;text-align:center;width:auto;height:auto;display:none}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .triangleMb.triangleMbShow{display:block}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips.showtitle{background:rgba(74,74,74,.3);-webkit-transform:translateX(0);transform:translateX(0);width:auto}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .triangle{display:none}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after{display:none}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a{line-height:50px;height:auto;padding:0 5px}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img,.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a br{display:none}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_qq{background-position:0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_skype{background-position:0 -180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_email{background-position:0 -120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_tel{background-position:0 -50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sitewidget-onlineService.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_sms{background-position:0 -240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:before{content:'';position:absolute;height:30px;width:30px;top:0;left:50%;margin-left:-15px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .sitewidget-onlineService-togglebtn i{height:4px;width:6px;background-position:right bottom;position:absolute;bottom:4px;right:4px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.onlineservice-fixed-left13 .sideShowArrow{display:none !important}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_q:before{background-position:0 0}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_q:hover:before{background-position:-30px -30px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_t_icon:before{background-position:0 -50px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_t_icon:hover:before{background-position:-30px -90px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_e:before{background-position:0 -120px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_e:hover:before{background-position:-30px -150px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_s:before{background-position:0 -180px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_s:hover:before{background-position:-30px -210px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_fb:before{background-position:0 -240px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_fb:hover:before{background-position:-30px -270px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_sms:before{background-position:0 -240px}
.onlineservice-fixed-left13 .onlineservice-fixed-blocks-list .onlineService_sms:hover:before{background-position:-30px -270px}
.sitewidget-onlineService.onlineservice-fixed-style ul li .onlineService_kakaotalk_icon i{line-height:49px}
.sitewidget-onlineService.onlineservice-fixed-style ul li .onlineService_telegram i{line-height:49px}
}