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

body {
    padding: 0;
    margin: 0;
    background: #000
}

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

li {
    list-style: none
}

textarea {
    overflow: auto;
    resize: none
}

input {
    outline: 0
}

a,
button {
    cursor: pointer
}

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

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

body,
button,
input,
textarea {
    color: #62a1c9
}

body,
html {
    width: 100%;
    min-height: 930px;
    height: auto;
    font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
    background: #fff
}

#NIE-topBar {
    width: 100%;
    min-width: 1420px!important;
    height: 55px;
    z-index: 60!important
}

#NIE-topBar #NIE-topBar-main {
    z-index: 60!important
}

#NIE-copyRight {
    width: 100%;
    min-width: 1420px;
    background: #000;
    margin-top: -1px
}

#NIE-copyRight a,
#NIE-copyRight p,
#NIE-copyRight span {
    color: #fff
}

video {
    position: absolute;
    left: 50%;
    top: 0 px;
    transform: translate(-50%);
    object-fit: contain;
    overflow: hidden;
}

#NIE-copyRight #ncp-l3 {
    display: inline-block
}

.hide {
    display: none
}

.zzc {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.zzc.on {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: 9998
}

@-webkit-keyframes fd {
    0% {
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -o-transform: translate(-15px, 0);
        -webkit-transform: translate(-15px, 0);
        -moz-transform: translate(-15px, 0);
        -ms-transform: translate(-15px, 0);
        transform: translate(-15px, 0);
        -webkit-opacity: .45;
        -moz-opacity: .45;
        opacity: .45;
        filter: alpha(opacity=45)
    }
}

@-moz-keyframes fd {
    0% {
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -o-transform: translate(-15px, 0);
        -webkit-transform: translate(-15px, 0);
        -moz-transform: translate(-15px, 0);
        -ms-transform: translate(-15px, 0);
        transform: translate(-15px, 0);
        -webkit-opacity: .45;
        -moz-opacity: .45;
        opacity: .45;
        filter: alpha(opacity=45)
    }
}

@-ms-keyframes fd {
    0% {
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -o-transform: translate(-15px, 0);
        -webkit-transform: translate(-15px, 0);
        -moz-transform: translate(-15px, 0);
        -ms-transform: translate(-15px, 0);
        transform: translate(-15px, 0);
        -webkit-opacity: .45;
        -moz-opacity: .45;
        opacity: .45;
        filter: alpha(opacity=45)
    }
}

@-o-keyframes fd {
    0% {
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -o-transform: translate(-15px, 0);
        -webkit-transform: translate(-15px, 0);
        -moz-transform: translate(-15px, 0);
        -ms-transform: translate(-15px, 0);
        transform: translate(-15px, 0);
        -webkit-opacity: .45;
        -moz-opacity: .45;
        opacity: .45;
        filter: alpha(opacity=45)
    }
}

@keyframes fd {
    0% {
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -o-transform: translate(-15px, 0);
        -webkit-transform: translate(-15px, 0);
        -moz-transform: translate(-15px, 0);
        -ms-transform: translate(-15px, 0);
        transform: translate(-15px, 0);
        -webkit-opacity: .45;
        -moz-opacity: .45;
        opacity: .45;
        filter: alpha(opacity=45)
    }
}

body,
html {
    background-color: #000;
    font-family: "microsoft yahei"
}

h1 {
    font-size: 0;
    width: 100%;
    height: 0;
    overflow: hidden
}

.wrap {
    overflow: hidden;
    max-width: 1920px;
    min-width: 1420px;
    height: auto;
    margin: 0 auto;
    position: relative;
    /* background: url(../images/bg.jpg) no-repeat center top */
}

.wrap .page {
    position: relative;
    padding-top: 1px;
    margin-top: -1px
}

.wrap .header {
    max-width: 1920px;
    min-width: 1420px;
    height: 1081px;
    margin: 0 auto;
    background: url(../images/bj_01.jpg);
    position: relative;
    z-index: 30
}

.wrap .header .logo {
    width: 220px;
    height: 105px;
    position: absolute;
    top: 25px;
    left: 18px;
    z-index: 5
}

.wrap .header .logo img {
    width: 220px;
    height: auto
}

.wrap .header .logo img:nth-child(2) {
    width: 111px;
    position: absolute;
    top: -25px;
    right: -124px
}

.wrap .header .to-gw:hover {
    opacity: .8
}


/* .wrap .header .video-btn {
    width: 85px;
    height: 85px;
    background: url(https://sd.res.netease.com/m/fab/20210902181102/img/video_btn_152fe8b.png) no-repeat;
    position: absolute;
    top: 863px;
    left: 50%;
    margin-left: 465px;
    display: block;
    animation: video_btn_anime 2s infinite linear
} */


/* .wrap .header .slogan {
    width: 710px;
    height: 408px;
    background: url(../images/logo.png) no-repeat;
    position: absolute;
    bottom: 280px;
    left: 50%;
    -webkit-transform: translateX(-340px);
    -moz-transform: translateX(-340px);
    -ms-transform: translateX(-340px);
    -o-transform: translateX(-340px);
    transform: translateX(-340px)
} */

.wrap .header .downBox {
    width: 238px;
    height: 452px;
    background: url(../images/down_bg_017e928.png) no-repeat;
    position: fixed;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    box-sizing: border-box;
    z-index: 81;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.wrap .header .downBox.hiden {
    left: -230px
}

.wrap .header .downBox.hiden .btnChoose {
    background: url(../images/btn_show_75d6171.png)
}

.wrap .header .downBox .NIE-qrcod {
    width: 190px;
    height: 190px;
    /* background: #fff; */
    margin: 23px 23px 0;
    border-radius: 10px;
    position: relative
}

.wrap .header .downBox .NIE-qrcode p {
    font-size: 20px;
    color: #0b0402;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px
}

.wrap .header .downBox .NIE-qrcod img {
    width: 190px;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-left: -23px;
}

.wrap .header .downBox .NIE-qrcode i {
    width: 168px;
    height: 8px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/guang_c6b6007.html) no-repeat;
    display: block;
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -84px;
    -webkit-animation: guide 3s linear .1s infinite 300ms 0 ease;
    -moz-animation: guide 3s linear .1s infinite 300ms 0 ease;
    -ms-animation: guide 3s linear .1s infinite 300ms 0 ease;
    animation: guide 3s linear .1s infinite 300ms 0 ease;
    -moz-animation: guide 3s linear .1s infinite;
    -webkit-animation: guide 3s linear .1s infinite;
    -o-animation: guide 3s linear .1s infinite;
    -ms-animation: guide 3s linear .1s infinite;
    animation: guide 3s linear .1s infinite
}

.wrap .header .downBox a {
    width: 193px;
    height: 57px;
    display: block;
    margin: 10px 23px 0;
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.wrap .header .scdown {
    position: absolute;
    width: 700px;
    height: 200px;
    left: 50%;
    bottom: 130px;
    left: 50%;
    -webkit-transform: translateX(-380px);
    -moz-transform: translateX(-380px);
    -ms-transform: translateX(-380px);
    -o-transform: translateX(-380px);
    transform: translateX(-380px);
}

.wrap .header .scdown .playdown {
    width: 370px;
    height: 110px;
    position: absolute;
    background: url(../images/down.png) no-repeat;
    animation: key_updown 3s infinite alternate;
    -webkit-animation: key_updown 3s infinite alternate;
    -ms-animation: key_updown 3s infinite alternate;
}

.wrap .header .mask {
    width: 1920px;
    height: 200px;
    position: absolute;
    background: url(../images/mask.png)no-repeat;
    bottom: 0;
    z-index: 30;
}

@keyframes key_updown {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -30px, 0);
    }
}

.wrap .header .scdown .playdown:hover {
    background: url(../images/down1.png) no-repeat;
}

.wrap .header .scdown .playcz {
    width: 370px;
    height: 110px;
    position: absolute;
    margin-left: 380px;
    background: url(../images/cz.png) no-repeat;
    animation: key_downup 3s infinite alternate;
    -webkit-animation: key_downup 3s infinite alternate;
    -ms-animation: key_downup 3s infinite alternate;
}

@keyframes key_downup {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -30px, 0);
    }
}

.wrap .header .scdown .playcz:hover {
    background: url(../images/cz1.png)no-repeat;
}

.wrap .header .downBox a:hover {
    opacity: .9
}

.wrap .header .downBox .link-apple {
    background: url(../images/leftbtn1.png) no-repeat center
}

.wrap .header .downBox .link-android {
    background: url(../images/leftbtn2.png) no-repeat center
}

.wrap .header .downBox .pcdl {
    background: url(../images/leftbtn3.png) no-repeat center
}

.wrap .header .downBox .btnChoose {
    width: 33px;
    height: 159px;
    background: url(../images/btn_close_496fc21.png) no-repeat;
    position: absolute;
    top: 5px;
    left: 230px;
    z-index: 6;
    cursor: pointer
}

.wrap .header .downBox .btnChoose:hover {
    -o-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    filter: alpha(opacity=90)
}

.wrap .header .downBox .btnChoose.show {
    background: url(../images/btn_show_75d6171.png)
}

.wrap .pg1 {
    background: url(../images/bg_02.jpg) no-repeat;
    height: 883px;
    z-index: 20
}

.wrap .pg2 {
    background: url(../images/bj_03.png) no-repeat;
    height: 915px;
}

.wrap .pg4 {
    background: url(../images/bj_04.png) no-repeat;
    height: 915px;
}

.wrap .pg5 {
    background: url(../images/bj_05.png) no-repeat;
    height: 1020px;
}

.wrap .pg3 {
    background: url(../images/bj_06.png) no-repeat;
    height: 870px;
}

.wrap .pg3 .tit3 {
    top: -60px
}

.wrap .pg3 .p3Swiper {
    width: 1230px;
    height: 642px;
    margin: 188px auto 0;
    overflow: hidden
}

.wrap .pg3 .p3Swiper .swiper-slide {
    width: 996px;
    position: relative
}

.wrap .pg3 .p3Swiper .swiper-wrapper img {
    width: 986px;
    height: 545px;
    display: block;
    border-radius: 20px;
    margin: .28rem auto
}

.wrap .pg3 .p3-prev,
.wrap .pg3 .p3-next {
    width: 114px;
    height: 75px;
    position: absolute;
    top: 450px;
    left: 50%;
    cursor: pointer;
    -o-transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.wrap .pg3 .p3-prev:hover,
.wrap .pg3 .p3-next:hover {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6;
    filter: alpha(opacity=60)
}

.wrap .pg3 .p3-prev {
    background: url(../images/p3_prev_8e2fae4.png) no-repeat;
    margin-left: -750px
}

.wrap .pg3 .p3-next {
    background: url(../images/p3_next_ebf0e07.png) no-repeat;
    margin-left: 675px
}

.wrap .pg3 .p3-pagi {
    font-size: 0;
    text-align: center;
    margin-top: -40px;
    position: relative;
    z-index: 20
}

.wrap .pg3 .p3-pagi .swiper-pagination-bullet {
    width: 55px;
    height: 55px;
    padding: 11.5px;
    background: url(../images/p3_pagi_998ae32.html\ .png) center center no-repeat;
    border: 0;
    border-radius: 0;
    margin-left: 69px;
    opacity: 1!important
}

.wrap .pg3 .p3-pagi .swiper-pagination-bullet:first-child {
    margin: 0
}

.wrap .pg3 .p3-pagi .swiper-pagination-bullet:hover {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.wrap .pg3 .p3-pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 78px;
    height: 78px;
    background: url(../images/p3_pagi_a_c8d84ed.png) no-repeat;
    padding: 0
}

.share-line {
    width: 530px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: absolute;
    bottom: 75px;
    left: 50%;
    margin-left: -265px
}

.share-line p {
    font-size: 38px;
    line-height: 58px;
    color: #477890;
    user-select: none
}

.share-line a {
    width: 58px;
    height: 58px;
    display: block;
    margin: 0 3px;
    position: relative
}

.share-line a:hover {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.tit {
    width: auto;
    height: 82px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.tit img {
    height: auto
}

@-webkit-keyframes guide {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    50% {
        -webkit-transform: translateY(160px);
        -moz-transform: translateY(160px);
        -ms-transform: translateY(160px);
        -o-transform: translateY(160px);
        transform: translateY(160px);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes guide {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    50% {
        -webkit-transform: translateY(160px);
        -moz-transform: translateY(160px);
        -ms-transform: translateY(160px);
        -o-transform: translateY(160px);
        transform: translateY(160px);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-ms-keyframes guide {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    50% {
        -webkit-transform: translateY(160px);
        -moz-transform: translateY(160px);
        -ms-transform: translateY(160px);
        -o-transform: translateY(160px);
        transform: translateY(160px);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-o-keyframes guide {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    50% {
        -webkit-transform: translateY(160px);
        -moz-transform: translateY(160px);
        -ms-transform: translateY(160px);
        -o-transform: translateY(160px);
        transform: translateY(160px);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes guide {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    50% {
        -webkit-transform: translateY(160px);
        -moz-transform: translateY(160px);
        -ms-transform: translateY(160px);
        -o-transform: translateY(160px);
        transform: translateY(160px);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes video_btn_anime {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes video_btn_anime2 {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.pop.on {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 81
}

.pop .videoPop {
    width: 800px;
    height: 510px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.pop .videoPop.on {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 82
}

.pop .videoPop .videoBox {
    width: 800px;
    height: 450px
}

.pop .videoPop .videoBox video {
    width: 800px
}

.pop .videoPop .close {
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    top: -60px;
    right: -80px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/close_982a2ac.html) no-repeat;
    -o-transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    cursor: pointer
}

.pop .videoPop .close:hover {
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pop .areaPop {
    width: 906px;
    height: 480px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/areaPop_baa7768.html) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1
}

.pop .areaPop.on {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 82
}

.pop .areaPop .close {
    width: 45px;
    height: 44px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/close2_2a96ccf.html) no-repeat;
    position: absolute;
    top: 0;
    right: -56px;
    -o-transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    -ms-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    cursor: pointer
}

.pop .areaPop .close:hover {
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pop .areaPop .tit {
    width: 100%;
    font-family: SourceHanSansCN-Bold;
    height: 30px;
    text-align: center;
    margin-top: 28px;
    position: relative
}

.pop .areaPop .tit p {
    font-size: 26px;
    line-height: 30px;
    color: #3f85a5;
    letter-spacing: -1.5px;
    text-align: justify;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pop .areaPop .tit p::after {
    content: '';
    width: 25px;
    height: 25px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/areaPop_before_4e99d37.html) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-25px, -50%);
    -moz-transform: translate(-25px, -50%);
    -ms-transform: translate(-25px, -50%);
    -o-transform: translate(-25px, -50%);
    transform: translate(-25px, -50%)
}

.pop .areaPop .tit p::before {
    content: '';
    width: 25px;
    height: 25px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/areaPop_before_4e99d37.html) no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(35px, -50%);
    -moz-transform: translate(35px, -50%);
    -ms-transform: translate(35px, -50%);
    -o-transform: translate(35px, -50%);
    transform: translate(35px, -50%)
}

.pop .areaPop .areaText {
    width: 791px;
    height: 384px;
    border: 1px solid rgba(63, 133, 165, .747);
    margin: 13px auto 0;
    padding: 0 0 20px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    position: relative
}

.pop .areaPop .areaText .areaSwiper {
    width: 758px;
    height: 353px
}

.pop .areaPop .areaText .areaSwiper .swiper-slide {
    width: 758px;
    height: auto;
    padding: 6px 30px 16px 40px;
    box-sizing: border-box
}

.pop .areaPop .areaText .areaSwiper .swiper-slide img {
    user-select: none;
    margin-top: 10px
}

.pop .areaPop .areaText .areaSwiper .swiper-slide p {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    margin-bottom: 18px;
    position: relative
}

.pop .areaPop .areaText .areaSwiper .swiper-slide p.text1::before {
    content: '1.';
    font-size: 14px;
    line-height: 18px;
    margin-left: -10px
}

.pop .areaPop .areaText .areaSwiper .swiper-slide p.text2::before {
    content: '2.';
    font-size: 14px;
    line-height: 18px;
    margin-left: -10px
}

.pop .areaPop .areaText .areaSwiper .swiper-slide p.text3::before {
    content: '3.';
    font-size: 14px;
    line-height: 18px;
    margin-left: -10px
}

.pop .areaPop .areaText .areaSwiper .swiper-slide p.text4::before {
    content: '4.';
    font-size: 14px;
    line-height: 18px;
    margin-left: -10px
}

.pop .areaPop .areaText .areaSwiper .swiper-scrollbar {
    display: block!important;
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 500;
    width: 0;
    border-radius: 0!important
}

.pop .areaPop .areaText .areaSwiper .swiper-scrollbar .swiper-scrollbar-drag {
    width: 13px;
    height: auto;
    border-radius: 0!important;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/t_scroll_16b4900.html) repeat-y;
    position: relative;
    margin-top: 6px
}

.pop .areaPop .areaText .areaSwiper .swiper-scrollbar .swiper-scrollbar-drag::before {
    content: '';
    width: 13px;
    height: 11px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/t_scroll_before_52101c3.html) no-repeat;
    position: absolute;
    top: -11px;
    left: 0
}

.pop .areaPop .areaText .areaSwiper .swiper-scrollbar .swiper-scrollbar-drag::after {
    content: '';
    width: 13px;
    height: 11px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/t_scroll_after_4eac49d.html) no-repeat;
    position: absolute;
    bottom: -11px;
    left: 0
}

body.on {
    overflow: hidden
}

@font-face {
    font-family: fzbwk;
    src: url(https://sd.res.netease.com/m/fab/20210902181102/data/fzyansjw.eot);
    src: url(https://sd.res.netease.com/m/fab/20210902181102/data/fzyansjw.eot?#iefix) format('embedded-opentype'), url(https://sd.res.netease.com/m/fab/20210902181102/data/FZYanSJW.ttf) format('trueType')
}

@font-face {
    font-family: fzbwkb;
    src: url(https://sd.res.netease.com/m/fab/20210902181102/data/fzyansjw_cu.eot);
    src: url(https://sd.res.netease.com/m/fab/20210902181102/data/fzyansjw_cu.eot?#iefix) format('embedded-opentype'), url(https://sd.res.netease.com/m/fab/20210902181102/data/FZYanSJW_Cu.ttf) format('trueType')
}

.btn-show {
    position: absolute;
    z-index: 60;
    right: 41px;
    top: 30px;
    width: 128px;
    height: 39px;
    font-size: 0;
    display: none
}

.btn-show.down {
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/btn-down_8e1de18.html) center no-repeat
}

.btn-show.up {
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/btn-up_a5c3409.html) center no-repeat
}

.btn-show.on {
    display: block
}

.yy-cont {
    position: fixed;
    z-index: 60;
    bottom: -167px;
    left: 50%;
    margin-left: -440px;
    width: 895px;
    height: 478px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/yy-bg_7dde630.html) center no-repeat;
    -o-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s
}

.yy-cont.on {
    -o-transform: translate(0, -167px);
    -webkit-transform: translate(0, -167px);
    -moz-transform: translate(0, -167px);
    -ms-transform: translate(0, -167px);
    transform: translate(0, -167px)
}

.yy-cont .btn-cc {
    position: absolute;
    left: 50%;
    bottom: 188px;
    margin-left: 215px;
    width: 100px;
    height: 34px
}

.yy-cont .btn-bilibili {
    position: absolute;
    left: 50%;
    bottom: 192px;
    margin-left: 330px;
    width: 70px;
    height: 32px
}

.yy-cont .btn-yy {
    position: absolute;
    left: 50%;
    bottom: 190px;
    margin-left: 0;
    width: 183px;
    height: 38px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/btn-yy_9c1a6e9.html) center no-repeat
}

.yy-cont .login-info {
    position: absolute;
    left: 50%;
    bottom: 185px;
    margin-left: -120px;
    font-size: 14px;
    width: 100px;
    text-align: center;
    color: #ffffa5;
    display: none
}

.yy-cont .login-info .btn-logOut {
    color: #ffffa5
}

.cont-all {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-family: fzbwk
}

.cont-all.on {
    z-index: 200;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.cont-all .cont-bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    -o-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
}

.cont-all .cont-bg.on {
    -o-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    background: rgba(0, 0, 0, .7)
}

.cont-all .cont-bg .alert-close {
    position: absolute;
    z-index: 20;
    width: 44px;
    height: 44px;
    right: -15px;
    top: -15px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/btn-close_14f7df1.html) center no-repeat;
    -o-transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
}

.cont-all .cont-bg .alert-close:hover {
    -o-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cont-all .cont-bg .pop-btn-cont {
    font-size: 0;
    text-align: center;
    width: 300px;
    margin: 25px auto 0
}

.cont-all .cont-bg .pop-btn {
    width: 142px;
    height: 41px;
    display: inline-block;
    margin: 0 4px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 41px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/btn-bg_5efc5e5.html) center no-repeat
}

.cont-all .cont-bg .pop-btn.bot {
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -71px
}

.cont-all .cont-bg .pop-all {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%
}

.cont-all .cont-bg .pop-all h5 {
    color: #672519;
    font-size: 24px;
    text-align: center;
    margin: 40px 0 20px;
    font-family: fzbwkb;
    font-weight: 400
}

.cont-all .cont-bg .pop-all p {
    color: #672519
}

.cont-all .cont-bg .pop-all #ascrail2000-hr {
    display: none!important
}

.cont-all .cont-bg .pop-all .input-cont {
    position: relative;
    width: 300px;
    height: 40px;
    margin: 18px auto 0;
    background: #fbc784
}

.cont-all .cont-bg .pop-all .input-cont.yzm {
    border-radius: 0 10px 10px 0
}

.cont-all .cont-bg .pop-all .input-cont .server-list {
    position: relative;
    margin-top: 3px;
    z-index: 5;
    width: 300px;
    display: none;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/list-bg_0d8aee9.html) center no-repeat
}

.cont-all .cont-bg .pop-all .input-cont .server-list ul {
    width: 100%;
    max-height: 155px;
    overflow: hidden
}

.cont-all .cont-bg .pop-all .input-cont .server-list ul li {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    height: 40px;
    font-size: 16px;
    color: #672519;
    line-height: 40px;
    cursor: pointer;
    border-bottom: dashed 1px #672519
}

.cont-all .cont-bg .pop-all .input-cont .server-list ul li:last-child {
    border-bottom: 0
}

.cont-all .cont-bg .pop-all .input-cont .server-list ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 8px;
    border-radius: 100%;
    border: solid 1px #672519
}

.cont-all .cont-bg .pop-all .input-cont .server-list ul li:hover {
    background: #fbc784
}

.cont-all .cont-bg .pop-all .input-cont .server-list ul li:hover:before {
    background: #672519
}

.cont-all .cont-bg .pop-all .input-cont input {
    width: 90%;
    height: 100%;
    display: block;
    border: 0;
    background: 0 0;
    color: #672519;
    margin: 0 auto
}

.cont-all .cont-bg .pop-all .input-cont input::-webkit-input-placeholder {
    color: #672519
}

.cont-all .cont-bg .pop-all .input-cont input::placeholder {
    color: #672519
}

.cont-all .cont-bg .pop-all .input-cont input:-moz-placeholder {
    color: #672519
}

.cont-all .cont-bg .pop-all .input-cont input:-ms-input-placeholder {
    color: #672519
}

.cont-all .cont-bg .pop-all .input-cont input:focus {
    outline: 0
}

.cont-all .cont-bg .pop-all .input-cont .btn-yzm {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    width: 130px;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 22px;
    color: #000;
    line-height: 40px
}

.cont-all .cont-bg .pop-all.pop-login {
    width: 372px;
    height: 329px;
    margin: -164.5px 0 0 -186px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/pop-login-bg_9b01a66.html)
}

.cont-all .cont-bg .pop-all.pop-login .tips {
    color: #2d221a;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 20px auto 0
}

.cont-all .cont-bg .pop-all.draw {
    width: 435px;
    height: 545px;
    margin: -272.5px 0 0 -217.5px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/pop-draw-bg_85be040.html)
}

.cont-all .cont-bg .pop-all.draw .draw-tips {
    width: 100%;
    height: 110px;
    overflow: hidden
}

.cont-all .cont-bg .pop-all.draw .draw-tips h5 {
    margin: 35px auto 15px
}

.cont-all .cont-bg .pop-all.draw .draw-tips p {
    font-size: 16px;
    text-align: center
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap {
    position: relative;
    width: 396px;
    height: 396px;
    margin: 19px auto
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -65.5px 0 0 -67px;
    width: 133px;
    height: 132px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/btn-draw_2cb0a2d.html)
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 0;
    top: 0
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award img {
    margin: 0 auto;
    display: block
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award p {
    color: #672519;
    font-size: 16px;
    position: absolute;
    font-weight: 700;
    bottom: 10px;
    width: 100%;
    text-align: center
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.current {
    background: #ffe5a7
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span1 {
    left: 0;
    top: 0
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span1 img {
    margin-top: -10px
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span2 {
    left: 133px;
    top: 0
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span2 img {
    margin-top: -10px
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span3 {
    left: 266px;
    top: 0
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span4 {
    left: 266px;
    top: 134px
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span5 {
    left: 266px;
    top: 268px
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span6 {
    left: 133px;
    top: 268px
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span7 {
    left: 0;
    top: 268px
}

.cont-all .cont-bg .pop-all.draw .lottery-wrap .lottery-award.lottery-span8 {
    left: 0;
    top: 134px
}

.cont-all .cont-bg .pop-all.getGift h5 {
    margin-top: 25px
}

.cont-all .cont-bg .pop-all.tips .bot {
    bottom: 50px
}

.cont-all .cont-bg .pop-all.tips,
.cont-all .cont-bg .pop-all.getGift {
    width: 360px;
    height: 205px;
    margin: -102.5px 0 0 -180px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/pop-tips-bg_64f7c74.html)
}

.cont-all .cont-bg .pop-all.tips p,
.cont-all .cont-bg .pop-all.getGift p {
    position: absolute;
    top: 46%;
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    color: #672519;
    font-size: 14px;
    line-height: 30px;
    text-align: center
}

.cont-all .cont-bg .pop-all.tips p.on,
.cont-all .cont-bg .pop-all.getGift p.on {
    top: 60%
}

.cont-all .cont-bg .pop-all.pop-bind {
    width: 372px;
    height: 329px;
    margin: -164.5px 0 0 -186px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/pop-login-bg_9b01a66.html)
}

.cont-all .cont-bg .pop-all.pop-bind h5 {
    margin-bottom: 15px
}

.cont-all .cont-bg .pop-all.pop-bind p {
    font-size: 12px;
    margin: 0 auto;
    width: 300px
}

.cont-all .cont-bg .pop-all.pop-bind .input-cont {
    margin: 8px auto 15px
}

.cont-all .cont-bg .pop-all.pop-bind .pop-btn-cont {
    margin-top: 35px
}

.cont-all .cont-bg .pop-all.bind-info {
    width: 372px;
    height: 329px;
    margin: -164.5px 0 0 -186px;
    background: url(../../sd.res.netease.com/m/fab/20210902181102/img/yycj/pop-login-bg_9b01a66.html)
}

.hide {
    display: none
}


/* new */


/* 1 */

.pg2 .w-1500 {
    position: relative;
    width: 1200px;
    margin-left: 358px;
}

.pg2 .pview {
    position: relative;
    display: block;
    width: 1200px;
}

.pg2 .items {
    display: block;
    position: absolute;
    margin-top: 317px;
}

.pg2 .items a {
    display: block;
    float: left;
    width: 50px;
    height: 80px;
    /* background: url(../images/011.png) left top no-repeat; */
    margin: 15px 35px;
    text-align: center;
    line-height: 80px;
}

.pg2 .items a img {
    display: inline-block;
    padding: 0;
    border: 0;
    vertical-align: middle;
    width: 55px;
}


/* 2 */

.pg4 .w-1500 {
    position: relative;
    width: 1200px;
    margin-left: 444px;
}

.pg4 .pview {
    position: relative;
    display: block;
    width: 1170px;
}

.pg4 .items {
    display: block;
    position: absolute;
    margin-top: 365px;
}

.pg4 .items a {
    display: block;
    float: left;
    width: 50px;
    height: 80px;
    /* background: url(../images/011.png) left top no-repeat; */
    margin: 15px 40px;
    text-align: center;
    line-height: 80px;
}

.pg4 .items a img {
    display: inline-block;
    padding: 0;
    border: 0;
    vertical-align: middle;
}

.pg4 .w-1400 {
    position: relative;
    width: 1200px;
    margin-left: 700px;
}

.pg4 .pviews {
    position: relative;
    display: block;
    width: 930px;
}

.pg4 .itemss {
    display: block;
    position: absolute;
    margin-top: 588px;
}

.pg4 .itemss a {
    display: block;
    float: left;
    width: 50px;
    height: 80px;
    /* background: url(../images/011.png) left top no-repeat; */
    margin: 15px 40px;
    text-align: center;
    line-height: 80px;
}

.pg4 .itemss a img {
    display: inline-block;
    padding: 0;
    border: 0;
    vertical-align: middle;
}


/* 3 */

.pg5 .w-1500 {
    position: relative;
    width: 1200px;
    margin-left: 361px;
}

.pg5 .pview {
    position: relative;
    display: block;
    width: 1200px;
}

.pg5 .items {
    display: block;
    position: absolute;
    margin-top: 365px;
}

.pg5 .items a {
    display: block;
    float: left;
    width: 50px;
    height: 80px;
    /* background: url(../images/011.png) left top no-repeat; */
    margin: 15px 35px;
    text-align: center;
    line-height: 80px;
}

.pg5 .items a img {
    display: inline-block;
    padding: 0;
    border: 0;
    vertical-align: middle;
    width: 49px;
    border-radius: 50px;
}

#preview {
    position: absolute;
    border: 1px solid #614635;
    background: #3c2116;
    padding: 5px;
    display: none;
    color: #fff;
}


/* footer*/

.footer {
    width: 1920px;
    height: 132px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/footer.jpg) center no-repeat;
}

.footleft {
    width: 250px;
    height: 90px;
    position: absolute;
    margin-left: 340px;
    margin-top: 25px;
}

.footleft a {
    width: 250px;
    height: 90px;
    display: block;
}

.footbox {
    width: 680px;
    height: 90px;
    position: absolute;
    margin-left: 615px;
    margin-top: 25px;
}

.footbox p {
    font-size: 12px;
    color: #ffffff;
}

.footright {
    width: 250px;
    height: 90px;
    position: absolute;
    margin-left: 1340px;
    margin-top: 25px;
}

.footright a {
    width: 250px;
    height: 90px;
    display: block;
}