/*@font-face {font-family: 'syst';src: url('../Fonts/syst.ttf');} */
/*全局样式*/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;touch-action: pan-y;line-height: 30px;font-family: "微软雅黑"; }
html {font: normal 10px "syst","微軟雅黑";-webkit-text-size-adjust: 100%;}
body {position: relative;background: #070b1b; -webkit-text-size-adjust: none;/*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0); }
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
ul,ul li,li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {color: #fff;border-radius: 0;-webkit-border-radius: 0;border:none;}
img{border: none;max-width: 100%;width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;cursor: pointer;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {text-decoration: none;}
a:focus {outline: none;-moz-outline: none;}
input,input:focus,input:active{user-select: text;}
input::-webkit-input-placeholder {color: #887ba6;}
.auto{ margin:0 auto;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.wUp,.wzoom,.wfr,.wfi,.wfb{opacity: 0;}
.wUp.animated,.wzoom.animated,.wLeft.animated{opacity: 1;}
.section{position: relative;overflow: hidden;}
.section.active{-webkit-animation: scaleA 1s ease both;}
/*.fp-section.fp-table, .fp-slide.fp-table{display:inherit;}*/
.text-underline{text-decoration:underline ;}
i.sg{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( 120deg, transparent,transparent, rgba(255, 244, 227, 0.4), transparent, transparent );transition: all 650ms;-webkit-animation: sg 2s linear infinite;-moz-animation: sg 2s linear infinite;-ms-animation: sg 2s linear infinite;animation: sg 2s linear infinite;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}/*清除浮动代码*/
.clearfloat{zoom:1}
.pic-web{display: block;width: 100%;}
.pic-wap{display: none;}
.btn-anniu{position: relative;background: url(../images/btn.png);background-size: 100% 100%;display: inline-block;padding: 0 4% 2px;line-height: 3rem;}
.btn-anniu span{    background: linear-gradient(#fcffff,#ffd8a6);-webkit-background-clip: text;color: transparent;font-size: 1.6rem;line-height: 3rem;text-align: center;}
.animated{-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay:0.5s;
-webkit-animation-delay:0.5s;}
.red-dot{position: absolute;content: "";width: 1rem;height: 1rem;background: url(../images/red-dot.png)no-repeat center center;background-size: 100% 100%;top: -5;right: 6%;-o-animation: zt 2s linear infinite;-webkit-animation: zt 2s linear infinite;-moz-animation: zt 2s linear infinite;-ms-animation: zt 2s linear infinite;animation: zt 2s linear infinite;}
.pm-box{overflow: hidden;position: relative;}
.arrow-page{position: absolute;content: "";width: 1.6%;bottom: 1%;left: 49.2%;z-index: 3;animation: sx 2s ease-in infinite;}
.title{ margin: 0 auto;text-align: center;position: absolute;width: 54%;top: 4%;left: 23%;}
.auto-1500{max-width: 1500px;margin: 0 auto;width: 78%;margin-top: 11%;}

.tel{position: relative;background:#e6cee4; overflow: hidden;}
.tel:before{position: absolute;content: "";width: 1px;height: 40%;top: 50%;left: 27.5%;transform: translate(0,-50%);background: #887ba6;}
.tel:after{display: none;position: absolute;content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 10px solid #523124;top: 50%;left: 30%;transform: translate(0,-50%);}
.tel select{width: 27%;float: left;background: #e6cee4;color: #887ba6;height: 6rem;line-height: 5rem;font-size: 1.6rem;}
.tel input{width: 68%;line-height: 6rem;color: #453530;background: none;font-size: 1.6rem;float: left;padding-left: 4%;}
.zs-deg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;}
.zs-deg i{position: absolute;width: 2rem;height: 2rem;top: -3px;left: -5px;background: url(../images/zs-dot.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,-50%);}
.zs-deg i:nth-child(2){top: -3px;left: auto;right: -5px;transform: rotateY(180deg) translate(-50%,-50%);}
.zs-deg i:nth-child(3){top: auto;bottom: -3px;left: -5px;transform: rotateX(180deg) translate(-50%,-50%);}
.zs-deg i:nth-child(4){top: auto;bottom: -3px;left: auto;right: -5px;transform: rotateX(180deg) rotateY(180deg) translate(-50%,-50%);}
.pic-web{display: block;}
.pic-wap{display: none;}
.btn-dx:hover{transform: scale(0.95);opacity: 0.8; transition: all 1s ease;}
.btn-dx1:hover{transform: translate(0,-3px);opacity: 0.8; transition: all 1s ease;}

/*
.fadeInUp{-webkit-animation: fadeInUp 1s ease-in-out;
    -moz-animation: fadeInUp 1s ease-in-out;
    animation: fadeInUp 1s ease-in-out;}
@-webkit-keyframes fadeInUp {
    0% {-webkit-transform: translate(0,20%);-webkit-opacity: 0;}
    100% {-webkit-transform: translate(0,0);-webkit-opacity: 1;}
}

@-moz-keyframes fadeInUp {
    0% {-moz-transform: translate(0,20%);-moz-opacity: 0;}
    100% {-moz-transform:translate(0,0);-moz-opacity: 1;}
}

@keyframes fadeInUp {
    0% {transform: translate(0,20%);opacity: 0;}
    100% {transform: translate(0,0);opacity: 1;}
}
*/

body.dj{overflow: hidden!important;}
@media(max-width:1750px){
	html{font-size:9px;}
}
@media(max-width:1600px){
	html{font-size:8.5px;}
}
@media(max-width:820px){
    html{font-size:10px;}
	.auto-1500{width: 100%;}
}
@media(max-width:540px){
    .section.active{-webkit-animation: scaleA 0s ease both;}
    .pic-web{display: none;}
    .pic-wap{display: block;}
    .red-dot{width: 0.6rem;height: 0.6rem;}
    .arrow-page{width: 6%;left: 47%;bottom: 6%;}
    .title{width: 94%;top: 3%;left:2%;}
    /*.fp-tableCell,.fp-section.fp-table, .fp-slide.fp-table{height: auto!important;}*/
    
    .pic-web{display: none;}
    .pic-wap{display: block;}
     
    
}
@media(max-width:361px){
	html{font-size:9px;}
}


.head .foot-btn{display: none;}
.foot-btn{position: absolute;bottom: 20px;right: 20px;z-index: 10;cursor: pointer;color: #fff;font-size: 1.6rem;}
.foot-btn span{display: inline-block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 9px solid #fff;}
.foot-btn.active span{border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 9px solid #fff;border-top: 9px solid transparent;}
.head{position: fixed;width: 100%;top: 0;left: 0;z-index: 1001;background: linear-gradient(to bottom,#000000e0,rgb(0 0 0 / 21%));}
.head .logo{width: 8%;top: 0;left: 0;display: inline-block;}
.head-nav li{display: inline-block;padding: 0 1%;color: #fff;}
.head-nav a{font-size: 19px;line-height: 44px;display: block;color: #fff;}
.head-nav li.active a{color: #fbc73b;font-weight: bold;}
.nav-cbl .head-nav li:hover{border-bottom: 2px #fbc73b solid;}
.nav-cbl .btn-icon{float: right;width: 6.5%;margin-right: 2%;}
.nav-cbl .btn-icon a{float: left;width: 25%;margin-left: 8%;line-height: 5rem;}

.nav-cbl .recharge{position: absolute;top: 23%;left: 8%;width: auto;display: none;}
.nav-cbl .recharge a.btn-recharge{display: block!important;font-size: 1.3rem;text-shadow: 0px 1px 4px #000000d1;color: #fff;text-align: left;}
.nav-cbl .recharge.active a.btn-recharge{color: #fbc73b;font-weight: bold;}

/*头部导航*/
.nav-cbl{float: right;text-align: right;width: 90%;z-index: 1;line-height: 6rem;}
.hanbager,.gobook{display: none;position: relative;z-index: 2;}
.hanbager{display: none;cursor: pointer;position: relative;width: 44px;height: 38px;border: 1px #f9f1c4 solid; float: right;background: rgba(26,18,22,0.5);}
.hanbager div{position: absolute;width: 70%;height: 4px;background: #f4ebd1;top:25%;left: 50%;transform: translate(-50%,-50%);}
.hanbager div:nth-child(2){top:50%;transform: translate(-50%,-50%);}
.hanbager div:nth-child(3){top:75%;transform: translate(-50%,-50%);}  
.hanbager.active div{top: 44%;transform: rotate(45deg);transform-origin: center center;left: 16%;}
.hanbager.active div:nth-child(2){display: none;}
.hanbager.active div:nth-child(3){transform: rotate(-45deg);top: 44%;}
.gobook{float: right;background: url(../images/p5-tm-btn4.png)no-repeat center center;background-size: 100% 100%;margin-right: 4%;padding: 0% 6%;}
.gobook span{color: #f6ecd5;font-size: 1.5rem;font-weight: bold;display: none;}
@media(max-width:1200px){
   .hanbager,.gobook{display: block;} 
    .hanbager{width: 34px;height: 30px;margin-right: 3%;}
    .hanbager div{height: 3px;}
    .nav-cbl{position: fixed;width: 24%;top: 0;right: -24%;height: 100%;background: #c0a267db;transition: all 2s ease;}
    .nav-cbl li{display: block;text-align: left;margin-left: 6%;}
    .head-nav{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%;}
    .head.active .nav-cbl{right: 0;transition: all 1s ease;}
}
@media(max-width:540px){
    .nav-cbl{position: fixed;width: 40%;top: 0;right: -40%;}
    .head-nav a{font-size: 1.3rem;text-shadow: 0px 1px 4px #000000d1;}
    .nav-cbl .recharge{display: block;}
}



.video{position: absolute;width: 6%;top: 61%;right: 19%;animation: zt 2s linear infinite;}
.video a{display: block;}
/*.yyly{position: absolute;width: 62%;top: 72%;left: 50%;transform: translate(-50%, 0%);background: url(../images/yyly.png)no-repeat center center;background-size: contain;padding: 1% 0%;}*/
.yyly{position: absolute;width: 62%;top: 72%;left: 50%;transform: translate(-50%, 0%);background: none;padding: 1% 0%;}
.yyly p{text-align: center;font-size: 1.6rem;color: #d7cbab;margin-bottom: 1%;margin-top: 1%;display: none;}
.yyly .yyly-jl{width: 20%;display: none;margin-left: 34%;position: relative;margin-top: -1%;animation: zt 2s linear infinite;}
.yyly .yyly-store{width: 58%;position: relative;margin: 0 auto;}
.yyly .yyly-store a{display: inline-block;position: relative;overflow: hidden;width: 44%;margin: 2%;}
.yyly .yyly-store a:nth-child(3){display: none;width: 48%;}
.yyly .yyly-store a:nth-child(4){display: none;width: 49%;}
.yyly .yyly-store a:nth-child(5){display: none;}

.slogan{position: absolute;width: 50%;top: 57%;left: 50%;transform: translate(-50%, 0%);}

@media(max-width:1600px){
/*    .yyly .yyly-store{margin-right: 12%;width: 18%;}*/
    .yyly .yyly-store a:nth-child(3){width: 48%;}
    .yyly .yyly-store a:nth-child(4){width: 48%;}
}

@media(max-width:540px){
    .yyly{background:none;padding: 5% 0% 13%;width: 80%;top: 79%;}
    .yyly p{display: none;}
    .yyly .yyly-jl{display: none;}
    .yyly .yyly-store{width: 52%;margin-right: 22%;margin-top: 16%;}
    .yyly .yyly-store a{margin-bottom: 4%;}
    .yyly .yyly-store a:nth-child(1){display: none;}
    .yyly .yyly-store a:nth-child(2){display: none;}
    .yyly .yyly-store a:nth-child(3){display: none;}
    .yyly .yyly-store a:nth-child(4){display: none;}
    .yyly .yyly-store a:nth-child(5){display: block;width: 100%;}
    .video{width: 17%;right: 2%;top: 77%;}
    .slogan{width: 84%;top: 78%;}
    .p1{z-index: 3}
}





.p2-inner{position: absolute;width: 70%;top: 6%;left: 16%;}
.p2-by{width: 23%;display: inline-block;position: relative;margin-left: 22%;margin-top: 10%;animation: zt 2s linear infinite;}
.p2-inner-box{text-align: center;margin-top: -13%;}
.p2-box-left{width: 30%;display: inline-block;float: left;margin-top: 10%;}
.p2-box-mid{width: 38%;display: inline-block;}
.p2-box-right{width: 30%;display: inline-block;float: right;margin-top: 10%;}
.p2-gift{position: relative;margin-bottom: 7%;cursor: pointer;}
.p2-gift.active:before{position: absolute;content: "";width: 8rem;height: 8rem;background: url(../images/ydc.png)no-repeat center center;background-size: 100% 100%;top: 4%;right: 8%;}
.p2-gift .words{position: absolute;content: "";width: 57.5%;top: -1%;height: 47%;bottom: 90%;left: 20%;padding: 5px;background: #070912d9;border: 1px #fff1cb94 solid;line-height: 2rem;display: none;border-radius: 5px;}
.p2-gift .words p{color: #fff;font-size: 1.5rem;line-height: 2rem;}
.p2-gift:hover .words{display: block;}
.p2-box-mid .p2-gift .words{height: 57%;top: 24%;}
.p2-box-mid .mid{margin-bottom: -15%;z-index: 2;}

.gift-mid.active:before{top: 12%;}
.p2-inner p{font-size: 1.8rem;color: #a6adc9;text-align: center;margin-top: 1%;}
.p2-btn{width: 26%;display: inline-block;position: relative;margin-top: 3%;margin-left: 37%; }
.p2-btn img.fl{display: none;}
.p2-btn:hover img.fl{display: block}
.p2-btn:hover img.mr{display: none}
.p2-btn b{width: 16%;display: inline-block;}
.p2-btn span{font-size: 2.5rem;line-height: 5rem;margin-left: 5%;    background: linear-gradient(to bottom,#0e4b7a,#564231);-webkit-background-clip:text;color: transparent;}

@media(max-width:540px){
    .p2-inner{width: 95%;top: 1%;left: 3%;}
    .p2-box-left{width: 44%;float: left;margin-top: 78%;margin-left: 7%;margin-right: 0%;}
    .p2-box-right{width: 44%;float: left;margin-top: 78%;margin-right: 4%;}
    .p2-box-mid{width: 55%;position: relative;margin-left: -97%;}
    .p2-inner p{margin-top: 2%;line-height: 2rem;font-size: 1.2rem;}
    .p2-btn{width: 40%;margin-top: 3%;margin-left: 32%;}
    .p2-btn span{font-size: 1.5rem;line-height: 2rem;}
    .p2-by{width: 38%;margin-left: 5%;margin-top: 14%;float: left;}
    .p2-inner-box{margin-top: -14%;position: relative;display: inline-block;}
    .p2-gift.active:before{width: 3rem;height: 3rem;}
    .p2-gift .words p{font-size: 1rem;line-height: 1.5rem;}
    .p2-gift .words{width: 77.5%;height: 89%;bottom: 90%;left: 11%;}
    .p2-box-mid .p2-gift .words{height: 106%;top: 24%;}
}



.p3-inner{position: absolute;width: 55%;top: 14%;left: 50%;transform: translate(-50%, 0%);text-align: center;}
.p3-inner ul{margin-bottom: 7%;}
.p3-inner li{width: 52%;display: block;position: relative;margin-bottom: 4%;}
.p3-inner li:nth-child(2){margin-left: 54%;}
.p3-inner li:nth-child(4){margin-left: 54%;}
.p3-zi{display: inline-block;position: absolute;width: 100%;top: 34%;line-height: 3.5rem;text-align: left;left: 107%;}
.p3-inner li:nth-child(2) .p3-zi{width: 103%;left: -105%;}
.p3-inner li:nth-child(4) .p3-zi{left: -105%;}
.p3-zi p{font-size: 1.8rem;color: #fcf7eb;}
.p3-inner span{font-size: 2.4rem;text-shadow: 0 0 7px #f9fb5e;color: #e5e1d7;margin-bottom: 1%;}
.p3-zi:before{position: absolute;content: "";height: 13px;background: url(../images/bot.png)no-repeat center left;background-size: 100% 100%;left: 0%;width: 35%;top: -25%;transform: translate(0,-50%);}
.p3-zi:after{position: absolute;content: "";height: 13px;background: url(../images/bot.png)no-repeat center left;background-size: 100% 100%;right: 4%;width: 35%;bottom: -33%;transform: translate(0,-50%);}


@media(max-width:540px){
    .p3-inner{width: 81%;top: 10%;}
    .p3-inner span{font-size: 1.5rem;}
    .p3-zi{top: 8%;}
    .p3-zi p{font-size: 1.2rem;line-height: 2.5rem;}
    .p3-inner li:nth-child(1){margin-bottom: 10%;}
    .p3-inner li:nth-child(2){margin-bottom: 28%;}
    .p3-inner li:nth-child(3){margin-bottom: 14%;}
    
    .p3-inner li:nth-child(2) .p3-zi{top: 7%;}
    .p3-inner li:nth-child(3) .p3-zi{top: 10%;}
    .p3-inner li:nth-child(4) .p3-zi{top: 0%;}
    .p3-inner li{margin-bottom: 26%;}
    .p3-zi:before{width: 71%;top: -3%;}
    .p3-zi:after{    width: 71%;bottom: -10%;}
    .zi{margin-top: -21%;position: relative;display: block;width: 104%;}
}


.p4 .nav-bot{position: absolute;width: 100%;top: 14%;left: 50%;transform: translate(-50%, 0%);}
.p4 .title4-1{width: 35%;top: 13%;left: 51%;position: absolute;}
.p4 .title4-2{width: 32%;float: right;margin-right: 18%;margin-top: 5%;}
.nav-bot .li{display: none;}
.nav-bot .li.active{display: block;}
.mid-per{width: 90%;position: relative;display: none;}
.mid-per.active{display: block;}
.p4-per{width: 82%;position: relative;}
.per-voice{position: absolute;width: 17%;top: 59%;left: 84%;}
.per-voice span{font-size: 3rem;background: linear-gradient(to bottom,#fff1cb,#e7bc4d);-webkit-background-clip: text;color: transparent;}
.per-voice a{display: inline-block;width: 17%;margin-left: 3%;position: relative;vertical-align: bottom;}
.per-voice a:after{position: absolute;content: "";width: 100%;height: 2px;background: #a8b1ce;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.per-voice a.active{animation:animate-turn 5s linear infinite;}
.per-voice a.active:after{display: none;}
.per-word{position: relative;width: 32%;left: 62%;margin-top: -23%;}
.per-word p{font-size: 2rem;color: #fcf7eb;line-height: 3.5rem;}
.per-word:before{position: absolute;content: "";height: 13px;background: url(../images/bot.png)no-repeat center left;background-size: 100% 100%;left: 0%;width: 35%;top: -15%;transform: translate(0,-50%);}
.per-word:after{position: absolute;content: "";height: 13px;background: url(../images/bot.png)no-repeat center left;background-size: 100% 100%;right: 4%;width: 35%;bottom: -29%;transform: translate(0,-50%);}
.p4 .nav-top{text-align: left;position: absolute;width: 98%;top: 8%;left: 2%;}
.p4 .nav-top a{font-size: 2.2rem;color: #fff1cb;background: url(../images/p4-btn.png)no-repeat center left;background-size: 100% 100%;padding: 0.8% 1.5%;margin-right: -1%;display: inline-block;}
.p4 .nav-top a:hover{background: url(../images/p4-btn-fl.png)no-repeat center left;background-size: 100% 100%;padding: 0.8% 1.5%;}
.p4-mid{width: 100%;position: relative;}
.p4-bot{position: fixed;width: 32%;left: 57%;padding: 5px 0;bottom: -32%;}
.p4-bot a{position: relative;width: 20%;float: left;background: url(../images/tx-bg.png)no-repeat center left;background-size: 100% 100%;margin-right: 5%;filter: grayscale(100%);}
.p4-bot a.active{background: url(../images/tx-bg-active.png)no-repeat center left;background-size: 100% 100%;filter: grayscale(0%);}
.p4-bot p{font-size: 2rem;color: #f8ead0;position: absolute;left: 0;width: 100%;line-height: 3rem;text-align: center;top: 98%;background: linear-gradient(to right,rgba(159,120,32,0),#ffec4f85,rgba(159,120,32,0));}
.p4-bot p.active{filter: grayscale(0%);}

.p4-inner{position: absolute;width: 71%;top: 0%;left: 50%;transform: translate(-50%,0);height: 500%;}
.p4-yh{position: absolute;width: 80%;top: 0%;left: 14%;overflow: hidden;}
.p4-yh .inner{position: relative;width: 100%;}
.p4-yh .inner .p4-card{width: 27%;margin-left: 11%;}
.p4-yh .inner span{position: absolute;width: 45%;top: 64%;right: 6%;height: 45%;text-align: left;font-size: 3.5rem;color: #fcf7eb;text-shadow: 0 0 7px #f9fb5e;}
.p4-yh .inner p{color: #fff;font-size: 1.8rem;display: inline-block;position: absolute;top: 82%;left: 52%;}
.p4-yh .inner span:before{position: absolute;content: "";height: 13px;background: url(../images/bot.png)no-repeat center left;background-size: 100% 100%;left: 0%;width: 35%;top: -12%;transform: translate(0,-50%);}
.p4-yh .inner span:after{position: absolute;content: "";height: 13px;background: url(../images/bot.png)no-repeat center left;background-size: 100% 100%;right: 0;width: 35%;bottom: 62%;transform: translate(0,-50%);}
.p4-tx{position: absolute;width: 90%;height: 46%;top: 61%;right: 5%;}
.p4-tx .swiper{width: 100%;height: 49%;min-height: 100px}
/*.p4-tx .gallery-thumbs{min-height: 500px;}*/

.p4-tx .swiper-slide{background: url(../images/p4-cardbg.png)no-repeat center center;background-size: contain;cursor: pointer;filter: grayscale(100%);height: auto;}
.p4-tx .swiper-slide-thumb-active{background: url(../images/p4-cardbg-fl.png)no-repeat center center;background-size: contain;filter: grayscale(0%);}
.p4-tx .swiper-button-prev2{position: absolute;content: "";width: 6%;height: 8%;top: auto;bottom: 66%;left: -5%;background: url(../images/arrow.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,0) rotatey(180deg);padding: 3%;cursor: pointer;}
.p4-tx .swiper-button-next2{position: absolute;content: "";width: 6%;height: 8%;top: auto;bottom: 66%;left: 105%;background: url(../images/arrow.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,0) rotateX(180deg);padding: 3%;cursor: pointer;}


@media(max-width:1600px){
    .per-word{width: 36%;}
    
}

@media(max-width:540px){
    .p4-mid{margin-top: -12%;}
    .p4 .nav-top{width: 65%;top: 2%;left: 22%;}
    .p4 .nav-top a{margin-right: -5%;font-size: 1.5rem;padding: 0.8% 5.5%;}
    .p4 .nav-top a:hover{padding: 0.8% 5.5%;}
    .p4 .title4-1{width: 75%;top: -8%;left: 12%;}
    .p4-per{width: 98%;display: inline-block;margin-left: 6%;margin-top: 2%;}
    .per-voice{width: 30%;top: 72%;left: 42%;}
    .per-voice span{font-size: 1.3rem;}
    .p4 .p4-mid .mid-per .per-voice a{margin-left: 4%;float: right;    width: 25%;}
    .per-word{width: 100%;left: 7%;margin-top: 14%;text-align: center;}
    .per-word p{font-size: 1.2rem;line-height: 2.5rem;}
    .per-word:before{top: -9%;}
    .p4-bot{width: 80%;left: 11%;bottom: -20%;}
    .p4 .nav-bot .p4-bot a{width: 20%;}
    .p4 .nav-bot .p4-bot a:nth-child(3){display: block;}
    .p4-bot p{font-size: 1rem;line-height: 2rem;}
    .p4 .title4-2{width: 75%;float: right;margin-right: 15%;margin-top: -8%;}
    .p4-inner{top: 168%;width: 71%;}
    .p4-tx{width: 100%;height: 103%;top: 125%;right: -1%;}
    .p4-tx .swiper{    min-height: 0px;}
    .p4-yh{left: -16%;height: 122%;width: 130%;}
    .p4-yh .inner .p4-card{width: 37%;position: relative;height: 300px;margin-left: 29%;}
    .p4-yh .inner span{width: 55%;top: 69%;right: 17%;height: 45%;font-size: 1.5rem;}
    .p4-tx .swiper-button-prev2{width: 11%;height: 12%;bottom: 76%;left: -9%;}
    .p4-tx .swiper-button-next2{width: 11%;height: 12%;bottom: 76%;left: 107%;}
    .p4-yh .inner span:before{height: 5px;width: 35%;top: -4%;}
    .p4-yh .inner span:after{height: 5px;width: 35%;top: 26%;bottom: 71%;right: 35px;}
    .p4-yh .inner p{font-size: 1.2rem;top: 84%;left: 17%;width: 69%;text-align: left;}
}


.p5-inner{position: absolute;width: 100%;top: 3%;left: 0%;}
.p5-inner-wap{display: none;}
.p5-inner-top{position: relative;width: 100%;overflow: hidden;}
.p5-inner-left,.p5-inner-right{width: 46%;float: left;position: relative;margin-left: 2%;}
.p5-inner-right{margin-top: 6%;}
.cos{display: none;}
.p5-inner-left.active .cos{display: block;}
.p5-inner-right.active .cos{display: block;}
.p5-inner-left ul{position: absolute;content: "";width: 100%;height: 100%;top: 0%;left: 0%;}
.p5-inner-right ul{position: absolute;content: "";width: 100%;height: 100%;top: 0%;left: 0%;}
.p5-inner-left ul li{position: relative;content: "";width: 12%;height: 100%;top: 0%;left: 5%;display: inline-block;cursor: pointer;}
.p5-inner-left ul li:nth-child(2){width: 12%;}
.p5-inner-left ul li:nth-child(4){width: 14%;}
.p5-inner-left ul li:nth-child(5){width: 10%;}
.p5-inner-right ul li{position: relative;content: "";width: 12%;height: 100%;top: 0%;left: 5%;display: inline-block;cursor: pointer;}
.p5-inner-right ul li:nth-child(3){width: 10%;}
/*.p5-inner-mid{width: 80%;position: relative;margin: 34% auto 0;}*/
.p5-inner-bot{width: 76%;margin: 0 auto;}
.bot-left,.bot-right{width: 25%;display: inline-block;position: relative;margin-right: 49%;}
.bot-right{margin-right: 0;}
.bot-right .p5-gift{left: 69%;}
.p5-inner-bot a{display:block;}
.p5-gift{position: absolute;width: 44%;bottom: 8%;left: -11%;animation: zt 2s linear infinite;}
.bot-left p,.bot-right p{font-size: 1.4rem;color: #aa9e7f;text-align: center;margin-top: 8%;}
.p5-inner-btn{width: 70%;margin: 0 auto;text-align: center;}
.p5-inner-btn a{display: inline-block;margin-right: 57%;margin-top: 1%;width: 20%;}
.p5-inner-btn a:nth-child(2){margin-right: 0;}
.bar-left{position: absolute;top: 0;left: 0;height: 100%;background: #d73434;text-align: center;color: #fff;}
.bar-right{position: absolute;top: 0;right: 0;height: 100%;background: #266ad1;text-align: center;color: #fff;}
.p5-text{width: 23%;margin: -4.5% 41%;position: relative;}
.p5-text a{display: block;}
.p5-text-jl{position: absolute;width: 45%;top: -5%;left: -28%;}
.p5-inner-mid{position: relative;width: 80%;margin: 0 auto;margin-bottom: 5%;margin-top: -1%;}
.color-b{position: absolute;content: "";width: 100%;height: 100%;top: 0%;left: 0;background: url(../images/color-b.png)no-repeat left center;background-size: cover;}
.color-b:after{position: absolute;content: "";width: 25px;height: 100%;top: 0;left: 100%;background: url(../images/color-b-jt.png)no-repeat left center;background-size: 100% 100%;}
.color-r{line-height: 0;}
.color-b span{font-size: 1.5rem;color: #fff;display: inline-block;position: relative;line-height: 4rem;font-weight: bold;margin-top: 4%}
.color-r span{font-size: 1.5rem;color: #fff;line-height: 4rem;position: absolute;right: 0%;font-weight: bold;top: 84%;}
.p5-inner-mid:before{position: absolute;content: "";width: 94px;height: 100%;top: 0;left: -4%;background: url(../images/color-bot.png)no-repeat left center;background-size: 100% 100%;z-index: 2;}
.p5-inner-mid:after{position: absolute;content: "";width: 94px;height: 100%;top: 0;left: 97.5%;background: url(../images/color-bot.png)no-repeat left center;background-size: 100% 100%;transform: rotate(180deg);}
.p5-inner-mid{display: none;}
.p5-inner-mid.active{display: block;}
.p5-inner-bot.active{display: none;}

@media(max-width:540px){
    .p5-inner{top: 9%;display: none;}
    .p5-inner-wap{display: block;width: 100%;position: absolute;top: 19%;left: 0%;}
    .p5-inner-left, .p5-inner-right{width: 93%;margin-left: 4%;}
    .p5-inner-right{margin-top: 60%;}
    .p5-inner-mid{margin-top: 4%;margin-bottom: 9%;width: 90%;}
    .p5-inner-mid:before{width: 33px;}
    .p5-inner-mid:after{width: 33px;}
    .p5-inner-bot{width: 91%;position: relative;display: inline-block;margin-left: 5%;z-index: 2;}
    .bot-left, .bot-right{width: 39%;display: inline-block;position: relative;margin: 0 6%;float: left;}
    .bot-right{width:36%;}
    .p5-gift{bottom: 17%;left: -13%;}
    .bot-left p, .bot-right p{font-size: 1.2rem;}
    .p5-inner-btn{width: 80%;}
    .p5-inner-btn a{display: block;width: 42%;margin: 0 auto;}
    .p5-inner-btn a:nth-child(1){margin-top: -148%;position: relative;float: left;margin-left: 31%;}
    .p5-inner-wap .secpic{width: 80%;left: 9.5%;position: relative;}
    .p5-text{width: 52%;margin: 0% 29% 5%;position: relative;float: left;}
    .swiper-button-prev3{position: absolute;content: "";width: 6%;height: 7%;top: auto;bottom: 68%;left: 6%;background: url(../images/arrow3.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,0) rotatey(180deg);padding: 2%;cursor: pointer;}
    .swiper-button-next3{position: absolute;content: "";width: 6%;height: 7%;top: auto;bottom: 68%;right: 1%;background: url(../images/arrow3.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,0) rotateX(180deg);padding: 2%;cursor: pointer;}
    .p5-btn-wap{width: 52%;position: relative;display: inline-block;margin-left: 24%;}
    .color-r span{color: #ffffff;}
    .p5-wap-1.active{display: block;}
    .p5-wap-1{display: none;}
    .p5-wap-2{display: none;}
    .p5-wap-2.active{display: block;}
    
}




.p6-inner{position: absolute;width: 70%;top: 18%;left: 50%;transform: translate(-50%, 0%);text-align: center;background: url(../images/p6-inner-bg.png)no-repeat center center;background-size: 100% 100%;padding: 4%;}
.p6-right{float: right;width: 51%;position: relative;border: 1px #ffefc3 solid;padding: 1% 2% 2% 3%;background: #070912;margin-top: 6%;}
.p6-nav{position: absolute;content: "";width: 100%;right: 0%;top: -14%;}
.p6-nav a{position: relative;color: #f6ecd5;font-size: 2.4rem;line-height: 5rem;margin: 2%;}
.p6-nav a.active{background: url(../images/p6-btn.png)no-repeat center center;background-size: 100% 100%;
color: #363b4d;padding: 1% 5%;}
.p6-box{border-bottom: 1px #5c5b57 solid;padding-bottom: 2%;}
.p6-box .dd{display: none;text-align: left;}
.p6-box .dd.active{display: block;}
.p6-box .dd a{position: relative;display: block;color: #505558;font-size: 2rem;padding: 3% 0;padding-right: 7%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.p6-box .dd a:before{position: absolute;content: "";width: 0%;height: 5px;top: 72%;left: -2%;background: #5c5b57;}
.p6-box .dd a:after{display: block;position: absolute;content: "";width: 6%;height: 30%;top: 35%;right: 0;background: url(../images/btn-jt-black.png)no-repeat center center;background-size: contain;}
.p6-box .dd a:hover:before{width: 100%;transition: all 1s ease;}
.p6-box .dd a:hover:after{display:block;right: -7%;transition: all 1s ease;}
.p6-box .dd a span{position: relative;color: #968687;font-size: 1.8rem;padding-right: 4%;}
.page{text-align: center;margin-top: 3%;}
.page a{display: inline-block;width: 3.4rem;line-height: 3.2rem;font-size: 1.4rem;color: #a4a098;background: #383c56;margin: 0 2px;}
.page a.active{background: #f6ecd5;color: #363b4d;}
.p6-left{float: right;width: 40%;position: relative;border: 1px #ffefc3 solid;padding: 1% 2% 2% 3%;background: #070912;margin-top: 6%;margin-right: 7%;height: 540px!important;}
.p6-left-title{position: absolute;content: "";bottom: 105%;left: 0;width: 100%;font-size: 1.4rem;}
.p6-left-title a{font-size: 1.4rem;line-height: 3rem;padding: 0 10% 0 8%;margin-right: 8px;}
.btn-fb{position: relative;background: #2a88f8;color: #fff;font-size: 2.8rem;line-height: 6rem;padding: 0 7% 0 5%;display: inline-block;}
.btn-fb span{position: absolute;content: "";width: 9%;top: 0;left: 8%;}
.p6-left .box{position: relative;width: 100%;height: 500px;background: none;overflow: hidden;}
.p6-left iframe, .p6-left .twitter-box-inner{position: absolute;width: 100%;top: 0;left: 0;;}



@media(max-width:1700px){
    .p6-left{height: 500px!important;}
    .p6-left .box{height: 470px;}
    
}


@media(max-width:1600px){
    .p6-inner{height: 80%;}
    .p6-left{height: 490px!important;}
    .p6-left .box{height: 450px;}
    
}

@media(max-width:1500px){
    .p6-left{height: 460px!important;}
    .p6-left .box{height: 430px;}
    
}


@media(max-width:540px){
    .p6-inner{width: 91%;top: 10%;padding: 4% 4% 18% 4%;height: 87%;}
    .p6-right{width: 90%;margin-top: 27%;margin-right: 5%;height: 300px;}
    .p6-nav a{font-size: 1.4rem;line-height: 1rem;margin: 1%;}
    .p6-box .dd a{font-size: 1.2rem;padding: 1% 0;}
    .page a{width: 2.4rem;line-height: 2.2rem;font-size: 1.2rem;}
    .p6-left{width: 90%;margin-top: 17%;margin-right: 5%;height: 300px!important;}
    .p6-left-title{bottom: 102%;left: 5px;}
    .p6-box .dd a span{font-size: 1.2rem;}
    .p6-left-title{bottom: 102%;}
    .p6-left-title a{margin-right: -7px;}
    .p6-left .box{height: 290px;}
    
}




.sec7{position: relative;top:57%;transform: translate(0,-50%);}
.p7 .title{top: 9%;}
/*图片滚动*/
.secpic{position: absolute;width: 77%;top: 30%;left: 11.5%;}
.secpic .swiper-container {padding: 0;overflow: hidden;}
.swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms; }
.slide1{margin-right: 10px!important;}
.secpic .swiper-slide img{opacity: 0.5;}
.secpic .swiper-slide{position: relative;width: 500px;}
.secpic .swiper-slide:after{position: absolute;content: "";width: 100%;height: 100%;background: none;top: 0;left: 0;}
.secpic .swiper-slide-active img{opacity: 1;}
.secpic .swiper-slide-active:after{display: none;}

.secpic .swiper-pagination{width:35%;left: 50%;    margin-top: 2%;position: relative;transform: translate(-50%,0);}
.secpic .swiper-pagination-bullet {position: relative;width: 19px;height: 19px; background:url(../images/secpic-dot.png)no-repeat center center;background-size:contain;border:none;transform: none;margin: 0 1.2rem;vertical-align: middle;opacity: 1;    opacity: var(--swiper-pagination-bullet-opacity, 1);   }
.secpic .swiper-pagination-bullet-active{width: 32px;height: 32px;background:url(../images/secpic-dot-active.png)no-repeat center center;background-size:contain }
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 var(--swiper-pagination-bullet-horizontal-gap,1.2rem);}


.secpic .swiper-button-next,.secpic .swiper-button-prev{width:11%;height:115px;background: url(../images/arrow.png)no-repeat center center;background-size:contain;}
.secpic .swiper-button-next{background: url(../images/arrow.png)no-repeat center center;background-size:contain; ;}
.secpic .swiper-button-next:hover,.secpic .swiper-button-prev:hover{opacity: 0.6;}
.secpic .swiper-button-next{right: -6%;}
.secpic .swiper-button-prev{left: -6%;transform:rotateY(180deg);}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.secpic .swiper-slide-active,.secpic .swiper-slide-duplicate-active{transform:scale(1);z-index: 100;}
.secpic .swiper-slide-prev,#section-six .swiper-slide-next{transform: scale(0.9);}
.secpic .swiper-slide-next img{transition: all 0ms ease 0s;transform:rotateX(0deg) rotateY(-30deg) scale(1);}
.secpic .swiper-slide-next:after{transition: all 0ms ease 0s;transform:rotateX(0deg) rotateY(-30deg) scale(1);}
#section-six .swiper-slide-prev img{transition: all 0ms ease 0s;transform:rotateX(0deg) rotateY(30deg) scale(1);}
.secpic .swiper-slide-prev:after{transition: all 0ms ease 0s;transform:rotateX(0deg) rotateY(30deg) scale(1);}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}
.swiper-pagination{bottom: 100px!important}
.swiper-pagination-bullet{z-index: 2;position: relative;width: 16px;height: 16px;top: 102%;display: inline-block;border-radius: 0;background: none;border: 2px #fff solid;transform: rotate(45deg);}
.swiper-pagination-bullet-active{background: #fff;}
.swiper-button-prev{position: absolute;content: "";width: 4%;height: 8%;top: auto;bottom: 36%;left: 8%;background: url(../images/arrow.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,0) rotatey(180deg);padding: 2%;cursor: pointer;}
.swiper-button-next{position: absolute;content: "";width: 4%;height: 8%;top: auto;bottom: 36%;right: 4%;background: url(../images/arrow.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,0) rotateX(180deg);padding: 2%;cursor: pointer;}

.notice{font-size: 1.5rem;color: #fff;line-height: 3rem;position: relative;z-index: 6;margin-top: -8%;margin-bottom: 3%;}
.notice p:first-child{font-size: 1.6rem;}
.notice p span{color: #ff4b8d;}
@media(max-width:1600px){
    .secpic .swiper-pagination-bullet{width: 16px;height: 16px;} 
    .secpic .swiper-pagination-bullet-active{width: 28px;height: 28px;}
    .notice{font-size: 1.5rem;line-height: 3rem;}
    .notice p:first-child{font-size: 1.3rem;}
    .swiper-pagination{bottom: 53px!important;}
}
   
@media(max-width:1400px){
    .secpic .swiper-pagination{width: 38%;}
}
@media(max-width:820px){
	.secpic .swiper-button-next, .secpic .swiper-button-prev{width: 7%;height: 42px;}
}
@media(max-width:540px){
    .sec6{position: relative;top:0%;transform: translate(0,0%);}
    .p6 .title{margin-bottom: 3%;}
    .p6 .arrow-page{display: none;}
    .secpic .swiper-pagination{width: 53%;margin-top: 5%;}
	.secpic{width: 76%;}
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);}
    .notice{width: 90%;margin: 0 auto 0;font-size: 1rem;line-height: 1.7rem;padding-bottom: 23%;}
    .secpic .swiper-button-prev{left: -7%;}
    .secpic .swiper-button-next{right: -7%;left: auto;}
    .swiper-pagination-bullet{width: 8px;height: 8px;}
    .swiper-pagination{bottom: 13px!important;}
    .swiper-button-prev{width: 8%;height: 10%;}
    .swiper-button-next{width: 8%;height: 10%;right: 0%;}
}
@media(max-width:380px){
    .notice{font-size: 0.9rem;line-height: 1.5rem;}
}

@media(max-width:320px){
    .notice{font-size: 0.8rem;line-height: 1rem;}
}






.foot-pic{width: 64%;position: absolute;top: 20%;left: 50%;transform: translate(-50%, 0);padding-bottom: 15px;border-bottom: 1px #6a6963 solid;}
.btn-store{width: 100%;position: relative;text-align: center;}
.btn-store a{width: 23%;display: inline-block;margin: 2%;position: relative;overflow: hidden;}
.link-pic{width: 100%;position: relative;text-align: center;}
.link-pic a{display: inline-block;margin: 1%;width: 31%;}
.foot-top{width: 55%;position: absolute;top: 67%;left: 28%;}
.foot-top-left{width: 13%;display: inline-block;}
.foot-top-mid{display: inline-block;margin: 2%;vertical-align: bottom;}
.foot-top-right{display: inline-block;margin: 2%;vertical-align: bottom;}
.foot-top p{padding-bottom: 5px;border-bottom: 1px #6a6963 solid;margin-bottom: 12px;font-size: 1.5rem;line-height: 2.8rem;height: 29px;color: #e1d2a9;}
.foot-share{float: left;width: 55%;position: relative;margin-top: -5%;margin-left: 21%;text-align: center;}
.foot-share span{font-size: 1.8rem;line-height: 2.8rem;height: 29px;color: #e1d2a9;margin-right: 1%;}
.foot-share a{position: relative;display: inline-block;width: 4rem;height: 4rem;text-align: center;margin-right: 1rem;background: #76aaeb;border-radius: 50%;vertical-align: middle;}
.foot-share a.icon-yb{background: #1278f4;}
.foot-share a.icon-dc{background: #8c9eff;}
.foot-share a img{position: absolute;width: 60%;height: 52%;top: 50%;left: 50%;transform: translate(-50%,-50%);}

@media(max-width:1600px){
    .foot-pic{width: 71%;top: 20%;}
    .btn-store a{width: 19%;}
    .link-pic a{margin: 0 1%;width: 31%;}
}


@media(max-width:540px){
	.foot-pic{top: 14%;width: 80%;}
    .btn-store a{width: 37%;margin: 2%;}
    .link-pic a{width: 47%;margin-bottom: 4%;}
    .foot-top{width: 80%;top: 50%;left: 10%;}
    .foot-top-left{width: 24%;display: block;margin: 0 auto 3%;}
    .foot-top-mid,.foot-top-right{display: block;vertical-align: bottom;position: relative;text-align: center;}
    .foot-top p{font-size: 1rem;line-height: 1.5rem;margin-bottom: 0;border-bottom: none;}
    .foot-share{width: 61%;margin-top: -20%;margin-left: 18%;}
    .foot-share span{font-size: 1rem;line-height: 2.8rem;margin-right: 1%;}
    .foot-share a{width: 3rem;height: 3rem;}
    
    
}



.bqxx{background: #000;text-align: center;padding: 2% 0 3%;}
.bqxx a{color: #9d877e;font-size: 1.4rem;line-height: 1.4rem;text-decoration: underline;display: inline-block;margin: 0 1rem;}
.bqxx p{color: #524a47;font-size: 0.8rem;margin: 0.5% auto;line-height: 2rem;}

@media(max-width:540px){
    .bqxx a{font-size: 1rem;line-height: 1rem;margin: 0 0.3rem;}
    .bqxx{padding-bottom: 23%;position: relative;}
    
}



/*公共飘窗样式*/
.fc{position: fixed;width:10%;right:0; top:50%;transform: translate(0,-50%);z-index: 10;text-align: center;z-index: 3;transition: all 1s ease;}
.fc.active{transform:translate(85%,-50%);transition: all 1s ease;}
.fc .pic{position: relative;margin-bottom: -44%;display: none;}
.fc .pic a{position: absolute;width: 100%;top: 0;left: 0;display: block;}
.fc.active .fc-close{opacity: 1;}
.fc .fc-btn{background: url(../images/fc-bg.png);background-size: 100% 100%;padding: 35% 11% 41% 11%;}
.fc .fc-btn a{display: block;margin-bottom: 4%;position: relative;}
.fc .fc-btn a.btn{background: url(../images/btn-fc.png)no-repeat center center;background-size: 100% 100%;padding: 7% 0;margin-top: -4%;margin-bottom: 2%;}
.fc .fc-btn a.btn span{ font-size: 1.8rem;background: linear-gradient(#fcf5ce,#fae48d);-webkit-background-clip: text;color: transparent;}
.fc-close{position: absolute;width: 15%;top: 50%;left: 0;transform: translate(0,-50%);opacity: 0;}
.fc-open{margin-left: 15%;width: 85%;}
.btn-top{position: relative;width: 44%;display: block;margin: 0 auto;transform: translate(5%,-90%);}
.btn-top span{color: #fff;position: absolute;content: "";width: 100%;bottom: 18%;left: 0;text-align: center;font-size: 1.8rem;line-height: 3.2rem;transform: scale(0.9);top:47%;}
.bott{display: none;position: fixed;width: 100%;left: 0;bottom: 0;padding: 5px 0;background: url(../images/fc.png)no-repeat center center;background-size: 100% 100%;z-index: 4}
.btn-xg{display: none!important;}


@media(max-width:1650px){

    .fc .fc-btn a.btn span{ font-size: 1.6rem;}
}
@media(max-width:1200px){
    .fc .fc-btn a.btn span{ font-size: 1.4rem;}
}
@media(max-width:900px){
	.fc{width: 12%;transform: translate(0,-23%);}
    .btn-top span{font-size: 0.8rem;line-height: 0.8rem;transform: scale(1);}
}
@media(max-width:540px){
    .nav-bot{display: block;padding: 42px 0 0;}
    .fc{width: 10rem;top: auto;bottom: 33px;transform: translate(0,0);display: none;}
	.fc .pic{position: relative;width: 10rem;left: 0%;margin-bottom: 0%}
	.fc .store-btn{display: none;}
    .btn-top{position: absolute;width: 41%;right: 331%;bottom: 9%;transform: translate(0,0);}
/*    .fc .btn-top{display: none;}*/
    .nav-bot a{width: 27%;float: right;}
    .bott a{margin-left: 68%;margin-bottom: 2%;float: left;overflow: hidden;position: relative;animation: zt 2s linear infinite;}
    .btn-ios{display: none;}
/*    .bott a:nth-child(1){display: none;}*/
    .btn-rewards{display: none!important;}
    .btn-recharge{display: none!important;}
    .bott a:nth-child(5){margin-left: 1%;width: 23%;display: none;}
    .btn-4{display: none;}
    .btn-3{display: none;}
    .btn-google{display: none;}
    .btn-top{display: none;}
    .head .logo{width: 76%;}
    .fc-btn2{display: none;}
    .popup-jljl .pop-inner a{font-size: 1.3rem!important;}
}




/*共用弹框样式*/
#disappare{ position: fixed;top:50%;left: 50%;transform: translate(-50%,-50%);display: none; z-index: 10001;background:url(../images/btn2.png)no-repeat center center;background-size: 100% 100%;padding: 0% 2%;}
#disappare span{ background: linear-gradient(#ffffff,#ffec99);-webkit-background-clip: text;color: transparent; font-size: 2.2rem;line-height:5rem; }

.copy{color: #fff2c6;}


.popup{max-width: 900px;width: 60%;min-height: 20%;position: fixed!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%)!important;display: none;padding: 0.3% 0.2% 1%;text-align: center;background: rgb(7 15 36 / 74%);border: 1px rgba(255,255,255,0.4) solid;}
.popup:before{background: url(../images/zs-dot-mid.png)no-repeat left center;background-size: contain;}

.pop-title{position: relative;background: linear-gradient(#444238,#363b4d);padding: 2.5% 0px 2%;text-align: center;font-size: 3rem;color: #fff;text-shadow: 0 0 7px #fbc73b;}
.pop-title span:after{left: auto;right: 104%; transform: translate(0,-50%) rotateY(180deg);}
.pop-inner{position: relative;color: #fcf7ff;font-size: 1.8rem;line-height: 3rem;z-index: 2;padding: 1.5% 5%;text-align:center;max-height: 500px;overflow: auto;}
.pop-inner p{font-size: 1.2rem;line-height: 2.4rem;}
.pop-inner span{color: #ff5f7c;font-size: 2rem;}
.pop-inner h4{font-size: 1.8rem;color: #fbc73b;}
.pop-inner a{position: relative;font-size: 2.5rem;color: #ffefc3;background: url(../images/p5-tm-btn3.png)no-repeat center center;background-size: 100% 100%;margin: 3% 2% 0;padding: 1% 3%;display: inline-block;}
.pop-inner a.btn{background: url(../images/btn.png)no-repeat center center;background-size: 100% 100%;text-decoration: none;line-height: 5rem;display: inline-block;padding: 0.5% 7%;margin: 2% 2% 0;}
.pop-inner a.btn span{font-size: 1.6rem;color: #fff;}
.popup h3{font-size: 2.8rem;line-height: 2.8rem; position: relative;display: inline-block;}
.popup h3 span{position: relative;display: inline-block;background: linear-gradient(#a55151,#25557e);-webkit-background-clip: text;color: transparent;}
.popup h3:before{position: absolute;content: "";width: 3rem;height: 2rem;background: url(../images/sec4-icon1.png)no-repeat left center;background-size: contain;top: 50%;left: 102%;transform: translate(0,-50%) rotateY(180deg);}
.popup h3:after{position: absolute;content: "";width: 3rem;height: 2rem;background: url(../images/sec4-icon1.png)no-repeat left center;background-size: contain; top: 50%;right: 102%;transform: translate(0,-50%);}
.popup h5{line-height: 5rem;padding-top: 2%;border-top: 1px #e7e7e74d solid;font-size: 1.8rem;font-weight: bold;margin-top: 2%;color: #fbc73b;}
.popup .close{position: absolute;top: -5%; right: -1%;width: 4%;cursor: pointer;transform: translate(50%,-50%);    -webkit-transition: transform .5s ease-in-out .1s;-o-transition: transform .5s ease-in-out .1s;-moz-transition: transform .5s ease-in-out .1s;transition: transform .5s ease-in-out .1s;}
.popup-success .close{top: -4%;}
.popup-success2 .close{top: -4%;}
.popup .close:hover{transform:translate(50%,-50%) rotate(360deg);}
.popup-start{background: none;border:none;display: none;}
.popup-start .pop-inner a{background: none;width: 39%;animation: zt 2s linear infinite;margin-top: 6%;}
.popup-start .pop-inner{padding: 0%;margin-top: 0;padding: 0%;margin-top: 0;max-height: 800px;}

.popup-per1{background: none;border: none;}
.popup-per1 .nav-top{width: 100%;display: inline-block;position: relative;float: left;margin-top: -59%;margin-left: 36%;}
.popup-per1 .nav-top a{font-size: 2.2rem;color: #fff1cb;background: url(../images/p4-btn.png)no-repeat center left;background-size: 100% 100%;padding: 0.8% 1.5%;margin-right: -1%;display: inline-block;}
.popup-per1 .nav-top a:hover{background: url(../images/p4-btn-fl.png)no-repeat center left;background-size: 100% 100%;padding: 0.8% 1.5%;}
.popup-per1 .angle-inner{position: relative;width: 100%;}
.popup-per1 .nav-bot{position: absolute;width: 87%;top: 0%;left: 50%;transform: translate(-50%, 0%);}
.popup-per1 .nav-bot .li-left{width: 37%;display: inline-block;float: left;margin-top: -66%;margin-left: 2%;}
.popup-per1 .nav-bot .li-left p{font-size: 2rem;color: #f8ead0;position: absolute;left: 19%;width: 22%;line-height: 3rem;text-align: center;top: 99%;background: linear-gradient(to right,rgba(159,120,32,0),#887ba6,rgba(159,120,32,0));margin-top: -13%;}
.popup-per1 .nav-bot .li-right{width: 51%;display: inline-block;float: right;margin-top: -63%;margin-right: 5%;}
.popup-per1 .nav-bot .li-right span{font-size: 2.5rem;line-height: 5rem;margin-left: -27%;background: linear-gradient(to bottom,#fffffe,#efddb6);-webkit-background-clip: text;color: transparent;font-weight: bold;position: relative;}
.popup-per1 .nav-bot .li-right span:before{position: absolute;content: "";height: 21px;background: url(../images/arrow2.png)no-repeat center left;background-size: 100% 100%;left: -14%;width: 10%;top: 56%;transform: translate(0,-50%);}
.popup-per1 .nav-bot .li-right span:after{    position: absolute;content: "";height: 21px;background: url(../images/arrow2.png)no-repeat center left;background-size: 100% 100%;left: 102%;width: 10%;top: 44%;transform: translate(0,-50%)rotate(180deg);}
.popup-per1 .nav-bot .li-right .img{margin: 4% 0 8%;width: 96%;}
.popup-per1 .nav-bot .li-right-zi{font-size: 1.5rem;color: #fcf7eb;width: 100%;text-align: left;margin-top: 3%;position: relative;}
.popup-per1 .nav-bot .li-right-zi p:before{position: absolute;content: "";height: 13px;background: url(../images/bot.png)no-repeat center left;background-size: 100% 100%;left: 0%;width: 35%;top: -25%;transform: translate(0,-50%);}
.popup-per1 .nav-bot .li-right-zi p:after{position: absolute;content: "";height: 13px;background: url(../images/bot.png)no-repeat center left;background-size: 100% 100%;right: 4%;width: 35%;bottom: -33%;transform: translate(0,-50%);}

.popup-bqxx3 h5:nth-child(1){border-top: none;padding-top: 0%;margin-top: 0%;}





.popup-start .btn-sd{animation: zt 2s linear infinite;width: 51%;bottom: 30.5%;margin: 0 auto;}

#popup-video{min-height: 20%;}
.vedio{width: 100%;height: 500px;}

#popup_tip{padding: 2%;min-height:auto;}
#popup_tip 
#popup_tip:after{display: none;}

.popup-success{background: none;border: none;padding: 0%}
.popup-success:after{background: none;}
.popup-success .pop-inner{width: 100%;padding: 0;max-height: 1000px;}
.popup-success h3{margin-top:5%;}
.popup-success .store-btn{width: 39%;position: absolute;top: 73%;left: 18.5%;}
.popup-success .store-btn a{display: block;width: 62%;margin-top: 22%;margin-left: 51%;background: none;animation: zt 2s linear infinite;}
.popup-success p{position: absolute;top: 79%;left: 25%;width: 50%;font-size: 2rem;background: linear-gradient(to right,rgba(159,120,32,0),#333,rgba(159,120,32,0));line-height: 3.5rem;font-weight: bold;}
.popup-success span{color: #fb943b;font-size: 2.5rem;line-height: 3.5rem;}

.popup-success2{background: none;border: none;padding: 0%}
.popup-success2:after{background: none;}
.popup-success2 .pop-inner{width: 100%;padding: 0;max-height: 1000px;}
.popup-success2 h3{margin-top:5%;}
.popup-success2 .store-btn{width: 63%;position: absolute;top: 82%;left: 19.5%;}
.popup-success2 .store-btn a{display: inline-block;width: 37%;margin: 0% 6%;background: none;}

.popup-introduce{max-width: 1100px;}
.popup-introduce .pop-inner{max-height: 595px;}

.popup-mail .mail,.num{width: 71%;position: relative;background: #070912;border: 1px #959da3 solid;border-radius: 9px;margin-bottom: 2%;text-align: left;margin-left: 12%;margin-top: 2%;}
.num{width: 44%;}
.popup-mail .mail-btn{font-size: 1.5rem;color: #252832;background: #dacf9a;border: 1px #f7f7f7 solid;border-radius: 9px;position: absolute;top: 22%;right: 18.5%;width: 21%;line-height: 4.5rem;}
.popup-mail input{line-height: 6.2rem;background: none;font-size: 1.5rem;width: 80%;border: none;margin-left: 2%;}
.popup-mail .yj{margin-left: 9%;text-align: left;}
.popup-mail .yj span{color: #ffffff;font-size: 1.5rem;}
.popup-mail .yj input{width: 4%;}
.popup-mail .yj a{font-size: 1.5rem;background: none;margin: 0;padding: 0;}
.popup-mail .mail-rule{margin-top: 6%;}

.popup-angel{background: none;border: none;}
.popup-angel .pop-inner{width: 41%;max-height: 800px;padding: 0;margin: 0 auto;}
.popup-angel .pop-inner p{position: absolute;top: 79%;left: 22%;width: 63%;font-size: 2rem;background: linear-gradient(to right,rgba(159,120,32,0),#685c3e,rgba(159,120,32,0));line-height: 3.5rem;font-weight: bold;}
.popup-angel .pop-inner span{color: #fbc73b;font-size: 2.5rem;}
.popup-angel .close{right: 28%;}

.popup-devil{background: none;border: none;}
.popup-devil .pop-inner{width: 41%;max-height: 800px;padding: 0;margin: 0 auto;}
.popup-devil .pop-inner p{position: absolute;top: 79%;left: 22%;width: 66%;font-size: 2rem;background: linear-gradient(to right,rgba(159,120,32,0),#685c3e,rgba(159,120,32,0));line-height: 3.5rem;font-weight: bold;}
.popup-devil .pop-inner span{color: #fbc73b;font-size: 2.5rem;}
.popup-devil .close{right: 28%;}



.popup-end{background: none;border: none;padding: 0%}
.popup-end .pop-inner{width: 136%;margin-left: -5%;padding: 0}
.popup-end:after{background: none;}
.popup-end h3{margin-top:5%;}

.popup-bqxx span{font-size: 1.5rem;}
.popup-bqxx .pop-title span{font-size: 2.5rem;}
.popup-bqxx a{font-size: 1.5rem;background: none;margin: 0;padding: 0;}

.popup-per{display: none;position: fixed;left: 50%!important;top: 50%!important;width: 46%;transform: translate(-50%,-50%);padding: 0; text-align: center;background: none;border: none;}
.popup-text{display: none;background: none;border: none;width: 100%;max-width: 1300px;padding: 0;}
.p5-text-btn{position: absolute;width: 100%;bottom: 15%;left: 0%;}
.p5-text-fmjl{position: absolute;width: 35%;bottom: 4%;left: 36%;}
.p5-text-fmjl .p5-text-jl{width: 23%;left: -16%;top: -66%;}
.text-cover{position: relative;}
.text-cover a{color: #faf4e8;font-size: 3rem;background: url(../images/p5-tm-btn1.png)no-repeat center center;background-size: 100% 100%;padding: 1% 2%;margin: 1% 4%;display: inline-block;}
.text-cover a:nth-child(2){background: url(../images/p5-tm-btn2.png)no-repeat center center;background-size: 100% 100%;}
.text-topic{display: none;position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: url(../images/p5-text-tm.jpg)no-repeat center center;background-size: 100% 100%;}
.text-topic.active, .text-result.active{display: block;}
.text-topic.active .text-cover{display: none;}
.text-tm li{display: none;height: 380px;position: relative;}
.text-tm li.active{display: block;}
.text-tm{position: absolute;width: 60%;top: 40%;left: 50%;transform: translate(-50%, 0%);}
.text-tm h3{font-size: 3rem;background: linear-gradient(#fffffe,#efddb6);-webkit-background-clip:text;color: transparent;position: relative;}
.text-tm h3:before{position: absolute;content: "";background: url(../images/arrow2.png)no-repeat center center;background-size: 100% 100%;width: 36%;top: 61%;left: 110%;height: 88%;}
.text-tm h3:after{position: absolute;content: "";background: url(../images/arrow2.png)no-repeat center center;background-size: 100% 100%;width: 36%;top: 61%;left: -46%;height: 88%;}
.text-tm b{color: #fcf7eb;font-size: 1.8rem;line-height: 4rem;margin: 3% 0;display: block;font-weight: normal;position: relative;}
.text-tm b:before{position: absolute;content: "";background: url(../images/p5-dot.png)no-repeat center center;background-size: 100% 100%;width: 100%;top: -7%;left: 0%;height: 5%;}
.text-tm b:after{position: absolute;content: "";background: url(../images/p5-dot.png)no-repeat center center;background-size: 100% 100%;width: 100%;top: 105%;left: 0%;height: 5%;}
.tm-anser{color: #fff;font-size: 1.5rem;}
.tm-btn{position: relative;margin: 5%;}
.text-tm a{font-size: 2.5rem;color: #ffefc3;background: url(../images/p5-tm-btn3.png)no-repeat center center;background-size: 100% 100%;margin: 0 2%;padding: 0.5% 2%;}
.text-topic a:hover,.text-topic .text-tm .tm-btn a.active{background: url(../images/p5-tm-btn4.png)no-repeat center center;background-size: 100% 100%;margin: 0 2%;padding: 0.5% 2%;}
.text-tm .syt{position: absolute;top: -15%;left: 0%;}
.text-topic .dot{position: absolute;width: 80%;top: 33%;left: 50%;transform: translate(-50%, 0);}
.text-topic .dot:after{position: absolute;content: "";width: 60%;height: 1px;background: linear-gradient(to right,rgba(166,148,135,0),rgba(166,148,135,1),rgba(166,148,135,0));top: 47%;left: 50%;z-index: 0;transform: translate(-50%,-50%);}
.text-topic .dot b{position: relative;z-index: 1;display: inline-block;width: 13px;height: 13px;background: #a69487;border: 1px #d1ccc4 solid;transform: rotate(45deg);margin: 0 12px;outline: 1px #a69487 solid;}
.text-topic .dot b.active{background: #e0a72c;outline: 1px #e0a72c solid;}
.text-result{display: none;position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(207,217,243,0.2);border: 1px rgba(255,255,255,0.4) solid;}
.text-share{width: 81%;margin: 42px auto;}
.tm-btn a{font-size: 2.5rem;color: #ffefc3;background: url(../images/p5-tm-btn3.png)no-repeat center center;background-size: 100% 100%;margin: 0 2%;padding: 0.5% 2%;}
.popup-text .close{width: 3%;}









#popup_tip .pop-inner{text-align: center;}



.popup-bag .popup-bag-box{margin: 2% 0;}
.popup-bag .popup-bag-box span{display: inline-block;width: 18%;}

.popup-exchange-result .exchange-per{    width: 36%;margin:-1% auto -2%;}
.popup-exchange-result2 .pop-inner{line-height: 4rem;}

.popup-exchange-rule .pop-inner{text-align: left;max-height: 250px;overflow: auto;}

.popup-jljl dl{max-height: 310px;overflow: auto;border: 1px rgba(255,255,255,0.5) solid;}
.popup-jljl dl dd{position: relative;overflow: hidden;border-bottom: 1px rgba(255,255,255,0.5) solid;background: #363b4d;}
.popup-jljl dl dd:before{position: absolute;content: "";width: 1px;height: 100%;top: 0;left: 45.5%;background: rgba(255,255,255,0.5); }
.popup-jljl dl dd:after{position: absolute;content: "";width: 1px;height: 100%;top: 0;left: 78%;background: rgba(255,255,255,0.5); }
.popup-jljl dl dd:first-child{background: #10121e;}
.popup-jljl dl dd p{float: left;width: 45%;padding: 1%;font-size: 1.5rem;line-height: 2.4rem;word-break: break-all;text-align: center;}
.popup-jljl dl dd p:nth-child(2){width: 34%;}
.popup-jljl dl dd p:nth-child(3){width: 21%;}
.popup-jljl .pop-inner{padding: 1.5% 2%;text-align: center;}

.popup-jljl .pop-inner a{font-size: 1.5rem;color: #fbc73b;background: none;margin: 0;padding: 0;}

.xg{display: none;}


/*预约结束弹框样式*/
.popup-end .store{position: absolute;content: "";width: 44%;top: 69%;right: 37.5%;}
.popup-end a{position: relative;overflow: hidden;width: 29%;display: block;float: left;}
@media(max-width:1550px){
   
    .popup-bag .popup-bag-box span{width: 13%;}
    .pop-inner a.btn{line-height: 5.4rem;}
    .pop-inner a.btn span{font-size: 2rem;}
}

@media(max-width:900px){
    #disappare span{font-size: 1.5rem;line-height: 4rem;}
    #disappare{padding: 0% 5%;}
    .popup{width: 60%;padding: 2% 2% 2% 13%;}

    .pop-title{font-size: 2rem;}
    .pop-title span:before, .pop-title span:after{width: 88%;}
    .popup h3{font-size: 2rem;    line-height: 2.4rem;}
    .popup h5{font-size: 1rem;line-height: 2rem;}
    .pop-inner span{    font-size: 1rem;}
    .pop-inner{font-size: 1rem;line-height: 2rem;margin-top: 4%;}
    .popup-lottery-rule .pop-inner{max-height: 250px;}
    .pop-inner a.btn{line-height: 3rem;padding: 1% 4% 0;width: 33%;margin: 2% 2% 0}
    .pop-inner a.btn span{font-size: 1.4rem;}
    .popup input, .popup select{font-size: 1.2rem;line-height: 3.5rem;height: 3.5rem;}
    .popup-start .tel select, .popup-start .tel input{height: 2.5rem;line-height: 2.5rem;padding-left: 2%;}

    .popup-bag .popup-bag-box span{width: 13%;}
    
    .popup-invited h5{margin-top: 4%;}
    .popup-invited input.lj{font-size: 1rem;margin: 1.5% auto 0%;}
    .popup-invited .pop-inner .ydc{width: 73%;height: 68px;}
    .popup-invited .pop-inner .ydc ul{top: -22%;left: -8%;}
    .popup-exchange-result2 .pop-inner{line-height: 2.4rem;}
    
    .popup-exchange-result .exchange-per{width: 25%;}
    
    .popup-jljl dl{max-height: 200px;}
}
@media(max-width:540px){
    .popup{width: 88%;padding: 1.2rem 3% 1%;}
    .popup .pop-title span:before, .popup .pop-title span:after{width: 50%;}
    .popup h3:before,.popup h3:after{width: 1.4rem;}
    .popup .close{width: 6%;top: -7%;right: 2%;}
    .popup-start{width: 99%;padding: 0;}
    .popup-start .close{top: -5%;right: 6%;}
    .pop-inner a.btn{padding: 1% 3% 0;margin: 1% 2% 0;}
    
    #popup_tip{ padding: 2rem 4% 5% 4%;}
    .vedio{height: 160px;}
    
    .popup-success .sdyd-reward{width: 95%;margin-top: 2%;margin-left: -6%;}
    .popup-success .store-btn{width: 70%;top: 56%;left: 16.5%;}
    .popup-success .pop-inner{width: 112%;margin-left: -6%;}
    .popup-success .close{top: 2%!important;right: 0%;}
    .popup-bag .popup-bag-box span{width: 23%;}
    .popup-success p{top: 79%;left: 6%;font-size: 1.2rem;}
    .popup-success span{font-size: 1.2rem;}
    
    .popup-success2 .pop-inner{width: 112%;margin-left: -6%;}
    .popup-success2 .close{top: 0%!important;}
    .popup-success2 .store-btn a{width: 45%;margin: 4px;padding: 0;}
    .popup-success2 .store-btn{top: 79%;}
    
    .popup-end .pop-inner{width: 124%;margin-left: -12%;}
    .popup-end .store{width: 76%;top: 72%;right: -2.5%;}
    
    .pmd .reward{width: 25%;}
    .pmd P{font-size: 1rem;line-height: 2rem;}
    .pmd span{font-size: 1rem;}
    
    .pmd .pop-inner a{font-size: 1.1rem;}
    .pmd b{font-size: 2.2rem;line-height: 1.5rem;}
    .pmd .reward{width: 25%;}
    .pmd .pop-jl{width: 106%;margin-left: -3%;}
    .pmd .pop-jl .sec5-r-m{width: 100%;}
    .pmd .pop-jl .sec5-r-m .li{width: 28%;}
    .pmd .pop-jl:after{top: -10.5%;right: 43%;width: 4rem;height: 2rem;}
    .pmd .pop-jl .Replace a{font-size: 1.2rem;}
    
    
    .popup-jljl dl dd p{font-size: 0.8rem;word-break:break-all;line-height: 1.4rem;}
    .popup-jljl .pop-inner{padding: 1.5% 0%;}
    .popup-jljl{width: 95%;}
    
    .popup-jljl dl dd:before{left: 45%; }
    .popup-jljl dl dd:after{left: 79%; }
   
    
    .popup-mail .mail, .num{width: 97%;margin-left: 0%;}
    .pop-inner p{font-size: 1rem;line-height: 2rem;}
    .pop-inner h4{font-size: 1rem;}
    .num{width: 60%;}
    .popup-mail .mail-btn{font-size: 1rem;top: 19%;right: 5.5%;width: 32%;line-height: 3.5rem;padding: 0;}
    .popup-mail .yj span{font-size: 1rem;line-height: 3.5rem;}
    .popup-mail .yj input{width: 4%;vertical-align: bottom;margin-left: 0;}
    .popup-mail .yj a{font-size: 1rem;}
    .popup-mail .yj{margin-left: 0;}
    
    .popup-introduce{width: 90%;}
    .popup-introduce .close{top: -13%!important;right: 0%;}
    .pop-inner a{font-size: 1.3rem;    padding: 0% 9%;}
    .zs-deg i{width: 1rem;height: 1rem;}
    .popup-bqxx .pop-title span{font-size: 1.8rem;}
    
    .p5-text-btn{bottom: 12%;margin: 0% 4%;}
    .text-cover a{font-size: 1.5rem;}
    .p5-text-fmjl{width: 75%;bottom: 3%;left: 19%;}
    .p5-text-fmjl .p5-text-jl{width: 21%;left: -16%;top: -39%;}
    .popup .close{top: -8%;}
    .text-topic{background: url(../images/p5-text-tm-wap.jpg)no-repeat center center;
    background-size: 100% 100%;}
    .text-tm{width: 85%;top: 31%;}
    .tm-anser{font-size: 1.2rem;}
    .text-tm b{font-size: 1.2rem;line-height: 2rem;}
    .tm-btn{margin: 5% 0;}
    .text-tm .syt{top: -10%;}
    .text-tm a{font-size: 1.2rem;}
    .text-topic .dot{width: 80%;top: 24%;}
    .text-topic .dot b{width: 7px;height: 7px;margin: 0 5px;}
    .text-topic .dot:after{top: 54%;}
    .text-share{width: 81%;margin: 180px auto 10%;}
    .tm-btn a{font-size: 1.2rem;}
    
    .popup-per1{width: 98%;padding: 0;}
    .popup-per1 .nav-top{margin-top: -60%;margin-left: 33%;}
    .popup-per1 .nav-top a{font-size: 1.5rem;padding: 0% 1.5%;}
    .popup-per1 .nav-bot .li-left{margin-top: -64%;margin-left: -3%;width: 36%;}
    .popup-per1 .nav-bot .li-left p{font-size: 1.2rem;left: 20%;margin-top: -17%;}
    .popup-per1 .nav-bot .li-right{margin-top: -57%;margin-right: 6%;width: 59%;}
    .popup-per1 .nav-bot .li-right span{display: block;font-size: 1.5rem;line-height: 2rem;margin-left: -9%;}
    .popup-per1 .nav-bot .li-right span:before{height: 15px;left: 5%;width: 7%;top: 56%;}
    .popup-per1 .nav-bot .li-right span:after{height: 15px;left: 85%;width: 7%;top: 46%;}
    .popup-per1 .nav-bot .li-right .img{width: 63%;display: inline-block;margin-left: -47%;margin-top: 4%;}
    .popup-per1 .nav-bot .li-right-zi{font-size: 1.2rem;width: 60%;margin-top: -49%;position: relative;margin-left: 55%;}
    .popup-per1 .nav-bot .li-right-zi p{line-height: 2rem;}
    .popup-per1 .nav-bot .li-right-zi p:before{height: 4px;left: 0%;width: 35%;top: -3%;}
    .popup-per1 .nav-bot .li-right-zi p:after{height: 4px;right: 4%;width: 35%;bottom: -5%;}
    
    .popup-angel{width: 125%;padding: 0;}
    .popup-angel .pop-inner p{top: 75%;left: 22%;width: 62%;font-size: 1.2rem;line-height: 1.5rem;}
    .popup-angel .pop-inner span{font-size: 1.5rem;}
    .popup-angel .close{right: 26%;}
    
    .popup-devil{width: 125%;padding: 0;}
    .popup-devil .pop-inner p{top: 75%;left: 22%;width: 62%;font-size: 1.2rem;line-height: 1.5rem;}
    .popup-devil .pop-inner span{font-size: 1.5rem;}
    .popup-devil .close{right: 26%;}
    
    .popup-intro{width: 74%;padding: 0;min-height: 42%;}
    .popup-intro .pop-inner{margin-top: 4%;overflow: inherit;}
    .popup-intro .pop-inner .secpic{width: 87%;top: 30%;left: 6.5%;position: relative;}
    .swiper-button-prev4{position: absolute;content: "";width: 6%;height: 7%;top: auto;bottom: 48%;left: 6%;background: url(../images/arrow3.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,0) rotatey(180deg);padding: 2%;cursor: pointer;}
    .swiper-button-next4{position: absolute;content: "";width: 6%;height: 7%;top: auto;bottom: 48%;right: 0%;background: url(../images/arrow3.png)no-repeat center center;background-size: 100% 100%;transform: translate(-50%,0) rotateX(180deg);padding: 2%;cursor: pointer;}
    
    .btn-xg{display: none}
    
    .xg{position: fixed;width: 32%;right: 0;top: 50%;transform: translate(0,-50%);text-align: center;z-index: 2;transition: all 1s ease;display: none;}
    .xg-close{position: absolute;width: 15%;top: 50%;left: 0;transform: translate(0,-50%);opacity: 0;}
    .xg-open{margin-left: 15%;width: 85%;}
    .xg.active{transform:translate(85%,-50%);transition: all 1s ease;}
    .xg.active .xg-close{opacity: 1;}
    .btn-xg-close{margin-top: -8%;position: relative;display: inherit;width: 80%;margin-left: 20%;}
    
    .popup-start .pop-inner a{width: 56%;}
}




/*公共动画样式*/
@keyframes wobble {
    0% {-webkit-transform: none;transform: none}
    15% {-webkit-transform: translate3d(-6%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-6%, 0, 0) rotate3d(0, 0, 1, -5deg)}
    30% {-webkit-transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg)}
    45% {-webkit-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -3deg)}
    60% {-webkit-transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 2deg)}
    75% {-webkit-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg)}
    100% {-webkit-transform: none;transform: none}
}



@-webkit-keyframes error-swing {
    0% {-webkit-transform: rotate(1deg)}
    100% {-webkit-transform: rotate(-2deg)}
}
@-moz-keyframes error-swing {
    0% {-moz-transform: rotate(1deg)}
    100% {-moz-transform: rotate(-2deg)}
}
@keyframes error-swing {
    0% {transform: rotate(1deg)}
    100% {transform: rotate(-2deg)}
}



@-webkit-keyframes scaleA {
    0% {opacity: 0;-webkit-transform: scale(1.4);}
    100% {opacity: 1;-webkit-transform: scale(1);}
}



@-webkit-keyframes b { 0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); }}
@-moz-keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); }}
@-o-keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) }}
@-ms-keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);
    transform: rotate(0deg)}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) }}
@keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) }}

@-webkit-keyframes b1 { 0% {-o-transform: rotate(0deg) translate(-50%,-50%);-webkit-transform: rotate(0deg) translate(-50%,-50%);-moz-transform: rotate(0deg) translate(-50%,-50%);-ms-transform: rotate(0deg) translate(-50%,-50%);transform: rotate(0deg) translate(-50%,-50%);}
    to { -o-transform: rotate(1turn) translate(-50%,-50%); -webkit-transform: rotate(1turn) translate(-50%,-50%); -moz-transform: rotate(1turn) translate(-50%,-50%); -ms-transform: rotate(1turn) translate(-50%,-50%); transform: rotate(1turn) translate(-50%,-50%); }}



@keyframes sg { from {left:0;}
    to {left:100%;}}
@-webkit-keyframes sg /* Safari 和 Chrome */ { from {left:0;}
    to {left:100%;}}
@-moz-keyframes sg /* Firefox */ { from {left:0;}
    to {left:100%;}}
@-o-keyframes sg /* Opera */ { from {left:0;}
    to {left:100%;}}



@keyframes zt { 0% {transform: scale(0.9);}
                   50% { transform: scale(1);  }
    100% {transform: scale(0.9);}}
@-webkit-keyframes zt /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(0.9);}
                   50% { -webkit-transform: scale(1); }
    100% {-webkit-transform: scale(0.9);}}
@-moz-keyframes zt /* Firefox */ { 0% {-moz-transform: scale(0.9);}
                   50% { -moz-transform: scale(1); }
    100% {-moz-transform: scale(0.9);}}
@-o-keyframes zt /* Opera */ { 0% {-o-transform: scale(0.9);}
                   50% { -o-transform: scale(1); } 
    100% {-o-transform: scale(0.9);}}



@keyframes zt1 { 0% {transform: scale(0.8);}
                   50% { transform: scale(1);  }
    100% {transform: scale(0.8);}}
@-webkit-keyframes zt1 /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(0.8);}
                   50% { -webkit-transform: scale(1); }
    100% {-webkit-transform: scale(0.8);}}
@-moz-keyframes zt1 /* Firefox */ { 0% {-moz-transform: scale(0.8);}
                   50% { -moz-transform: scale(1); }
    100% {-moz-transform: scale(0.8);}}
@-o-keyframes zt1 /* Opera */ { 0% {-o-transform: scale(0.8);}
                   50% { -o-transform: scale(1); } 
    100% {-o-transform: scale(0.8);}}



@keyframes zt2 { 0% {transform: scale(1.15) translate(-50%,0);transform-origin:0 50%;}
                   50% { transform: scale(1) translate(-50%,0); transform-origin:0 50%; }
    100% {transform: scale(1.15) translate(-50%,0);transform-origin:0 50%;}}
@-webkit-keyframes zt2 /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(1.15) translate(-50%,0);-webkit-transform-origin:0 50%;}
                   50% { -webkit-transform: scale(1) translate(-50%,0);-webkit-transform-origin:0 50%; }
    100% {-webkit-transform: scale(1.15) translate(-50%,0);-webkit-transform-origin:0 50%;}}
@-moz-keyframes zt2 /* Firefox */ { 0% {-moz-transform: scale(1.15) translate(-50%,0);-moz-transform-origin:0 50%;}
                   50% { -moz-transform: scale(1) translate(-50%,0);-moz-transform-origin:0 50%; }
    100% {-moz-transform: scale(1.15) translate(-50%,0);-moz-transform-origin:0 50%;}}
@-o-keyframes zt2 /* Opera */ { 0% {-o-transform: scale(1.15) translate(-50%,0);-o-transform-origin:0 50%;}
                   50% { -o-transform: scale(1) translate(-50%,0); -o-transform-origin:0 50%;} 
    100% {-o-transform: scale(1.15) translate(-50%,0);-o-transform-origin:0 50%;}}

@keyframes zt3 { 0% {transform: scale(1.15) translate(0,-50%);transform-origin:50% 50%;}
                   50% { transform: scale(1) translate(0,-50%); transform-origin:50% 50%; }
    100% {transform: scale(1.15) translate(0,-50%);transform-origin:50% 50%;}}
@-webkit-keyframes zt3 /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(1.15) translate(0,-50%);-webkit-transform-origin:50% 50%;}
                   50% { -webkit-transform: scale(1) translate(0,-50%);-webkit-transform-origin:50% 50%; }
    100% {-webkit-transform: scale(1.15) translate(0,-50%);-webkit-transform-origin:50% 50%;}}
@-moz-keyframes zt3 /* Firefox */ { 0% {-moz-transform: scale(1.15) translate(0,-50%);-moz-transform-origin:50% 50%;}
                   50% { -moz-transform: scale(1) translate(0,-50%);-moz-transform-origin:50% 50%; }
    100% {-moz-transform: scale(1.15) translate(0,-50%);-moz-transform-origin:50% 50%;}}
@-o-keyframes zt3 /* Opera */ { 0% {-o-transform: scale(1.15) translate(0,-50%);-o-transform-origin:50% 50%;}
                   50% { -o-transform: scale(1) translate(-50%,0); -o-transform-origin:50% 50%;} 
    100% {-o-transform: scale(1.15) translate(0,-50%);-o-transform-origin:50% 50%;}}



.fadeBig {-webkit-animation-name: fadeBig;animation-name: fadeBig;}
@keyframes fadeBig{ 0% {transform: scale(1.55);-webkit-transform: scale(1.55);opacity: 0;}
	100% {transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
}



@keyframes fadebigsmall{ 0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}



@keyframes sx { 0% {margin-bottom: 0;}
                50% { margin-bottom: 8px; }
                100% {margin-bottom: 0;}
}



.an-de-1{animation-delay:0.3s;}


/* 动效 */

/*动效-转圈*/
/*调用-转圈*/ /*    animation:animate-turn 5s linear infinite;    */
@keyframes animate-turn {  
    0% {transform: rotate(0deg);}
    to {transform: rotate(1turn);}
}

@keyframes animate-pos-turn { 
    0% {transform: rotate(0deg) translate(-50%,-50%);}
    to {transform: rotate(1turn) translate(-50%,-50%);}
}



/*动效-按钮缩放*/
/*调用-按钮缩放*/ /*    animation:animate-zoom 2s linear infinite;    */
@keyframes animate-zoom {
    0% {transform: scale(0.85);}
    50% {transform: scale(1);}
    100% {transform: scale(0.85);}
}

@keyframes animate-zoom1 {
    0% {transform: scale(0.5);}
    50% {transform: scale(1);}
    100% {transform: scale(0.5);}
}

@keyframes animate-pos-zoom { 
    0% {transform: scale(0.85) translate(-50%,0);}
    50% { transform: scale(1) translate(-50%,0);}
    100% {transform: scale(0.85) translate(-50%,0);}
}

@keyframes animate-pos1-zoom { 
    0% {transform: scale(0.85) translate(0,-50%);}
    50% { transform: scale(1) translate(0,-50%);}
    100% {transform: scale(0.85) translate(0,-50%);}
}
@keyframes animate-pos2-zoom { 
    0% {transform: scale(0.85) translate(-50%,-50%);}
    50% { transform: scale(1) translate(-50%,-50%);}
    100% {transform: scale(0.85) translate(-50%,-50%);}
}
    

    
/*动效-光效缩放*/
/*调用-光效缩放*/ /*        animation:animate-lightzoom 2s linear infinite;    */
@keyframes animate-lightzoom { 
    0% {transform: scale(0);opacity: 1;}
	75% { transform: scale(0.8);opacity: 1;}
    100% { transform: scale(1);opacity: 0;}
}

    

/*动效-扫光*/  /*    background: linear-gradient( 120deg, transparent,transparent, rgba(255, 244, 227, 0.4), transparent, transparent );    */
/*调用-扫光*/ /*    animation:animate-wipes 2s linear infinite;    */
@keyframes animate-wipes { 
    from {left:0;}
    to {left:100%;}
}

    

/*动效-左右摇晃*/
/*调用-左右摇晃*/ /*    transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;    */
@keyframes animate-shake {
    0%{transform:none}
	15%{transform:translate3d(-2%,0,0) rotate3d(0,0,1,-2deg);}
	30%{transform:translate3d(1%,0,0) rotate3d(0,0,1,1deg);}
	45%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
	60%{transform:translate3d(1%,0,0) rotate3d(0,0,1,2deg);}
	75%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
	100%{transform:none}
}

    

/*动效-风吹左右摇晃*/
/*调用-风吹左右摇晃*/ /*    transform-origin: center top;animation: animate-wind infinite 1s ease-in-out alternate;    */
@keyframes animate-wind {
    0% {transform: rotate(1deg);}
    100% {transform: rotate(-2deg);}
}


    
/*动效-上下跳动*/
/*调用-上下跳动*/ /*    animation: animate-jump 0.8s linear infinite;    */
@keyframes animate-jump { 
    0% {transform:translate(0,0);}
    50% { transform:translate(0,-6px);}
    100% {transform:translate(0,0);}
}



/*动效-背景逐帧动效*/
/*调用-背景逐帧动效*/ /*    animation: animate-changebg 1s steps(3) infinite;    */
@keyframes animate-changebg {
    from{background-position:0 0;}
	to {background-position: -90px 0;}
}


/*动效-上下浮动*/
/*调用-上下浮动*/ /*        transition: all 650ms;animation: mg 3s linear infinite;    */
@keyframes mg { 0% {transform:  translate(0,0);}
                   50% { transform: translate(0,-6px);  }
    100% {transform: translate(0,0);}}
@-webkit-keyframes mg /* Safari 和 Chrome */ { 0% {-webkit-transform: translate(0,0);}
                   50% { -webkit-transform: translate(0,-6px);; }
    100% {-webkit-transform: translate(0,0);}}
@-moz-keyframes mg /* Firefox */ { 0% {-moz-transform: translate(0,0);}
                   50% { -moz-transform: translate(0,-6px);; }
    100% {-moz-transform: translate(0,0);}}
@-o-keyframes mg /* Opera */ { 0% {-o-transform: translate(0,0);}
                   50% { -o-transform:translate(0,-6px);; } 
    100% {-o-transform:translate(0,0);}}