@charset "UTF-8";
.warpper, body, img {
    width: 100%
}

* {
    padding: 0;
    margin: 0
}

*, :after, :before {
    box-sizing: border-box
}

a {
    text-decoration: none
}

body {
    font-size: 14px;
    color: #585858;
    font-family: '微软雅黑';
    overflow-x: hidden;
    background: #ececed
}

img {
    display: block;
    border: 0
}

ul {
    list-style: none
}

@font-face {
    font-family: iconfont;
    src: url(https://at.alicdn.com/t/font_1013862_u41lokq2yc.eot);
    src: url(https://at.alicdn.com/t/font_1013862_u41lokq2yc.eot?#iefix) format("embedded-opentype"), url(https://at.alicdn.com/t/font_1013862_u41lokq2yc.woff2) format("woff2"), url(https://at.alicdn.com/t/font_1013862_u41lokq2yc.woff) format("woff"), url(https://at.alicdn.com/t/font_1013862_u41lokq2yc.ttf) format("truetype"), url(https://at.alicdn.com/t/font_1013862_u41lokq2yc.svg#iconfont) format("svg")
}

.iconfontWsyy {
    font-family: iconfont !important;
    font-size: 22px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.icon-down:before {
    content: "\e7e1"
}

.icon-time:before {
    content: "\e7e0"
}

.icon-shopcar:before {
    content: "\e600"
}

.icon-three:before {
    content: "\e602"
}

.icon-weixin:before {
    content: "\e64e"
}

.icon-sina:before {
    content: "\e62f"
}

.icon-luntan:before {
    content: "\e624"
}

.icon-phone:before {
    content: "\e645"
}

.icon-gfdown:before {
    content: "\e6a7"
}

.icon-arr:before {
    content: "\e601"
}

.warpper {
    margin: 0 auto;
    display: none
}

.sec1 {
    width: 7.5rem;
    width: 100%;
    position: relative
}

.sec1 .logo a {
    display: block;
    width: 100%;
    height: 100%
}

.sec1 .slogan {
    width: 5.66rem;
    height: 1.13rem;
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/title.png) center top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 60%;
    margin-left: -3.5rem;
    bottom: 2.8rem
}
/*立即注册*/
.sec1 .sec1_btn {
    width: 3.44rem;
    height: .96rem;
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/down_now.png) center top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 25%;
    margin-left: -1.72rem;
    bottom: .64rem
}
.sec1 .sec1_btn2 {
    width: 3.44rem;
    height: .96rem;
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/tap_down.png) center top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 3%;
    margin-left: -1.72rem;
    bottom: .64rem
}

.sec1 .sec1_btn a {
    width: 100%;
    height: 100%;
    display: block
}

.sec1 .moreBoxs {
    width: 1.6rem;
    position: absolute;
    left: auto;
    right: 10px;
    margin-left: 0;
    top: 10px;
    z-index: 5
}

.sec1 .moreBoxs img {
    width: 100%;
    display: block
}

.sec2 {
    width: 100%;
    height: auto;
    position: relative
}

.sec2 .sec2_lt {
    width: 2.62rem;
    height: 2.55rem;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sec2 .sec2_1 {
    width: 6.63rem;
    height: 7.26rem;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -3.315rem;
    top: 2.6rem
}

.sec3 {
    width: 100%;
    height: 10rem;
    position: relative
}

.sec3 .sec3_tit {
    width: 6.71rem;
    height: 2.43rem;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -3.35rem;
    top: .1rem
}

.sec3 .swp3box {
    width: 90%;
    position: absolute;
    left: 50%;
    margin-left: -45%;
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 1rem;
    overflow: hidden
}

.sec3 .swiper-container {
    width: 100%;
    height: 8.15rem;
    margin: 0 auto
}

.sec3 .swiper-container img {
    width: 100%;
    display: block
}

.sec3 .swiper3next, .sec3 .swiper3prev {
    width: .45rem;
    height: .6rem;
    top: 50%;
    z-index: 1;
    position: absolute
}

.sec3 .swiper-container3 {
    margin: 0 auto
}

.sec3 .swiper3prev {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/sec7_l_arr.png) center top no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .15rem
}

.sec3 .swiper3next {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/sec7_r_arr.png) center top no-repeat;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .15rem
}

.sec3 .swiper-slide {
    width: 4.5rem
}

.sec3 .swiper-slide img {
    width: 100%;
    display: block
}

.sec3 .sec3nav, .sec4 .line4_1 {
    -webkit-box-pack: center;
    display: -webkit-box;
    display: -ms-flexbox
}

.sec3 .swiper-slide-active, .sec3 .swiper-slide-duplicate-active {
    z-index: 9999
}

.sec3 .sec3nav {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sec3 .sec3nav .item {
    width: .24rem;
    height: .24rem;
    border: 2px solid #7080a3;
    margin: 0 3px;
    border-radius: 50%
}

.sec3 .sec3nav .item.act {
    background: #7080a3;
    border: 2px solid #7080a3
}

.sec3 .sec3txt {
    color: #7b95c3;
    position: absolute;
    width: 100%;
    top: 11.1rem
}

.sec3 .sec3txt .items {
    display: none
}

.sec3 .sec3txt .items.act {
    display: block
}

.sec3 .sec3txt .tits {
    text-align: center;
    font-size: .4rem;
    font-weight: 700;
    padding: .1rem 0
}

.sec3 .sec3txt .des {
    display: none;
    opacity: .8;
    width: 90%;
    margin: 0 auto
}

.sec4 {
    width: 100%;
    position: relative
}

.sec4 .sec4_tit {
    width: 3.71rem;
    height: 1.2rem;
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/xinwengonggao.png) center top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 70%;
    margin-left: -3.35rem;
    top: .32rem
}

.sec4 .line4_1, .sec4 .line4_2 {
    width: 100%;
    position: absolute;
    margin-left: -50%;
    left: 50%
}

.sec4 .line4_1 {
    -ms-flex-pack: center;
    justify-content: center;
    top: 2.4rem;
    display: flex
}

.sec4 .line4_2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sec4 .item {
    width: 3.02rem;
    height: 4.21rem;
    margin: 0 .1rem
}

.sec4 .item img {
    width: 100%;
    display: block
}

.sec5 {
    width: 100%;
    background-size: 100% 100%;
    height: 8rem;
    position: relative
}

.sec5 img {
    width: 100%;
    height: 100%
}

.sec5 .sec5_tit {
    width: 3.71rem;
    height: 1.2rem;
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/zhenying.png) center top no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 70%;
    margin-left: -3.35rem;
    top: 0
}

.sec5 .nave5 {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    padding: 0 .2rem;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: .4rem;
    position: absolute;
    left: 50%;
    margin-left: -50%
}

.sec5 .nave5 .item {
    width: .8rem;
    height: .8rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: .6
}

.sec5 .nave5 .item img {
    width: 100%;
    height: 100%;
    display: block
}

.sec5 .swpConts, .sec5 .swpConts .swiper-container {
    width: 7.5rem;
    height: 7.9rem
}

.sec5 .nave5 .item.item1 {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/wjh1.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.item1.act {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/jh1.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.item2 {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/wjh2.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.item2.act {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/jh2.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.item3 {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/wjh3.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.item3.act {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/jh3.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.item4 {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/wjh4.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.item4.act {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/jh4.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.item5 {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/wjh5.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.item5.act {
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/jh5.png) center top no-repeat;
    background-size: 100% 100%
}

.sec5 .nave5 .item.act {
    opacity: 1
}

.sec5 .swpConts {
    position: absolute;
    left: 50%;
    margin-left: -3.75rem;
    top: 1.8rem
}

.sec5 .swpConts .swiper-container img {
    width: 100%;
    height: 100%;
    display: block
}

.sec5 .swpConts .swiper-container .swiper5prev {
    width: .45rem;
    height: .6rem;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .15rem;
    z-index: 1
}

.sec5 .swpConts .swiper-container .swiper5next {
    width: .45rem;
    height: .6rem;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .15rem;
    z-index: 1
}

.sec6 {
    width: 100%;
    position: relative;
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/sec6_bg.png) center top no-repeat;
    background-size: 100% auto;
    padding-top: .6rem
}

.sec6 .sec6_tit {
    width: 6.7rem;
    height: 1.7rem;
    background-size: 100% 100%;
    margin: 0 auto .4rem
}

.sec6 .sec6_vid {
    width: 7.1rem;
    height: 4.07rem;
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/paly.png) center top no-repeat;
    background-size: 100% 100%;
    margin: 0 auto .6rem
}

.sec6 .sec6_tit2 {
    width: 6.7rem;
    height: 1.7rem;
    background-size: 100% 100%;
    margin: 0 auto .4rem
}

.sec6 .swipBox7 {
    margin: 0 auto;
    width: 7.06rem;
    position: relative
}

.sec6 .swipBox7 .swpcont7 {
    border: 1px solid #87817c;
    width: 7.06rem;
    height: 3.98rem;
    position: relative
}

.sec6 .swipBox7 .swiper-container7 {
    width: 100%;
    height: 100%
}

.sec6 .swipBox7 .swiper-container7 .swiper-slide {
    width: 100%
}

.sec6 .swipBox7 .swiper-container7 img {
    width: 100%;
    height: 100%;
    display: block
}

.sec6 .swipBox7 .swiper7prev {
    width: .59rem;
    height: .79rem;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .15rem;
    z-index: 1;
    z-index: 99
}

.sec6 .swipBox7 .swiper7next {
    width: .59rem;
    height: .79rem;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .15rem;
    z-index: 1;
    z-index: 99
}

.sec6 .swipBox7 .sec7nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .2rem
}

.sec6 .swipBox7 .sec7nav .item {
    width: .24rem;
    height: .24rem;
    background: #161920;
    border: 2px solid #7b6039;
    margin: 0 3px;
    border-radius: 50%
}

.sec6 .swipBox7 .sec7nav .item.act {
    background: #7b6039;
    border: 2px solid #7b6039
}

.sec6 .sec8_tit {
    width: 4.52rem;
    height: 2.88rem;
    background-size: 100% 100%;
    margin: 1rem auto .7rem
}

.sec6 .gamebox {
    width: 5.4rem;
    border: 1px solid #909094;
    position: relative;
    margin: 0 auto 1rem
}

.sec6 .gamebox.gameseting {
    margin-bottom: 0
}

.sec6 .gamebox .title {
    letter-spacing: 4px;
    font-size: .26rem;
    color: #1b2631;
    background: #ececed;
    padding: .1rem .6rem;
    position: relative;
    top: -.3rem;
    width: 76%;
    text-align: center;
    margin: 0 auto
}

.sec6 .gamebox .title:after, .sec6 .gamebox .title:before {
    content: '';
    width: 7px;
    height: 2px;
    background: #a1a5b3;
    position: absolute;
    top: 50%
}

.sec6 .gamebox .title span {
    font-weight: 700
}

.sec6 .gamebox .title:after {
    left: .3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sec6 .gamebox .title:before {
    right: .3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sec6 .gamebox .line {
    width: 5rem;
    margin: 0 auto
}

.sec6 .gamebox .line .item {
    width: 5rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: .4rem
}

.sec6 .gamebox .line .item img {
    width: 100%;
    display: block
}

.sec6 .fotmbg {
    background: #161921;
    padding-bottom: .5rem;
    padding-top: 1rem;
    margin-top: 2rem;
    position: relative
}

.sec6 .sec8_ewm {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -1.5rem;
    width: 1.94rem;
    height: 2rem;
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/taptap.png) center top no-repeat;
    background-size: 100% 100%
}

.sec6 .sec8_ewm span {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: .22rem;
    bottom: -.4rem;
    color: #fff;
    font-weight: 700
}

.sec6 .kaifBox {
    text-align: center;
    padding: 20px;
    opacity: .7;
    color: #fff
}

.sec6 .kaifBox a {
    color: #3382e9
}

.sec6 .linebtn {
    width: 5.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .3rem auto;
    background: #161921
}

.sec6 .linebtn .btn {
    width: 2.21rem;
    height: .52rem
}

.loadWrap, .loadWrap .loadMain, .sec6 .linebtn a {
    width: 100%;
    height: 100%
}

.sec6 .linebtn a {
    width: 100%;
    color: white;
    display: block
}

.sec6 .linebtn.linebtn2 {
    margin-bottom: 0
}

.loadWrap {
    position: absolute;
    background: #fff;
    overflow: hidden;
    z-index: 999999999;
    -webkit-transition: all .3s;
    transition: all .3s;
    left: 0;
    top: 0
}

.loadWrap.slide-in {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.loadWrap .loadMain {
    position: relative;
    background: #000;
    background-size: 100% auto
}

.loadWrap .loadMain .loadMiddle {
    width: 4.5rem;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -90%);
    -webkit-transform: translate(-50%, -90%);
    box-sizing: border-box
}

.loadMiddle .progress-bar {
    box-sizing: border-box;
    width: 4.5rem;
    height: 1.3rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.loadMiddle .progress-bar span {
    -webkit-transition: height 2s;
    transition: height 2s;
    display: block;
    width: 4.5rem;
    height: 1.3rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

.fullmask, .popcontbox {
    display: none;
    position: fixed
}

.loadMain .processText {
    width: 100%;
    text-align: center;
    font-size: .25rem;
    padding-top: .18rem;
    color: #ada7a3
}

.opa {
    animation: opa .2s linear .6s both;
    -webkit-animation: opa .2s linear .6s both
}

@keyframes opa {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes opa {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fullmask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 8888
}

.popcontbox {
    width: 90%;
    left: 50%;
    top: 50%;
    margin: -2.5rem 0 0 -45%;
    z-index: 9999;
    background: #000
}

.popcontbox .vidbox {
    width: 100%;
    height: 100%
}

.popcontbox .close {
    position: absolute;
    top: -48px;
    right: 0;
    width: 48px;
    height: 48px;
    background: url(https://wx-res-down.oss-cn-shanghai.aliyuncs.com/fyxq_down/static/button_close.png) center top no-repeat;
    cursor: pointer;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.copyright {
    background: #1a1a1a;
    padding: 5% .1rem
}

.copyright p {
    color: #FFFFFF;
    font-size: .24rem;
    line-height: .4rem;
    text-align: center
}

.copyright .tack {
    padding: .3rem 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.copyright .tack img {
    width: 29%
}

.copyright .tack img.botLo {
    margin-left: 3%
}