html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
    margin: 0;
    padding: 0
}

html,body,fieldset,img,iframe,abbr {
    border: 0
}

li {
    list-style: none
}

textarea {
    overflow: auto;
    resize: none
}

a,button {
    cursor: pointer
}

h1,h2,h3,h4,h5,h6,em,strong,b {
    font-weight: 700
}

a,a:hover {
    text-decoration: none
}

body {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif
}

a {
    outline: 0
}

.g_clr {
    zoom: 1
}

.g_clr:after {
    content: '';
    display: block;
    height: 0;
    clear: both
}

.fll {
    float: left
}

.flr {
    float: right
}

@-webkit-keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes 'rotate' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-moz-keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-ms-keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-o-keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-moz-keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-ms-keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-o-keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes 'scale' {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

#tpl #NIE-copyRight {
    min-width: 1400px;
    padding: 20px 0 40px;
    color: #fff;
    background: #000
}

#tpl #NIE-copyRight a {
    color: #fff;
    text-decoration: none
}

#NIE-copyRight a {
    color: #fff
}

.posr {
    position: relative
}

.posa {
    position: absolute
}

.posf {
    position: fixed
}

.hide {
    display: none
}

.img {
    width: 100%;
    height: 100%;
    text-indent: -99999px
}

.clearfix:after,
.clearfix:before {
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

.site-title {
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    overflow: hidden
}

:focus {
    outline: 0
}

.cls {
    zoom: 1
}

.cls:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0
}

.clear {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0
}

.inline-box {
    display: inline-block;
    zoom: 1
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-moz-keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-ms-keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-o-keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-webkit-keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-moz-keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-ms-keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@-o-keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

@keyframes mscale {
    0% {
        opacity: .7
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .7
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-moz-keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-ms-keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-o-keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-moz-keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-ms-keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-o-keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes mRotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@-moz-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@-ms-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@-o-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@-moz-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@-ms-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@-o-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        opacity: 0;
        visibility: visible
    }

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

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@-moz-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@-ms-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@-o-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@-moz-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@-ms-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@-o-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        -moz-transform: translate3d(10%, 0, 0);
        -ms-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
        visibility: visible
    }

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

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@-ms-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@-o-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@-ms-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@-o-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        -moz-transform: translate3d(0, -10%, 0);
        -ms-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        visibility: visible
    }

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

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@-moz-keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@-ms-keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@-o-keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@-webkit-keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@-moz-keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@-ms-keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@-o-keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@keyframes autoHeight {
    from {
        height: 0
    }

    to {
        height: auto
    }
}

@-webkit-keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

@-moz-keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

@-ms-keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

@-o-keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

@keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

@-webkit-keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

@-moz-keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

@-ms-keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

@-o-keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

@keyframes scanLine {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(124px)
    }
}

.video {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, .7);
    display: none
}

.video #video {
    position: absolute;
    width: 900px;
    height: 500px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.video .close {
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    left: 50%;
    top: 50%;
    margin-left: 360px;
    margin-top: -250px;
    background: url(../images/close.png) no-repeat center;
    transition: all .3s ease-in-out
}

.video .close:hover {
    transform: rotate(90deg)
}

#NIE-topBar {
    position: absolute !important;
    z-index: 999;
    width: 100%;
    min-width: 1440px !important;
    height: 55px;
    top: 0
}

.footer {
    display: block;
    width: 100%;
    z-index: 2
}

.footer .share-box {
    padding-top: 20px;
    text-align: center
}

.footer #NIE-share .NIE-share {
    height: 30px;
    display: inline-block !important;
    margin-left: 6px
}

.footer #NIE-share .NIE-share a {
    height: 12px;
    line-height: 12px;
    width: auto
}

.footer #NIE-share .NIE-share a em {
    font-size: 12px;
    line-height: 30px
}

.footer #NIE-share .NIE-share span {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}

.footer #NIE-share .NIE-share-txt {
    color: #d8191e
}

.footer #NIE-share .NIE-share-iconBtn a {
    color: #d8191e;
    height: 30px;
    line-height: 30px
}

.footer #NIE-share .NIE-share-iconBtn a:hover {
    color: #d8191e
}

.footer #NIE-copyRight {
    display: block;
    z-index: 998;
    width: 100%;
    color: #d8191e
}

.footer #NIE-copyRight a {
    color: #d8191e
}

.footer #NIE-copyRight a:hover {
    text-decoration: underline
}

.floor {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 10001
}

.pop {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10002
}

body {
    max-width: 1920px;
    margin: 0 auto
}

.main {
    width: 100%;
    min-width: 1440px;
    height: 3251px;
    background-image: url(../images/bg.jpg);
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center
}

.main #loopBox {
    width: 1920px;
    height: 1000px;
    position: absolute;
    overflow: hidden
}

.main #loopBox #loopVideo {
    width: 1920px;
    height: 1080px;
    position: absolute;
    display: block;
    left: 50%;
    transform: translate(-50%)
}

.main .part {
    width: 1440px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center
}

.main .nav_top {
    width: 100%;
    max-width: 1920px;
    height: 80px;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 10
}

.main .nav_top.fixed {
    position: fixed
}

.main .nav_top .left {
    width: 320px
}

.main .nav_top .logo {
    float: left;
    width: 89px;
    height: 89px;
    margin: 10px 17px 0 25px;
    background-image: url(https://webinput.nie.netease.com/img/sq2/icon.png/128);
    background-size: 100%
}

.main .nav_top .text {
    float: left
}

.main .nav_top .text h4 {
    font-size: 24px;
    color: #fff;
    line-height: 1.5;
    margin-top: 14px;
    font-weight: 700
}

.main .nav_top .text p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 14px
}

.main .nav_top .right {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.main .nav_top .nav {
    display: block;
    width: 181px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 20px;
    float: left
}

.main .nav_top .nav.nav_1 {
    background-image: url(../images/nav_1.png)
}

.main .nav_top .nav.nav_1:hover,
.main .nav_top .nav.nav_1.curr {
    background-image: url(../images/nav_1_curr.png)
}

.main .nav_top .nav.nav_2 {
    background-image: url(../images/nav_2.png)
}

.main .nav_top .nav.nav_2:hover,
.main .nav_top .nav.nav_2.curr {
    background-image: url(../images//nav_2_curr.png)
}

.main .nav_top .nav.nav_3 {
    background-image: url(../images/nav_3.png)
}

.main .nav_top .nav.nav_3:hover,
.main .nav_top .nav.nav_3.curr {
    background-image: url(../images/nav_3_curr.png)
}

.main .sq_gz {
    width: 220px;
    position: absolute;
    top: 300px;
    left: 0;
    z-index: 10
}

.main .sq_gz .btn_gz_open {
    display: block;
    width: 51px;
    height: 158px;
    position: absolute;
    left: -51px;
    top: 0;
    cursor: pointer;
    background-image: url(../images/btn_gz_open.png);
    transition: all .4s linear
}

.main .sq_gz .btn_gz_open.ani {
    left: 0
}

.main .sq_gz .gz_wrap {
    display: block;
    width: 220px;
    height: 514px;
    background-image: url(../images/gz_bg.png);
    position: absolute;
    top: 0;
    left: -220px;
    transition: all .4s linear
}

.main .sq_gz .gz_wrap.ani {
    left: 0
}

.main .sq_gz .gz_wrap .qrcode {
    width: 188px;
    height: 160px;
    background-image: url(../images/gz_code.png);
    margin: 57px auto 28px
}

.main .sq_gz .gz_wrap .btn_wb {
    display: block;
    width: 141px;
    height: 25px;
    background-image: url(../images/btn_gz_wb.png);
    margin: 0 auto 25px
}

.main .sq_gz .gz_wrap .btn_qq {
    display: block;
    width: 136px;
    height: 25px;
    background-image: url(../images/btn_gz_qq.png);
    margin: 0 auto 25px
}

.main .sq_gz .gz_wrap .btn_wx {
    display: block;
    width: 142px;
    height: 25px;
    background-image: url(../images/btn_gz_wx.png);
    margin: 0 auto 25px
}

.main .sq_gz .gz_wrap .btn_gz_close {
    display: block;
    width: 58px;
    height: 21px;
    background-image: url(../images/btn_gz_close.png);
    margin: 15px auto 25px
}

.main .sq_gz .gz_wrap .phone {
    font-size: 16px;
    text-align: center;
    color: #a27452;
    font-weight: 700
}

.main .guanzhu {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -180px;
    width: 247px;
    height: 366px;
    background-image: url(../images/bg-guanzhu.png);
    box-sizing: border-box;
    padding: 62px 18px 62px 0;
    z-index: 10
}

.main .guanzhu .gz-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

.main .guanzhu .gz-list span {
    display: inline-block;
    width: 56px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 16px;
    color: #ccaa7f;
    border-left: 1px solid #ccaa7f;
    cursor: pointer;
    text-align: center
}

.main .guanzhu .gz-list span.on {
    color: #743700;
    font-weight: 700
}

.main .guanzhu .gz-list span:hover {
    color: #743700
}

.main .guanzhu .gz-list span:first-child {
    border-left: 0
}

.main .guanzhu .phone {
    text-align: center;
    color: #ccaa7f;
    font-size: 14px
}

.main .guanzhu .qr-code {
    width: 170px;
    height: 170px;
    margin: 10px auto;
    border: 1px solid #e4d9cc;
    box-sizing: border-box
}

.main .guanzhu .qr-code img {
    max-width: 100%;
    margin: 0 auto;
    display: none
}

.main .guanzhu .qr-code img.on {
    display: block
}

.main .guanzhu .qr-code .wb {
    width: 160px;
    margin-top: 4px
}

.main .guanzhu .share {
    padding-top: 10px;
    width: 170px;
    border-top: 1px solid #e7dcd0;
    margin: 0 auto;
    color: #ccaa7f;
    text-align: center
}

.main .guanzhu .share .NIE-share .NIE-share-iconBtn a {
    color: #ccaa7f
}

.main .guanzhu .share .NIE-share .NIE-share-iconBtn a:hover {
    opacity: .8
}

.main .sq_dl {
    display: none;
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -257px;
    z-index: 10
}

.main .sq_dl .btn_dl_open {
    display: block;
    width: 56px;
    height: 158px;
    position: absolute;
    top: 0;
    right: -56px;
    cursor: pointer;
    transition: all .4s linear;
    background-image: url(../images/btn_dl_open.png)
}

.main .sq_dl .btn_dl_open.ani {
    right: 0
}

.main .sq_dl #nav-download {
    display: block;
    width: 220px;
    height: 514px;
    position: absolute;
    top: 0;
    right: -220px;
    background-image: url(../images/gz_bg.png);
    z-index: 10;
    transition: all .4s linear
}

.main .sq_dl #nav-download.ani {
    right: 0
}

.main .sq_dl #nav-download .NIE-qrcode {
    width: 149px;
    height: 126px;
    margin-right: 6px;
    background-image: url(../images/qrcode_bg.png);
    background-size: cover;
    margin: 62px auto 15px
}

.main .sq_dl #nav-download .NIE-qrcode img {
    width: 103px;
    height: 103px;
    margin-top: 10px;
    margin-left: 15px
}

.main .sq_dl #nav-download .NIE-button-ios {
    display: block;
    width: 188px;
    height: 62px;
    margin-bottom: 0;
    background-image: url(../images/btn_dl_ios2.png);
    background-size: 100% 100%;
    cursor: pointer;
    margin: 0 auto
}

.main .sq_dl #nav-download .NIE-button-ios:hover {
    opacity: .8
}

.main .sq_dl #nav-download .NIE-button-android {
    display: block;
    width: 188px;
    height: 62px;
    background-image: url(../images/btn_dl_ad.png);
    background-size: 100% 100%;
    cursor: pointer;
    margin: 0 auto
}

.main .sq_dl #nav-download .NIE-button-android:hover {
    opacity: .8
}

.main .sq_dl #nav-download .NIE-button-pc {
    display: block;
    width: 188px;
    height: 62px;
    background-image: url(../images/btn_dl_zm.png);
    background-size: 100% 100%;
    cursor: pointer;
    margin: 0 auto
}

.main .sq_dl #nav-download .NIE-button-pc:hover {
    opacity: .8
}

.main .sq_dl #nav-download .btn_dl_close {
    display: block;
    width: 58px;
    height: 21px;
    background-image: url(../images/btn_dl_close.png);
    margin: 20px auto 25px
}

.main .kv {
    height: 1075px
}

.main .kv .logo {
    width: 186px;
    height: 115px;
    background-image: url(../images/logo2.png);
    position: absolute;
    top: 100px;
    left: 50px
}

.main .kv .slogan {
    width: 639px;
    height: 339px;
    background-image: url(../images/slogan5.png);
    background-position: top center;
    position: absolute;
    left: 50%;
    margin-left: -319.5px;
    top: 178px;
    background-repeat: no-repeat
}

.main .kv .lgyy-btn {
    display: block;
    width: 304px;
    height: 107px;
    background-image: url(../images/btn_order.png);
    position: absolute;
    left: 50%;
    margin-left: -152px;
    top: 780px;
    cursor: pointer
}

.main .kv .video-btn {
    width: 89px;
    height: 91px;
    background-image: url(../images/btn_video.png);
    position: absolute;
    top: 521px;
    left: 50%;
    margin-left: -44px
}

.main .kv .prize {
    width: 1029px;
    height: 179px;
    background-image: url(../images/przie_bg.png);
    position: absolute;
    left: 50%;
    margin-left: -514.5px;
    top: 611px
}

.main .kv .dl_wrap {
    width: 555px;
    height: 190px;
    background-image: url(../images/dl-bg.png);
    box-sizing: border-box;
    margin: 650px auto 0;
    padding: 13px 28px 17px 25px;
    overflow: hidden
}

.main .kv .dl_wrap #nie-download {
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.main .kv .dl_wrap #nie-download .NIE-qrcode {
    width: 149px;
    height: 126px;
    float: left;
    margin-right: 6px;
    background-image: url(../images/qr-bg.png);
    background-size: cover
}

.main .kv .dl_wrap #nie-download .NIE-qrcode img {
    width: 103px;
    height: 103px;
    margin-top: 10px;
    margin-left: 15px
}

.main .kv .dl_wrap #nie-download .buttons {
    float: left;
    margin-right: 4px
}

.main .kv .dl_wrap #nie-download .buttons .NIE-button-ios {
    display: block;
    width: 172px;
    height: 57px;
    margin-bottom: 0;
    background: url(../images/btn-ios.png) no-repeat 0;
    cursor: pointer;
    margin-top: 3px;
    margin-bottom: 7px
}

.main .kv .dl_wrap #nie-download .buttons .NIE-button-ios:hover {
    opacity: .8
}

.main .kv .dl_wrap #nie-download .buttons .NIE-button-android {
    display: block;
    width: 172px;
    height: 57px;
    background-image: url(../images/btn-and.png);
    cursor: pointer
}

.main .kv .dl_wrap #nie-download .buttons .NIE-button-android:hover {
    opacity: .8
}

.main .kv .dl_wrap #nie-download .NIE-button-pc {
    display: block;
    width: 122px;
    height: 122px;
    background-image: url(../images/btn_dl_pc2.png);
    background-size: 100% 100%;
    cursor: pointer;
    margin-top: 2px
}

.main .kv .dl_wrap #nie-download .NIE-button-pc:hover {
    opacity: .8
}

.main .kv .dl_wrap #nie-download .btn-163 {
    display: block;
    width: 122px;
    height: 122px;
    background-image: url(../images/btn-163.png);
    background-size: 100% 100%;
    cursor: pointer;
    margin-left: 6px;
    margin-top: 2px
}

.main .kv .dl_wrap #nie-download .btn-163:hover {
    opacity: .8
}

.main .kv .right {
    width: 430px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
    margin-top: -10px
}

.main .news {
    height: 857px;
    box-sizing: border-box;
    padding: 0 50px;
    overflow: visible
}

.main .news .title {
    width: 603px;
    height: 156px;
    background-image: url(../images/title_1.png);
    margin: 0 auto 30px
}

.main .news .mogu {
    width: 307px;
    height: 191px;
    background-image: url(../images/zs.png);
    position: absolute;
    bottom: 14px;
    left: -100px;
    z-index: 2
}

.main .news .left {
    width: 804px;
    height: 465px
}

.main .news .left img {
    width: 100%;
    height: 465px
}

.main .news .left .swiper-pagination {
    width: 100%;
    position: static;
    text-align: center
}

.main .news .left .swiper-pagination .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    opacity: 1;
    margin-right: 20px;
    background-color: transparent;
    background-image: url(../images/gallery_tab_def.png)
}

.main .news .left .swiper-pagination .swiper-pagination-bullet-active {
    background-image: url(../images/gallery_tab_cur.png)
}

.main .news .right {
    width: 518px
}

.main .news .right .content {
    height: 417px;
    background: url(../images/news_contBg.png) no-repeat center center;
    overflow: hidden;
    margin-top: 15px
}

.main .news .right .tab_wrap {
    display: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #a27452
}

.main .news .right .tab_wrap:nth-child(1) {
    display: block
}

.main .news .right a {
    font-size: 16px;
    padding: 0 15px;
    color: #000;
    position: relative
}

.main .news .right a::after {
    width: 17px;
    height: 14px;
    clear: both;
    display: none;
    content: '';
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -8px;
    background-image: url(../images/tab_bot.jpg)
}

.main .news .right a:hover,
.main .news .right a.curr {
    color: #a27452
}

.main .news .right a:hover::after,
.main .news .right a.curr::after {
    display: block
}

.main .news .right .btn_more {
    padding: 0
}

.main .news .right .item_wrap {
    margin-top: 15px
}

.main .news .right .item_wrap .item {
    width: 100%;
    height: 70px;
    margin-bottom: 8px;
    box-sizing: border-box;
    padding: 0 20px
}

.main .news .right .item_wrap .item:hover a,
.main .news .right .item_wrap .item:hover p {
    color: #975c31
}

.main .news .right .item_wrap a {
    display: block;
    font-size: 20px;
    color: #333;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main .news .right .item_wrap p {
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666
}

.main .career {
    height: 1080px;
    box-sizing: border-box;
    padding: 0 80px 0 50px
}

.main .career .title {
    width: 603px;
    height: 156px;
    background-image: url(../images/title_2.png);
    margin: 0 auto
}

.main .career .left {
    width: 753px;
    height: 757px;
    position: relative;
    background-image: url(../images/career_bg.png)
}

.main .career .left .career_bg {
    width: 536px;
    height: 537px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -268px;
    margin-top: -268px
}

.main .career .left .btn {
    width: 164px;
    height: 152px;
    position: absolute;
    z-index: 3
}

.main .career .left .btn_qs {
    top: 43px;
    left: 37px;
    background-image: url(../images/c_qs_def.png)
}

.main .career .left .btn_qs:hover,
.main .career .left .btn_qs.curr {
    background-image: url(../images/c_qs_cur.png)
}

.main .career .left .btn_ls {
    top: 161px;
    left: -46px;
    background-image: url(../images/c_ls_def.png)
}

.main .career .left .btn_ls:hover,
.main .career .left .btn_ls.curr {
    background-image: url(../images/c_ls_cur.png)
}

.main .career .left .btn_fs {
    top: 300px;
    left: -77px;
    background-image: url(../images/c_fs_def.png)
}

.main .career .left .btn_fs:hover,
.main .career .left .btn_fs.curr {
    background-image: url(../images/c_fs_cur.png)
}

.main .career .left .btn_yz {
    top: 443px;
    left: -42px;
    background-image: url(../images/c_yz_def.png)
}

.main .career .left .btn_yz:hover,
.main .career .left .btn_yz.curr {
    background-image: url(../images/c_yz_cur.png)
}

.main .career .left .btn_ys {
    top: 557px;
    left: 37px;
    background-image: url(../images/c_ys_def.png)
}

.main .career .left .btn_ys:hover,
.main .career .left .btn_ys.curr {
    background-image: url(../images/c_ys_cur.png)
}

.main .career .left .role {
    position: absolute;
    z-index: 2
}

.main .career .left .role.qs_male {
    left: 50px
}

.main .career .left .role.ls_male {
    top: -200px;
    left: -100px
}

.main .career .left .role.fs_male {
    top: -68px;
    left: -55px
}

.main .career .left .role.yz_male {
    left: 0;
    top: -100px
}

.main .career .left .role.ys_male {
    top: -50px;
    left: 0
}

.main .career .left .role.qs_female {
    left: -200px;
    top: -50px
}

.main .career .left .role.ls_female {
    left: -300px;
    top: -100px
}

.main .career .left .role.fs_female {
    left: -100px;
    top: -100px
}

.main .career .left .role.yz_female {
    top: -100px
}

.main .career .left .role.ys_female {
    left: 50px
}

.main .career .left .gif {
    width: 223px;
    height: 223px;
    background-image: url(../images/c_gif_bg.png);
    position: absolute;
    top: 487px;
    left: 525px;
    z-index: 3
}

.main .career .left .gif img {
    width: 223px
}

.main .career .right {
    width: 353px;
    height: 687px;
    position: relative
}

.main .career .right .location {
    font-size: 20px;
    color: #333;
    text-align: center;
    margin: 260px 0 50px;
    position: relative;
    z-index: 2
}

.main .career .right .desc {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    position: relative;
    z-index: 2
}

.main .career .right img {
    position: absolute;
    top: 0;
    left: 0
}

.main .switch {
    width: 50px;
    height: 152px;
    position: absolute;
    top: 50%;
    margin-top: -152px;
    right: 0;
    cursor: pointer
}

.main .switch.boy {
    background-image: url(../images/sex_choose_b.png)
}

.main .switch.girl {
    background-image: url(../images/sex_choose_g.png)
}

.pop {
    position: fixed;
    background-color: rgba(0, 0, 0, .8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    display: none
}

.pop.active {
    display: block;
    -webkit-animation: fadeIn .3s ease;
    -moz-animation: fadeIn .3s ease;
    -ms-animation: fadeIn .3s ease;
    animation: fadeIn .3s ease
}

.pop .pop-ksyy {
    width: 677px;
    height: 788px;
    left: 50%;
    margin-left: -338.5px;
    background: url(../images/ksyybg.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    margin-top: -431.5px;
    display: none;
    opacity: 0;
    transition: all linear .3s
}

.pop .pop-ksyy.active {
    display: block;
    -webkit-animation: fadeIn .5s linear;
    -moz-animation: fadeIn .5s linear;
    -ms-animation: fadeIn .5s linear;
    animation: fadeIn .5s linear;
    animation-fill-mode: forwards
}

.pop .pop-ksyy .close {
    width: 91px;
    height: 96px;
    background: url(../images/pop_order_close.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: -77px;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.pop .pop-ksyy .close:hover {
    opacity: .8
}

.pop .pop-ksyy .ksyy-form {
    width: 350px;
    position: absolute;
    left: 50%;
    top: 15.439918%;
    margin-left: -175px
}

.pop .pop-ksyy .ksyy-form li {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 20px
}

.pop .pop-ksyy .ksyy-form .tab-btn {
    display: block;
    width: 50%;
    height: 20px;
    line-height: 20px;
    box-sizing: border-box;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #a08f7f;
    font-size: 21px;
    letter-spacing: 1px;
    position: relative
}

.pop .pop-ksyy .ksyy-form .tab-btn::before {
    display: none;
    content: '';
    clear: both;
    width: 97px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -48px;
    margin-top: -3.5px;
    background-repeat: no-repeat
}

.pop .pop-ksyy .ksyy-form .tab-btn.left {
    border-right: 1px solid #915b27
}

.pop .pop-ksyy .ksyy-form .tab-btn.left::before {
    background-image: url(../images/ysyy_tit_shape.png)
}

.pop .pop-ksyy .ksyy-form .tab-btn.right::before {
    width: 137px;
    margin-left: -68px;
    background-image: url(../images/ysyy_tit_shape2.png)
}

.pop .pop-ksyy .ksyy-form .tab-btn.select {
    color: #915b27
}

.pop .pop-ksyy .ksyy-form .tab-btn.select::before {
    display: block
}

.pop .pop-ksyy .ksyy-form input {
    height: 45px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 70px;
    color: gray;
    outline: 0;
    border: 0
}

.pop .pop-ksyy .ksyy-form #js_gameorder_phone {
    background-image: url(../images/input_moblie.png);
    background-size: 100% 100%;
    background-color: transparent
}

.pop .pop-ksyy .ksyy-form input:required {
    box-shadow: none
}

.pop .pop-ksyy .ksyy-form .error-tip {
    height: auto !important;
    position: absolute;
    bottom: 1px;
    font-size: 14px;
    left: 0
}

.pop .pop-ksyy .ksyy-form #js_gameorder_code {
    width: 100%;
    background-image: url(../images/input_code.png);
    background-size: 100% 100%;
    background-color: transparent
}

.pop .pop-ksyy .ksyy-form #js_gameorder_email {
    width: 100%;
    background-image: url(../images/input_email.png);
    background-size: 100% 100%;
    background-color: transparent
}

.pop .pop-ksyy .ksyy-form #js_gameorder_sms {
    position: absolute;
    width: 125px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #d1b18b;
    color: #fff;
    right: 0;
    top: 0;
    border-radius: 20px
}

.pop .pop-ksyy .ksyy-form .confirm-btn {
    display: block;
    width: 294px;
    height: 107px;
    background: url(../images/btn_order2.png) no-repeat;
    font-size: 0;
    position: absolute;
    bottom: -360px;
    left: 50%;
    transform: translateX(-50%)
}

.pop .pop-ksyy .ksyy-form .confirm-btn:hover {
    opacity: .8
}

.pop .pop-ksyy .ksyy-form .area-btn {
    display: block;
    float: left;
    width: 150px;
    height: 100%
}

.pop .pop-ksyy .ksyy-form .error-tip {
    display: block;
    height: 30px;
    color: red;
    font-weight: 700;
    margin-top: 10px
}

.pop .pop-ksyy .ksyy-form .error-tip b {
    font-size: 0
}

.pop .pop-ksyy .ksyy-form .yidun_control {
    height: 30px !important;
    border-radius: 15px !important;
    border: 0 !important;
    margin-bottom: 5px;
    background: #d1b18b !important;
    background-size: 100% auto !important
}

.pop .pop-ksyy .ksyy-form .yidun_tips__icon {
    width: 17px !important;
    height: 17px !important;
    background-image: url(../images/yidun_icon.png) !important;
    background-position: 0 0 !important;
    background-size: 17px 17px !important
}

.pop .pop-ksyy .ksyy-form .yidun_slide_indicator {
    border-radius: 15px !important;
    height: 30px !important
}

.pop .pop-ksyy .ksyy-form .yidun_slider {
    border-radius: 50% !important;
    height: 46px;
    width: 46px !important;
    cursor: pointer;
    top: 50%;
    margin-top: -23px;
    background: url(../img/slider.png) no-repeat center !important;
    background-size: 100% auto;
    background-color: none !important;
    z-index: 10
}

.pop .pop-ksyy .ksyy-form .yidun_slider .yidun_slider__icon {
    display: none
}

.pop .pop-ksyy .ksyy-form .yidun_tips {
    height: 30px;
    line-height: 30px !important;
    position: relative
}

.pop .pop-ksyy .ksyy-form .yidun_tips__text {
    height: 30px;
    line-height: 30px !important
}

.pop .pop-ksyy .ksyy-form #js_gameorder_phone_list {
    display: none !important
}

.pop .pop-ksyy .ksyy-form #js_gameorder_phone_btn {
    display: none
}

.pop .pop-ksyy .email-list {
    width: 350px;
    position: absolute;
    left: 40.625%;
    top: 360px;
    max-height: 120px;
    overflow: hidden;
    z-index: 20;
    display: none
}

.pop .pop-ksyy .email-list li {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    color: gray;
    background-color: #fff;
    text-align: center;
    transition: all ease .3s
}

.pop .pop-ksyy .email-list li:not(:last-of-type) {
    border-bottom: 1px solid #ccc
}

.pop .pop-ksyy .email-list li:hover {
    cursor: pointer;
    background: #fa5064;
    color: #fff
}

.pop .pop-tips {
    width: 599px;
    height: 512px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -256px;
    display: none;
    opacity: 0;
    background-image: url(../images/pop_tips.png)
}

.pop .pop-tips.active {
    display: block;
    -webkit-animation: fadeIn .5s linear;
    -moz-animation: fadeIn .5s linear;
    -ms-animation: fadeIn .5s linear;
    animation: fadeIn .5s linear;
    animation-fill-mode: forwards
}

.pop .pop-tips .btn-sure {
    display: block;
    width: 294px;
    height: 79px;
    background-image: url(../images/pop_btn_sure.png);
    margin: 336px auto 0
}

.pop .pop-tips .close {
    width: 91px;
    height: 96px;
    background: url(../images/pop_order_close.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: -77px;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.pop .pop-tips .close:hover {
    opacity: .8
}

.pop .pop-yycg {
    width: 1920px;
    height: 542px;
    background: url(../images/yycgbg.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 48%;
    transform: translateY(-50%);
    display: none;
    opacity: 0;
    transition: all linear .3s
}

.pop .pop-yycg.active {
    display: block;
    -webkit-animation: fadeIn .5s linear;
    -moz-animation: fadeIn .5s linear;
    -ms-animation: fadeIn .5s linear;
    animation: fadeIn .5s linear;
    animation-fill-mode: forwards
}

.pop .pop-yycg .close {
    width: 109px;
    height: 109px;
    background: url(../images/popclose.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -55px;
    bottom: -102px;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out
}

.pop .pop-yycg .close:hover {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.pop .pop-yycg .info {
    position: absolute;
    left: 50%;
    margin-left: -206px;
    margin-top: 190px;
    color: #fff;
    font-size: 16px
}

.pop .pop-yycg .qr-codes {
    width: 322px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -160px
}

.pop .pop-yycg .qr-codes .qr-containe {
    float: left;
    width: 140px
}

.pop .pop-yycg .qr-codes .qr-containe .img-containe {
    width: 135px;
    height: 135px;
    background: url(../images/qrcodebg.png) no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: 5px;
    position: relative
}

.pop .pop-yycg .qr-codes .qr-containe .img-containe img {
    width: 100%;
    height: 100%;
    text-indent: -999999px
}

.pop .pop-yycg .qr-codes .qr-containe .img-containe::before {
    content: '';
    position: absolute;
    width: 125px;
    left: 5px;
    right: 5px;
    top: 5px;
    height: 2px;
    background-color: #e23a3f;
    -webkit-animation: scanLine 3s 0s linear infinite alternate;
    -moz-animation: scanLine 3s 0s linear infinite alternate;
    -ms-animation: scanLine 3s 0s linear infinite alternate;
    animation: scanLine 3s 0s linear infinite alternate
}

.pop .pop-yycg .qr-codes .qr-containe p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    width: 140px
}

.pop .pop-yycg .qr-codes .qr-containe:last-of-type {
    margin-left: 40px
}

.video {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, .7);
    display: none
}

.video #video {
    position: absolute;
    width: 900px;
    height: 500px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.video .close {
    display: block;
    position: absolute;
    width: 45px;
    height: 45px;
    left: 50%;
    top: 50%;
    margin-left: 360px;
    margin-top: -250px;
    background: url(../images/close.png) no-repeat center;
    transition: all .3s ease-in-out
}

.video .close:hover {
    transform: rotate(90deg)
}

.prize-jc {
    width: 430px;
    height: 95px;
    margin: 50px 0 0 80px;
    display: flex;
    justify-content: space-between
}

.prize-jc-title {
    width: 58px;
    height: 64px;
    margin-top: 5px;
    background-image: url(../images/prize_txt1.png)
}

.prize-jc .jc-item {
    width: 75px;
    height: 100%
}

.prize-jc .jc-item img {
    width: 100%
}

.prize-jc .jc-item p {
    font-size: 14px;
    color: #64513e;
    text-align: center;
    white-space: nowrap
}

.prize-jc .prize-img1 {
    width: 70px
}

.prize-jc.przie-jc-slogan {
    float: left
}

.prize-jc.przie-jc-pop {
    position: absolute;
    top: 316px;
    margin-left: 120px
}

.prize-gj {
    width: 330px;
    height: 95px;
    margin: 50px 0 0 80px;
    display: flex;
    justify-content: space-between
}

.prize-gj-title {
    width: 58px;
    height: 64px;
    margin-top: 5px;
    background-image: url(../images/prize_txt2.png)
}

.prize-gj .gj-item {
    width: 89px;
    height: 100%
}

.prize-gj .gj-item img {
    width: 100%
}

.prize-gj .gj-item p {
    font-size: 14px;
    color: #64513e;
    text-align: center;
    white-space: nowrap
}

.prize-gj .prize-img1 {
    width: 70px
}

.prize-gj.przie-gj-slogan {
    float: left
}

.prize-gj.przie-gj-pop {
    position: absolute;
    top: 436px;
    margin-left: 120px
}

.new-order-ctn {
    width: 677px;
    height: 788px;
    left: 50%;
    background: url(../images/ksyybg2.png) no-repeat;
    background-size: 100% auto;
    padding: 0
}

.new-order-ctn .header-title {
    display: none
}

.new-order-ctn .order-ctn {
    text-align: center;
    margin-top: 160px
}

.new-order-ctn .order-ctn .qrcode {
    float: none;
    margin: 0 auto
}

.new-order-ctn .order-ctn .more-fun {
    position: absolute;
    left: 50%;
    transform: translateX(-48%);
    bottom: 90px;
    margin: 0
}

.new-order-ctn .order-ctn.phone-ctn {
    width: 350px;
    margin: 135px auto 0;
    position: relative;
    left: -4px;
    float: none
}

.new-order-ctn .order-ctn.phone-ctn .os-select {
    width: 100%;
    margin: 0 0 30px
}

.new-order-ctn .order-ctn.phone-ctn .os-select .line {
    display: none
}

.new-order-ctn .order-ctn.phone-ctn .os-select .os-radio {
    display: block;
    width: 50%;
    height: 20px;
    box-sizing: border-box;
    float: left;
    position: relative
}

.new-order-ctn .order-ctn.phone-ctn .os-select .os-radio span {
    display: block;
    width: 100%;
    height: 100%;
    color: #a08f7f;
    font-size: 21px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 20px
}

.new-order-ctn .order-ctn.phone-ctn .os-select .os-radio i {
    display: none
}

.new-order-ctn .order-ctn.phone-ctn .os-select .os-radio::before {
    display: none;
    content: '';
    clear: both;
    width: 97px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -48px;
    margin-top: -3.5px;
    background-repeat: no-repeat
}

.new-order-ctn .order-ctn.phone-ctn .os-select .os-radio:first-child {
    border-right: 1px solid #915b27
}

.new-order-ctn .order-ctn.phone-ctn .os-select .os-radio:first-child::before {
    background-image: url(../images/ysyy_tit_shape.png)
}

.new-order-ctn .order-ctn.phone-ctn .os-select .os-radio:last-child::before {
    width: 137px;
    margin-left: -68px;
    background-image: url(../images/ysyy_tit_shape2.png)
}

.new-order-ctn .order-ctn.phone-ctn .os-select .os-radio.selected span {
    color: #915b27
}

.new-order-ctn .order-ctn.phone-ctn .os-select .os-radio.selected::before {
    display: block
}

.new-order-ctn .order-ctn.phone-ctn .input {
    border: 0;
    background: transparent;
    width: 100%;
    height: 45px;
    margin-bottom: 20px
}

.new-order-ctn .order-ctn.phone-ctn .input input {
    height: 45px;
    width: 100%;
    box-sizing: border-box;
    padding-left: 70px;
    color: gray;
    outline: 0;
    border: 0;
    margin: 0
}

.new-order-ctn .order-ctn.phone-ctn .input #js_neworder_phone {
    background-image: url(../images/input_moblie.png);
    background-size: 100% 100%;
    background-color: transparent
}

.new-order-ctn .order-ctn.phone-ctn .input #js_neworder_code {
    width: 100%;
    background-image: url(../images/input_code.png);
    background-size: 100% 100%;
    background-color: transparent
}

.new-order-ctn .order-ctn.phone-ctn .input#js_neworder_captcha {
    height: 30px
}

.new-order-ctn .order-ctn.phone-ctn .input .yidun_control {
    height: 30px !important;
    border-radius: 15px !important;
    border: 0 !important;
    margin-bottom: 5px;
    background: #d1b18b !important;
    background-size: 100% auto !important
}

.new-order-ctn .order-ctn.phone-ctn .input .yidun_tips__icon {
    width: 17px !important;
    height: 17px !important;
    background-image: url(../images/yidun_icon.png) !important;
    background-position: 0 0 !important;
    background-size: 17px 17px !important
}

.new-order-ctn .order-ctn.phone-ctn .input .yidun_slide_indicator {
    border-radius: 15px !important;
    height: 30px !important
}

.new-order-ctn .order-ctn.phone-ctn .input .yidun_slider {
    border-radius: 50% !important;
    height: 46px;
    width: 46px !important;
    cursor: pointer;
    top: 50%;
    margin-top: -23px;
    background: url(../img/slider.png) no-repeat center !important;
    background-size: 100% auto;
    background-color: none !important;
    z-index: 10
}

.new-order-ctn .order-ctn.phone-ctn .input .yidun_slider .yidun_slider__icon {
    display: none
}

.new-order-ctn .order-ctn.phone-ctn .input .yidun_tips {
    height: 30px;
    line-height: 30px !important;
    position: relative
}

.new-order-ctn .order-ctn.phone-ctn .input .yidun_tips__text {
    height: 30px;
    line-height: 30px !important
}

.new-order-ctn .order-ctn.phone-ctn .verify-btn {
    position: absolute;
    width: 125px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #d1b18b;
    color: #fff;
    right: 0;
    top: 165px;
    border-radius: 20px;
    border: 0
}

.new-order-ctn .order-ctn.phone-ctn .order-btn {
    display: block;
    width: 294px;
    height: 107px;
    background: url(../images/btn_order2.png) no-repeat;
    font-size: 0;
    position: absolute;
    bottom: -580px;
    left: 50%;
    transform: translateX(-50%)
}

.new-order-ctn .order-ctn.phone-ctn .order-btn.disabled {
    opacity: .8;
    filter: opacity(80)
}

.new-order-ctn .order-ctn.phone-ctn .more-fun {
    bottom: -595px
}

.new-order-ctn .close-btn {
    width: 91px;
    height: 96px;
    background: url(../images/pop_order_close.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: -77px;
    border: 0;
    left: auto;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    transform: rotate(0)
}

.new-order-ctn .close-btn:hover {
    opacity: .8;
    transform: rotate(0)
}

#btn_cadpa_tips {
    position: absolute;
    left: 50%;
    margin-left: 278px;
    top: 695px;
    width: 76px;
    height: 97px;
    background: url(../images/btn-cadpa.png) no-repeat center;
    cursor: pointer;
    z-index: 7
}

#layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 9999
}

#popCadpa {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    margin: -386.5px 0 0 -451.5px;
    width: 903px;
    height: 773px;
    background: url(../images/pop-cadpa.png) no-repeat center
}

#popCadpa .cadpa-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 50px 34px 10px
}

#popCadpa .cadpa-wrap .cadpa-box {
    width: 100%;
    overflow: hidden
}

#popCadpa h3 {
    position: relative;
    font-size: 22px;
    line-height: 30px;
    color: #edf6ff;
    text-align: center;
    font-weight: 700;
    margin: 0 auto 32px;
    height: 74px;
    background: url(../images/pop-cadpa-tit.jpg) no-repeat center
}

#popCadpa .text-age {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-align: justify;
    word-break: break-all
}

#popCadpa .text-age p {
    font-size: 16px;
    line-height: 28px;
    color: #68391a;
    text-indent: 1.5em;
    margin-top: 28px
}

#popCadpa .text-age p:first-child {
    margin-top: 0
}

#popCadpa .text-age p span {
    display: block
}

#popCadpa .text-age p a {
    color: #68391a;
    text-decoration: none
}

#popCadpa .pop-close {
    position: absolute;
    width: 50px;
    height: 47px;
    top: 2px;
    right: -58px;
    z-index: 5;
    background: url(../images/pop-cadpa-close.png) no-repeat center
}

#popCadpa .nicescroll-rails {
    background: #e3dace;
    border-radius: 4px
}