.clearfix:after,
body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
label,
li,
ol,
p,
pre,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0
}

body,
html {
    height: 100%
}

body {
    font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun, "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif
}

li {
    list-style-type: none
}

a {
    text-decoration: none;
    outline: 0;
    color: #000;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

a:hover {
    text-decoration: none
}

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

iframe,
img {
    border: 0
}

img {
    vertical-align: top
}

.clearfix {
    display: block
}

.clearfix:after {
    content: "";
    overflow: hidden;
    width: 100%;
    height: 0;
    font-size: 0;
    display: block;
    clear: both
}

i {
    font-style: normal
}

.ani-fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ani-fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ani-bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate
}

.ani-pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate
}

.ani-slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 13s;
    -moz-animation-duration: 13s;
    animation-duration: 13s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.delay1s {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

.delay2s {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s
}

.delay3s {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s
}

.delay4s {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s
}

.delay5s {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s
}

.delay6s {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    animation-delay: 6s
}

.delay7s {
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    animation-delay: 7s
}

.delay8s {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    animation-delay: 8s
}

.delay9s {
    -webkit-animation-delay: 9s;
    -moz-animation-delay: 9s;
    animation-delay: 9s
}

.delay10s {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    animation-delay: 10s
}

.delay11s {
    -webkit-animation-delay: 11s;
    -moz-animation-delay: 11s;
    animation-delay: 11s
}

.ani-flipInX {
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ani-slides {
    -webkit-animation-name: slides;
    -moz-animation-name: slides;
    animation-name: slides;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate
}

.ani-lightSpeedInLeft {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOutUpBig {
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    animation-duration: 4s
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes bounce {

    0%,
    100%,
    20%,
    53% {
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -moz-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    53% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    53% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        -moz-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        -moz-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        -moz-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        -moz-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-moz-keyframes slideInUp {
    0% {
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    7.7% {
        visibility: hidden;
        -moz-transform: translate3d(0, -52px, 0);
        transform: translate3d(0, -52px, 0)
    }

    15.4% {
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    7.7% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -52px, 0);
        transform: translate3d(0, -52px, 0)
    }

    15.4% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    7.7% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -52px, 0);
        -moz-transform: translate3d(0, -52px, 0);
        transform: translate3d(0, -52px, 0)
    }

    15.4% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -moz-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    100% {
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        -moz-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes slides {
    0% {
        height: 45px
    }

    to {
        height: 72px
    }
}

@-webkit-keyframes slides {
    0% {
        height: 45px
    }

    to {
        height: 72px
    }
}

@keyframes slides {
    0% {
        height: 45px
    }

    to {
        height: 72px
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@-moz-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes fadeOutUpBig {
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@-webkit-keyframes fadeOutUpBig {
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
html { overflow-x: hidden;}
.cover {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/banner_bg.jpg) center 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 999
}

.logo {
    position: absolute;
    width: 374px;
    height: 95px;
    left: 50%;
    margin-left: -187px;
    top: 70px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/banner_i01.png) center 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.topic1 {
    position: absolute;
    width: 943px;
    height: 354px;
    left: 50%;
    margin-left: -471px;
    top: 200px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/banner_i02.png) center 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.topic2 {
    position: absolute;
    width: 951px;
    height: 189px;
    left: 50%;
    margin-left: -475px;
    top: 575px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/banner_i03.png?v1) center 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.banner {
    height: 860px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/banner.jpg) center 0 no-repeat;
    min-width: 1200px;
}

.nav_box {
    width: 100%;
    height: 78px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/nav_bg.png) no-repeat 50% 0 #cc0d1d;
}

.nav_list {
    width: 1200px;
    height: 78px;
    margin: 0 auto;
    list-style: none;
}

.nav_list li {
    float: left;
    font-size: 20px;
    color: #fff3dc;
    line-height: 78px;
}

.nav_list li a {
    color: #fff3dc;
}

.nav_list li+li {
    margin-left: 200px;
}

.content {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

/*大头条*/
.dtt {
    overflow: hidden;
}

.dtt h2 {
    font-size: 42px;
    color: #333;
    text-align: center;
    margin-top: 70px;
}

.dtt p {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-top: 25px;
}

/*聚焦大图*/
.focusBox2 {
    width: 1200px;
    height: 669px;
    overflow: hidden;
    position: relative;
    margin-top: 70px;
}

.focusBox2 .swiper-wrapper .swiper-slide img {
    width: 1200px;
    height: 669px;
}

.focusBox2 .swiper-wrapper .swiper-slide .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 118px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/jjdt_bg.png) repeat-x;
    z-index: 0
}

.focusBox2 .swiper-wrapper .swiper-slide .title {
    position: absolute;
    left: 2%;
    bottom: 5px;
    width: 96%;
    height: 40px;
    line-height: 35px;
    font-size: 28px;
    color: #fafec1;
    overflow: hidden;
    z-index: 1;
}

.focusBox2 .swiper-wrapper .swiper-slide .title a {
    color: #fafec1;
}

.focusBox2 .swiper-pagination {
    text-align: right;
    left: inherit !important;
    right: 10px;
    width: 20% !important;
}

.focusBox2 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    opacity: 1;
    background: #fa7c30 !important;
}

.focusBox2 .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #f02626 !important;
    width: 35px;
    border-radius: 10px;
}

.swiper-button-next,
.swiper-button-prev {
    display: none;
}

.focusBox2:hover .swiper-button-next,
.focusBox2:hover .swiper-button-prev {
    display: block;
}

/*聚焦区*/
.jj_part {
    width: 100%;
    height: 373px;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
}

.jj_part_left {
    width: 989px;
    height: 373px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -985px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/jjx_bj.jpg) no-repeat;
}

.jj_part_left_box {
    float: right;
    width: 575px;
    height: auto;
    overflow: hidden;
    margin-right: 25px;
    margin-top: 65px;
}

.jj_part_left_box .title {
    width: 100%;
    height: 103px;
    overflow: hidden;
}

.jj_part_left_box .title h2 {
    font-size: 22px;
    color: #333;
    font-weight: normal;
}

.jj_part_left_box .title h2 a {
    color: #333;
}

.jj_part_left_box .title p {
    font-size: 16px;
    color: #333;
    margin-top: 15px;
}

.jj_left_list li {
    font-size: 18px;
    color: #333;
    position: relative;
    margin-top: 20px;
    padding-left: 20px;
    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jj_left_list li a {
    color: #333;
}

.jj_left_list li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #ce0d1d;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 10px;
}

.jj_part_right {
    float: right;
    width: 546px;
    height: 372px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/jjx_right.jpg.png) no-repeat;
}

.jj_part_right .img {
    width: 508px;
    height: 286px;
    margin: 39px 0 0 29px;
}

/*直播*/
.dh {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 50px;
}

.zb_box {
    width: 1300px;
    height: 576px;
    position: relative;
    overflow: hidden;
}

.zb_box:after {
    content: "";
    width: 1244px;
    height: 577px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/zb_bg.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 25px;
}

.zb_nr {
    width: 1200px;
    height: 473px;
    position: relative;
    z-index: 50;
    margin-top: 42px;
}

.zb_left {
    float: left;
    width: 839px;
    height: 473px;
}

.zb_left img {
    width: 839px;
    height: 473px;
}

.zb_right {
    float: left;
    width: 361px;
    height: 473px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/zb_bg02.jpg) no-repeat;
}

.zb_right .wz {
    width: 300px;
    height: 330px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 124px;
}

.zb_right .wz h2 {
    font-size: 25px;
    color: #fff;
}

.zb_right .wz h2 a {
    color: #fff;
}

.zb_right .wz p {
    font-size: 18px;
    color: #fafec1;
    line-height: 35px;
    margin-top: 65px;
}

.zb_right .wz p a {
    color: #fafec1;
}

/*网络公益*/
.wlgy_box {
    overflow: hidden;
    background: #eee;
    margin-top: 50px;
    padding: 50px 0;
}

.wlgy_box .tab1 {
    width: 1200px;
    position: relative;
}

.wlgy_box .tab1 .tab_menu {
    width: 630px;
    height: 92px;
    margin: 0 auto;
}

.wlgy_box .tab1 .tab_menu li {
    float: left;
    width: 315px;
    height: 92px;
    cursor: pointer;
    text-align: center;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/dh_wl01.png) no-repeat;
}

.wlgy_box .tab1 .tab_menu li+li {
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/dh_gy01.png) no-repeat;
}

.wlgy_box .tab1 .tab_menu li.selected {
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/dh_wl.png) no-repeat;
    cursor: pointer;
}

.wlgy_box .tab1 .tab_menu li+li.selected {
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/dh_gy.png) no-repeat;
    cursor: pointer;
}

.wlgy_box .tab1 .tab_box {
    width: 1200px;
    height: auto;
    clear: both;
    background-color: #fff;
    -moz-box-shadow:0px 0px 8px #e0e0e0;
    -webkit-box-shadow:0px 0px 8px #e0e0e0;
    box-shadow:0px 0px 8px #e0e0e0;
    border-radius: 5px;
    padding: 30px 0;
    
}

.wlgy_box .tab1 .hide {
    display: none;
}

/*网络*/
.wl_box {
    width: 1175px;
    overflow: hidden;
    margin: 0 auto;
}

.wl_line {
    overflow: hidden;
    border-bottom: 2px solid #d6d6d6;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.wl_line .icon {
    float: left;
    width: 168px;
    overflow: hidden;
}

.shms {
    margin: 30px 0 0 15px;
}

.wl_line .wl_pic {
    float: left;
    width: 985px;
    height: auto;
}

.wl_line .scroll {
    position: relative;
}

.wl_line .scroll .swiper-container {
    overflow: hidden;
}

.wl_line .wl_nr {
    width: 222px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.wl_line .wl_nr .img img {
    width: 222px;
    height: 136px;
}

.wl_line .wl_nr .txt {
    background: #f4f4f4;
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.wl_line .wl_nr .txt h3 {
    font-size: 16px;
    line-height: 23px;
    color: #333;
    width: 94%;
    margin: 0 auto;
    margin-top: 5px;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wl_line .wl_nr .txt h3 a {
    color: #333;
}

.scroll .swiper-button-prev {
    width: 20px;
    height: 36px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/wl_left.jpg) no-repeat;
    position: absolute;
    left: -20px;
    top: 75px;
    display: block;
    z-index: 20;
}

.scroll .swiper-button-next {
    width: 20px;
    height: 36px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/wl_right.jpg) no-repeat;
    position: absolute;
    right: -20px;
    top: 75px;
    display: block;
    z-index: 20;
}

/*公益*/
.tbch_box {
    width: 920px;
    height: 223px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.tbch_box .swiper-container {
    width: 2000px;
    height: 223px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1000px;
}

.tbch_box .swiper-slide {
    width: auto;
    height: 223px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
}

.tbch_con {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.tbch_con .txt {
    font-size: 16px;
    color: #fff;
    width: 90%;
    position: absolute;
    left: 5%;
    bottom: 15px;
    text-align: center;
    z-index: 10;
}

.tbch_con .txt a {
    color: #fff;
}

.tbch_con .bg {
    width: 100%;
    height: 118px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/jjdt_bg.png) repeat-x;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 5;
}

.scroll .cprev {
    width: 20px;
    height: 36px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/wl_left.jpg) no-repeat;
    position: absolute;
    left: -20px;
    top: 75px;
    display: block;
    z-index: 20;
    cursor: pointer;
}

.scroll .cnext {
    width: 20px;
    height: 36px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/wl_right.jpg) no-repeat;
    position: absolute;
    right: -20px;
    top: 75px;
    display: block;
    z-index: 20;
    cursor: pointer;
}

.gylog {
    margin: 50px 0 0 45px;
}

.gylog02 {
    margin: 65px 0 0 45px;
}

.gylog03 {
    margin: 45px 0 0 25px;
}

/*获奖感言*/
.gy_box {
    width: 1300px;
    height: 522px;
    position: relative;
}

.gy_box:after {
    content: "";
    width: 1288px;
    height: 522px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/hjgy_bg.png) no-repeat;
    position: absolute;
    top: 0;
    left: -35px;
}

.gy_nr {
    width: 1200px;
    height: 522px;
    position: relative;
    z-index: 50;
    overflow: hidden;
}

.gy_tab1 {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    margin-top: 25px;
}

.gy_right {
    float: right;
    width: 355px;
    height: 468px;
    overflow: hidden;
    background: #fff;
}

.gy_tab1 .gy_right .tab_menu {
    list-style: none;
}

.gy_tab1 .gy_right .tab_menu li {
    float: left;
    cursor: pointer;
    width: 170px;
    height: 97px;
    margin: 0 3px 25px 3px;
}

.gy_tab1 .gy_right .tab_menu li img {
    width: 170px;
    height: 97px;
}

.gy_tab1 .gy_right .tab_menu .selected {
    border: 3px solid #d01929;
    cursor: pointer;
}

.gy_tab1 .gy_right .tab_menu li.selected {
    width: 164px;
    height: 91px;
}

.gy_tab1 .gy_right .tab_menu .selected img {
    width: 164px;
    height: 91px;
}

.gy_tab1 .gytab_box {
    float: left;
    width: 833px;
    height: 468px;
}
.gy_tab1 .gytab_box .img img {
    width: 833px;
    height: 468px;
}
.gy_tab1 .hide {
    display: none;
}

/*创意策划*/
.cych_bg {
    width: 100%;
    height: 701px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/cy_bg.jpg) no-repeat 50% 0;
    margin-top: 50px;
    overflow: hidden;
}

.dh_cy {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 22px;
    margin-bottom: 35px;
}

.cych_box {
    width: 1200px;
    height: auto;
    position: relative;
}

.hjgy_swiper {
    width: 1200px;
    height: 516px;
    overflow: hidden;
    position: relative;
}

.hjgy_swiper .swiper-slide .pic {
    width: 260px;
    height: 462px;
    margin: 0 auto;
}

.hjgy_swiper .swiper-slide .pic img {
    width: 260px;
    height: 462px;
    margin: 0 auto;
    -moz-box-shadow: 0px 0px 15px #c0a3a5;
    -webkit-box-shadow: 0px 0px 15px #c0a3a5;
    box-shadow: 0px 0px 15px #c0a3a5;
}

.hjgy_swiper .swiper-slide:nth-child(even) {
    margin-top: 44px;
}

.cych_box .swiper-button-prev {
    width: 20px;
    height: 36px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/hjgy_left.png) no-repeat;
    position: absolute;
    left: -35px;
    top: 260px;
    display: block;
    z-index: 20;
    cursor: pointer;
}

.cych_box .swiper-button-next {
    width: 20px;
    height: 36px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/hjgy_right.png) no-repeat;
    position: absolute;
    right: -35px;
    top: 260px;
    display: block;
    z-index: 20;
    cursor: pointer;
}

/*往届回顾*/
.wjhg_box {
    width: 1200px;
    height: 193px;
    margin: 0 auto;
    position: relative;
}

.wjhg_swiper {
    width: 1200px;
    height: 195px;
    overflow: hidden;
    position: relative;
}

.wjhg_nr {
    width: 270px;
    height: 195px;
    margin: 0 auto;
}

.wjhg_nr img {
    width: 270px;
    height: 155px;
}

.wjhg_nr .txt {
    width: 100%;
    height: 40px;
    background: #f4f4f4;
    overflow: hidden;
}

.wjhg_nr .txt p {
    font-size: 16px;
    color: #484848;
    text-align: center;
    line-height: 40px;
}

.wjhg_nr .txt p a {
    color: #484848;
}

.wjhg_box .wjgh-prev {
    width: 20px;
    height: 36px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/hjgy_left.png) no-repeat;
    position: absolute;
    left: -35px;
    top: 60px;
    display: block;
    z-index: 20;
    cursor: pointer;
}

.wjhg_box .wjgh-next {
    width: 20px;
    height: 36px;
    background: url(https://www.piyao.org.cn/2023pyyxzp/img/hjgy_right.png) no-repeat;
    position: absolute;
    right: -35px;
    top: 60px;
    display: block;
    z-index: 20;
    cursor: pointer;
}

.ad {
    width: 1139px;
    height: 142px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 60px;
}

.footer {
    background: #c20505;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    padding: 30px 0;
    color: #fff;
    margin-top: 50px;
}

.footer a {
    color: #fff;
}

.footer img {
    vertical-align: top;
    margin-top: 6px;
}