/**
 * Copyright (c) 2000 - 2018 XINHUANET.com All Rights Reserved.
 * xinhua-talking-interview v1.21.23
 * @time 2018-09-30 18:45:39
 */
.swiper-container {
    margin  : 0 auto;
    position: relative;
    overflow: hidden;
    z-index : 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction    : column
}

.swiper-wrapper {
    position                   : relative;
    width                      : 100%;
    height                     : 100%;
    z-index                    : 1;
    display                    : -webkit-box;
    display                    : -ms-flexbox;
    display                    : flex;
    -webkit-transition-property: -webkit-transform;
    transition-property        : -webkit-transform;
    transition-property        : transform;
    transition-property        : transform, -webkit-transform;
    -webkit-box-sizing         : content-box;
    box-sizing                 : content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform        : translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines   : multiple;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function        : ease-out;
    margin                            : 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex           : 0 0 auto;
    -ms-flex-negative  : 0;
    flex-shrink        : 0;
    width              : 100%;
    height             : 100%;
    position           : relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align          : start;
    -ms-flex-align             : start;
    align-items                : flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property        : height, -webkit-transform;
    transition-property        : transform, height;
    transition-property        : transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position      : absolute;
    left          : 0;
    top           : 0;
    pointer-events: none;
    opacity       : 0;
    z-index       : -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action    : pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action    : pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position           : absolute;
    top                : 50%;
    width              : 27px;
    height             : 44px;
    margin-top         : -22px;
    z-index            : 10;
    cursor             : pointer;
    background-size    : 27px 44px;
    background-position: center;
    background-repeat  : no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity       : .35;
    cursor        : auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left            : 10px;
    right           : auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right           : 10px;
    left            : auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position          : absolute;
    text-align        : center;
    -webkit-transition: .3s;
    transition        : .3s;
    -webkit-transform : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
    z-index           : 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left  : 0;
    width : 100%
}

.swiper-pagination-bullet {
    width        : 8px;
    height       : 8px;
    display      : inline-block;
    border-radius: 100%;
    background   : #000;
    opacity      : .2
}

button.swiper-pagination-bullet {
    border            : none;
    margin            : 0;
    padding           : 0;
    -webkit-box-shadow: none;
    box-shadow        : none;
    -moz-appearance   : none;
    -ms-appearance    : none;
    -webkit-appearance: none;
    appearance        : none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity   : 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right            : 10px;
    top              : 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform        : translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin : 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position  : absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background              : #007aff;
    position                : absolute;
    left                    : 0;
    top                     : 0;
    width                   : 100%;
    height                  : 100%;
    -webkit-transform       : scale(0);
    transform               : scale(0);
    -webkit-transform-origin: left top;
    transform-origin        : left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin        : right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width : 100%;
    height: 4px;
    left  : 0;
    top   : 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width : 4px;
    height: 100%;
    left  : 0;
    top   : 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective     : 1200px;
    perspective        : 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style        : preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position      : absolute;
    left          : 0;
    top           : 0;
    width         : 100%;
    height        : 100%;
    pointer-events: none;
    z-index       : 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events             : none;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    z-index                    : 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index                    : 0;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden
}

.swiper-container-cube .swiper-slide {
    visibility              : hidden;
    -webkit-transform-origin: 0 0;
    transform-origin        : 0 0;
    width                   : 100%;
    height                  : 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin        : 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility    : visible
}

.swiper-container-cube .swiper-cube-shadow {
    position      : absolute;
    left          : 0;
    bottom        : 0;
    width         : 100%;
    height        : 100%;
    background    : #000;
    opacity       : .6;
    -webkit-filter: blur(50px);
    filter        : blur(50px);
    z-index       : 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function        : ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events             : none;
    -webkit-transition-property: opacity;
    transition-property        : opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius   : 10px;
    position        : relative;
    -ms-touch-action: none;
    background      : rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left    : 1%;
    bottom  : 3px;
    z-index : 50;
    height  : 5px;
    width   : 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right   : 3px;
    top     : 1%;
    z-index : 50;
    width   : 5px;
    height  : 98%
}

.swiper-scrollbar-drag {
    height       : 100%;
    width        : 100%;
    position     : relative;
    background   : rgba(0, 0, 0, .5);
    border-radius: 10px;
    left         : 0;
    top          : 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width                   : 42px;
    height                  : 42px;
    position                : absolute;
    left                    : 50%;
    top                     : 50%;
    margin-left             : -21px;
    margin-top              : -21px;
    z-index                 : 10;
    -webkit-transform-origin: 50%;
    transform-origin        : 50%;
    -webkit-animation       : swiper-preloader-spin 1s steps(12, end) infinite;
    animation               : swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display            : block;
    content            : "";
    width              : 100%;
    height             : 100%;
    background-image   : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size    : 100%;
    background-repeat  : no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

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

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform        : rotate(360deg)
    }
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action    : none
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border  : 0;
    clip    : rect(0 0 0 0);
    height  : 1px;
    margin  : -1px;
    overflow: hidden;
    padding : 0;
    position: absolute;
    width   : 1px
}

.ui-helper-reset {
    margin         : 0;
    padding        : 0;
    border         : 0;
    outline        : 0;
    line-height    : 1.3;
    text-decoration: none;
    font-size      : 100%;
    list-style     : none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content        : "";
    display        : table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width   : 100%;
    height  : 100%;
    top     : 0;
    left    : 0;
    position: absolute;
    opacity : 0;
    filter  : Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor        : default !important;
    pointer-events: none
}

.ui-icon {
    display          : inline-block;
    vertical-align   : middle;
    margin-top       : -.25em;
    position         : relative;
    text-indent      : -99999px;
    overflow         : hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left       : 50%;
    margin-left: -8px;
    display    : block
}

.ui-widget-overlay {
    position: fixed;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%
}

.ui-resizable {
    position          : relative;
    -webkit-transition: all .1s;
    transition        : all .1s
}

.ui-resizable-handle {
    position        : absolute;
    font-size       : .1px;
    display         : block;
    -ms-touch-action: none;
    touch-action    : none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width : 100%;
    top   : -5px;
    left  : 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width : 100%;
    bottom: -5px;
    left  : 0
}

.ui-resizable-e {
    cursor: e-resize;
    width : 7px;
    right : -5px;
    top   : 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width : 7px;
    left  : -5px;
    top   : 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width : 12px;
    height: 12px;
    right : 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width : 9px;
    height: 9px;
    left  : -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width : 9px;
    height: 9px;
    left  : -5px;
    top   : -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width : 9px;
    height: 9px;
    right : -5px;
    top   : -5px
}

.ui-button {
    padding            : .4em 1em;
    display            : inline-block;
    position           : relative;
    line-height        : normal;
    margin-right       : .1em;
    cursor             : pointer;
    vertical-align     : middle;
    text-align         : center;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
    overflow           : visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width             : 2em;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    text-indent       : -9999px;
    white-space       : nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    margin-top : -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding    : 0;
    width      : 2.1em;
    height     : 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width      : auto;
    height     : auto;
    text-indent: 0;
    white-space: normal;
    padding    : .4em 1em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border : 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display       : inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float       : left;
    margin-left : 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup>.ui-controlgroup-item:focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display      : block;
    float        : none;
    width        : 100%;
    margin-top   : 0;
    margin-bottom: 0;
    text-align   : left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow        : inset 1px 1px 1px #ccc;
    border-radius     : .12em;
    border            : none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width        : 16px;
    height       : 16px;
    border-radius: 1em;
    overflow     : visible;
    border       : none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width           : 8px;
    height          : 8px;
    border-width    : 4px;
    border-style    : solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-dialog {
    position: absolute;
    top     : 0;
    left    : 0;
    padding : .2em;
    outline : 0
}

.ui-dialog .ui-dialog-titlebar {
    padding : .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float        : left;
    margin       : .1em 0;
    white-space  : nowrap;
    width        : 90%;
    overflow     : hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right   : .3em;
    top     : 50%;
    width   : 20px;
    margin  : -10px 0 0;
    padding : 1px;
    height  : 20px
}

.ui-dialog .ui-dialog-content {
    position  : relative;
    border    : 0;
    padding   : .5em 1em;
    background: 0 0;
    overflow  : auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align      : left;
    border-width    : 1px 0 0 0;
    background-image: none;
    margin-top      : .5em;
    padding         : .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top   : 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left : 0
}

.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
    width : 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right : 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left  : 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top  : 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top : 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size  : 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size  : 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border    : 1px solid #ddd;
    background: #fff;
    color     : #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border     : 1px solid #ddd;
    background : #e9e9e9;
    color      : #333;
    font-weight: 700
}

.ui-widget-header a {
    color: #333
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border     : 1px solid #c5c5c5;
    background : #f6f6f6;
    font-weight: 400;
    color      : #454545
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color          : #454545;
    text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border     : 1px solid #ccc;
    background : #ededed;
    font-weight: 400;
    color      : #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    color          : #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
    box-shadow        : 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border     : 1px solid #003eff;
    background : #007fff;
    font-weight: 400;
    color      : #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border          : #003eff;
    background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color          : #fff;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border    : 1px solid #dad55e;
    background: #fffa90;
    color     : #777620
}

.ui-state-checked {
    border    : 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border    : 1px solid #f1a899;
    background: #fddfdf;
    color     : #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity    : .7;
    filter     : Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity         : .35;
    filter          : Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width : 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(ui-icons_444444_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
    background-image: url(ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
    background-image: url(ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
    background-image: url(ui-icons_777777_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity   : .3;
    filter    : Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow        : 0 0 5px #666
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
body {
    font-family: 'HanHei SC', 'PingFang SC', 'Helvetica Neue', Helvetica, STHeitiSC-Light, Arial, sans-serif
}

.ie body,
.windows body {
    font-family: Microsoft YaHei, Microsoft YaHei Lights, Arial
}

.oldie body {
    font-family: \5B8B\4F53, Arial
}

.clearfix:after {
    content : '';
    overflow: hidden;
    clear   : both;
    height  : 0;
    display : block;
    width   : 100%
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
pre,
textarea,
ul {
    padding: 0;
    margin : 0
}

img {
    border  : none;
    overflow: hidden
}

ol,
ul {
    list-style: none
}

.hide {
    display: none
}

html {
    line-height             : 1.15;
    -ms-text-size-adjust    : 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height : 0
}

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    text-decoration             : none;
    background-color            : transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

a:active {
    color: #000 !important
}

a:hover {
    color: #ffdb00 !important
}

abbr[title] {
    border-bottom  : none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin   : .67em 0
}

mark {
    background-color: #ff0;
    color           : #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

a:hover img {
    opacity: .8
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size  : 1em
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing        : content-box;
    height            : 0;
    overflow          : visible
}

button,
input,
optgroup,
select,
textarea {
    font  : inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding     : 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border : 1px solid silver;
    margin : 0 2px;
    padding: .35em .625em .75em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    color             : inherit;
    display           : table;
    max-width         : 100%;
    padding           : 0;
    white-space       : normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding           : 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset    : -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color  : inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font              : inherit
}

.ie-tip {
    text-align : center;
    width      : 100%;
    margin     : 0 auto;
    height     : 60px;
    line-height: 60px;
    border-top : #ccc 1px solid
}

.oldie .pc-top-nav {
    background-color: #4ba4ff;
    position        : relative
}

.ie10 .part-item-nav-item a,
.ie9 .part-item-nav-item a,
.oldie .part-item-nav-item a {
    float: left
}

.ie9 .isNoIE9,
.oldie .isNoIE9 {
    display: none
}

.oldie .person-img {
    bottom: 10px
}

.oldie .part-in-banner {
    margin-top: 0
}

.oldie .part-video {
    margin: -300px 0 0 -550px
}

body {
    background-color: #fff
}

.fixed {
    position: fixed !important
}

img {
    display: block
}

.mobile-cover {
    display: none
}

@-webkit-keyframes updown {
    from {
        -webkit-transform: translate(0, 0);
        transform        : translate(0, 0)
    }

    to {
        -webkit-transform: translate(0, -20px);
        transform        : translate(0, -20px)
    }
}

@keyframes updown {
    from {
        -webkit-transform: translate(0, 0);
        transform        : translate(0, 0)
    }

    to {
        -webkit-transform: translate(0, -20px);
        transform        : translate(0, -20px)
    }
}

@media screen and (max-width:735px) {
    .mobile-cover {
        width   : 100%;
        height  : 100%;
        overflow: hidden;
        position: absolute;
        z-index : 99;
        left    : 0;
        top     : 0
    }

    .mobile-cover img {
        width : 100%;
        height: auto
    }

    .mobile-cover i {
        display                          : block;
        width                            : 32px;
        height                           : 32px;
        background                       : url(icon-arrow-top.png) 0 0 no-repeat;
        position                         : absolute;
        z-index                          : 99;
        left                             : 50%;
        bottom                           : 10px;
        margin-left                      : -16px;
        -webkit-animation-name           : updown;
        animation-name                   : updown;
        -webkit-animation-duration       : 1s;
        animation-duration               : 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function        : linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count        : infinite;
        -webkit-animation-direction      : normal;
        animation-direction              : normal
    }
}

.footer,
.footer a {
    color      : #FFFFFF;
    font-size  : 16px;
    line-height: 32px
}

.footer {
    padding-top        : 40px;
    height             : 180px;
    background-image   : url(pc-bottom-bg.1.0.1.jpg);
    background-repeat  : repeat-x;
    background-position: center 0;
    text-align         : center
}

.click-layer {
    display : block;
    width   : 100%;
    height  : 100%;
    position: absolute;
    z-index : 4
}

.part-item:after {
    content : '';
    overflow: hidden;
    clear   : both;
    height  : 0;
    display : block;
    width   : 100%
}

.all {
    width   : 100%;
    height  : auto;
    overflow: hidden
}

.pc-top-nav,
.pc-top-nav a {
    color    : #fff;
    font-size: 14px
}

.pc-top-nav {
    height          : 39px;
    line-height     : 39px;
    text-align      : center;
    background-color: #4ba4ff;
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    z-index         : 2;
    overflow        : hidden
}

.pc-top-nav a {
    padding: 0 10px
}

.banner-box {
    z-index : 1;
    position: relative;
    width   : 100%;
    height  : 784px
}

.banner {
    background-image   : url(top.jpg);
    width              : 100%;
    height             : 659px;
    position           : relative;
    z-index            : 1;
    background-repeat  : repeat-x;
    background-position: center 0;
    background-size    : auto 100%;
    overflow           : hidden
}

.banner img {
    width : 100%;
    height: auto
}

.layer {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%
}

.layer-z16,
.pc-banner-light1 {
    z-index: 1
}

.layer-z14,
.pc-banner-logo {
    z-index: 14
}

.layer-z12,
.pc-banner-logo-line {
    z-index: 1
}

.layer-z10,
.pc-banner-light2 {
    z-index: 1
}

.layer-z3 {
    z-index: 3
}

.layer-z2,
.pc-banner-light-bg {
    z-index: 2
}

.layer-z1 {
    z-index: 1
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-visible {
    pointer-events: visible
}

.pc-banner-light2:after {
    content           : '';
    position          : absolute;
    left              : 50%;
    width             : 1920px;
    margin-left       : -960px;
    height            : 200px;
    top               : auto;
    bottom            : -180px;
    -webkit-box-shadow: 0 0 300px 80px rgba(0, 0, 0, .3);
    box-shadow        : 0 0 300px 80px rgba(0, 0, 0, .3);
    opacity           : .4
}

.pc-banner-light-bg {
    margin-top: -39px
}

.pc-banner-logo:after {
    content            : '';
    position           : absolute;
    top                : 36px;
    left               : 50%;
    width              : 280px;
    margin-left        : -91px;
    height             : 81px;
    background-image   : url(logo.png);
    background-repeat  : no-repeat;
    background-position: center center;
    background-size    : 100% auto
}

.pc-xinhuanet-logo {
    z-index    : 99;
    top        : 70px;
    left       : 50%;
    width      : 280px;
    margin-left: -95px;
    margin-top : -40px;
    position   : absolute;
    height     : 90px
}

.pc-banner-light-bg:after {
    display: none
}

.banner-title,
.part-avatar,
.part-avatar img,
.part-avatar:after,
.part-avatar:before,
.part-bg,
.part-col-title,
.part-col-title:before,
.part-no-avatar {
    position: absolute
}

.part-bg {
    display: none
}

.banner-title {
    z-index    : 5;
    width      : 48%;
    z-index    : 21;
    margin-left: 45px;
    left       : 0;
    bottom     : auto;
    top        : 150px
}

.banner-big-title {
    font-size  : 24px;
    line-height: 40px;
    height     : 56px;
    color      : #FFFFFF;
    padding    : 0;
    margin     : 0;
    font-weight: 800;
    display    : inline-block
}

.banner-big-title,
.banner-big-title a {
    color: #FFFFFF
}

.banner-subtitle1 {
    position   : absolute;
    top        : 24px;
    right      : -36px;
    font-size  : 24px;
    line-height: 36px;
    color      : #FFFFFF;
    font-family: "Microsoft YaHei UI Light";
    margin     : 0;
    text-align : right;
    width      : 96%;
    display    : inline-block;
    font-weight: 800
}

.banner-subtitle1,
.banner-subtitle1 a {
    color: #FFFFFF
}

.banner-subtitle2 {
    font-size  : 36px;
    line-height: 56px;
    font-weight: 800;
    width      : 102%
}

.banner-subtitle2,
.banner-subtitle2 a {
    color: #333
}

.person-img {
    position: absolute;
    z-index : 3;
    top     : auto;
    right   : 80px;
    bottom  : -21px;
    width   : 480px;
    height  : 560px
}

.part,
.part-in-banner {
    width : 1196px;
    height: 100%;
    margin: 0 auto
}

.part-in-banner {
    position   : absolute;
    left       : 50%;
    margin-left: -598px;
    margin-top : 39px
}

.part-in-box {
    position   : absolute;
    width      : 1196px;
    left       : 50%;
    margin-left: -598px;
    height     : 100%
}

.part:after {
    display : block;
    content : '';
    overflow: hidden;
    clear   : both;
    height  : 0;
    width   : 100%
}

.part-video {
    z-index : 2;
    position: absolute;
    width   : 559px;
    height  : 326px;
    margin  : -281px 0 0 -550px;
    top     : 680px;
    left    : 50%
}

.part-video img {
    position          : absolute;
    top               : 0;
    left              : 0;
    height            : 330px;
    border            : 6px #fff solid;
    z-index           : 2;
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .3);
    box-shadow        : 0 0 13px rgba(0, 0, 0, .3);
    background-color  : #fff
}

.video-shadow {
    position           : absolute;
    z-index            : 1;
    left               : 50%;
    bottom             : -60px;
    background-image   : url(video-shadow.png);
    background-repeat  : no-repeat;
    background-position: center bottom;
    background-size    : 100% 100%;
    width              : 540px;
    height             : 70px;
    margin-left        : -270px
}

.is-video {
    position: relative;
    cursor  : pointer
}

.is-video:before {
    cursor       : pointer;
    content      : '';
    position     : absolute;
    z-index      : 3;
    width        : 0;
    height       : 0;
    border-style : solid;
    border-width : 8px 0 8px 13.9px;
    border-color : transparent transparent transparent #007bff;
    left         : auto;
    top          : auto;
    right        : 20px;
    bottom       : 10px;
    margin-right : 4px;
    margin-bottom: 8px;
    border-radius: 3px
}

.is-video:after {
    cursor             : pointer;
    content            : '';
    position           : absolute;
    z-index            : 2;
    background-color   : #f6f6f6;
    border             : 1px solid #c5c5c5;
    background-image   : none !important;
    background-position: center;
    background-size    : 100%;
    background-repeat  : no-repeat;
    border-radius      : 3px;
    -webkit-box-shadow : 0 0 10px rgba(0, 0, 0, .3);
    box-shadow         : 0 0 10px rgba(0, 0, 0, .3);
    left               : auto;
    top                : auto;
    right              : 12px;
    bottom             : 10px;
    width              : 40px;
    height             : 30px !important;
    margin-top         : -40px;
    margin-left        : -40px
}

.layer .is-video:before {
    margin-right : 0;
    margin-bottom: 18px
}

.layer .is-video:after {
    left  : auto;
    top   : auto;
    right : 8px;
    bottom: 20px;
    width : 40px;
    height: 40px
}

.mac .layer .is-video:before,
.windows .layer .is-video:before {
    margin-right : 8px;
    margin-bottom: 8px
}

.mac .layer .is-video:after,
.windows .layer .is-video:after {
    right : 16px;
    bottom: 10px
}

.part-pc-main,
.part-pc-sidebar {
    margin-top: 0
}

.part-pc-main {
    width: 820px;
    float: left
}

.part-pc-sidebar {
    width: 295px;
    float: right
}

.part-intro,
.part-intro img {
    display: inline-block
}

.part-intro img {
    float       : left;
    margin-right: 12px;
    width       : 89px;
    height      : 114px
}

.part-intro,
.part-intro-text,
.part-intro-title,
.part-intro-title a {
    color      : #666;
    font-size  : 14px;
    line-height: 24px
}

.part-intro-text {
    font-family: Microsoft YaHei Light
}

.part-intro {
    padding-top   : 9px;
    padding-bottom: 18px;
    width         : 100%
}

.part-intro-title {
    font-weight: 700
}

.part-item-pic {
    width  : 74%;
    padding: 5px 13% 20px;
    margin : 0 auto
}

.part-item-pic img {
    opacity: 1 !important;
    z-index: 3;
    width  : 100%;
    height : 100%
}

.part-item-pic a p,
.part-item-pic p,
.part-item-pic p a {
    color      : #fff;
    font-size  : 16px;
    line-height: 22px;
    text-align : center
}

.part-item-pic p {
    position             : absolute;
    z-index              : 3;
    bottom               : 0;
    overflow             : hidden;
    height               : auto;
    padding              : 0 4% 2%;
    width                : 92%;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-pack     : end;
    -ms-flex-pack        : end;
    justify-content      : flex-end;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column
}

.part-item-pic .swiper-slide {
    position: relative
}

.part-item-pic .swiper-slide:after {
    content       : '';
    display       : block;
    position      : absolute;
    bottom        : 0;
    z-index       : 2;
    background    : -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .6)));
    background    : linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .6) 100%);
    height        : 100%;
    width         : 100%;
    pointer-events: none
}

.part-item-pic .swiper-pagination {
    bottom: 0
}

.part-title,
.part-title a,
.part-title h2,
.part-title h2 a {
    color      : #333;
    font-size  : 30px;
    line-height: 50px;
    font-weight: 800
}

.part-title h2:after,
.part-title h2:before {
    content          : '';
    display          : inline-block;
    width            : 28px;
    height           : 28px;
    background-repeat: no-repeat;
    overflow         : hidden
}

.part-title h2:before {
    background-image   : url(quotation-marks-left-yellow.png);
    background-position: 0 0;
    margin-right       : 6px
}

.part-title h2:after {
    background-image   : url(quotation-marks-right-yellow.png);
    background-position: right 0;
    margin-left        : 6px
}

.gray .part-title h2:before {
    background-image: url(quotation-marks-left-gray.png)
}

.gray .part-title h2:after {
    background-image: url(quotation-marks-right-gray.png)
}

.part-text {
    padding-top  : 0;
    font-size    : 18px;
    line-height  : 40px;
    color        : #666;
    margin-bottom: 40px;
    text-indent  : 2em
}

.part-text img {
    margin-bottom: 12px
}

.part-text,
.part-title {
    position    : static;
    padding-left: 179px
}

.part-col-title,
.part-col-title a {
    font-size: 24px
}

.part-col-title:before {
    height    : 30px;
    margin-top: -15px
}

.part-avatar {
    top   : 0;
    left  : 0;
    width : 104px;
    height: 104px
}

.part-avatar:after,
.part-avatar:before {
    content: '';
    width  : 104px;
    height : 104px
}

.part-avatar:before {
    width           : 104px;
    height          : 104px;
    background-color: #fff;
    bottom          : -30px;
    right           : -30px;
    z-index         : 2
}

.part-avatar:after {
    border : #f4f4f4 15px solid;
    top    : 0;
    left   : 0;
    z-index: 1
}

.part-avatar img,
.part-no-avatar {
    width        : 93px;
    height       : 93px;
    border-radius: 100%;
    overflow     : hidden;
    z-index      : 3;
    top          : 25px;
    left         : 27px
}

.part-no-avatar {
    background-color: #f1f1f1;
    text-align      : center;
    color           : #999;
    font-size       : 12px;
    line-height     : 93px
}

.part-no-avatar.xinhuanet-logo {
    background-image   : url(logo.png);
    background-position: 20px center;
    background-size    : 70% auto;
    background-repeat  : no-repeat;
    text-align         : center;
    color              : #999;
    font-size          : 12px;
    line-height        : 93px;
    text-indent        : -888px
}

.part-no-avatar.talking-logo {
    background-image   : url(logo.png);
    background-position: center;
    background-size    : 80% auto;
    background-repeat  : no-repeat;
    text-align         : center;
    color              : #999;
    font-size          : 12px;
    line-height        : 93px;
    text-indent        : -888px
}

.part-avatar-text,
.part-avatar-text a {
    font-size  : 18px;
    color      : #666;
    line-height: 22px
}

.part-avatar-text {
    text-align: center;
    position  : absolute;
    display   : block;
    z-index   : 4;
    width     : 81px;
    top       : 130px;
    left      : 33px
}

.part-pc-sidebar .part-item {
    padding-bottom: 40px
}

.part-text-img-box {
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin-top      : -20px
}

.part-text-img-box img {
    display           : inline-block;
    width             : 206px;
    height            : 154px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    box-shadow        : 0 2px 2px rgba(0, 0, 0, .3)
}

.part-list-tiny li {
    width      : 50%;
    font-size  : 18px;
    line-height: 36px;
    font-family: "Hiragino Sans GB"
}

.part-list-tiny li:nth-child(even) {
    text-align: right
}

.windows .banner-subtitle2 {
    font-size: 34px
}

.part-item {
    position: relative;
    padding : 0 0 40px
}

.part-item.gray {
    padding-top: 34px
}

.part-title {
    padding-top   : 0;
    padding-bottom: 30px
}

.part-col-title,
.part-col-title a {
    font-size: 20px;
    color    : #333
}

.part-col-title {
    position    : relative;
    top         : 0;
    padding-left: 16px;
    line-height : 50px;
    height      : 50px;
    margin-top  : -10px
}

.part-col-title:before {
    content         : '';
    width           : 6px;
    background-color: #ffdb00;
    overflow        : hidden;
    top             : 50%;
    left            : 0;
    height          : 22px;
    margin-top      : -11px
}

.part-list,
.part-list a {
    color      : #fff !important;
    font-size  : 18px;
    line-height: 36px
}

.part-list {
    padding-bottom: 4%
}

.part-list li {
    padding         : 0 3%;
    background-color: #5397db
}

.part-list .active,
.part-list li:hover {
    padding         : 0 4%;
    margin          : 0 -1%;
    background-color: #287dd2
}

.part-list li:hover,
.part-list li:hover a {
    font-weight: 700
}

.part-list-tiny {
    padding-bottom  : 8%;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    color           : #333
}

.part-list-tiny li {
    width      : 30%;
    font-size  : 14px;
    line-height: 24px
}

.part-text-img-box {
    display: none
}

.part-pc-abs-box {
    font-size  : 18px;
    line-height: 36px;
    color      : #333;
    position   : relative;
    padding    : 49px 20px 30px 40px
}

.part-pc-abs-box-in {
    position: relative;
    padding : 8px 13px;
    z-index : 2
}

.part-pc-abs-icon1,
.part-pc-abs-icon2 {
    display : block;
    border  : #c9e4ff 15px solid;
    position: absolute;
    z-index : 1
}

.part-pc-abs-icon1 {
    width : 104px;
    height: 104px;
    top   : 0;
    left  : 0
}

.part-pc-abs-icon1:after {
    content         : '';
    position        : absolute;
    z-index         : 1;
    width           : 104px;
    height          : 104px;
    background-color: #fff;
    top             : 40px;
    left            : 18px
}

.part-pc-abs-icon2 {
    width       : 65px;
    height      : 65px;
    border-width: 9px;
    right       : 0;
    bottom      : 50px
}

.part-pc-abs-icon2:after {
    content         : '';
    position        : absolute;
    z-index         : 1;
    width           : 65px;
    height          : 65px;
    background-color: #fff;
    top             : -12px;
    left            : -10px
}

.part-col-title-big,
.part-col-title-big a {
    color: #666
}

.part-col-title-big {
    font-size          : 44px;
    line-height        : 110px;
    height             : 110px;
    padding-bottom     : 10px;
    position           : relative;
    background-image   : url(part-col-title-big.png);
    background-repeat  : no-repeat;
    background-position: 180px 28px
}

.part-item-nav {
    text-align: center
}

.part-item-nav img {
    display: block;
    margin : 0 auto
}

.part-item-nav-item {
    padding-bottom: 30px;
    margin-top    : 10px;
    width         : 110%
}

.part-item-nav-item:after {
    display : inline-block;
    width   : 100%;
    height  : 0;
    content : '';
    overflow: hidden;
    clear   : both
}

.part-item-nav-item a {
    width      : 60px;
    height     : 30px;
    line-height: 30px;
    margin     : 6px 20px;
    font-size  : 16px;
    color      : #333;
    position   : relative;
    float      : left
}

.part-item-nav-item .active,
.part-item-nav-item a:hover {
    background-color: #5397db;
    color           : #fff !important
}

.part-item-nav-item .active:after,
.part-item-nav-item a:after {
    content         : '';
    display         : none;
    height          : 2px;
    width           : 60px;
    margin-left     : -30px;
    position        : absolute;
    bottom          : -5px;
    left            : 50%;
    background-color: #ffdb00;
    z-index         : 2
}

.part-item-nav-item .active:after,
.part-item-nav-item a:hover:after {
    display: block
}

.part-avatar-img-num {
    display: none
}

.ui-widget-overlay {
    background-color: #000;
    opacity         : .2
}

.ui-dialog {
    background-color  : #333;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .3);
    box-shadow        : 0 0 40px rgba(0, 0, 0, .3)
}

.ui-dialog,
.ui-dialog .ui-dialog-content {
    padding: 0
}

.windows .ui-dialog .ui-dialog-content {
    overflow: hidden
}

.ui-widget-header {
    border          : none;
    background-color: #333;
    color           : #fff;
    font-weight     : 700
}

.ui-dialog .ui-corner-all,
.ui-dialog .ui-corner-bl,
.ui-dialog .ui-corner-bottom,
.ui-dialog .ui-corner-left,
.ui-dialog.ui-corner-all,
.ui-dialog.ui-corner-bl,
.ui-dialog.ui-corner-bottom,
.ui-dialog.ui-corner-left {
    border-radius: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding : .4em .6em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    margin      : 0;
    padding-left: .8em;
    position    : relative
}

.ui-dialog .ui-dialog-title:before {
    position        : absolute;
    content         : '';
    width           : 6px;
    background-color: #ffdb00;
    overflow        : hidden;
    top             : 50%;
    left            : 0;
    height          : 22px;
    margin-top      : -11px
}

.ui-widget.ui-widget-content {
    border: none
}

.jp-audio,
.jp-audio-stream,
.jp-video {
    border          : 1px solid #333;
    background-color: #333
}

.jp-interface {
    position        : relative;
    width           : 100%;
    background-color: #333
}

.no-img {
    height            : 240px;
    background-color  : #333;
    background-image  : url(top.jpg);
    background-repeat : no-repeat;
    background-size   : cover;
    margin-bottom     : 2em;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .2) inset;
    box-shadow        : 0 0 50px rgba(0, 0, 0, .2) inset
}

.no-img img {
    display: none
}

.ui-sidebtn {
    padding: .6em 0;
    width  : 48px
}

.back-top,
.qrode {
    margin-top: 6px
}

.qrode {
    padding         : .2em 0 0;
    height          : auto;
    text-align      : center;
    background-color: #f6f6f6 !important
}

.qrcode-tip {
    color: #999
}

.back-top-btn {
    width      : 50px;
    right      : 10px;
    bottom     : 10px;
    z-index    : 102;
    padding-top: 20px;
    position   : fixed
}

.ui-icon-arrowthickstop-1-n {
    width           : 0;
    height          : 0;
    border-style    : solid;
    border-width    : 0 8px 12px 8px;
    border-color    : transparent transparent #007bff transparent;
    background-image: none !important;
    border-radius   : 3px
}

.no-portrait .pc-banner-light2:after {
    display: none
}

.no-portrait.is-pc .pc-banner-logo:after {
    top        : 90px;
    left       : -8px;
    margin-left: 0
}

.no-portrait.is-pc .banner-box {
    z-index : 1;
    position: relative;
    width   : 100%;
    height  : 685px
}

.no-portrait.is-pc .banner {
    height  : 560px;
    overflow: visible
}

.no-portrait.is-pc .banner-title {
    z-index    : 5;
    width      : 48%;
    z-index    : 21;
    margin-left: 0;
    left       : 0;
    top        : auto;
    bottom     : 200px
}

.no-portrait.is-pc .banner-big-title {
    font-size: 27px;
    line-height: 100px;
    height: 60px;
    color: #FFFFFF;
    padding: 0;
    margin: 0 0 10px;
    font-weight: 800;
    display: inline
}

.no-portrait.is-pc .banner-subtitle1 {
    position: static;
    font-size: 18px;
    line-height: 36px;
    text-align: left;
    font-weight: 800;
    display: inline;
    padding-left: 30%;
}

.no-portrait.is-pc .is-over-height {
    top: 190px
}

.is-over-height .banner-subtitle1 {
    position: absolute;
    width: 65%;
    top: 0;
    right: 10px
}

.no-portrait.is-pc .is-over-height .banner-subtitle1 {
    position: absolute;
    width: 65%;
    top: 24px;
    right: auto
}

.no-portrait.is-pc .banner-subtitle2 {
    font-size: 36px;
    line-height: 60px;
    color: #333;
    font-weight: 400;
    width: 102%
}

.no-portrait.is-pc .is-over-height {
    top: 190px
}

.is-over-height .banner-subtitle1 {
    position: absolute;
    width   : 65%;
    top     : 0;
    right   : 0
}

.no-portrait.is-pc .is-over-height .banner-subtitle1 {
    position: absolute;
    width   : 65%;
    top     : 24px;
    right   : auto
}

.no-portrait.is-pc .banner-subtitle2 {
    font-size  : 36px;
    line-height: 60px;
    color      : #333;
    font-weight: 400;
    width      : 102%
}

.no-portrait.is-pc .person-img {
    position          : absolute;
    z-index           : 3;
    top               : auto;
    right             : auto;
    left              : 50%;
    bottom            : -42px;
    width             : 130px;
    margin-left       : -65px;
    height            : 130px;
    overflow          : hidden;
    background-color  : #fff;
    border-radius     : 100%;
    border            : #cdcdcd 5px solid;
    -webkit-box-shadow: 1px 3px 6px 0 rgba(0, 0, 0, .3);
    box-shadow        : 1px 3px 6px 0 rgba(0, 0, 0, .3)
}

.no-portrait.is-pc.oldie .person-img {
    bottom: -42px
}

.no-portrait.is-pc .person-img img {
    width : 100%;
    height: auto
}

.no-portrait.is-pc .part-video {
    margin: -220px 0 0;
    top   : 50%;
    left  : 52%
}

.no-portrait.is-pc .oldie .part-video {
    margin: -300px 0 0 -550px
}

@media screen and (max-width:735px) {
    .no-portrait .banner-title {
        width     : 80%;
        margin    : 0 auto;
        left      : 10%;
        text-align: center;
        top       : auto;
        bottom    : 60px
    }

    .no-portrait .banner-big-title,
    .no-portrait .banner-subtitle1,
    .no-portrait .banner-subtitle2 {
        text-align: center;
        width: 100%
    }

    .no-portrait .banner-big-title {
        font-size: 18px;
        line-height: 60px;
        color: #FFFFFF;
        border-bottom: none;
        display: inline;
        margin: 0 auto
    }

    .no-portrait .banner-subtitle1 {
        display: inline;
    }

    .no-portrait .banner-subtitle2 {
        font-size  : 24px;
        line-height: 36px
    }

    .no-portrait .person-img {
        display: none
    }
}

@media (min-width:521px) and (max-width:735px) {
    .no-portrait .banner-title {
        top   : auto;
        bottom: 80px
    }
}

@media (min-width:481px) and (max-width:520px) {
    .no-portrait .banner-title {
        top   : auto;
        bottom: 55px
    }
}

.no-portrait.is-pc .pc-xinhuanet-logo {
    left       : 0;
    margin-left: -10px;
    margin-top : 10px
}

@media screen and (max-width:735px) {
    .all {
        border-top: #4ba4ff 2px solid
    }

    .video-iframe {
        position: relative
    }

    .part-item .video-iframe {
        left: -10%
    }

    .no-img .video-iframe {
        left: -8.5%
    }

    .domPC,
    .part-avatar-text,
    .pc-top-nav {
        display: none
    }

    .banner-box {
        min-height: 650px;
        height    : auto;
        overflow  : visible
    }

    .banner {
        height: 240px
    }

    .pc-banner-logo:after {
        top        : 16px;
        width      : 68px;
        margin-left: -34px;
        height     : 31px
    }

    .pc-xinhuanet-logo {
        top        : 16px;
        width      : 68px;
        margin-left: -34px;
        height     : 30px;
        margin-top : 0
    }

    .pc-banner-light2:after {
        top   : auto;
        bottom: -240px
    }

    .part,
    .part-in-banner {
        width: auto
    }

    .part-in-banner {
        position   : relative;
        left       : 0;
        margin-left: 0;
        margin-top : 0
    }

    .part {
        position: static;
        height  : auto;
        z-index : 6
    }

    .part-text-img-box {
        display         : -webkit-box;
        display         : -ms-flexbox;
        display         : flex;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        margin-top      : -20px
    }

    .part-text-img-box img {
        display           : inline-block;
        width             : 30%;
        height            : 90%;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
        box-shadow        : 0 2px 2px rgba(0, 0, 0, .3)
    }

    .banner-title {
        width      : 45%;
        margin-left: 25px;
        top        : auto;
        bottom     : 80px
    }

    .banner-big-title,
    .banner-subtitle1,
    .banner-subtitle2 {
        position: static;
        display: block;
        width: 120%;
        text-align: left;
        clear: both;
        margin-bottom: 3px;
        height: auto
    }

    .banner-big-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 5px
    }

    .banner-subtitle1,
    .banner-subtitle2 {
        font-size: 14px;
        line-height: 20px
    }

    .person-img {
        top   : 10px;
        right : -5px;
        bottom: auto;
        width : 50%;
        height: auto
    }

    .person-img-title {
        display: none
    }

    .part-video {
        position          : relative;
        width             : 88%;
        height            : auto;
        -webkit-box-shadow: 1px 0 13px rgba(0, 0, 0, .35);
        box-shadow        : 1px 0 13px rgba(0, 0, 0, .35);
        margin            : 190px auto 0;
        top               : 0;
        left              : 0
    }

    .part-video img {
        position: relative;
        z-index : 2;
        height  : auto
    }

    .video-shadow {
        width : 90%;
        height: 180px;
        margin: 0 -45%;
        bottom: -80px
    }

    .part-text {
        padding-top   : 0;
        padding-bottom: 0;
        padding-left  : 0;
        font-size     : 16px;
        line-height   : 30px;
        color         : #666
    }

    .part-text img {
        margin-bottom: 12px
    }

    .part-pc-abs-box {
        margin-left : 4%;
        margin-right: 4%;
        font-size   : 16px;
        line-height : 36px;
        color       : #333;
        position    : relative;
        padding     : 26px 20px 20px 30px;
        margin-top  : 30px
    }

    .part-pc-abs-box-in {
        padding: 4px
    }

    .part-pc-abs-icon1,
    .part-pc-abs-icon2 {
        border-width: 5px
    }

    .part-pc-abs-icon1 {
        width : 60px;
        height: 60px;
        top   : 0;
        left  : 0
    }

    .part-pc-abs-icon1:after {
        content         : '';
        position        : absolute;
        z-index         : 1;
        width           : 60px;
        height          : 60px;
        background-color: #fff;
        top             : 28px;
        left            : 22px
    }

    .part-pc-abs-icon2 {
        width       : 35px;
        height      : 35px;
        border-width: 5px;
        right       : 0;
        bottom      : 14px
    }

    .part-pc-abs-icon2:after {
        content         : '';
        position        : absolute;
        z-index         : 1;
        width           : 35px;
        height          : 35px;
        background-color: #fff;
        top             : -12px;
        left            : -20px
    }

    .part-col-title-big,
    .part-col-title-big a {
        color: #666
    }

    .part-col-title-big {
        margin-left        : 4%;
        margin-right       : 4%;
        font-size          : 24px;
        line-height        : 60px;
        height             : auto;
        padding-bottom     : 6px;
        background-position: 90px 16px;
        background-size    : auto 70%
    }

    .part-pc-main,
    .part-pc-sidebar {
        width: 100%;
        float: none
    }

    .part-title,
    .part-title a,
    .part-title h2,
    .part-title h2 a {
        color      : #666;
        font-size  : 20px;
        line-height: 30px;
        font-weight: 800
    }

    .part-item {
        padding: 0 4%
    }

    .part-item.gray {
        padding-top: 0
    }

    .part-title {
        padding-top   : 18px;
        padding-left  : 85px;
        padding-bottom: 0;
        margin-bottom : 18px
    }

    .part-avatar {
        top   : 0;
        left  : 4%;
        width : 50px;
        height: 50px
    }

    .part-avatar:after,
    .part-avatar:before {
        content: '';
        width  : 50px;
        height : 50px
    }

    .part-avatar:before {
        bottom: -10px;
        right : -25px
    }

    .part-avatar:after {
        border: #f4f4f4 5px solid
    }

    .part-avatar img,
    .part-no-avatar {
        width : 100%;
        height: 100%;
        top   : 15px
    }

    .part-no-avatar {
        font-size  : 10px;
        line-height: 50px
    }

    .footer,
    .footer a {
        font-size  : 14px;
        line-height: 26px
    }

    .footer {
        padding            : 20px 4%;
        height             : auto;
        background-position: center center;
        background-size    : cover
    }

    .part-no-avatar.xinhuanet-logo {
        background-position: 10px center
    }
}

@media (min-width:521px) and (max-width:735px) {
    .banner {
        height: 340px
    }

    .part-video {
        margin: 270px auto 0
    }

    .banner-title {
        top   : auto;
        bottom: 100px
    }
}

@media (min-width:481px) and (max-width:520px) {
    .banner-box {
        min-height: 500px
    }

    .banner {
        height: 290px
    }

    .part-video {
        margin: 220px auto 0
    }

    .banner-title {
        top   : auto;
        bottom: 75px
    }
}

@media screen and (max-width:480px) {
    .banner-box {
        min-height: 420px
    }
}

.horizontal-mod {
    background-color: #ccc;
    background-image: url(top.jpg);
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    position        : fixed;
    z-index         : 9999
}

.horizontal-logo {
    background-image: url(logo.png);
    background-size : cover;
    width           : 70px;
    margin-left     : -35px;
    height          : 30px;
    margin-top      : -15px;
    position        : absolute;
    left            : 50%;
    top             : 25%
}

.horizontal-text {
    width      : 100%;
    position   : absolute;
    left       : 0;
    top        : 35%;
    font-size  : 1.2em;
    line-height: 1.6em;
    text-align : center
}