body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {

    padding: 0;

    margin: 0
}



table {

    border-collapse: collapse;

    border-spacing: 0
}



fieldset,
img {

    border: 0
}



address,
caption,
cite,
code,
dfn,
em,
th,
var {

    font-weight: normal;

    font-style: normal
}



ol,
ul {

    list-style: none
}



caption,
th {

    text-align: left
}



h1,
h2,
h3,
h4,
h5,
h6 {

    font-weight: normal;

    font-size: 100%
}



q:before,
q:after {

    content: ''

}



abbr,
acronym {

    border: 0
}



a {

    text-decoration: none;

    outline: none;

    color: #fff
}



a:hover {

    color: #fff
}



a,
img {

    -webkit-touch-callout: none
}



a,
button,
input,
textarea,
div {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}



* {

    outline: none
}



img {

    -webkit-user-select: none
}



button {

    padding: 0;

    border: none
}



* {

    padding: 0;

    margin: 0;

    list-style: none
}



html,
body {

    width: 100%;

    height: 100%
}



body {

    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;

    margin: 0;

    overflow-x: hidden;

    font-size: 20px;

    font-family: FZCuYuan-M03S
}



.disnone {

    display: none
}



#container {

    position: relative;

    width: 1920px;

    min-width: 1920px;

}



#container .move_area {

    position: absolute;

    left: 0;

    top: 0;

    width: 1920px;

    height: 2119px;

    z-index: 90
}



#container .left_1 {

    left: 260px;

    top: 1090px;

    width: 59px;

    height: 52px;

    background: url("../../img/index/flow/left_1.png") no-repeat center
}



#container .left_2 {

    left: 165px;

    top: 1290px;

    width: 93px;

    height: 104px;

    background: url("../../img/index/flow/left_2.png") no-repeat center
}





#container .right_2 {

    right: 440px;

    top: 1080px;

    width: 78px;

    height: 71px;

    background: url("../../img/index/flow/right_2.png") no-repeat center
}



#container .right_3 {

    right: 60px;

    top: 1130px;

    width: 61px;

    height: 54px;

    background: url("../../img/index/flow/right_3.png") no-repeat center
}





#container .right_7 {

    right: 85px;

    top: 1935px;

    width: 104px;

    height: 106px;

    background: url("../../img/index/flow/right_7.png") no-repeat center
}



#container .bg {

    position: relative;

    margin-top: -1px;

    overflow: hidden
}



#container .layer {

    position: absolute;

    z-index: 90;

    background-size: 100% auto
}



#container .bg_01 {

    width: 1920px;

    height: 1080px;

    background: url("../../img/index/bg_01.jpg") no-repeat center;

    background-size: 100% auto;

}



#container .bg_01 .logo {

    position: absolute;

    left: 400px;

    top: 40px;

    width: 166px;

    height: 105px;

    background-size: 100% auto
}



#container .bg_01 .age_tip_btn {

    position: absolute;

    left: 1400px;

    top: 50px;

    width: 94px;

    height: 121px;

    background: url("../../img/index/age_tip_btn.png") no-repeat center;

    background-size: 100% auto;

    cursor: pointer
}









#container .tap_down {

    position: absolute;
    left: 1060px;
    top: 900px;

    width: 20%;

    height: 126px;
    z-index: 99;
    cursor: pointer;

    background: url("../../img/index/tap_down_n.png") no-repeat center;

    background-size: 100% auto
}

#container .tap_down_pc {
    width: 20%;
    height: 126px;
    z-index: 99;
    position: absolute;
    left: 600px;
    top: 900px;
    cursor: pointer;
    background: url("../../img/index/tap_down_n_pc.png") no-repeat center;
    background-size: 100% auto
}



#container .tap_down:hover {
    width: 20%;

    height: 126px;

    background: url("../../img/index/tap_down_a.png") no-repeat center;
    background-size: 100% auto
}

#container .tap_down_pc:hover {
    width: 20%;

    height: 126px;

    background: url("../../img/index/tap_down_a_pc.png") no-repeat center;

    background-size: 100% auto
}



#container .bg_02 {

    width: 1920px;

    height: 1119px;

    background: url("../../img/index/bg_02.jpg") no-repeat center;

    background-size: 100% auto;

}



#container .bg_02 .swiper_top_icon {

    position: absolute;

    left: 1310px;

    top: 100px;

    width: 64px;

    height: 63px;

    background: url("../../img/index/swiper/swiper_top.png") no-repeat center;

    background-size: 100% auto;

    z-index: 60
}



#container .bg_02 .swiper-container-1 {

    position: absolute;

    left: 507px;

    top: 173px;

    width: 910px;

    height: 625px;

    z-index: 50;

}



#container .bg_02 .swiper-container-1 img {

    width: 910px;

    height: 512px
}



#container .bg_02 .swiper-container-1 .swiper-pagination-bullet {

    width: 62px;

    height: 62px;

    background: url("../../img/index/swiper/normal.png") no-repeat center;

    background-size: auto auto;

    opacity: 1
}



#container .bg_02 .swiper-container-1 .swiper-pagination-bullet-active {

    width: 61px;

    height: 62px;

    background: url("../../img/index/swiper/active.png") no-repeat center;

    background-size: auto auto
}



#container .bg_02 .swiper-container-2 {

    position: absolute;

    left: 507px;

    top: 173px;

    width: 910px;

    height: 525px;

    z-index: 53;

}



#container .bg_02 .swiper-container-2 img {

    width: 910px;

    height: 512px
}



#container .bg_02 .swiper-container-2 .swiper-pagination-bullet {

    width: 62px;

    height: 62px;

    background: url("../../img/index/swiper/normal.png") no-repeat center;

    background-size: auto auto;

    opacity: 1
}



#container .bg_02 .swiper-container-2 .swiper-pagination-bullet-active {

    width: 61px;

    height: 62px;

    background: url("../../img/index/swiper/active.png") no-repeat center;

    background-size: auto auto
}



#container .bg_02 .img_border {

    position: absolute;

    left: 504px;

    top: 168px;

    width: 917px;

    height: 519px;

    background: url("../../img/index/swiper/border.png") no-repeat center;

    background-size: 100% auto;

    z-index: 51
}



#container .bg_02 .left_arrow {

    position: absolute;

    left: 430px;

    top: 545px;

    width: 106px;

    height: 65px;

    background: url("../../img/index/swiper/left_arrow_n.png") no-repeat center;

    background-size: 100% auto;

    cursor: pointer;

    z-index: 60
}



#container .bg_02 .right_arrow {

    position: absolute;

    left: 1395px;

    top: 200px;

    width: 96px;

    height: 72px;

    background: url("../../img/index/swiper/right_arrow_n.png") no-repeat center;

    background-size: 100% auto;

    cursor: pointer;

    z-index: 60
}



#container .bg_02 .left_arrow:hover {

    background: url("../../img/index/swiper/left_arrow_a.png") no-repeat center
}



#container .bg_02 .right_arrow:hover {

    background: url("../../img/index/swiper/right_arrow_a.png") no-repeat center
}



#container .bg_02 .item_list {

    display: flex;

    justify-content: space-between;

    position: absolute;

    top: 805px;

    left: 540px;

    width: 800px;

    font-size: 14px;

    color: #dbc0ff;

}



#container .bg_02 .item_list .list_item {

    position: relative;

    width: 180px;

    height: 180px;

    text-align: center;

    cursor: pointer;

}



#container .bg_02 .item_list .list_item span {

    position: absolute;

    left: 0;

    bottom: -20px;

    width: 180px
}





#container .bg_02 .item_list .wx_n {

    background: url("../../img/index/wx_n.png") no-repeat center;

    background-size: 100% auto
}



#container .bg_02 .item_list .wx_n:hover {

    background: url("../../img/index/wx_a.png") no-repeat center
}



#container .bg_02 .item_list .qq_n {

    background: url("../../img/index/qq_n.png") no-repeat center;

    background-size: 100% auto
}



#container .bg_02 .item_list .qq_n:hover {

    background: url("../../img/index/qq_a.png") no-repeat center
}



#container .bg_02 .item_list .qw_n {

    background: url("../../img/index/qw_n.png") no-repeat center;

    background-size: 100% auto
}



#container .bg_02 .item_list .qw_n:hover {

    background: url("../../img/index/qw_a.png") no-repeat center
}



#container .footer {

    width: 100%;

    height: 263px;

    background: #0F0426;
    display: flex;
    align-items: center;
    justify-content: center;

    background-size: 100% auto;

}



#container .footer .ehijoy_logo {

    position: absolute;

    top: 50px;

    left: 520px;

    width: 146px;

    height: 34px;

    background: url("../../img/index/footer/logo.png") no-repeat center;

    background-size: 100% auto
}



#container .footer .switch {

    position: absolute;

    top: 55px;

    left: 680px;

    font-size: 14.99px;

    color: #fff;

}



#container .footer .switch .switch_item {

    margin: 0 20px;

    cursor: pointer
}



#container .footer .des {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;

    line-height: 25px;

    font-size: 14.99px;

    color: #6a6a6a
}



#alert_box {

    position: fixed;

    width: 1920px;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 99;

}



#alert_box .alert_cover {

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);

    z-index: 98
}



#alert_box .alert_container {

    position: absolute;

    top: 50%;

    left: 50%;

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

    z-index: 99
}



#alert_box .qq_group_alert {

    font-size: 15.98px;

    color: #ffe2fe;

    width: 534px;

    height: 297px;

    background: url("../../img/index/alert/qq_group_alert.png") no-repeat center;

    background-size: 100% auto;

}



#alert_box .qq_group_alert .qq_close_btn {

    position: absolute;

    right: 122px;

    top: 140px;

    width: 50px;

    height: 50px;

    cursor: pointer
}



#alert_box .qq_group_alert .qq_group_list {

    position: absolute;

    top: 65px;

    left: 85px;

    width: 400px;

}



#alert_box .qq_group_alert .qq_group_list .qq_group_item {

    display: flex;

    position: relative;

    height: 30px;

    width: 350px;

    left: 30px;

}



#alert_box .qq_group_alert .qq_group_list .qq_group_item .icon {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 6px;

    height: 6px;

    background-size: 100% auto
}



#alert_box .qq_group_alert .qq_group_list .qq_group_item .icon_n {

    background: url("../../img/index/alert/icon_n.png") no-repeat center
}



#alert_box .qq_group_alert .qq_group_list .qq_group_item .icon_a {

    background: url("../../img/index/alert/icon_a.png") no-repeat center
}



#alert_box .qq_group_alert .qq_group_list .qq_group_item .qq_text {

    position: absolute;

    left: 20px;

    line-height: 27px
}



#alert_box .qq_group_alert .qq_group_list .qq_group_item .tuijian {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

    width: 35px;

    height: 15px;

    background: url("../../img/index/alert/tuijian.png") no-repeat center;

    background-size: 100% auto
}





#alert_box .wx_qrcode_alert .wx_qrcode_close {

    position: absolute;

    right: 89px;

    top: 140px;

    width: 50px;

    height: 50px;

    cursor: pointer
}



#alert_box .wx_qrcode_alert .wx_qrcode {

    position: absolute;

    left: 50%;

    top: 55px;

    transform: translateX(-50%);

    width: 161px;

    height: 161px;

    /*background: url("../../img/index/alert/wx_qrcode.png") no-repeat center;*/

    background-size: 100% auto
}



#alert_box .text {

    position: absolute;

    top: 240px;

    width: 100%;

    text-align: center;

    font-size: 16px;

    color: #ffe2fe
}





#alert_box .ios_down_alert .ios_down_close {

    position: absolute;

    right: 89px;

    top: 140px;

    width: 50px;

    height: 50px;

    cursor: pointer
}



#alert_box .ios_down_alert .ios_down_qrcode {

    position: absolute;

    left: 50%;

    top: 50%;

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

    width: 165px;

    height: 165px;

    /*background: url("../../img/index/alert/ios_down_qrcode.png") no-repeat center;*/

    background-size: 100% auto
}





#alert_box .qw_qrcode_alert .qw_qrcode {

    position: absolute;

    left: 50%;

    top: 55px;

    transform: translateX(-50%);

    width: 165px;

    height: 165px;

    /*background: url("../../img/index/alert/qw_qrcode.png") no-repeat center;*/

    background-size: 100% auto
}



#alert_box .age_tip_alert {

    width: 915px;

    height: 355px;

    background: url("../../img/index/alert/age_tip_alert.png") no-repeat center;

    background-size: 100% auto;

    padding-top: 100px;

}



#alert_box .age_tip_alert p {

    font-size: 16px;

    color: #ffe2fe;

    line-height: 22px;

    width: 830px;

    margin: 5px auto
}



#alert_box .video_alert {

    width: 960px;

    height: 540px;

}



#alert_box .video_alert #video {

    width: 100%;

    height: 100%
}



@-moz-keyframes scale {

    0% {

        transform: scale(1)
    }

    25% {

        transform: scale(.85)
    }

    50% {

        transform: scale(1)
    }

    75% {

        transform: scale(1.15)
    }

    100% {

        transform: scale(1)
    }

}



@-webkit-keyframes scale {

    0% {

        transform: scale(1)
    }

    25% {

        transform: scale(.85)
    }

    50% {

        transform: scale(1)
    }

    75% {

        transform: scale(1.15)
    }

    100% {

        transform: scale(1)
    }

}



@-o-keyframes scale {

    0% {

        transform: scale(1)
    }

    25% {

        transform: scale(.85)
    }

    50% {

        transform: scale(1)
    }

    75% {

        transform: scale(1.15)
    }

    100% {

        transform: scale(1)
    }

}



@keyframes scale {

    0% {

        transform: scale(1)
    }

    25% {

        transform: scale(.85)
    }

    50% {

        transform: scale(1)
    }

    75% {

        transform: scale(1.15)
    }

    100% {

        transform: scale(1)
    }

}