/* /assets/widget/style/component/graphic/graphic.css,/assets/widget/style/component/video/video.css,/assets/widget/style/component/video/videoM3u8.css,/develop/VbpAfUKgilVO-lqUpKAZEnHIt-GvUApKfKKUAU-jrBqrKljkrojniqrnii-jlBqrKljkrojnimijni/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/style11.css,/assets/widget/script/plugins/tooltipster/css/tooltipster.css,/assets/widget/style/component/follow/public/public.css,/assets/widget/style/component/separator/separator.css,/assets/widget/style/component/mailCollection/mailCollection.css */
/* /assets/widget/style/component/graphic/graphic.css */
.sitewidget-graphic table[cellspacing="10"] {
    border-spacing: 10px;
    border-collapse: separate
}

.sitewidget-graphic table thead td {
    vertical-align: bottom
}

.sitewidget-graphic img {
    max-width: 100%
}

.sitewidget-graphic table img {
    max-width: 100%;
    width: 100%\0
}

.sitewidget-graphic .sitewidget-bd *,
.sitewidget-text .sitewidget-bd * {
    font-size: inherit;
    color: inherit;
    line-height: normal
}

.sitewidget-graphic .sitewidget-bd em,
.sitewidget-text .sitewidget-bd em {
    font-style: italic
}

.sitewidget-graphic .sitewidget-bd.fix {
    word-break: break-word
}

.sitewidget-text .sitewidget-bd h1,
.sitewidget-text .sitewidget-bd h2,
.sitewidget-text .sitewidget-bd h3,
.sitewidget-text .sitewidget-bd h4,
.sitewidget-text .sitewidget-bd h5,
.sitewidget-text .sitewidget-bd h6 {
    font-weight: inherit
}

.hasOverflowX {
    overflow-x: auto;
    overflow-y: hidden
}

/* /assets/widget/style/component/video/video.css */
.videoBox img {
    width: 100%;
    height: auto;
    transition: all .3s ease;
    vertical-align: middle
}

.videoBox a {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden
}

.videoBox a:hover img,
.videoBox .videoH5Controls:hover img {
    transform: scale(1.12)
}

.videoBox .videoH5Controls:after,
.videoBox a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.videoBox .videoH5Controls:after,
.videoBox a:after {
    z-index: 3;
    background: url(data:image/png;base64,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) center center no-repeat
}

.videoBox .videoInfo {
    margin-top: 5px;
    padding: 0;
    overflow: hidden;
    font-weight: bold
}

.videoBox .videoInfo-l {
    text-align: left
}

.videoBox .videoInfo-c {
    text-align: center
}

.videoBox .videoInfo-r {
    text-align: right
}

.videoBox .videoH5ControlsAfter:after {
    display: none !important
}

.sitewidget-video .videoBox a {
    display: block;
    min-height: 90px
}

.videobox-iframelayer-contain {
    position: relative
}

.videobox-iframelayer-contain .videobox-iframelayer {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.0)
}

.videoBoxPlayWrap #cboxClose {
    bottom: auto;
    top: 0
}

.videoBoxPlayWrap #cboxLoadedContent {
    margin-bottom: 0;
    margin-top: 28px
}

.videoBox .videoH5Controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
    overflow: hidden
}

@media(min-width:500px) {

    #colorbox.windowPlayWrap #cboxMiddleLeft,
    #colorbox.windowPlayWrap #cboxMiddleRight,
    #colorbox.windowPlayWrap div[id^="cboxBottom"],
    #colorbox.windowPlayWrap div[id^="cboxTop"] {
        display: none
    }

    .videoBoxPlayWrap.windowPlayWrap #cboxContent {
        background: transparent
    }
}

.col-xs-6 .sitewidget-video .videoBox .videoH5Controls:after,
.col-xs-6 .sitewidget-video .videoBox a:after,
.col-xs-4 .sitewidget-video .videoBox .videoH5Controls:after,
.col-xs-4 .sitewidget-video .videoBox a:after,
.col-xs-3 .sitewidget-video .videoBox .videoH5Controls:after,
.col-xs-3 .sitewidget-video .videoBox a:after {
    background-size: 40%
}

.col-xs-6 .sitewidget-video .videoBox a,
.col-xs-4 .sitewidget-video .videoBox a,
.col-xs-3 .sitewidget-video .videoBox a {
    min-height: auto
}

.videoBox .playVideoIcon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
}

.videoBox a:hover .playVideoIcon img {
    transform: translate(-50%, -50%)
}

.player-lefttip .player-lefttip-inner {
    min-height: 38px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 8px;
    line-height: 38px;
    padding: 0 12px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    width: 274px;
    right: 10px;
    bottom: 80px;
    z-index: 11;
    text-align: center
}

.player-lefttip .player-lefttip-inner::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -28px;
    left: 162px;
    border: 14px solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.7);
    transform: rotate(180deg)
}

.player-lefttip .player-lefttip-content {
    font-size: 14px;
    color: #fff;
    padding-right: 20px;
    display: inline-block
}

.player-lefttip-text {
    opacity: .8
}

.player-lefttip .player-lefttip-hilight {
    opacity: 1;
    font-weight: 600;
    padding-left: 5px
}

.player-lefttip .player-lefttip-close {
    background-image: url(../images/videoPoPClose.png);
    width: 13px;
    height: 13px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -7px
}


.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center
}

.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f101"
}

.vjs-icon-play-circle {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\f102"
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"
}

.vjs-icon-square {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\f10a"
}

.vjs-icon-spinner {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\f10b"
}

.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: "\f10c"
}

.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: "\f10d"
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"
}

.vjs-icon-share {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\f10f"
}

.vjs-icon-cog {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\f110"
}

.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
    content: "\f111"
}

.vjs-icon-circle-outline {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\f112"
}

.vjs-icon-circle-inner-circle {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\f113"
}

.vjs-icon-hd {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\f114"
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115"
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116"
}

.vjs-icon-facebook {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\f117"
}

.vjs-icon-gplus {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\f118"
}

.vjs-icon-linkedin {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\f119"
}

.vjs-icon-twitter {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\f11a"
}

.vjs-icon-tumblr {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\f11b"
}

.vjs-icon-pinterest {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\f11c"
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d"
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e"
}

.vjs-icon-next-item {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: "\f11f"
}

.vjs-icon-previous-item {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: "\f120"
}

.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f121"
}

.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-weight: normal;
    font-style: normal
}

.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f122"
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: 0
}

.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit
}

.video-js ul {
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: .3em;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.81666em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    transition: all 0
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: 0;
    border: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: bold;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all .4s
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7)
}

.vjs-has-started .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0 0 1em white
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    flex: auto;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -0.5em;
    top: -0.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: .3em;
    color: #000;
    float: right;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em white;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none
}

.vjs-playback-rate>.vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    -webkit-animation: vjs-spinner-show 0 linear .3s forwards;
    animation: vjs-spinner-show 0 linear .3s forwards
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: white
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: white
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    content: "";
    font-size: 1.5em;
    line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    content: " ";
    font-size: 1.5em;
    line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: auto;
    width: initial
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
    display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
    flex: auto;
    display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
    display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports(display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0 24px
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: 0
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: 0;
    background: 0
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
    outline: 0;
    background: 0
}

/* /develop/VbpAfUKgilVO-lqUpKAZEnHIt-GvUApKfKKUAU-jrBqrKljkrojniqrnii-jlBqrKljkrojnimijni/style.css */
.qiaoxin13614 {
    /* max-width: 1200px; */
    /* width: 100%; */
    padding: 40px 0 80px;
    margin: 0 auto;
    overflow: hidden;
}

.qiaoxin13614 .mainTitle {
    width: 100%;
    color: #333;
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}

.qiaoxin13614 .certi {
    position: relative;
}

.qiaoxin13614 .certi_img {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 130%;
}

.qiaoxin13614 .certi_img a {
    outline: none;
}

.qiaoxin13614 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.qiaoxin13614 .certi_ul {
    width: 20%;
    margin: 0 auto;
    z-index: 1;
}

.qiaoxin13614 .certi_ul_li {
    padding: 0 10px;
    transition: .3s ease;
    transform: translate3d(0, 0, 0) scale(0.85);
    position: relative;
}

.qiaoxin13614 .certi_ul_li .certi_ul_li_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    cursor: pointer;
}

.qiaoxin13614 .certi_ul_li .circle_dot {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    bottom: -21px;
}

.qiaoxin13614 .certi_ul_li.slick-current .circle_dot {
    bottom: 0;
}

.qiaoxin13614 .certi_ul_li .banner-description {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    margin-top: 10px;
}

.qiaoxin13614 .certi_ul_li .banner-description .banner-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qiaoxin13614 .certi_ul_li.slick-current {
    transform: translate3d(0, 0, 0) scale(1.1);
}

.qiaoxin13614 .certi_ul_li.slick-current .banner-description {
    /* position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%); */
    font-size: 18px;
    color: #9C674D;
    letter-spacing: 0;
    /* width: calc(100% - 30px); */
    word-break: break-word;
    background: #fff;
    border-bottom: 5px solid #9c674d;
    padding: 20px 10px;
    position: relative;
    top: -3px;
    margin-top: 0;
}

.qiaoxin13614 .certi_ul_li.slick-current .banner-description .banner-name {
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
}

.qiaoxin13614 .certi_ul_li.slick-center .certi_img {
    width: 100%;
    position: relative;
}

.qiaoxin13614 .certi_ul_li .certi_img {
    background: #fff;
}

.qiaoxin13614 .certi_ul_li .certi_img img {
    width: 90%;
    height: 94%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* .qiaoxin13614 .certi_ul_li.slick-current .certi_img::before {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 7px;
    background: #9C674D;
    z-index: 1;
}

.qiaoxin13614 .certi_ul_li.slick-current .certi_img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 342px;
    z-index: -1;
} */

.qiaoxin13614 .certi_ul_li.slick-current .circle_dot {
    display: none;
}

.qiaoxin13614 .line_dot {
    opacity: 0.33;
    background: #fff;
    height: 2px;
    /* margin-top: 20px; */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* bottom: 10px; */
    width: 100%;
    top: 317px;
}

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

.qiaoxin13614 .moreBtn {
    display: none;
    outline: none;
}

.qiaoxin13614 .certi_ul_li .banner-description .banner-name1 {
    display: none;
}

.qiaoxin13614 .certi_ul_li.slick-current .banner-description .banner-name {
    display: none;
}

.qiaoxin13614 .certi_ul_li.slick-current .banner-description .banner-name1 {
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    display: block;
}

@media screen and (max-width:1200px) {
    .qiaoxin13614 .certi_ul_li .circle_dot {
        bottom: -24px;
    }

    .qiaoxin13614 .line_dot {
        width: 895px;
        top: 404px;
    }

    .qiaoxin13614 .certi_ul {
        width: 320px;
        margin: 0 auto;
    }

    .qiaoxin13614 .certi_img {
        width: 100%;
    }

    .qiaoxin13614 .certi_ul_li.slick-current .certi_img::after {
        height: 432px;
    }
}

@media screen and (max-width:900px) {
    .qiaoxin13614 .certi_ul {
        width: 300px;
        margin: 0 auto;
    }

    .qiaoxin13614 .line_dot {
        width: 835px;
        top: 374px;
    }

    .qiaoxin13614 .certi_ul_li .circle_dot {
        bottom: -18px;
    }

    .qiaoxin13614 .certi_ul_li.slick-current .certi_img::after {
        height: 410px;
    }
}

@media screen and (max-width:768px) {
    .qiaoxin13614 .certi_ul_li .circle_dot {
        bottom: -22px;
    }

    .qiaoxin13614 .certi_ul {
        width: 250px;
        margin: 0 auto;
    }

    .qiaoxin13614 .line_dot {
        width: 695px;
        top: 318px;
    }

    .qiaoxin13614 .certi_img {
        width: 100%;
    }

    .qiaoxin13614 .certi_ul_li.slick-current .certi_img::after {
        height: 345px;
    }
}

@media screen and (max-width:510px) {
    .qiaoxin13614 .line_dot {
        display: none;
    }

    .qiaoxin13614 .certi_ul_li .circle_dot {
        display: none;
    }

    .qiaoxin13614 .certi_ul {
        width: 310px;
        margin: 0 auto;
    }

    .qiaoxin13614 .certi_ul .slick-dots {
        bottom: -75px;
    }

    .qiaoxin13614 {
        padding: 40px 0 100px;
    }

    .qiaoxin13614 .certi_ul_li.slick-current .certi_img::after {
        height: 425px;
    }
}

.qiaoxin13614 .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;
    padding-bottom: 0;
    outline: none;
}

.qiaoxin13614 .slick-list {
    position: relative;

    display: block;
    overflow: visible;

    margin: 0;
    padding: 0;
}

.qiaoxin13614 .slick-list:focus {
    outline: none;
}

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

.qiaoxin13614 .slick-slider .slick-track,
.qiaoxin13614 .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);
}

.qiaoxin13614 .slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

    content: '';
}

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

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

.qiaoxin13614 .slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
    outline: none;
}

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

.qiaoxin13614 .slick-slide img {
    display: block;
}

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

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

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

.qiaoxin13614 .slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

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

.qiaoxin13614 .slick-arrow.slick-hidden {
    display: none;
}

.qiaoxin13614 .slick-arrow {
    display: none;
}

.qiaoxin13614 .slick-dots li button:before {
    display: none;
}

.qiaoxin13614 .slick-dots li button {
    display: none;
}

.qiaoxin13614 .slick-dots .slick-active {
    background: #b02543;
    opacity: 1;
    width: 15px;
    height: 15px;
}

.qiaoxin13614 .slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
    transition: .3s;
    background: #b02543;
    opacity: 0.3;
    cursor: pointer;
}

.qiaoxin13614 .slick-dots {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    position: absolute;
    bottom: -40px;
    height: 10px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* /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/style11.css */
.onlineservice-fixed-left {
    left: 0 !important;
    right: auto !important
}

div.onlineservice-fixed-styleRight {
    left: auto !important;
    right: 0 !important
}

.sitewidget-onlineService.onlineservice-fixed-style ul li i.font-icon {
    display: inline
}

.onlineservice-fixed-style.onlineservice-fixed-left .bglist {
    overflow: hidden
}

.onlineservice-fixed-style * {
    direction: ltr !important;
    text-align: center !important
}

.onlineservice-fixed-style.onlineservice-fixed-left .bglist .ico_f {
    color: #fff;
    background: rgba(74, 74, 74, .3)
}

.onlineservice-fixed-style.onlineservice-fixed-left .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: 20px
}

.onlineservice-fixed-left .onlineservice-fixed-blocks-list {
    background-color: transparent
}

.sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items {
    width: auto;
    width: 60px;
    height: 60px;
    position: relative;
    margin-bottom: 2px
}

.sitewidget-onlineService.onlineservice-fixed-left .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-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .icon {
    margin-top: 10px
}

.sitewidget-onlineService.onlineservice-fixed-left .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-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a i.fa {
    background-image: none;
    line-height: 60px;
    font-size: 26px;
    display: block;
    margin: 0 auto
}

.sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a .terminal {
    display: block;
    width: 0;
    height: 1px
}

.sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a.onlineService_t_icon i {
    background-position: 0 -56px
}

.sitewidget-onlineService.onlineservice-fixed-left .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-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li {
    width: auto;
    height: auto
}

.sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a {
    display: block;
    min-width: 30px;
    min-height: 22px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 14px
}

.sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img {
    max-width: 240px
}

.onlineservice-fixed-left.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-left.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:769px) {
    .onlineservice-fixed-style.onlineservice-fixed-left .listHover {
        transform: translateX(-60px)
    }

    .onlineservice-fixed-style.onlineservice-fixed-left .bgicon {
        position: relative;
        padding: 0;
        border: 0;
        border-radius: 0;
        width: 120px;
        height: 60px;
        transition: all .2s
    }

    .onlineservice-fixed-style.onlineservice-fixed-left .bglist .ico_all {
        width: 60px;
        height: 60px;
        padding: 0;
        border: 0;
        border-radius: 0;
        position: relative;
        float: left
    }

    .onlineservice-fixed-style.onlineservice-fixed-left .bglist .ico_all i.font-icon {
        line-height: 60px
    }

    .onlineservice-fixed-style.onlineservice-fixed-left .onlineService_kakaotalk_icon .block-iconKaKaoTalk {
        font-size: 31px
    }

    .onlineservice-fixed-style.onlineservice-fixed-left {
        top: 50%;
        transform: translateY(-50%)
    }

    .onlineservice-fixed-style ul li i.font-icon {
        background-image: none;
        line-height: 60px;
        font-size: 26px
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips.centerPad {
        padding: 15px
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items:hover .onlineservice-fixed-blocks-tips {
        background: rgba(74, 74, 74, .3);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        display: block
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips {
        background-color: #fff;
        border-radius: 0;
        position: absolute;
        left: 60px;
        top: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all .1s;
        transition: all .1s;
        z-index: -1;
        padding: 0 15px;
        min-height: 60px;
        display: none
    }

    div.sitewidget-onlineService.onlineservice-fixed-styleRight .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips {
        background-color: #fff;
        border-radius: 0;
        position: absolute;
        left: auto;
        right: 60px;
        top: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all .1s;
        transition: all .1s;
        z-index: -1;
        padding: 0 15px;
        min-height: 60px
    }

    div.sitewidget-onlineService.onlineservice-fixed-styleRight .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .fa-caret-left {
        left: auto;
        right: 0;
        width: auto;
        height: auto
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .triangleMb {
        display: none
    }
}

@media(max-width:768px) {
    .onlineservice-fixed-style.onlineservice-fixed-left .bgicon.bgcl {
        transform: translateY(-60px)
    }

    .onlineservice-fixed-style.onlineservice-fixed-left .bgicon {
        position: relative;
        padding: 0;
        border: 0;
        border-radius: 0;
        width: 100%;
        height: 100%;
        transition: all .2s
    }

    .onlineservice-fixed-style.onlineservice-fixed-left .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: 60px;
        font-size: 26px
    }

    .sitewidget-onlineService.onlineservice-fixed-left {
        position: fixed;
        width: 100%;
        left: 0 !important;
        bottom: 0;
        height: 56px;
        z-index: 99
    }

    .sitewidget-onlineService.onlineservice-fixed-left .sitewidget-bd {
        height: 100%
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list {
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        border-top: 1px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
        width: 100%
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list li.onlineservice-fixed-blocks-items {
        height: 60px;
        margin: 0;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        position: relative;
        border-left: 1px solid #d3d3d3
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items+.onlineservice-fixed-blocks-items {
        margin: 0
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a {
        height: 60px;
        box-sizing: border-box;
        display: block;
        line-height: 60px;
        position: relative;
        text-align: center;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 0
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-items>a:hover {
        opacity: 1
    }

    .sitewidget-onlineService.onlineservice-fixed-left .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-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips {
        background-color: #fff;
        border-radius: 0;
        position: absolute;
        left: 0;
        bottom: 60px;
        -webkit-transform: translateY(300%);
        transform: translateY(300%);
        -webkit-transition: all .1s;
        transition: all .1s;
        z-index: -1;
        min-height: 60px;
        display: block
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips.floatRight {
        right: 0;
        left: auto
    }

    .sitewidget-onlineService.onlineservice-fixed-left .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-left .onlineservice-fixed-blocks-list .triangleMb.triangleMbShow {
        display: block
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips.showtitle {
        background: rgba(74, 74, 74, .3);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        width: auto;
        display: block !important
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .triangle {
        display: none
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips:after {
        display: none
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a {
        line-height: 60px;
        height: auto;
        padding: 0 5px
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a img,
    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips>li a br {
        display: none
    }

    .sitewidget-onlineService.onlineservice-fixed-left .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-left .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-left .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-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_tel {
        background-position: 0 -60px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineservice-fixed-blocks-tips .for_sms {
        background-position: 0 -240px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .onlineservice-fixed-left .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-left .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-left .sideShowArrow {
        display: none !important
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_q:before {
        background-position: 0 0
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_q:hover:before {
        background-position: -30px -30px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_t_icon:before {
        background-position: 0 -60px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_t_icon:hover:before {
        background-position: -30px -90px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_e:before {
        background-position: 0 -120px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_e:hover:before {
        background-position: -30px -150px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_s:before {
        background-position: 0 -180px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_s:hover:before {
        background-position: -30px -210px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_fb:before {
        background-position: 0 -240px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_fb:hover:before {
        background-position: -30px -270px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_sms:before {
        background-position: 0 -240px
    }

    .onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_sms:hover:before {
        background-position: -30px -270px
    }

    .sitewidget-onlineService.onlineservice-fixed-left .onlineservice-fixed-blocks-list .onlineService_kakaotalk_icon+.onlineservice-fixed-blocks-tips.floatRight {
        left: 0
    }
}

.tooltipster-default {
    border-radius: 5px;
    border: 0;
    background: #333;
    color: #fff
}

.tooltipster-default .tooltipster-content {
    font-size: 12px;
    line-height: 14px;
    padding: 8px 10px;
    overflow: hidden
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: .5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

/* /assets/widget/style/component/follow/public/public.css */
.follow-a {
    display: inline-block;
    margin: 1px;
    text-align: center !important
}

.share-a {
    display: inline-block;
    margin: 1px;
    text-align: center !important
}

.follow-a:hover .planeRotate,
.share-a:hover .planeRotate {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s
}

.follow-a:hover .xRotate,
.share-a:hover .xRotate {
    transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s
}

.follow-a:hover .yRotate,
.share-a:hover .yRotate {
    transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s
}

.follow-a:hover .upRotate,
.share-a:hover .upRotate {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.social-icon-round {
    border-radius: 50%
}

.social-icon-corner {
    border-radius: 10%
}

.social-icon-hori {
    margin-right: 8px
}

.social-icon-vert {
    margin-bottom: 4px
}

.social-follow-hori-text {
    display: inline-block;
    text-align: left;
    width: 5em;
    vertical-align: middle
}

.social-follow-vert-text {
    display: inline-block;
    text-align: center;
    width: 5em;
    vertical-align: middle
}

.social-icon-greycolor,
.social-icon-blackgrey,
.social-icon-default {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.social-icon-default:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.sitewidget-bd .social-icon-24.social-icon-greycolor,
.sitewidget-bd .social-icon-32.social-icon-greycolor,
.sitewidget-bd .social-icon-48.social-icon-greycolor,
.sitewidget-bd .social-icon-64.social-icon-greycolor {
    background-color: #9ea3a7
}

.social-icon-greycolor.social-icon-facebook:hover {
    background-color: #3b5998
}

.social-icon-greycolor.social-icon-googleplus:hover {
    background-color: #d14836
}

.social-icon-greycolor.social-icon-linkedin:hover {
    background-color: #007fb1
}

.social-icon-greycolor.social-icon-sinaweibo:hover {
    background-color: #e6162d
}

.social-icon-greycolor.social-icon-twitter:hover {
    background-color: #000
}

.social-icon-greycolor.social-icon-youtube:hover {
    background-color: #cd332d
}

.social-icon-greycolor.social-icon-tweibo:hover {
    background-color: #4cb4e6
}

.social-icon-greycolor.social-icon-qzone:hover {
    background-color: #ffc028
}

.social-icon-greycolor.social-icon-renren:hover {
    background-color: #005baa
}

.social-icon-greycolor.social-icon-douban:hover {
    background-color: #228a31
}

.social-icon-greycolor.social-icon-instagram:hover {
    background-color: #f32c7f
}

.social-icon-greycolor.social-icon-wechat:hover {
    background-color: #8dc61f
}

.social-icon-greycolor.social-icon-pinterest:hover {
    background-color: #bd081c
}

.social-icon-greycolor.social-icon-youku:hover {
    background-color: #ff3b3b
}

.social-icon-greycolor.social-icon-tumblr:hover {
    background-color: #ff3b3b
}

.social-icon-greycolor.social-icon-vk:hover {
    background-color: #ff3b3b
}

.social-icon-greycolor.social-icon-tiktok:hover {
    background-color: #000
}

.social-icon-greycolor.social-icon-blogger:hover {
    background-color: #f4933f
}

.social-icon-greycolor.social-icon-china:hover {
    background-color: #da291c
}

.social-icon-greycolor.social-icon-redbook:hover {
    background-color: #ff2840
}

.social-icon-greycolor.social-icon-weiVideo:hover {
    background-color: #ff8904
}

.social-icon-greycolor.social-icon-douyin:hover {
    background-color: #000
}

.social-icon-greycolor.social-icon-whatsapp:hover {
    background-color: #49c42d
}

.social-icon-greycolor.social-icon-toutiao:hover {
    background-color: #f54243
}

.social-icon-greycolor.social-icon-baijiahao:hover {
    background-color: #3a56d4
}

.social-icon-greycolor.social-icon-kakaotalk:hover {
    background-color: #ffe100
}

.social-icon-greycolor.social-icon-snapchat:hover {
    background-color: #f8f50a
}

.social-icon-greycolor.social-icon-bluesky:hover {
    background-color: #0085ff
}

.social-icon-greycolor.social-icon-alibaba:hover {
    background-color: #fd6b16
}

.social-icon-greycolor.social-icon-madeinchina:hover {
    background-color: #da291c
}

.sitewidget-bd .social-icon-24.social-icon-blackgrey,
.sitewidget-bd .social-icon-32.social-icon-blackgrey,
.sitewidget-bd .social-icon-48.social-icon-blackgrey,
.sitewidget-bd .social-icon-64.social-icon-blackgrey {
    background-color: #000
}

.social-icon-24.social-icon-blackgrey:hover,
.social-icon-32.social-icon-blackgrey:hover,
.social-icon-48.social-icon-blackgrey:hover,
.social-icon-64.social-icon-blackgrey:hover {
    background-color: #aaa
}

.social-icon-alone-default:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.social-icon-ring-default:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

@media(min-width:768px) {

    .sitewidget-follow.icons-float-left,
    .sitewidget-share.icons-float-left {
        position: fixed;
        left: 0;
        top: 30%;
        z-index: 99
    }

    .sitewidget-follow.icons-float-right,
    .sitewidget-share.icons-float-right {
        position: fixed;
        right: 0;
        top: 30%;
        z-index: 99;
        left: auto
    }

    .sitewidget-follow.icons-float-left .follow-a,
    .sitewidget-share.icons-float-left .share-a {
        display: block
    }

    .sitewidget-follow.icons-float-left .follow-a+.follow-a,
    .sitewidget-share.icons-float-left .share-a+.share-a {
        margin-top: 5px
    }
}

.hasCode,
.hasLink {
    position: relative
}

.icons-float-left .hasCode .social-follow-hori-text {
    white-space: nowrap
}

.codeWrap {
    display: none;
    padding: 12px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    position: absolute;
    background: #fff;
    z-index: 1000;
    filter: drop-shadow(0 0 2px #b6b6b6)
}

.codeWrap>.weiboLink {
    display: block
}

.codeWrap>.triangle {
    display: block;
    position: absolute;
    width: 20px;
    height: 10px
}

.codeWrap>.triangle.float_left {
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    left: -9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAEPSURBVHjarNKxSsRAEAbgf8/kBRLsJJA0PsFib6Fgo1jaiQ+hpQ8iPsC19rZCdhNIZ5EirOQgISQSWciBOjZJuDuzdxb+sN0HMzszjIjwh9BslxBCPALAbAc6AHC9FQohDgG8eJ4HAGBTPUopjwA8+b6/77pu3yXR2gvD8FhK+d40Da1mE51HUbRs25Y2s4pu4jj+1FrTVAZ0myTJd9d1ZMj4a8eyLGbbtnFUA7zTWj+kaQrTpsbxCCH2AMwdx7kMggCMsTU3Dpxz/gXgqq7rZ6WUsfSAlwAuyrIUeZ6bYY8/AJwtFovXoijMsMcVgBOllKqqCluPgnP+BuA0yzIAoF+7nljrPRER+7cLH/IzAH1v+l/VOXxUAAAAAElFTkSuQmCC) no-repeat center;
    border-right: 2px solid #fff
}

.codeWrap>.triangle.float_right {
    width: 10px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    right: -9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEJSURBVDhPlZE9aoQAEIUNKVKlS5nUuzdInwvkEDlE2rQ5Q2APIOwR0ln4h9jIolgYYiFRMAiCgehknvvYZVFD8oHgzHw8B8cQxfgL/xIdx3liuQxEz/PE9/01W8uUZYnUN9d1b9iaB6lFUUDeafIV21MggjzPIbuWZV1ydAq9kSzLRFd4TZLkguMjdEaGYZA0TZG8NU3znMoeOgcgx3GM5Bctz6hNRdD3vURRBPmZ2rzYdZ2EYTjoCo+LUtu2EgTBt23bD6MEODvQNA2u9KXXuqeyh/ORuq4hfWrSHcdH6EhVVVj8Q5NuOToFEs6n0rs+K7anQFRB9HPXbM0DUX/BhuUyEPn6C4bxAzCVSYkKx9uEAAAAAElFTkSuQmCC) center center no-repeat
}

.codeWrap>.triangle.open_top {
    left: 50%;
    margin-left: -10px;
    top: -9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAETSURBVHjarNI/S4VgFAbw56WhQUIQUVB6EXG4H8AzNLS0RGt9g6jPcRvrG7REW3MtQQ3tcfaLiTjIXSQMQxDMV96mG1yovP151sP5DQ+P0FrjPyPGQGYWAE4BvBDR2Z9AZl4DcG4YxpFSSnddd0xEF78CmXkdwJVpmvtRFKHve8xms0EpdUBENz8CmXkDwLVlWTthGEIIAQBo2xZJkrwNw7BHRA8rgcxsA7h1HIeklB/YIk3TIE3TV631bhzHj9+CzLwJ4N7zvInv+1/2VNc1six71lpvE9HTpyAzTwDcSSml67qj86iqCnmezwFsEdF8CWTmEyHENAgC2La98ubKskRRFABwSUSHC3Bs2WLkvvT/PgAltYPssspMtAAAAABJRU5ErkJggg==) no-repeat center;
    border-bottom: 2px solid #fff
}

.codeWrap>.triangle.open_bottom {
    left: 50%;
    margin-left: -10px;
    bottom: -9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAEVSURBVHjalNKxSsNQGMXx/5VCdrN26jP023RSEAQXB1/AxTfQ1edQ8A18hK5Svj5AQ2hLryaQGEIltFAhuS4VE2pbcra7/Dic+xnnnOMvBqi/W+cIMKr6oqokSdIKy7KM0WiEqj5uyhjzW1BVu8Bbr9fr+r5/EEuSBGutBS5EZFxvCICIfADns9nsc7FY7MWiKMJaOwZO6lgD3KABcDWZTL6KotiCnHPM53PiOFbgVETe/9uwkX6/P6yq6joMw+/VatXAptMpaZoOgDMRyXZ9ylZEZFCW5U0QBOV6vaaqKsIwJM/zV+BSRIpdc5jm1TSjqree5z11Oh2zXC6fgTsRKfftuxfcoPfAMfAgIgfP6iDYNj8DAJzHiyTga4IwAAAAAElFTkSuQmCC) no-repeat center;
    border-top: 2px solid #fff
}

.icons-float-left .social-icon-24+.codeWrap {
    left: 24px
}

.icons-float-left .social-icon-32+.codeWrap {
    left: 32px
}

.icons-float-left .social-icon-48+.codeWrap {
    left: 48px
}

.icons-float-left .social-icon-64+.codeWrap {
    left: 64px
}

.sitewidget-follow .codeWrap img {
    max-width: 300px
}

.svg-box {
    padding: 5px;
    background: #000;
    color: #fff;
    transition: all .3s;
    display: inline-block;
    line-height: 1;
    overflow: hidden;
    vertical-align: middle
}

/* /assets/widget/style/component/separator/separator.css */
.sitewidget-separator .separator-line {
    height: 0;
    border-width: 0;
    display: inline-block;
    width: 100%
}

.sitewidget-separator .separator-line.separator-line-dashed {
    border-top-style: dashed
}

.sitewidget-separator .separator-line.separator-line-solid {
    border-top-style: solid
}

.sitewidget-separator .separator-line.separator-line-dotted {
    border-top-style: dotted
}

/* /assets/widget/style/component/mailCollection/mailCollection.css */
.sitewidget-mailCollection .mailCollection-wrap {
    position: relative
}

.sitewidget-mailCollection .errormessage {
    color: #de0909
}

.sitewidget-mailCollection .mailInput {
    max-width: 90%;
    text-indent: 10px;
    outline: 0;
    background-color: transparent;
    box-shadow: 0 0 0 #fff
}

.sitewidget-mailCollection .submitBtn {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.sitewidget-mailCollection .submitBtn:hover {
    opacity: .9
}

.sitewidget-mailCollection .mailCollection-wrap .post-loading {
    cursor: not-allowed
}

.sitewidget-mailCollection .mailCollection-wrap .post-loading span:first-child,
.sitewidget-mailCollection .mailCollection-wrap .post-success span:first-child {
    display: none
}

.sitewidget-mailCollection .mailCollection-wrap #submit.post-success {
    background-color: #59ab08
}

.sitewidget-mailCollection .mailCollection-style-default {
    background-color: #fff;
    border: 1px solid #d8dde6;
    border-radius: 3px
}

.sitewidget-mailCollection .mailCollection-style-default .mailInput {
    height: 38px;
    line-height: 38px;
    border: 0
}

.sitewidget-mailCollection .mailCollection-style-default .submitBtn {
    top: -1px;
    bottom: -1px;
    right: -1px;
    line-height: 40px;
    border-radius: 0 3px 3px 0;
    padding: 0 24px;
    background-color: #3890ff
}

.sitewidget-mailCollection .mailCollection-style-default .submitBtn .fa {
    line-height: 40px
}

.sitewidget-mailCollection .mailCollection-style-otherDefault .mailInput {
    height: 38px;
    border-radius: 3px;
    line-height: 38px;
    background-color: #fff;
    border: 1px solid #d8dde6
}

.sitewidget-mailCollection .mailCollection-style-otherDefault .submitBtn {
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 3px;
    line-height: 40px;
    padding: 0 24px;
    border: 1px solid #3890ff;
    background-color: #3890ff
}

.sitewidget-mailCollection .mailCollection-style-otherDefault .submitBtn .fa {
    line-height: 40px
}

.sitewidget-mailCollection .mailCollection-style-redBtn {
    background-color: #f4f6f9;
    border: 1px solid #d8dde6
}

.sitewidget-mailCollection .mailCollection-style-redBtn .mailInput {
    height: 48px;
    line-height: 48px;
    border: 0
}

.sitewidget-mailCollection .mailCollection-style-redBtn .submitBtn {
    top: -1px;
    bottom: -1px;
    right: -1px;
    line-height: 50px;
    padding: 0 20px;
    background-color: #f24d4d
}

.sitewidget-mailCollection .mailCollection-style-redBtn .submitBtn .fa {
    line-height: 50px
}

.sitewidget-mailCollection .mailCollection-style-otherRedBtn .mailInput {
    background-color: #f4f6f9;
    border: 1px solid #d8dde6;
    height: 48px;
    line-height: 48px
}

.sitewidget-mailCollection .mailCollection-style-otherRedBtn .submitBtn {
    top: 0;
    bottom: 0;
    right: 0;
    line-height: 50px;
    padding: 0 20px;
    background-color: #f24d4d
}

.sitewidget-mailCollection .mailCollection-style-otherRedBtn .submitBtn .fa {
    line-height: 50px
}

.sitewidget-mailCollection .mailCollection-style-borderRadius {
    background-color: #fff;
    border: 1px solid #d8dde6;
    border-radius: 50px
}

.sitewidget-mailCollection .mailCollection-style-borderRadius .mailInput {
    height: 46px;
    line-height: 46px;
    border: 0
}

.sitewidget-mailCollection .mailCollection-style-borderRadius .submitBtn {
    top: 6px;
    bottom: 6px;
    right: 6px;
    line-height: 34px;
    border-radius: 50px;
    padding: 0 10px;
    background-color: #ff9a3c
}

.sitewidget-mailCollection .mailCollection-style-borderRadius .submitBtn .fa {
    line-height: 34px
}

.arabic-exclusive .sitewidget-mailCollection .mailCollection-style-default .submitBtn {
    left: 0 !important;
    right: auto !important;
    border-radius: 3px 0 0 3px
}

.arabic-exclusive .sitewidget-mailCollection .mailCollection-style-otherDefault .submitBtn {
    left: 0 !important;
    right: auto !important
}

.arabic-exclusive .sitewidget-mailCollection .mailCollection-style-redBtn .submitBtn {
    left: 0 !important;
    right: auto !important
}

.arabic-exclusive .sitewidget-mailCollection .mailCollection-style-otherRedBtn .submitBtn {
    left: 0 !important;
    right: auto !important
}

.arabic-exclusive .sitewidget-mailCollection .mailCollection-style-borderRadius .submitBtn {
    left: 0 !important;
    right: auto !important
}