/*tue add login CSS*****************************************************/
/*
tue add CSS for login*/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html {font: normal 10px "微软雅黑";-webkit-text-size-adjust: 100%;height: 100%;}
body {padding: 0;margin: 0 auto;font-size: 10px;color: #3e1f00;background-color:#10101b;font-family: "微软雅黑";
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight: rgba(0,0,0,0); position: relative;
    min-height: 100%;display: flex;flex-direction: column;
}
pre{
    white-space: pre-wrap!important;
    word-wrap: break-word!important;
    *white-space:normal!important;
}
strong { font-weight: bold;}
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 {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;}
img{border: none;max-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;}
a:active {}
*{font-weight: normal;margin: 0;box-sizing: border-box;    padding: 0; }
img{border: none;max-width: 100%;vertical-align: middle;}
.auto-1400 {margin: 0 auto;max-width: 1400px;}
.auto-1200 {margin: 0 auto;max-width: 1200px;}
.auto-1000 {margin: 0 auto;max-width: 1000px;}
.auto{ margin:0 auto;}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
input,input:focus,input:active{user-select: text;}
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.gray{-webkit-filter: grayscale(1); /* Webkit */filter: gray; /* IE6-9 */  filter: grayscale(1); /* W3C */}
.jb{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.title{text-align: center;position: relative;padding-bottom: 1%;margin-bottom: 2%;}
.title span{position: relative;font-size: 6rem; background: linear-gradient(to right, #bc9e59, #fcf8e2);-webkit-background-clip: text;color: transparent;}
.title span:before{position: absolute;content: "";width: 40%;height: 100%; top: 0;right: 102%;background:url(../images/title-l.png)no-repeat left top;background-size: contain;}
.title span:after{position: absolute;content: "";width: 40%;height: 100%; top: 0;left: 102%;background:url(../images/title-r.png)no-repeat left top;background-size: contain;}
.title:after{position: absolute;content: "";width: 100%;height: 10%; bottom: 0;left:50%;transform: translate(-50%,0);background:url(../images/title-b.png)no-repeat center bottom;background-size: contain;}
@media(max-width:1650px){
    .title span{font-size: 5rem;    min-width: 214px; }
    .auto-1400 {max-width: 1100px;}
}
@media(max-width:1400px){
    .auto-1400 {max-width: 1000px;}
}
@media(max-width:824px){
    body{font-size: 8px;}
    .title span{font-size: 3rem;}
}


/*
.head{position: fixed;width: 100%;background: url(../images/head-bg.png)no-repeat left top;background-size: cover; line-height: 70px;border-bottom: 1px #38281b solid;text-align: center;z-index: 100;}
.head-mid a{display: inline-block;font-size: 1.8rem; line-height: 70px;padding: 0 2%;position: relative;}
.head-mid a span{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;font-weight: bold;}
.head-mid a:after{position: absolute;content: "";width: 1px;height: 8px; top: 50%;right: 0;transform: translate(0,-50%);background: #f8ead6;}
.head-mid a:last-child:after{display: none;}
.head-l{position: absolute;content: "";top: 0;left: 2%;}
.head-l a img{max-height: 46px;}
.head-r{position: absolute;content: "";top: 0;right: 2%;width: 23%;}
.head-r .language{position: relative;float: right;width: 60%;max-width: 90px;}
.head-r .language a{position: relative;width: 100%; display: inline-block;padding: 0 16% 0 4%; background: #f8ead6;color: #a25922;font-size: 1.6rem;line-height: 36px;}
.head-r .language a:after{position: absolute;content: "";width: 0;height: 0;top: 45%;right: 3%;border: 5px solid;border-color:#a25922 transparent transparent ;}
.language-box{display: none;position: absolute;top: 76%;left: 0;width: 100%;}
.log-out{float: right;position: relative;color: #fff4e3;margin-right: 2%;font-size: 1.6rem;}
.log-out a{font-size: 1.6rem;color: #f8b50b; text-decoration: underline;margin-left:5px;}
.head-r .language .language-box a{padding: 0 0;text-align: center;display: block;margin-bottom: 1px;}
.head-r .language .language-box a:hover{background: rgba(28,25,36,0.8);color: #c0ae87;}
.head-r .language .language-box a:after{display: none;}
.log{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;    margin-right: 2%;float: right;}
.log a{font-size: 1.6rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent; }
@media(max-width:824px){
    .head{display: none;width: 60%;height: 100%;right: 0;top: 0;    background: rgba(28,25,36,0.95);}
    .head-l{top: auto;bottom:12%;z-index: 2;left: auto;right: 5%;}
    .head-l a{display: block;line-height: 46px;}
    .head-r{width: 100%;height: 73%; top: 0;left: 0;z-index: 2;}
    .head-r .language{float: none;position: absolute;bottom: 0;right: 5%;max-width: 129px;z-index: 3;}
    .log{    text-align: right;padding-right: 7%;}
    .head-mid{position: absolute;top: 25%;right: 0;width: 100%;z-index: 3;}
    .head-mid a{display: block;line-height: 54px;}
    .head-mid a:after{width: 26%;height: 1px;left: auto;right: 0;}
    .head-mid a:last-child:after{display: block;}
}
.log-out{float: right;position: relative;color: #fff4e3;margin-right: 2%;font-size: 1.6rem;}
*/


.banner{position: relative; z-index:1;}
.banner img{width: 100%;}
.banner:after{position: absolute;content: "";width: 100%;height:136px;bottom:-6%;left: 0;background: url(../images/banner-b.png)no-repeat center center;background-size: contain;pointer-events: none;}
.banner-web{display: block;}
.banner-wap{display: none;}
.banner-box{position: absolute;text-align: center;bottom: 2%;left: 50%;transform: translate(-50%,0);width: 100%;}
.banner-box .banner-box-top{ justify-content:center;position: relative;background: rgba(0,0,0,0.4);border: 1px rgba(255,255,255,0.4) solid;padding: 5px;display: flex;    width: 26%;margin: 0 auto;}
.banner-box .banner-box-top .banner-box-top-left{display: flex;flex-direction: column;color: #fff;width: 22%;margin-right: 5px;}
.banner-box .banner-box-top .banner-box-top-left a{display: block;margin-bottom: 0.3rem;}
.banner-box .banner-box-top .banner-box-top-left p{text-align: left;font-size: 1.6rem;}
.banner-box .banner-box-top .banner-box-top-left p img{max-width:2rem;}
.banner-box .banner-box-top .banner-box-top-left p span{animation:animate-mo 2s linear infinite; display: inline-block;}
.banner-code{width:  19%;}
.banner-code .btn-apk{display: none;}
.banner-cz{margin-left: 5px;width:  57%;}
.banner-cz a{display: block;}
.banner-box .banner-box-top.noapk{width: 22%;}
.banner-box .banner-box-top.noapk .banner-code .btn-apk{display: block;margin-top: 0.3rem;}
.banner-box .banner-box-top.noapk .banner-box-top-left{display: none;}
.banner-box .banner-box-top.noapk .banner-code{width: 20%}
.banner-box .banner-box-top.noapk .banner-cz{width: 80%;}
/*动效-平移*/
/*调用-平移*/ /*    animation:animate-mo 2s linear infinite;    */
@keyframes animate-mo {
    0% {transform: translate(0,0);opacity: 1;}
    25% {transform: translate(4rem,0);opacity: 0.95;}
    50% {transform: translate(2rem,0);opacity: 1;}
    75% {transform: translate(4rem,0);opacity: 0.8;}
    100% {transform: translate(0,0);opacity: 1;}
}
.banner-store{margin-top: 5px;display: flex;justify-content: center;}
.banner-store a{width: 6.5%;margin: 0 2px;}
.star-box{position: absolute;content: "";width: 100%;height: 100%;top:0;left: 0;}
.star-box span{position: absolute;content: "";width: 100%;height: 100%;top:0;left: 0;animation: discountEffect 1.5s ease-out 0s infinite both;}
.star-box span:nth-child(2){animation: discountEffect 2s ease-out 0.2s infinite both;}
.star-box span:nth-child(3){animation: discountEffect 1.7s ease-out 0s infinite both;}
.discount-box{position: absolute;content: "";width: 16%;bottom: 87%;left: 97%;animation:animate-zoom 1.5s linear infinite;}

@media(max-width:2000px){
    .banner-box .banner-box-top{width: 30%;}
    .banner-box .banner-box-top.noapk{width: 23%;}
    .banner-box .banner-box-top .banner-box-top-left p{font-size: 1.2rem;}
    .banner-store a{width: 7.5%;}
}
@media(max-width:1920px){
    .banner-box .banner-box-top .banner-box-top-left p{font-size: 1rem;}
}
@media(max-width:824px){
    .banner:after{display: none;}
    .banner-box{width: 100%;transform: translate(0,0);left: 0;}
    .banner-web{display: none;}
    .banner-wap{display: block;}
    .banner{padding-top: 0;}
}
@media(max-width:520px){
    .discount-box{bottom: 79%;left: 85%;}
    .banner-box .banner-box-top{width: 96%;}
    .banner-box .banner-box-top.noapk{width: 80%;}
    .banner-box .banner-box-top .banner-box-top-left p{font-size: 0.9rem;}
    .banner-store{padding: 0 10px;}
    .banner-store a{width: 25%;margin: 0 1px;}
    /*动效-平移*/
    /*调用-平移*/ /*    animation:animate-mo 2s linear infinite;    */
    @keyframes animate-mo {
        0% {transform: translate(0,0);opacity: 1;}
        25% {transform: translate(1rem,0);opacity: 0.95;}
        50% {transform: translate(0.5rem,0);opacity: 1;}
        75% {transform: translate(1rem,0);opacity: 0.8;}
        100% {transform: translate(0,0);opacity: 1;}
    }
}

/*

.news .title{padding-top: 6%;}
.video{text-align: center;padding: 4% 0 0;background: url(../images/bg-1.jpg)no-repeat center center;background-size: cover; }
.videobox{position: relative;width: 1015px;height: 388px;margin: 0 auto;}
.videobg{position: relative;height: 388px;z-index: 2;background-position: center center;background-repeat: no-repeat;}
.video .play{position: absolute;width: 98%;height: 92%;top: 0;left: 1%;cursor: pointer;}
.video .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 118px;height: 118px;    pointer-events: none;}
.video .text .video-bg{position: absolute;top: 0;left: 0;-o-animation: b 5s linear infinite; -webkit-animation: b 5s linear infinite; -moz-animation: b 5s linear infinite; -ms-animation: b 5s linear infinite; animation: b 5s linear infinite;}
.video .text .video-btn{position: absolute;top: 0;left: 0;}
.video-sp1{display: none;position: absolute;width: 98%;height:92%;top: 0;left: 1%;z-index: 1;z-index: 10;}
.video-sp{position: absolute;width: 98%;height:92%;top: 0;left: 1%;z-index: 1;}
.video-sp video{position: absolute;width: 98%;height:92%;top: 0;left: 1%;z-index: 1;}
@media(max-width:824px){
    .videobox{width: 100%;height: 200px;}
    .videobg{height: 200px;background-size: contain;}
    .video .text{width: 70px;height: 70px;}
}
*/









.news{position: relative;overflow: hidden;padding-bottom:9%;background: url(../images/bg-2.jpg)no-repeat center center;background-size: cover; }
.news .box{padding: 2px;}
.news .swiper-slide a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.news .pic{position: relative;}
.news .pic time{position: absolute;top: 0;left: 0;font-size: 1.6rem; background: rgba(230,204,162,0.8);padding: 0 2% 0 6%;}
.news h3{font-size: 1.8rem;line-height: 40px;text-align: left;background: linear-gradient( #9c6b37, #6a3e0f);-webkit-background-clip: text;color: transparent; }
.news-bot-t{position: relative;background: rgba(186,148,88,0.4);margin-top: 1%;text-align: center;}
.news-sort a{position: relative;font-size: 3rem; display: inline-block;line-height: 60px; padding: 0 2%; }
.news-sort a span{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent; }
.news-sort a:after{position: absolute;content: "";width: 1px;height: 20px; top: 50%;right: 0;transform: translate(0,-50%);background: #ba9458;}
.news-sort a:last-child:after{display: none;}
.news-sort a.active{background:linear-gradient( #e4ddb4, #fae48d); }
.news-sort a.active span{background:linear-gradient( #a82d03, #6e0e00);-webkit-background-clip: text;color: transparent;  }
.news-sort a.fb{background:linear-gradient( #a82d03, #6e0e00); }
.news-more{position: absolute;width: 34px;height: 34px;color: #e4ddb4;border: 1px #e4ddb4 solid;line-height: 34px;-moz-line-height: 34px;font-size: 4rem; top: 50%;right: 2%;transform: translate(0,-50%);vertical-align: middle;font-family:"Heiti SC","黑体";background-image: url(../images/j.png);background-repeat: no-repeat;background-size: 100% 100%;}
.news-more:hover{background-color:#000;}
.news-bot-b dl{display: none;overflow: hidden;border-top: 1px #655337 solid;border-left: 1px #655337 solid;}
.news-bot-b dl dd{position: relative;float: left;width: 33.333%;border-bottom: 1px #655337 solid;border-right: 1px #655337 solid;padding: 1% ;}
.news-bot-b dl dd:hover{background: rgba(230,190,140,0.3);}
.news-bot-b dl dd a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.news-bot-b dl dd p{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;font-size: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-bot-b dl dd p time{font-size: 1.4rem;display: block;}

.news .swiper-container{padding: 40px 0 20px;border-top: 2px #ba9458 solid;position: relative;z-index: 1;}
.news .swiper-slide:before{position: absolute;content: "";width: 2px;height: 40px;background: #b08a48;bottom:100%;left: 50%;z-index: 2;}
.news .swiper-slide:after{position: absolute;content: "";width: 8px;height: 8px;background: #2a0e15;border: 2px #b08a48 solid;bottom: 111%;left:48%;transform: rotate(45deg) translate(0,-50%);z-index: 3;}
.swiper-container {width: 100%;height: 100%;}
.news .swiper-slide {text-align: center;font-size: 1.8rem;background: #fff;/* Center slide text vertically */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;opacity: 0.5;}
.news .swiper-slide-active,.news .swiper-slide-duplicate-active{opacity: 1;}
.news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.news .swiper-pagination-bullet{background: #f5e296;border: 2px #e4bf82 solid;border-radius: 0;}
@media(max-width:824px){
    .news .swiper-container{padding: 20px 0 20px}
    .news .swiper-slide:before{height: 20px;}
    .news h3{font-size: 1.6rem;line-height: 24px;}
    .news .pic time{font-size: 1.4rem;}
    .news-bot-t{text-align: left;}
    .news-more{    text-align: center;width: 26px;height: 26px;font-size: 3rem;line-height: 19px;}
    .news-sort a{font-size: 1.8rem;line-height: 50px;}
    .news-bot-b dl dd{width: 100%;line-height: 40px;}
    .news-bot-b dl dd p{position: relative;font-size: 1.6rem;padding-right: 20%;}
    .news-bot-b dl dd p time{position: absolute;right: 0;font-size: 1.4rem;}
}



.roles{overflow: hidden;padding-bottom:9%;padding-top: 5%;background: url(../images/bg-3.jpg)no-repeat center center;background-size: cover; }
.roles .box{position: relative;border: 1px #b28e55 solid;}
.roles .box:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0; background:rgba(0,0,0,0.7); }
.roles-box{position: relative;overflow: hidden;padding-bottom: 3%;}
.role-box{position: absolute;content: "";bottom: 4%;left: 0;width: 100%;padding: 2%;text-align: center;}
.role-box h3 span{position: relative;font-size: 2.6rem;font-weight: bold;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent; }
.role-box h3 span:before{position: absolute;content: "";width: 50%;height: 1px;background: #dfcb84;top: 50%;left: 110%;transform: translate(0,-50%);}
.role-box h3 span:after{position: absolute;content: "";width: 50%;height: 1px;background: #dfcb84;top: 50%;right: 110%;transform: translate(0,-50%);}
.role-box p{display: none;color: #fff6d7;opacity: 0.5;font-size: 1.6rem;}
.roles .box:hover .role-box{bottom: 0;padding-bottom: 5%; background:  linear-gradient( rgba(0,0,0,0), rgba(0,0,0,1));}
.roles .box:hover .role-box p{display: block;}
.roles .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.roles .swiper-pagination-bullet{background: #f5e296;border: 2px #e4bf82 solid;border-radius: 0;}
.swiper-slide-active .box:after{display: none;}
.roles .swiper-pagination-bullet{width: 14px;height: 14px;}
@media(max-width:824px){

}



.features{background: url(../images/bg-4.jpg)no-repeat center center;background-size: cover;}
.features ul{position: relative;overflow: hidden; }
.features li{position: relative;float: left;width: 50%;text-align: left;margin-bottom: 1%;z-index: 1;opacity: 0.5;padding:1% 4%;}
.features li:nth-child(1){position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);z-index: 2;}
.features li:nth-child(2){text-align: left;}
.features li:nth-child(3){text-align: right;}
.features li:nth-child(4){text-align: left;}
.features li:nth-child(5){text-align: right;}
.features li.active{opacity: 1;z-index: 3;}
.features li.active img{box-shadow: 0 0 25px #fff;}
@media(max-width:824px){
    .features li:first-child{position: relative;width:100%;top: 0;left: 0;transform: translate(0,0);}
    .features li{padding: 0%;margin-bottom: 0;opacity: 1;}
}


.inner-box{position: relative;z-index: 2;}
.inner-box .auto{position: relative;overflow: auto;background:#1c1924 ;border: 3px #4d3d22 solid;min-height: 550px;}
.inner-left{position: absolute;left: 0;top: 0; height: 100%; width: 26%;background: url(../images/cb-bg.jpg)no-repeat center bottom;background-size: cover;}
.inner-left:after{position: absolute;content: ""; width: 1px;height: 100%;background: #b08a48;top: 0;left: 100%;}
.inner-left a{position: relative;padding: 12% 0;display: block;text-align: center;}
.inner-left a.active{background: url(../images/cb-active.jpg)no-repeat center bottom;background-size: cover;}
.inner-left a:after{position: absolute;content: ""; width: 100%;height: 1px;bottom: 0;right: 0;background: linear-gradient(to right,rgba(255,255,255,0),#93723d);}
.inner-left a span{font-size: 2.4rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-right{float: right;width: 74%;border-left:1px #b08a48 solid;padding:4% 8% 4% 0;}
@media(max-width:824px){
    .inner-left{position: relative;width: 100%;overflow: hidden;border-bottom: 1px #bc9e59 solid;}
    .inner-left a{float: left;width: 25%;padding:2% 0;border-bottom: 1px #93723d solid;}
    .inner-left a span {font-size: 1.6rem;}
    .inner-left a:after{width: 1px;height: 100%;}
    .inner-right{width: 100%;padding-right: 2%;border-left: none;}
    .inner-box .auto{min-height: inherit;}
}


.inner-new li{position: relative;padding-left: 100px;margin-bottom: 5%;}
.inner-new li a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.inner-new time{font-size: 1.6rem;color: #aa926d;}
.inner-new h3{position: relative;color: #d5d3de;font-size:2rem;line-height: 60px;border: 1px #493b2f solid;padding-left: 2%;margin: 1% 0; }
.inner-new li:hover h3{background: rgba(230,190,140,0.3);}
.inner-new h3 span{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-new h3:before{position: absolute;content: "";width: 8px;height: 8px;top:50%;left:-2%; transform: rotate(45deg) translate(0,-50%);background: #facd89;border:3px #655236 solid;z-index: 2;}
.inner-new h3:after{position: absolute;content: "";width: 100px;height: 1px;top:52%;right:100%; background: #facd89;z-index: 1}
.inner-new p{color: #d5d3de;font-size: 1.3rem;line-height: 20px;}
@media(max-width:824px){
    .inner-new li{padding-left: 20px;}
    .inner-new h3{font-size: 1.6rem;}
    .inner-new time{font-size: 1.4rem;}
    .inner-new p{font-size: 1.2rem;}
    .inner-new h3:before{width: 6px;height: 6px;left: -3%;}
    .inner-new h3:after{width: 20px;}
}


.inner-cus1{margin-left:12%; border:1px #665236 solid;background: #2d2a32;}
.inner-cus1 li{position: relative;border-bottom: 1px #665236 solid;}
.inner-cus1 h3{position: relative;padding-left: 6%;cursor: pointer;padding: 2% 0 2% 2%;}
.inner-cus1 h3:after{position: absolute;content: "";width: 0;height: 0;top: 45%;right: 3%;border: 6px solid;border-color:#f4ce90 transparent transparent ;}
.inner-cus1 h3 span{font-size: 1.6rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-cus1 li pre{padding-left: 2%;padding-top: 4%;border-top: 1px #d5d3de dotted; color:#d5d3de;text-align: left;font-size: 1.4rem;line-height: 24px;white-space: pre-wrap!important;
    word-wrap: break-word!important;
    *white-space:normal!important;}

.inner-cus2,.inner-cus4{margin-left:20%;}
.inner-cus form li{list-style: none;overflow: hidden;margin-bottom: 2%;    line-height: 42px;}
.inner-cus li.yzm input{    width: 52%;}
.inner-cus li.yzm img{max-height: 42px;vertical-align:top;margin-left: 2px;}
.inner-cus form li span.cus-title{width: 23%;float: left;font-size: 2rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-cus form li i{color: #cfaa75;list-style: none;display: block;    font-size: 1.4rem;
    line-height: 24px;}
.inner-cus form select,.inner-cus form input{font-family: "微软雅黑";background: #2d272c;border: 1px #8b7357 solid;line-height: 40px;height: 42px;width: 70%;color:#ffebcb;padding-left: 1%;}

.inner-cus form input::-webkit-input-placeholder{
    color:#d5d3de;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#d5d3de;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#d5d3de;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#d5d3de;
}
.inner-cus form textarea{background: #2d272c;border: 1px #8b7357 solid;line-height: 24px;height: 200px;width: 70%;color: #ffebcb;padding: 1%;}
button.imgUp{width: 40px;height: 40px;font-size: 4rem;background: #2d272c;border: 1px #8b7357 solid;line-height: 24px;color: #ffeccd;background-image: url(../images/j.png);background-repeat: no-repeat;background-size: 100% 100%;}
button.imgUp:hover{background-color:#000;}
.inner-cus form .submit{margin: 0 auto;display:block;position: relative;color: #700f00;font-size: 2rem;text-align: center;background: url(../images/but.png)no-repeat center center;background-size: contain;    line-height: 52px;margin-top: 4%;}
.inner-cus4-top ul{text-align: center;margin-bottom: 5%;border-bottom: 1px rgba(255,255,255,0.1) dashed;padding-bottom: 2%;}
.inner-cus4-top ul li{display: inline-block;text-align: center;margin-left: 2%;    }
.inner-cus4-top ul li p{padding: 0% 2%;background: url(../images/zs2.png)no-repeat center center;background-size: contain;font-size: 2.4rem;line-height: 40px;font-weight: bold;color: #cfaa75;}
.inner-cus4-top ul li p i{font-size: 2.2rem;font-weight: bold;background: linear-gradient( #9c6b37, #6a3e0f);-webkit-background-clip: text;color: transparent;font-style: normal;}
.inner-cus4-top ul li span{display: block;font-size: 1.6rem;font-weight: bold;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-pre4 form p span{width: 25%;}
@media(max-width:824px){
    .inner-cus li.yzm input{    width:35%;}
    .inner-cus2,.inner-cus4{margin-left: 2%;}
    .inner-cus form li span.cus-title{font-size: 1.6rem;width:30%;}
    .inner-cus form select, .inner-cus form input,.inner-cus form textarea{width: 70%;}
    .inner-cus form .submit{line-height: 44px;}
    .inner-cus1{margin-left: 3%;}
    .inner-cus4-top ul li{width: 29%;}
    .inner-cus4-top ul li span{font-size: 1.6rem;}
    .inner-cus1 h3{padding: 4% 0 4% 2%;}
}


.inner-cus3{font-size: 1.6rem;}
.inner-cus3 li{position: relative;border-bottom: 1px #655236 solid;padding: 4% 0 4% 6%;}
.inner-cus3 li:before{position: absolute;content: "";width: 12px;height: 12px;bottom:-3%;left:-1.2%; transform: rotate(45deg) ;background: #facd89;border:3px #655236 solid;z-index: 2;}
.inner-cus3 .pic img{max-height: 100px;}
.inner-cus3 pre{color: #d5d3de;line-height: 24px;}
.inner-cus3-top{border-bottom: 1px #d5d3de dashed;}
.inner-cus3-bot .deal{color: #fff;display: inline-block;background: url(../images/btn1.png)no-repeat center center;background-size: 100% 100%;line-height: 40px;padding: 0 4%;}
.inner-cus3-bot p{color: #cfaa75;line-height: 24px;}
@media(max-width:824px){
    .inner-cus3 li:before{width: 8px;height: 8px;left:-2%;}
}




.inner-pre1{padding-left: 4%;}
.inner-pre1 ul{overflow: hidden;}
.inner-pre1 ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 2%;padding: 3%;background: rgba(250,241,228,1);}
.inner-pre1 ul li:nth-child(2n){margin-right: 0;}
.inner-pre1 ul li h3{font-size: 1.8rem;font-weight: bold;margin-bottom: 1%; background: linear-gradient( #9c6b37, #6a3e0f);-webkit-background-clip: text;color: transparent;}
.inner-pre1 ul li p{color: #71483a;font-size: 1.2rem;}
.inner-pre1-del{min-height: 36px;}
.inner-pre1-bot{padding-top: 2%;border-top: 1px #b28d4d dashed;margin-top: 2%;}
.inner-pre1-bot a{display: inline-block;line-height: 52px; padding: 0 7%;font-size: 1.6rem;min-width: 120px;text-align: center;color: #bd3313;background: url(../images/but.png)no-repeat center center;background-size: contain;}
.inner-pre1 ul li p.gift-code{color: #bd3313;font-size: 1.4rem;line-height: 52px;}
@media(max-width:824px){
    .inner-pre1 ul li{width:100%;}
    .inner-pre1-del{min-height: inherit;}
    .inner-pre1 ul li p.gift-code{line-height: 20px;}
}




.inner-pre2{padding-left: 4%;}
.inner-pre2-top{overflow: hidden;background: #322f38;line-height: 32px;padding: 0 2%;}
.inner-pre2 li{margin-bottom: 2%;    }
.inner-pre2-top-l{float: left;}
.inner-pre2-top-l p{font-size: 1.6rem;color: #b79252;}
.inner-pre2-top-l p span{font-size: 2.4rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-pre2-top time{float: right;color: #ad9a7b;font-size: 1.4rem;}
.inner-pre2-bot{color: #d5d3de; font-size: 1.4rem;line-height: 20px;padding: 1%;border-bottom: 1px #38353f dashed;border-left: 1px #38353f dashed;border-right: 1px #38353f dashed;}
.inner-per3,.inner-pre4,.inner-pre5{margin-left:20%;}
.inner-per3 i{display: inline-block;color: #cfaa75;font-size: 1.6rem;font-style: normal;}
.inner-per3 .sex{width:5%;height: 18px;background: #9a7f61;}
.inner-per3 label{color: #ffebcb;font-size: 1.6rem;}
@media(max-width:824px){
    .inner-per3,.inner-pre4,.inner-pre5{margin-left:3%;}
    .inner-pre2-top-l p span{font-size: 1.8rem;}
}



.login{padding:10% 0 0%;background: url(../images/log-bg.jpg)no-repeat center center;background-size: cover; flex: 1;}
.login .box{overflow: hidden;position: relative;background: rgba(250,205,137,0.05);}
.login a{font-size: 1.6rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent; }
.login-l{position: absolute;width: 40%;height: 100%;padding-top: 6%; text-align: right;background-image: url(../images/login-bg.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.login-l img{display: none;}
.login-l a{display: inline-block;line-height: 60px;padding: 0 10%; font-size: 2.4rem;color: #fff; background: url(../images/but1.png)no-repeat right center;background-size: contain;filter: grayscale(100%);filter: gray; }
.login-l a.active{filter: grayscale(0%);filter: gray;}
.login-l a span{font-size: 2.4rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.login-r{float: right;width: 60%;padding:7%;text-align: center;font-size: 2.2rem;}
.login-r li span{color: #d5d3de; font-size: 1.4rem;}
.login-r li.yzm{text-align: left}
.login-r li.yzm input{width: 70%;}
.login-r li.yzm img{margin-left: 2%; vertical-align:top; max-height: 50px;}
.login-r li.agree input{width:20px;height: auto;line-height: 20px;margin-bottom: 0; }
.login-r input{width: 100%;padding-left: 2%; background: #fbf2e5;border: 1px #e6be8c solid;height: 50px;line-height: 48px;color: #966632;font-size: 2rem;margin-bottom: 2%;}
.login-r input::-webkit-input-placeholder{
    color:#966632;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#966632;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#966632;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#966632;
}
.login-r .submit{display: inline-block;padding: 0 15%;line-height: 60px;color: #6e0e00;border: none;cursor: pointer; font-size: 2.2rem;background: url(../images/but.png)no-repeat center center;background-size: contain;}
.login-r .facebook{background: #1278f4;border-radius: 5px;margin-bottom: 2%;}
.login-r .facebook a{line-height: 50px;font-size: 2.2rem;color: #fff;}
.login-r li a{position: relative;font-size: 1.6rem;display: inline-block;padding: 0 5%;}
@media(max-width:824px){
    .login-l img{display: block;}
    .login{padding-top: 0;}
    .login-l{width: 100%;position: relative;height:auto;min-height:140px;padding-top: 0;background-position:center -60px;background-size: cover;}
    .login-l a{padding: 0 9% 0 25%;line-height:54px;}
    .login-l a span{font-size: 2rem;}
    .login-r{width: 100%;padding:9% 2%;}
    .login-r input{line-height: 44px;height: 42px;font-size: 1.6rem;}
    .login-r .facebook a{line-height: 44px;font-size: 1.6rem;}
    .login-r li.yzm input{width: 60%;}
    .login-r li.yzm img{margin-left:2%; vertical-align:top; max-height: 42px;}
}
.login-r li span.notice{display: block;text-align: left;color: #e6be8c;font-style: normal; font-size: 1.4rem;margin-bottom: 2%;}
.inner-cus form li span.notice{display: block;text-align: left;color: #f8b50b;font-size: 1.4rem;margin-bottom: 2%;margin-left: 23%;width: 70%;font-style: normal;}
.inner-pre4 form li span.notice{margin-left: 25%;font-style: normal;}
@media(max-width:824px){
    .inner-cus form li span.notice{margin-left: 30%;width: 76%;}
}

.nofound{text-align: center;color: #e6be8c;padding-left: 8%;}
.nofound p{border: 1px #d5d3de solid;line-height: 40px;background: #2d272c;}
@media(max-width:824px){
    .nofound{padding-left: 2%;}
}



.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);

    filter: gray; }

.center-text{color: #d5d3de;font-size: 1.4rem;text-align: center;}
.center-text h3{font-size: 2rem;color: #bc9e59;line-height: 30px;}
.center-text span{color: #bc9e59;}



/*tue add login CSS*****************************************************/


/*@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: "微软雅黑";*/
    font-family: "Sys";
}
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;}
}
*/
.pm-box {
    background-color: #000;
}
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%);}
.bg-video-home {
    max-height: 1000px;
}
@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: 69%;}
    .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: 57%;}
    .slogan{width: 84%;top: 48%;}
    .p1{z-index: 3}
    /*tue add*/
    .bg-video-home {
        max-height: 480px;
    }
}





.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%;}
     #page8 .p3-inner{width: 91%}
    .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%;*/
         margin-top: 42%;
        position: relative;display: block;width: 104%;}
    /*tue add*/
    .p3 .pm-box {
        min-height: 1000px;
    }
    #page8 .pm-box {
        max-height: 600px;
        min-height: 400px;
    }

}


.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;;}

/*tue add */
.p8-inner{position: absolute;width: 70%;top: 18%;left: 50%;transform: translate(-50%, 0%);text-align: center;background-size: 100% 100%;padding: 0%;}
.p9-inner{position: absolute;top: 18%;left: 50%;transform: translate(-50%, 0%);text-align: center;background-size: 100% 100%;padding: 0%;}
.p10-inner{position: absolute;width: 70%;top: 18%;left: 50%;transform: translate(-50%, 0%);text-align: center;background-size: 100% 100%;padding: 0%;}
.sp-events {
    width: 850px;
}
/*tue add */


@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;}

    .p8-inner{height: 80%;}
}

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

/*tue add CSS*/
.p8 .pm-box {
    min-height: 1400px;
}
.p5 .pm-box {
    max-height: 630px;
}
.p10 .pm-box {
    min-height: 1400px;
}

@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;}
    /*tue add*/
    .p8-inner{width: 91%;top: 5%;padding: 4% 4% 18% 4%;height: 87%; max-height: 900px}
    .p6 .pm-box {min-height: 1000px}
    .p8 .pm-box {max-height: 585px; min-height: 585px}
    .p9-inner{width: 100%;top: 10%;padding: 4% 4% 18% 5%;height: 87%;}
    .p10-inner {
        width: 100%;top: 0;padding: 0;height: 87%; max-height: 900px
    }
    .p5 .pm-box {
        min-height: 550px;
    }
    .sp-events {
        width: 100%;
    }
    .p10 .pm-box {
        min-height: 100px;
    }
    .p2 .pm-box {
        min-height: 652px;
    }
}




.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;}
    .p9-inner {
        width: 100%;
        top: 10%;
        padding: 4% 4% 18% 0%;
        height: 87%;
    }
}

@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%;}}

/*tue add ket frame*/
/*.section_content .container .logo-giaidau {*/
.slogan {
    position: absolute;
    display:block;
    /*width: 350px;*/
    width: 50%;
    height: auto;
    top: 26%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    /*z-index: 210;*/
    z-index: 2;
    animation: moveYDiv1 3s ease-in-out infinite;
}
/*.section_content .container .logo-giaidau img{*/
.slogan img {
     animation: blink 0.3s ease-in-out infinite;
}
@keyframes moveYDiv1 {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes blink {
    0% {
        opacity: 1;
        filter: brightness(1.1);
    }

    100% {
        opacity: 1;
    }
}
/*tue add ket frame*/

@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);}}