/*! jsModern v3.4.2 | (c) Frank Chao | MIT license */

* {

    margin: 0;

    padding: 0;

    outline: 0;

    background: transparent;

    font-family: "Helvetica Neue", Helvetica, "PingFang SC", Microsoft YaHei;

    -webkit-font-smoothing: antialiased;

    -webkit-tap-highlight-color: transparent

}



html {

    -webkit-text-size-adjust: 100%

}



button::-moz-focus-inner, input::-moz-focus-inner, img {

    border: 0

}



input::-ms-clear, input::-ms-reveal {

    display: none

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], button {

    cursor: pointer

}



main {

    display: block

}



.jsmodern-select-none {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.jsmodern-marquee-inner {

    float: none !important;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important

}



.jsmodern-marquee-default, .jsmodern-marquee-repeat {

    float: left;

    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important

}



.jsmodern-marquee-part {

    display: block;

    float: left

}



section.jsmodern-share {

    position: fixed;

    top: 50% !important;

    left: 50% !important;

    width: 300px !important;

    height: 335px !important;

    z-index: 999999;

    margin: 0 !important;

    background: #fff;

    border: #ddd solid 1px;

    border-radius: 10px;

    box-shadow: #ddd 0 0 20px;

    overflow: hidden !important;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.jsmodern-share p {

    display: block;

    height: 20px !important;

    text-align: center;

    font-size: 18px;

    margin: 15px 0 20px 0 !important

}



.jsmodern-share section {

    float: none !important;

    width: 260px !important;

    height: 260px !important;

    margin: 0 auto !important;

    padding: 0 !important

}



.jsmodern-share b {

    position: absolute;

    width: 12px;

    height: 12px;

    border: #333 solid 4px;

    background: #333 url(../other/IlOnzOv2eP7l6cpl6Pth6rQZ+75fSpeTk5Pzf34AZEeVGaC2p3QAAAAASUVORK5CYII=);

    background-size: cover;

    border-radius: 10px;

    right: 4px;

    top: 4px;

    cursor: pointer;

    opacity: .2;

    transition: .2s

}



.jsmodern-share b:hover {

    opacity: .5

}



.jsmodern-picture-container {

    display: block;

    position: relative;

    overflow: hidden

}



.jsmodern-picture-container a {

    display: block;

    color: #fff;

    text-decoration: none

}



.jsmodern-picture-container img {

    border: 0

}



.jsmodern-picture-inner {

    position: absolute;

    height: 100%;

    top: 0;

    left: 0;

    overflow: hidden;

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

}



.jsmodern-picture-part {

    position: relative;

    overflow: hidden

}



.jsmodern-picture-fade {

    width: 100%

}



.jsmodern-picture-fade .jsmodern-picture-part {

    position: absolute;

    display: none

}



.jsmodern-picture-slide .jsmodern-picture-part {

    float: left

}



.jsmodern-picture-slide img {

    display: block

}



.jsmodern-picture-dot {

    position: absolute;

    bottom: 15px

}



.jsmodern-picture-dot.jsmodern-picture-dotcenter {

    left: 50%;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0)

}



.jsmodern-picture-dot.jsmodern-picture-dotleft {

    left: 10px

}



.jsmodern-picture-dot.jsmodern-picture-dotright {

    right: 10px

}



.jsmodern-picture-dot b {

    display: block;

    float: left;

    width: 10px;

    height: 10px;

    background: #888;

    border-radius: 5px;

    cursor: pointer;

    margin: 0 5px;

    transition: .4s

}



.jsmodern-picture-dot b.active {

    background: #fff

}



.jsmodern-picture-prev, .jsmodern-picture-next {

    display: block;

    position: absolute;

    top: 50%;

    width: 17px;

    height: 32px;

    margin-top: -16px;

    cursor: pointer;

    background: url(../other/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat

}



.jsmodern-picture-prev {

    margin-left: 13px

}



.jsmodern-picture-next {

    right: 0;

    margin-right: 13px;

    background-position: -17px 0

}



@media screen and (max-width: 768px) {

    .jsmodern-picture-dot {

        bottom: 13px

    }



    .jsmodern-picture-dot b {

        -webkit-transform: scale(0.7);

        transform: scale(0.7)

    }

}



.jsmodern-video {

     background: #000; 

    position: relative;

    overflow: hidden;

    z-index: 10

}



.jsmodern-video-panel {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 2147483648;

    width: 100%;

    height: 40px;

    line-height: 40px;

    color: #fff;

    background: rgba(0, 0, 0, .8);

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;
  opacity: 0;
}



.jsmodern-video-panel.jsmodern-video-panelFull {

    left: 50%;

    -webkit-transform: translate(-50%, -10px);

    -ms-transform: translate(-50%, -10px);

    transform: translate(-50%, -10px);

    padding: 3px 5px;

    border-radius: 8px

}



.jsmodern-video-linebox {

    height: 6px;

    background: rgba(255, 255, 255, .25);

    border-radius: 3px;

    width: 460px;

    width: -webkit-calc(100% - 305px);

    width: -moz-calc(100% - 305px);

    width: calc(100% - 305px);

    float: left;

    margin: 17px 0 0 15px;

    position: relative;

    cursor: pointer

}



.jsmodern-video-pass {

    position: absolute;

    border-radius: 3px;

    height: 100%;

    background:#f81e3d;

}



.jsmodern-video-linedot {

    width: 6px;

    height: 6px;

    background: #fff;

    border-radius: 3px;

    -webkit-transform: scale(1.8);

    -ms-transform: scale(1.8);

    transform: scale(1.8);

    position: absolute

}



.jsmodern-video-panel b {

    cursor: pointer

}



.jsmodern-video-panel b, .jsmodern-video-panel span {

    display: block;

    float: left

}



.jsmodern-video-panel span {

    font-size: 12px;

    cursor: default;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none

}



.jsmodern-video-start {

    margin-left: 10px

}



.jsmodern-video-start + span {

    width: 14px;

    height: 12px;

    text-align: center;

    line-height: 12px;

    font-size: 10px;

    overflow: hidden;

    margin-top: 13px;

    -webkit-transform: scale(1, 0.9) translateY(1px);

    -ms-transform: scale(1, 0.9) translateY(1px);

    transform: scale(1, 0.9) translateY(1px);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top

}



.jsmodern-video-start, .jsmodern-video-end {

    width: 39px;

    text-align: center

}



.jsmodern-video-volumebox {

    width: 80px;

    height: 6px;

    background: rgba(255, 255, 255, .25);

    border-radius: 3px;

    float: left;

    margin: 18px 0 0 7px;

    position: relative;

    cursor: pointer

}



.jsmodern-video-volumeline {

    width: 40px;

    height: 6px;

    background: #f81e3d;

    border-radius: 3px;

    margin-top: 0

}



.jsmodern-video-volumedot {

    width: 6px;

    height: 6px;

    background: #fff;

    border-radius: 3px;

    margin: -6px 0 0 37px;

    -webkit-transform: scale(1.8);

    -ms-transform: scale(1.8);

    transform: scale(1.8);

    position: absolute

}



.jsmodern-video-play, .jsmodern-video-volume, .jsmodern-video-fullin {

    width: 18px;

    height: 18px;

    margin-top: 11px;

    background-position: center;

    background-repeat: no-repeat

}



.jsmodern-video-play {

    margin-left: 10px;

    background:url(../images/play.png) no-repeat center center/30px;

}



.jsmodern-video-pause {

    background:url(../images/zt.png) no-repeat center center/30px;

}



.jsmodern-video-volume {

    margin-left: 15px;

    background-image: url(../other/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)

}



.jsmodern-video-muted {

    background-image: url(../other/0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)

}



.jsmodern-video-fullin {

    margin-left: 15px;

    background:url(../images/qp.png) no-repeat center center/20px;

}



.jsmodern-video-fullout {

    margin-left: 15px;

    background-image: url(../other/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)

}



b.jsmodern-video-fullFalse {

    opacity: .5;

    cursor: default

}



.jsmodern-scrollBar-container {

    overflow: hidden

}



.jsmodern-scrollBar-inner {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0)

}



.jsmodern-scrollbar {

    position: absolute;

    top: 0;

    right: 1px;

    width: 6px;

    background: rgba(0, 0, 0, .3);

    border-radius: 3px;

    z-index: 10px;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0)

}



.jsmodern-lazyload {

    display: block;

    opacity: 0

}



.jsmodern-page-content {

    text-align: center;

    margin-left: auto;

    margin-right: auto

}



.jsmodern-page-target > * {

    display: none

}



.jsmodern-page {

    height: 38px;

    display: inline-block;

    overflow: hidden;

    border-radius: 19px;

    border: #e8e8e8 solid 1px;

    margin: 0 auto

}



.jsmodern-page > div i, .jsmodern-page > i {

    display: block;

    float: left;

    width: 40px;

    height: 38px;

    line-height: 38px;

    font-size: 13px;

    text-align: center;

    cursor: pointer;

    font-style: normal;

    background: #f5f5f5;

    transition: .15s;

    font-weight: bold;

    color: #333

}



.jsmodern-page i {

    border-right: #e3e3e3 solid 1px;

    border-left: #fff solid 1px

}



.jsmodern-page > div {

    float: left;

    max-width: 420px;

    overflow: hidden

}



.jsmodern-page > div div {

    height: 38px

}



.jsmodern-page i.active {

    background: #E04636;

    color: #fff;

    box-shadow: rgba(0, 0, 0, .2) 0 0 10px inset;

    border-right-color: #fff

}



.jsmodern-page i:hover {

    color: #E04636

}



.jsmodern-page i.active:hover {

    color: #fff

}



.jsmodern-page > i span {

    display: inline-block;

    font-size: 20px

}



.jsmodern-page > i:first-child {

    border-radius: 19px 0 0 19px

}



.jsmodern-page > i:last-child {

    border-radius: 0 19px 19px 0

}



i.jsmodern-page-first, i.jsmodern-page-last, i.jsmodern-page-next, i.jsmodern-page-prev {

    line-height: 33px

}



section.jsmodern-page-more {

    margin: 0;

    padding: 0;

    text-align: center;

    width: 100%;

    height: 40px;

    line-height: 40px;

    font-size: 15px;

    background: #ececec;

    color: #666

}



.jsmodern-fullpage-container {

    display: block;

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 10;

    top: 0;

    left: 0;

    overflow: hidden;

    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)

}



.jsmodern-fullpage-part {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 0;

    overflow: hidden

}



.jsmodern-fullpage-navigation {

    position: fixed;

    z-index: 20

}



.jsmodern-fullpage-navigation-x {

    left: 50%;

    bottom: 18px;

    width: auto;

    height: 10px;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.jsmodern-fullpage-navigation-y {

    top: 50%;

    right: 18px;

    width: 10px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.jsmodern-fullpage-navigation-default > b {

    display: block;

    cursor: pointer;

    width: 8px;

    height: 8px;

    border: #000 solid 1px;

    border-radius: 10px;

    opacity: .8;

    transition: .3s

}



.jsmodern-fullpage-navigation-y > b {

    margin: 10px 0

}



.jsmodern-fullpage-navigation-x > b {

    float: left;

    margin: 0 8px

}



.jsmodern-fullpage-navigation-default > b.active {

    background: #000

}



.jsmodern-dialog-container {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 2147483649;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, .6);

    margin: 0;

    padding: 0;

    opacity: 0

}



.jsmodern-dialog {

    position: fixed;

    left: 50%;

    top: -20px;

    width: 500px;

    min-width: 500px;

    height: auto;

    line-height: auto;

    overflow: hidden;

    padding: 15px;

    margin: 0;

    text-align: left;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    background: #fff;

    border-radius: 6px;

    border: #555 solid 1px;

    box-shadow: 0 0 20px rgba(0, 0, 0, .3);

    opacity: 0

}



.jsmodern-dialog-title {

    text-align: left;

    font-size: 16px;

    font-weight: bold;

    color: #000;

    word-wrap: break-word;

    word-break: normal

}



.jsmodern-dialog-content {

    width: 100%;

    height: auto;

    min-height: 60px;

    overflow: hidden;

    word-wrap: break-word;

    word-break: normal;

    margin-top: 10px;

    font-size: 14px;

    color: #333;

    line-height: 160%;

    z-index: 10;

    -webkit-overflow-scrolling: touch

}



.jsmodern-dialog > span {

    display: block;

    float: right;

    height: 30px;

    line-height: 30px;

    font-size: 13px;

    padding: 0 12px;

    cursor: pointer;

    margin: 13px 0 0 10px;

    border-radius: 4px;

    border: #ccc solid 1px;

    transition: .25s;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.jsmodern-dialog > span.jsmodern-dialog-sure {

    background: #2F7CBE;

    border-color: #2F7CBE;

    color: #fff

}



.jsmodern-dialog > span.jsmodern-dialog-sure:hover {

    background: #1563A6;

    border-color: #1563A6

}



.jsmodern-dialog > span.jsmodern-dialog-cancel:hover {

    background: #eee

}



@media screen and (max-width: 1024px) {

    .jsmodern-dialog.jsmodern-dialog-mobile {

        top: 43%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%)

    }



    .jsmodern-dialog.jsmodern-dialog-mobile .jsmodern-dialog-title {

        -webkit-transform: scale(1.03);

        transform: scale(1.03);

        transform-origin: left top

    }



    .jsmodern-dialog.jsmodern-dialog-mobile > span {

        font-size: 14px

    }

}