* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;font-family: "syst","宋体";font-weight: bold;touch-action: pan-y;tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(255,0,0,0); }
html {font: normal 10px "syst","宋体";-webkit-text-size-adjust: 100%;font-weight: bold;}
body {padding: 0;margin: 0 auto;font-size: 10px;color: #000;background-color: #120909;font-family: "syst","宋体";font-weight: bold;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0); position: relative;width: 100%;
    max-width: 540px;
    box-shadow: 0 0 4rem #000c;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
input, input:focus, input:active{user-select: text;}
ul,ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {color: #333;border-radius: 0;-webkit-border-radius: 0;line-height: 40px;}
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;}
*{font-weight: normal;margin: 0;box-sizing: border-box;    padding: 0; }
img{border: none;max-width: 100%;vertical-align: middle;}
.auto{ margin:0% auto 13%;width:92%;}
.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;}
input::-webkit-input-placeholder {color: #9f7971;}
select, input{border:none;height: 40px;width: 100%;font-size: 1rem;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
img[src=""],img:not([src]){ border:0;opacity: 0;}
img[src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"],img:not([src]){ border:0;opacity: 0;}
*::-webkit-scrollbar {width: 4px;height: 8px;}
*::-webkit-scrollbar-thumb {border-radius: 4px;background: #fffef85e;}
*::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.05);border-radius: 4px;}

/*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

.section{position: relative;background: url(../images/bg1.jpg)no-repeat center center; background-size: 100% 100%;margin-top: -1px;}
#section-three{background: url(../images/bg2.jpg)no-repeat center center; background-size: 100% 100%;padding: 6% 0;}
#section-four{background: url(../images/bg3.jpg)no-repeat center center; background-size: 100% 100%;padding: 6% 0;}
#section-five{background: url(../images/bg4.jpg)no-repeat center center; background-size: 100% 100%;padding: 6% 0;  }
#section-six{background: url(../images/bg5.jpg)no-repeat center center; background-size: 100% 100%;padding: 6% 0;}
#section-seven{background: url(../images/bg6.jpg)no-repeat center center; background-size: 100% 100%;padding: 6% 0 0;}
.copy-sucess{background: url(../images/copy-bg.png) no-repeat center center;background-size: 100% 100%;z-index: 10000;position: fixed;top: 50%;left: 50%;transform: translate(-50%, 0);padding: 0.8% 2% 0.5%;color: #d8d2ad;font-size: 0.9rem;line-height: 1.5rem;display: none; width: 14%;text-align: center;}
.title{ margin: 0 auto;text-align: center;margin-bottom: 4%;width: 79%;}
.pic-web{display: block;}
.pic-wap{display: none;}
/*.p2,.p3,.p4,.p5,.p6{padding: 4% 0;}*/
@media(max-width:1920px){
    .copy-sucess{font-size: 1.2rem;line-height: 1.5rem;}
}
@media(max-width:1660px){
html,body{font-size:9px;}
}
@media(max-width:1560px){
	.btn-anniu span{line-height: 40px;font-size: 2rem;}
	.btn-anniu{padding: 0 2%;}
	html,body{font-size:8px;}
}

@media(max-width:820px){
	select, input{line-height: 3rem;height: 3rem;}
	.copy-sucess{padding: 3% 4% 2%; width: 37%;}
}
@media(max-width:540px){
    html,body{font-size:10px;}
	.p3 .auto,.p4 .auto,.p5 .auto,.p6 .auto{padding:0;}
}
@media(max-width:540px){
	.pic-web{display: none;}
    .pic-wap{display: block;}
	.btn-anniu span{font-size: 1.6rem;line-height: 38px;}
	.title{width: 82%;}
/*	.p2,.p3,.p4,.p5,.p6{padding: 12% 0;}*/
}
@media(max-width:361px){
	html,body{font-size:9px;}
}
.showbox{display: block;}
.hidebox{display: none;}

.p1{position: relative}
.p1 .time{background:linear-gradient(to right,rgba(160,91,72,0),rgba(160,91,72,0.5),rgba(160,91,72,0)); text-align: center;color: #fffce7;font-size:1rem;line-height: 2rem;width: 70%;
    margin: 0 auto; }
.head{position: fixed;top: 0;left: 50%;transform: translate(-50%, 0);width: 100%;z-index: 13;    background: linear-gradient(#161216, #161216, transparent);max-width: 540px;}
.head .logo{position: absolute;width:20%;top: 8px;left:8px;}
.head .hanbager{cursor: pointer;position: relative;width: 50px;height: 40px;float: right;margin:0 8px;}
.head .hanbager div{position: absolute;width: 60%;height: 3px;background: #b2aaa1;top: 10px;left: 50%;transform: translate(-50%, 0);border-radius: 10px;}
.head .hanbager div:nth-child(2){top: 20px;}
.head .hanbager div:nth-child(3){top: 30px;}
.head .hanbager.open div{top: 20px;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);transform-origin: center center;left: 17%;}
.head .hanbager.open div:nth-child(2){display: none;}
.head .hanbager.open div:nth-child(3){transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);top: 20px;}
.banner-bot{position: absolute;text-align: center;content: "";width: 100%;bottom:9%;left:0%; }
.banner-bot a{display: block;margin-bottom: 10px;-o-animation: zt 2s ease-in infinite;
    -webkit-animation: zt 2s ease-in infinite;
    -moz-animation: zt 2s ease-in infinite;
    -ms-animation: zt 2s ease-in infinite;
    animation: zt 2s ease-in infinite;}
.banner-bot a{display: inline-block;width:50%;}
.head-right{text-align: right;padding: 16px 0;z-index: 20;position: relative;}
.head-right a{display: inline-block;    width: 29%;}
@media(max-width:1920px){
	.p1 .time{font-size:1.2rem;line-height: 2.5rem;}
	.banner-bot a{width: 48%;}
}
@media(max-width:540px){
	.p1 .time{width: 100%;}
	.banner-bot{bottom: 7%;}
	.banner-bot a{width: 52%;}

    .head .hanbager{width: 41px;height: 29px;}
    .head .hanbager div{top: 3px;}
    .head .hanbager div:nth-child(2){top: 13px;}
    .head .hanbager div:nth-child(3){top: 23px;}
    
    .head .hanbager.open div{top: 13px;}
    .head .hanbager.open div:nth-child(3){top: 13px;}

}
@media(max-width:350px){


}


.p2{overflow: hidden;}
.p2 .title{margin-bottom: -1%;}
.sec2{position: relative;padding: 15px 8px 8px 8px;background: url(../images/sec2-bg.png)no-repeat center center; background-size: 100% 100%;}

.sec2 .zs{position: absolute;content: "";width: 100%;height: 97.5%;top: 2.5%;left: 0;}
.sec2 .zs i{position: absolute;content: "";width: 4px;height:4px;top: 0;left: 0;background: #797575;}
.sec2 .zs i:nth-child(2){top: 0;left: auto;right: 0;}
.sec2 .zs i:nth-child(3){top: auto;bottom:0;}
.sec2 .zs i:nth-child(4){top: auto;left: auto;bottom:0;right: 0;}
.sec2 .hd{position: relative;}
.sec2 .hd li{position: relative;float: left;width: 23.5%;margin: 0 1%;}
.sec2 .hd li:first-child{margin-left: 0;}
.sec2 .hd li:last-child{margin-right: 0;}
/*.sec2 .hd li:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background:linear-gradient(rgba(52,86,90,0),rgba(52,86,90,0.1),rgba(52,86,90,1)); }*/
.sec2 .hd li.on:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0; background: url(../images/sec2-active.png)no-repeat center bottom;background-size: contain;}
.sec2 .main{position: relative;margin-top: 2%;}
.sec2 .main .bd{border: 1px #f8f8f85e solid;}
.sec2 .main a.prev{position: absolute;width: 10%;height: 50px;top: 50%;left: 0;background:url(../images/jt.png)no-repeat;background-size: contain;    transform: rotateY(180deg) translate(0, -50%);}
.sec2 .main a.next{position: absolute;width: 10%;height: 50px;top: 50%;right: 0;transform: translate(0,-50%);background:url(../images/jt.png)no-repeat;background-size: contain;}



@media(max-width:820px){
}
@media(max-width:540px){
	
}
@media(max-width:376px){

}
@media(max-width:360px){

}

.p3 .auto{margin: 0% auto 10%;}
.p3 .title{margin-bottom: 0;}
.sec3 .role-return-top{text-align: center;}
.sec3 .role-return-top a{position: relative;width: 35%;background: url(../images/btn-1.png) no-repeat center center;background-size: 100% 100%;display: inline-block;font-size: 1rem;padding: 6% 2% 3%;margin: 0 3%;color: #908377;}
.sec3 .role-return-top a.active span{
  background: -webkit-linear-gradient(#f8f7ec, #c8b495);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;}
.sec3 .role-return-top a.active{background: url(../images/btn-2.png) no-repeat center center;background-size: 100% 100%;color: #908377;}

.sec3 .role-return-bot{background: url(../images/role-bg.jpg) no-repeat center center;background-size: 100% 100%;padding: 6%;}
.sec3 .role-return-bot p{line-height: 1.6rem;font-size: 0.8rem;color: #fcedde;margin-bottom: 2%;}
.sec3 .role-return-bot p:first-child{color: #ffd893;}
.sec3 .role-return-bot a{display: block;width: 54%;margin: 6% auto;}
.sec3 .role-return-bot input{line-height: 50px;height: 50px;padding-left: 2%;width: 54%;background: #1a09099c;border: 1px #d9bfc26e solid;color: #9f7971;font-size: 0.8rem;}
.sec3 .role-return-bot p.role-inner{display: flex;}
.sec3 .role-return-bot a.roles-back{margin: 0 3%;width: 40%;}
.sec3-gift{margin-top: 7%;}
.sec3-gift a{width: 50%;display: block;margin: 8% auto;position: relative;overflow: hidden;}

@media(max-width:1920px){
    .sec3 .role-return-top a{font-size: 1.2rem;}
    .sec3 .role-return-bot p{line-height: 2rem;font-size: 1rem;}
    .sec3 .role-return-bot input{font-size: 1rem;}
}

@media(max-width:540px){
    .sec3 .role-return-bot input{height: 35px;}
}
 

.p4{position: relative;text-align: center;}
.p4 .auto{margin: 0% auto 9%;}
.sec4 .pic-web{display: none;}
.sec4 .pic-wap{display: none;}
.sec4 dl{position: relative;overflow: hidden;padding-bottom: 1%;}
.sec4 dl dd{position: relative;width: 31%;float: left;overflow: hidden;margin: 0 1.5% 2%;}
.sec4 dl dd:nth-child(1){margin-left: 0;}
.sec4 dl dd:nth-child(3){margin-right: 0;}
.sec4 dl dd:nth-child(4){margin-left: 0;}
.sec4 dl dd:nth-child(6){margin-right: 0;}
.sec4 dl dd:last-child{width: 99%;margin: 0 auto;}
.sec4 dl dd a{position: absolute;content: "";width: 67%;top: 83%;left: 50%;transform: translate(-50%, 0);font-size: 0.8rem;color: #eee8c6;background: url(../images/btn-bg.png) no-repeat center center;background-size: 100% 100%;    padding: 3% 0;filter: grayscale(100%) brightness(1.2);pointer-events: none;z-index: 50;}
.sec4 dl dd:last-child a{width: 28%;top: 43%;left: 81%;padding: 2% 0;} 
.sec4 dl dd.actived a{display: block;filter: grayscale(100%) brightness(1.2);}
.sec4 dl dd.active a{display: block;filter: none;cursor: pointer;pointer-events: auto;}

.sec4 dl dd .sec4-gift{position: absolute;content: "";display: none;width: 80%;left: 10%;top: 0;}
.sec4-bot{text-align: center;font-size: 1rem;color: #f8f8f8;}
.sec4-bot p{margin-bottom: 0.5%;}
.sec4-bot span{color: #efe1ab;font-size: 1.4rem;}
.sec4-bot a{display: inline-block;width: 43%;margin: 3% auto;}

@media(max-width:1920px){
    .sec4 dl dd a{font-size: 1rem;}
}

@media(max-width:540px){
/*
	.sec4 dl dd a{width: 42%;}
	.sec4 dl{width: 110%;margin-left: -5%;    padding-bottom: 6%;}
	.sec4 dl dd{padding: 0 0.5%;}
	.sec4 dl dd{margin-top: 8%;}
	.sec4-bot a{width: 45%;}
	.sec4-bot{margin-top: 4%;}
	.sec4-bot p{margin-bottom: 3%;}
*/
}
@media(max-width:350px){
	
}

.p5{}
.p5 .title{}
.sec5{position: relative;text-align: center;margin-top: -2%;margin-bottom: 5%;}
.sec5 dl{width: 93%;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;}
.sec5 dl dd{width: 30%;margin: 2.5% 1.5%;position: relative;}
.sec5 dl dd a{position: absolute;content: "";width: 73%;top: 86%;left: 50%;transform: translate(-50%, 0);font-size: 0.8rem;color: #eee8c6;background: url(../images/btn-bg-2.png) no-repeat center center;background-size: 100% 100%;    padding: 3% 0;filter: grayscale(100%) brightness(1.2);pointer-events: none;}
.sec5 dl dd p{position: absolute;content: "";width: 73%;top: 81%;left: 50%;transform: translate(-50%, 0);font-size: 0.6rem;color: #fffcf7;}
.sec5 dl dd span{color: #fe9669;}
.sec5 dl dd.actived a{display: block;filter: grayscale(100%) brightness(1.2);}
.sec5 dl dd.active a{display: block;filter: none;cursor: pointer;pointer-events: auto;}

@media(max-width:1920px){
    .sec5 dl dd a{font-size: 1rem;}
    .sec5 dl dd p{font-size: 0.8rem;}

}
@media(max-width:540px){
 
}
@media(max-width:360px){
	.sec5 p span{font-size: 1rem;}
}



.p6 .auto{margin: 0% auto 9%;}
.sec6{position: relative;background: url(../images/sec6-bg.png)no-repeat center center;background-size: 100% 100%;text-align: center;padding: 14% 0;}
.sec6 .sec6-main{width: 84%;margin: 0 auto;}
.sec6 .sec6-main img{height: auto;}
.sec6 dl{position: absolute;content: "";width: 84%;height: 82%;top: 9%;left: 8%;border: 1px #f6f2ed91 solid;outline: 1px #88766c solid;}
.sec6 dl .pic-light{ display: none;}
.sec6 dl div{position: absolute;width: 100%;height: 100%; top: 0;left: 0;}
.sec6 dl div img{display: none;}
.sec6 dl div a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}

.sec6 dl dd{position: absolute; width: 50%;height: 33.5%; cursor: pointer;top: 0;left: 0;}
.sec6 dl dd:nth-child(2){top: 0;left: 50%;}
.sec6 dl dd:nth-child(3){top: 33.2%;left: 0%;}
.sec6 dl dd:nth-child(4){top: 33.2%;left: 50%;}
.sec6 dl dd:nth-child(5){top: 66.5%;left: 0%;}
.sec6 dl dd:nth-child(6){top: 66.5%;left: 50%;}
.sec6 dl dd.actived{cursor: auto;pointer-events: none;}
.sec6 dl dd .pic-gray{opacity: 0;}
.sec6 dl dd.actived p{display: none;}
.sec6 dl dd.actived .pic-gray{opacity: 1;display: block;transition: all 2s ease;}
.sec6 dl dd p{position: relative;text-align: left;color: #fffaf3;font-size: 0.6rem;width: 100%;position: absolute;line-height: 1.2rem; top: 13px;left: 14px; pointer-events: none;padding-left: 21%;background: linear-gradient(to right,#331919,rgba(170,78,60,0));padding-left: 11%;}
.sec6 dl dd div:after{position: absolute;content: "";top: 3%;left: 0; display: block;width: 36px;height: 36px;background: url(../images/sec6-t-1.png)no-repeat center center;background-size: 100% 100%;position: relative;z-index: 2;}
.sec6 dl dd:nth-child(2) div:after{background: url(../images/sec6-t-2.png)no-repeat center center;background-size: 100% 100%;}
.sec6 dl dd:nth-child(3) div:after{background: url(../images/sec6-t-3.png)no-repeat center center;background-size: 100% 100%;}
.sec6 dl dd:nth-child(4) div:after{background: url(../images/sec6-t-4.png)no-repeat center center;background-size: 100% 100%;}
.sec6 dl dd:nth-child(5) div:after{background: url(../images/sec6-t-5.png)no-repeat center center;background-size: 100% 100%;}
.sec6 dl dd:nth-child(6) div:after{background: url(../images/sec6-t-6.png)no-repeat center center;background-size: 100% 100%;}
.sec6-bot{text-align: center;font-size: 1rem;color: #f8f8f8;  }
.sec6-bot span{color: #f89d6b;font-size: 1.2rem;}
.sec6-bot .sec6-btn{display: flex;justify-content: center;}
.sec6-bot a{margin: 2% 0.5%;display: inline-block;width: 33%;background: url(../images/btn-bg-2.png) no-repeat center center;background-size: 100% 100%;color: #eee8c6;padding: 2% 2%;position: relative;overflow: hidden;}
.sec6-bot a:nth-child(2){background: url(../images/btn-bg.png) no-repeat center center;background-size: 100% 100%;}
.sec6-bot p{margin-bottom: 0.5%;}

.sec6 dl dd.actived:after {
	-webkit-animation: masky 2s steps(62) forwards 300ms 0 ease;
	-moz-animation: masky 2s steps(62) forwards 300ms 0 ease;
	-ms-animation: masky 2s steps(62) forwards 300ms 0 ease;
	animation: masky 2s steps(62) forwards 300ms 0 ease;
	-moz-animation: masky 2s steps(62) forwards;
	-webkit-animation: masky 2s steps(62) forwards;
	-o-animation: masky 2s steps(62) forwards;
	-ms-animation: masky 2s steps(62) forwards;
	animation: masky 2s steps(62) forwards;
	display: block
}

@-webkit-keyframes masky {
	0% {-webkit-mask-position: 0 0}
	100% {-webkit-mask-position: right 0}}
@-moz-keyframes masky {
	0% {-webkit-mask-position: 0 0}
	100% {-webkit-mask-position: right 0}}
@-ms-keyframes masky {
	0% {-webkit-mask-position: 0 0}
	100% {-webkit-mask-position: right 0}}
@-o-keyframes masky {
	0% {-webkit-mask-position: 0 0}
	100% {-webkit-mask-position: right 0}}
@keyframes masky {
	0% {-webkit-mask-position: 0 0}
	100% {-webkit-mask-position: right 0}}


@keyframes glow {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.8);
  }
}
@media(max-width:1920px){
    .sec6 dl dd p{line-height: 1.6rem;font-size: 0.8rem;}
    .sec6-bot{font-size: 1.2rem;}
    .sec6-bot span{font-size: 1.6rem;}
}

@media(max-width:820px){
	
}
@media(max-width:580px){
	
}
@media(max-width:540px){
    .sec6 dl dd div:after{width: 26px;height: 26px;top: 6%;}
	
}
@media(max-width:360px){

}





.p7{z-index: 1;}
.p7 .auto{width: 100%;margin: 0% auto 0%;}
.p7 .title{margin-bottom: -1%;width: 72%;}

.sec7{position: relative;}
.sec7-inner{width: 92%;margin: 0 auto;}
.sec7 .pic-web{display: none;}
.sec7 .pic-wap{display: none;}

.sec7-inner dl{display: flex;flex-wrap: wrap;justify-content: center;}
.sec7-inner a.no-active .no-active{display: block;}
.sec7-inner a.active .active{display: block;}
.sec7-inner a.actived .actived{display: block;}
.sec7-inner a.actived{pointer-events: none;}
.sec7-inner a.no-active .active,.sec7-inner a.no-active .actived{display: none;}
.sec7-inner a.active .no-active,.sec7-inner a.active .actived{display: none;}
.sec7-inner a.actived .no-active,.sec7-inner a.actived .active{display: none;}
.sec7-top{text-align: center;display: none;}
.sec7-top img{max-height: 40px;}
.sec7-top a{vertical-align: middle;}
.sec7-top a img{max-height: 26px;}
.sec7-inner dl dd{position: relative;width: 31.5%;margin: 1% 1%;}
.sec7-inner dl dd a{position: absolute;bottom: 10%;left: 50%;transform: translate(-50%,0);width: 78%;}
.sec7-inner dl dd:nth-child(1){margin-left: 0;}
.sec7-inner dl dd:nth-child(3){margin-right: 0;}
.sec7-inner dl dd:nth-child(4){margin-left: 0;}
.sec7-inner dl dd:nth-child(6){margin-right: 0;}
.sec7-inner dl dd:last-child{width: 100%;}
.sec7-inner dl dd:last-child a{width: 30%;bottom: 5%;overflow: hidden;}
@media(max-width:820px){
	
}
@media(max-width:540px){
    
}
@media(max-width:320px){
	
}


.notice{color: #6c625e;font-size: 0.8rem;line-height: 1.6rem;padding: 5%;margin-top: 13%;background: #120909;}
.notice h3{font-size: 1rem;margin: 2% 0;}
@media(max-width:1920px){
    .notice{font-size: 1rem;line-height: 2rem;}
    .notice h3{font-size: 1.4rem;}
}



/*图片滚动*/
.secpic{position: relative;margin: 0 auto;}
.swiper-container {margin-left: auto;padding-bottom: 6%;width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;/* 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;transform: scale(0.85);   }
.secpic .swiper-slide img{background-size: 100% 100%;border: 2px #fff solid;}
.swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1);z-index: 9;}
.secpic .swiper-slide-prev,.secpic .swiper-slide-next{transform-style: preserve-3d;perspective: 900px;}

/*
.secpic .swiper-slide-next img{transition: all 0ms ease 0s;transform:rotateX(0deg) rotateY(-30deg) scale(1);}
.secpic .swiper-slide-prev img{transition: all 0ms ease 0s;transform:rotateX(0deg) rotateY(30deg) scale(1);}
*/

.secpic .swiper-pagination-bullet {z-index: 2;position: relative;width: 16px;height: 16px;top: 102%; display: inline-block;border-radius: 8px; background:none;border: 2px #fce2b8 solid;}
.secpic .swiper-pagination-bullet-active{background:#fce2b8; }
.secpic .swiper-pagination:before{border-bottom:none;}
.secpic .swiper-pagination:after{border-bottom:none;}
.secpic .swiper-button-prev{background: url(../images/jt.png)no-repeat 0 0;background-size:200% 100% ;}
.secpic .swiper-button-next{background: url(../images/jt.png)no-repeat -73px 0;background-size:200% 100% ;}
.secpic .swiper-button-next,.secpic .swiper-button-prev{width:73px;height: 68px;}
.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%;}
.secpic.pic-web .swiper-button-next{right: -3%;}
.secpic.pic-web .swiper-button-prev{left: 0;}
@media(max-width:1520px){

.secpic .swiper-pagination-bullet{width: 10px;height: 10px;    border: 2px #fff solid;}
.secpic .swiper-button-next{background: url(../images/jt.png)no-repeat -50px 0;background-size:200% 100% ;}
.secpic .swiper-button-next,.secpic .swiper-button-prev{width: 50px;height: 34px;}   
}
@media(max-width:830px){
.secpic .swiper-pagination-bullet{width: 10px;height: 10px;    border: 2px #fff solid;}
.secpic .swiper-button-next{background: url(../images/jt.png)no-repeat -50px 0;background-size:200% 100% ;right: -4%;}
.secpic .swiper-button-next,.secpic .swiper-button-prev{width: 50px;height: 34px;}   
.secpic .swiper-button-prev{left: -4%;}

}
@media(max-width:700px){
.secpic .swiper-container{margin-top: 0;}
}
@media(max-width:540px){
	
	#section-six .secpic{width: 100%;}
	#section-six .secpic .swiper-container{padding-bottom: 8%;}
	.secpic{width: 100%;}
	#section-six .secpic .swiper-button-prev{left: -7%;top: 48%;}
#section-six .secpic .swiper-button-next{right: -7%;top: 48%;}
}



.nav{position: fixed;width:16%;top: 0;right: 100%;height: 100%;z-index: 12;text-align: center;padding: 8% 4%;transition: .3s all;background: rgba(25,17,32,0.96);}
/*.nav:after{position: absolute;content: "";width: 50%;height: 100%;border-radius: 50%;background: radial-gradient(ellipse closest-side at 50% 100%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 100%,rgba(255,255,255,0) 100%);top: 0;right: 0;}*/
.nav .nav-top{width: 100%;margin: 0 auto 30%;}
.nav .nav-inner a{width: 100%;display: block;line-height: 40px;font-size: 1.6rem;color: #fff6e7;}
.nav .nav-inner a.on{font-weight: bold;color: #f8d091;}
.nav .store-btn{position: absolute;content: "";width: 100%;padding: 0 25%; bottom:4%;left: 0;}
.nav .store-btn a{margin-bottom: 1%;}

.popup{max-width: 500px;min-width: 500px;position: fixed!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%);margin: 0 auto;display: none;background:url(../images/bg3.jpg);background-size: cover;border: 1px #5d363d solid;outline: 1px #2d2230 solid; padding:1px 1% 1%;text-align: center;}
.popup .pop-title{text-align: center;margin-bottom: 3%;background: linear-gradient(to right,rgba(84,56,73,0),rgba(84,56,73,1),rgba(84,56,73,0));margin-bottom: 2%;color:#f9f1e4;font-size:1rem;font-weight: bolder;line-height: 2rem; }
.popup .pop-title span{position: relative;font-size:1.2rem;font-weight: bolder;}

.pop-inner{color: #a98f94;font-size: 0.8rem;line-height: 1.4rem;}
.jhm {color: #f6e0be; }
.jhm span{background: #47424b; }
.copy{color: #fff;text-decoration: underline;}
.sm{color: #675873;    font-size: 1.4rem;}
.yy-tj{margin-top: 1%;position: relative;width: 80%;margin: 0 auto;}
.yy-tj a{position: absolute;width:35%;height: 24%;bottom:24%;left: 43%;}
.wdjl{text-align: left;}
.popup.popup-cjjs .pop-inner{text-align: left;font-size: 1.2rem;}
.pop-inner a.b-close{ }
.popup .close{position: absolute;width: 26px;content: "";top: -21%;right: 0%;cursor: pointer; -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 .close:hover{transform: rotate(360deg);}
@media(max-width:1920px){
	.popup .pop-title{font-size:1.2rem;line-height: 3rem; }
    .pop-inner{color: #a98f94;font-size: 1rem;line-height: 1.4rem;}
}
@media(max-width:1200px){
	.nav{width: 30%;left: auto;right: 70%;}
}

@media(max-width:830px){
    .popup{min-width: inherit;width: 80%;    padding: 2% 2% 6%;}
}
@media(max-width:540px){
	.nav .store-btn{position: absolute;content: "";width: 100%;padding: 0 4%; bottom:4%;left: 0;}
    .nav .store-btn a{width: 31%;}
	.nav .nav-top{width: 60%;}
	.nav{width: 70%; left: 100%;right: auto;padding: 25% 4%;}

    .popup .close{width: 18px;}
}


#disappare{ background: url(../images/btn.jpg);background-size: 100% 100%;display: inline-block;line-height: 38px;padding: 0 1%;position: fixed;top:58%;left: 50%;transform: translate(-50%,0);display: none;z-index: 100000;}
#disappare:before{position: absolute;content: ""; width: 7px;height: 7px;background: url(../images/btn-zs.png)0 0;background-size: 200% 100%;bottom: 0;left: 0;}
#disappare:after{position: absolute;content: "";width: 7px;height: 7px;background: url(../images/btn-zs.png)-7px 0;background-size: 200% 100%;top: 0;right: 0;}
#disappare span{font-weight: bold;font-size: 1.4rem; background: linear-gradient(#6a2a19,#2d2937);-webkit-background-clip: text;color: transparent;}
@media(max-width:540px){
	#disappare{padding: 0 4%;}
}
.fc{position: fixed;top: 0;height: 100vh;display: flex;flex-direction: column;padding: 22% 12%;background: rgb(34 9 9 / 80%);width: 50%;left: auto;right: -400%;z-index: 1;transition: all 1s ease;    justify-content: center;}
.fc a{line-height: 2.8rem;font-size: 0.9rem;color: #dcb8ae;position: relative;}
.fc a.on{color: #fffce7;}
.fc a:before{position: absolute;content: "";width: 13%;height: 25%;top: 50%;left:-22%;transform: translate(0,-50%);background:url(../images/fc-dot.png)no-repeat center center;background-size: contain; }
.fc a.on:before{background:url(../images/fc-dot-active.png)no-repeat center center;background-size: contain;}
.fc a:after{position: absolute;content: "";width: 100%;left: -34%;bottom: 0;height: 1px;background: linear-gradient(to right, rgba(113, 138, 180, 0), rgb(180 158 113 / 50%), rgba(113, 138, 180, 0)); }
.fc a:last-child:after{display: none;}

@media(max-width:540px){
    .fc a{font-size: 1.2rem;line-height: 4.2rem;}
}
@-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) }}


@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%;}}
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: 650ms;animation: 2s linear 0s infinite normal none running sg;}

i.sg-2{content: "";position: absolute;top: 0%;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg, transparent, transparent, transparent, transparent, rgb(255 244 227 / 19%), transparent, transparent);transition: 650ms;animation: 2s linear 0s infinite normal none running sg;}

i.sg-3{content: "";position: absolute;top: 7%;left: -100%;width: 100%;height: 92%;background: linear-gradient(120deg, transparent, transparent, rgba(255, 244, 227, 0.4), transparent, transparent);transition: 650ms;animation: 2s linear 0s infinite normal none running sg;}

@keyframes animate-wipes { from {left:0;}
    to {left:100%;}}


.news-center{position: relative;background: url(../images/banner.jpg);background-attachment: fixed; padding: 0 4% 5%;}
.newde{position: relative;}
.newde .close{position: absolute;content: "";width: 40px;height: 40px;background: rgba(255,255,255,0.2);border: 1px rgba(255,255,255,0.8) solid;top: 18px;left: 102%;}
.newde .close i{width: 75%;left: 11%;top: 17px;height: 3px;position: absolute;background: #fff;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform:rotate(45deg);-o-transform: rotate(45deg);transform-origin: center center;}
.newde .close i:nth-child(2){width: 75%;left: 11%;top: 17px;height: 3px;position: absolute;background: #fff;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform: rotate(-45deg);transform-origin: center center;}
.newde .tit{font-size: 24px; padding-bottom: 1%;text-align: center;}
.newde time{display: block;font-size: 12px;color: #333;text-align: center;padding-bottom: 10px;border-bottom: 1px #fff solid;margin-bottom: 2%;}
.newde{background: rgba(255,255,255,0.8);padding:2%;width: 900px;margin: 0 auto;}
.newde h3{font-size: 24px;line-height: 40px;font-weight: bold;}
.newde b{font-size: 14px;line-height: 24px;font-weight: bold;}
.newde p{font-size: 14px;line-height: 30px;}
.newde .share{padding:1% 0;margin-top: 2%; border-bottom: 1px #fff solid;border-top: 1px #fff solid;}
.newde .share a{color: #289fff;text-decoration: underline;}
.newde .share a:nth-child(2){float: right;}
@media(max-width:1920px){
    .fc a{line-height: 3.2rem;font-size: 1rem;}
}
@media(max-width:1000px){
	.newde{width: 80%;margin: 0 auto;}
}
@media(max-width:540px){
	.newde{width: 96%;}
	.newde .tit{font-size: 22px;}
	.news-center{padding-top: 16%;}
	.newde .close{top: -50px;left: auto;right:0; content: "";}
	.newde .share a{display: block;line-height: 40px;float: none;}
	.newde .share a:nth-child(2){float: none;}
}

.popup-gameId{padding: 3%;font-family: "微软雅黑";}
.popup-gameId input,.popup-gameId select{font-family: "微软雅黑";}
.popup form select.select2-hidden-accessible{    border: 0 !important;clip: rect(0 0 0 0) !important;-webkit-clip-path: inset(50%) !important;clip-path: inset(50%) !important;height: 1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;white-space: nowrap !important;}
.select2-selection{position: relative;display: block;width: 100%!important; margin-bottom: 10px;line-height: 40px;height: 40px;margin-bottom: 0;padding-left: 1%;text-align: left;background: #fff;border: none;color: #333;}
.select2-selection__placeholder{font-family: "微软雅黑";}
.select2-selection .select2-selection__arrow{position: absolute;border-color: #333 transparent transparent transparent;border-width: 7px 3px 0 3px;border-style: solid;height: 0;right: 2%;margin-top: -2px;position: absolute;top: 50%;width: 0;}
.select2-container--open .select2-dropdown{position: absolute;z-index: 99999;max-height: 184px;overflow: auto;background: #fff;border: 1px #eee solid;}
.select2-results__options li{padding: 1.5% 0 1.5% 3%;background: #25293d;border: none;color: #feefcd;text-align: left;font-family: "微软雅黑";}
.select2-container{   box-sizing: border-box;display: inline-block;margin: 0;margin-bottom:1%; position: relative;vertical-align: middle;font-family: "微软雅黑";}
.select2-container--below {width: 100%!important; }
.select2-selection__rendered{font-family: "微软雅黑";}
.select2-search__field{line-height: 40px;height: 40px;padding-left: 3%;width: 100%; font-size: 1.2rem;   border: none;color: #000;font-family: "微软雅黑";}
.popup a.butt{display: inline-block;background: url(../images/btn-bg.png) no-repeat center center;background-size: 100% 100%;color: #eee8c6;width: 54%;border: none;border-radius: 5px;font-size: 1.2rem;margin-top: 6%;padding: 3% 0;}


.popup-record dl dd p,.popup-record .pop-inner p{width:16%;display: inline-block;word-break:break-all;font-size: 0.7rem;}
.popup-record dl dd p:nth-child(1),.popup-record .pop-inner p:nth-child(1){width:28%;}
.popup-record dl dd p:nth-child(3),.popup-record .pop-inner p:nth-child(3){width:25%;}
.popup-record dl dd p:nth-child(4){white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.popup-record dl{max-height: 300px; overflow: auto;}
.popup-record dl dd a{width: 13%;display: inline-block;color: #bdb89a;line-height: 2.2rem;}
.popup-record dl dd{overflow: hidden;padding: 4px 0;display: flex;justify-content: space-around;align-items: center;}
.popup-record .pop-inner p:last-child{width: 22%;}
.popup-record .title-dt{overflow: hidden; line-height: 2.2rem;background: rgba(84,56,73,0.45);display: flex;justify-content: space-around;margin: 3% 0;}
.pop-close{position: absolute;width: 26px; content: "";top: -7%;right: 2%;transform: translate(50%,-50%);}
.pop-close a{display: block;}


.popup-reward .title-dt{overflow: hidden;line-height: 34px;background: rgba(255,255,255,0.15);text-align: center;display: flex;justify-content: space-around;}
.popup-reward dl dd{overflow: hidden;padding: 4px 0;text-align: center;display: flex;justify-content: space-around;}
.popup-reward dl{max-height: 300px;overflow: auto;}
.popup-reward dl dd p,.popup-reward .title-dt p{width: 20%;display: inline-block;}
.popup-reward dl dd p:nth-child(2),.popup-reward .title-dt p:nth-child(2){width: 35%;}


.popup .num{display: flex;justify-content: center;margin: 4% 0 1%;align-items: center;}
.popup .num a{margin-left: 1%;color: #bdb89a;}
.popup .num p{text-align: center;margin: 1% 0;}
.popup .num span{color: #ffd893;}

.popup a.btn-game{font-size: 1.2rem;color: #eee8c6;background: url(../images/btn-bg.png) no-repeat center center;background-size: 100%;width: 37%;display: block;margin: 4% auto 0;padding: 3% 0;}

@media(max-width:1920px){
    .popup-record dl dd p, .popup-record .pop-inner p{font-size: 0.9rem;}
    .popup-record .title-dt{line-height: 3.2rem;}
}

@media(max-width:540px){
	.popup-record dl dd a{float: left;text-align: center;}
	.popup-record .title-dt p{text-align: center;}
	.popup-record dl dd p, .popup-record .pop-inner p{width: 16%;display: block;float: left;}
	.popup-record dl dd p:nth-child(1),.popup-record .pop-inner p:nth-child(1){width:34%;}
	.popup-record dl dd p:nth-child(3),.popup-record .pop-inner p:nth-child(3){width:37%;}
	.popup-record dl,.popup-reward dl{max-height:335px;}
/*	.popup-reward dl dd p,.popup-reward .title-dt p{width: 10%;}*/
    .pop-close{width: 18px;top: -4%;}
}

.xing-box { position: fixed; width: 100%; height: 100%; z-index: 100; top:0%;pointer-events: none;overflow: hidden;}
.xing { width: 60px; height: 60px; position: absolute; color:#FFF; top: 0; left: 40%; z-index: 9;opacity: 0; background: url(../images/hb.png)no-repeat 0px 0px;background-size: 500% 200%;}
.xing1 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 0px; left:40%; z-index: 9;opacity: 0; background:url(../images/hb.png)no-repeat -60px 0px;background-size: 500% 200%;}
.xing2 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 20%; left: 40%; z-index: 9;opacity: 0;background: url(../images/hb.png)no-repeat -120px 0px;background-size: 500% 200%; }
.xing3 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 0px; right: 40%; z-index: 9;opacity: 0; background:url(../images/hb.png)no-repeat -180px 0px;background-size: 500% 200%;}
.xing4 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 20%; right: 30%; z-index: 9;opacity: 0; background: url(../images/hb.png)no-repeat -240px 0px;background-size: 500% 200%;}
.xing5 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 5%; right: 40%; z-index: 9 ;opacity: 0;background: url(../images/hb.png)no-repeat 0px -60px;background-size: 500% 200%;}
.xing6 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 10%; left: 40%; z-index: 9 ;opacity: 0;background: url(../images/hb.png)no-repeat -60px -60px;background-size: 500% 200%;}
.xing7 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 20%; left:50%; z-index: 9;opacity: 0; background: url(../images/hb.png)no-repeat -120px -60px;background-size: 500% 200%;}
.xing8 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 4%; left: 30%; z-index: 9;opacity: 0; background: url(../images/hb.png)no-repeat -180px -60px;background-size: 500% 200%;}
.xing9 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 20%; right: 40%; z-index: 9;opacity: 0;background: url(../images/hb.png)no-repeat -240px -60px;background-size: 500% 200%; }
.xing10 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 15%; right: 40%; z-index: 9;opacity: 0; background: url(../images/hb.png)no-repeat 0px -60px;background-size: 500% 200%;}
.xing11 { width: 60px; height: 60px; position: absolute; color:#FFF; top: 10%; right: 32%; z-index: 9;opacity: 0;background: url(../images/hb.png)no-repeat -60px 0px;background-size: 500% 200%;}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
.fadeIn2 { -webkit-animation-name: fadeIn2; animation-name: fadeIn2 }
.fadeIn3 { -webkit-animation-name: fadeIn3; animation-name: fadeIn3 }
.fadeIn4 { -webkit-animation-name: fadeIn4; animation-name: fadeIn4 }
.fadeIn5 { -webkit-animation-name: fadeIn5; animation-name: fadeIn5 }
.fadeIn6 { -webkit-animation-name: fadeIn6; animation-name: fadeIn6 }
@media(max-width:420px){
    .xing,.xing1,.xing2,.xing3,.xing4,.xing5,.xing6,.xing7,.xing8,.xing9,.xing10,.xing11{width: 40px;height: 40px;} 
    .xing{background-position: 0px 0px;}
    .xing1{background-position: -40px 0px;}
    .xing2{background-position: -80px 0px;}
    .xing3{background-position: -120px 0px;}
    .xing4{background-position: -160px 0px;}
    .xing5{background-position: 0px -40px;}
    .xing6{background-position: -40px -40px;}
    .xing7{background-position: -40px -40px;}
    .xing8{background-position: -60px -40px;}
    .xing9{background-position: -160px -40px;}
    .xing10{background-position: 0px -40px;}
    .xing11{background-position: -40px 0px;}
    
    .xing-box {position: fixed;}
}

.animated1 { -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-delay: 0s;animation-delay: 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
.animated2{ -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay: 1s;animation-delay: 1s;}
.animated3{ -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 2s;animation-delay:2s;}
.animated4{ -webkit-animation-duration: 12s; animation-duration:12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: noforwardsne; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay:3s;animation-delay: 3s;}
.animated5{ -webkit-animation-duration: 12s; animation-duration:12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: noforwardsne; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay:4s;animation-delay: 4s;}
.animated6{ -webkit-animation-duration: 12s; animation-duration:12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: noforwardsne; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay:5s;animation-delay: 5s;}
.animated7{ -webkit-animation-duration: 12s; animation-duration:12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: noforwardsne; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay:6s;animation-delay: 6s;}
.animated8{ -webkit-animation-duration: 12s; animation-duration:12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: noforwardsne; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay:7s;animation-delay: 7s;}
.animated9{ -webkit-animation-duration: 12s; animation-duration:12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: noforwardsne; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay:8s;animation-delay: 8s;}
.animated10{ -webkit-animation-duration: 12s; animation-duration:12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: noforwardsne; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay:9s;animation-delay: 9s;}
.animated11{ -webkit-animation-duration: 12s; animation-duration:12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: noforwardsne; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay:10s;animation-delay: 10s;}
.animated12{ -webkit-animation-duration: 12s; animation-duration:12s; -webkit-animation-fill-mode: forwards; animation-fill-mode: noforwardsne; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;  -webkit-animation-delay:11s;animation-delay: 11s;}


@-webkit-keyframes fadeIn { 0% {opacity: 0;-webkit-transform: translate(0, 0) rotate(360deg);transform: translate(0, 0)rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-600px, 600px)rotate(0deg);transform:translate(-600px, 600px)rotate(0deg)}}
@keyframes fadeIn { 0% {opacity: 0;-webkit-transform: translate(0, 0) rotate(360deg);transform: translate(0, 0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-600px, 600px) rotate(0deg);transform: translate(-600px, 600px) rotate(0deg)}}
@-webkit-keyframes fadeIn2 { 0% {opacity: 0;-webkit-transform: translate(0,0) rotate(360deg);transform: translate(0,0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-700px, 300px) rotate(0deg);transform:translate(-700px, 300px) rotate(0deg)}}
@keyframes fadeIn2 { 0% {opacity: 0;-webkit-transform: translate(0px,0px) rotate(360deg);transform: translate(0px,0px) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-700px, 300px) rotate(0deg);transform: translate(-700px, 300px) rotate(0deg)}}
@-webkit-keyframes fadeIn3 { 0% {opacity: 0;-webkit-transform: translate(0,0) rotate(360deg);transform: translate(0,0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-400px, 500px) rotate(0deg);transform:translate(-400px, 500px) rotate(0deg)}}
@keyframes fadeIn3 { 0% {opacity: 0;-webkit-transform: translate(0px,0px) rotate(360deg);transform: translate(0px,0px) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-400pxpx, 500px) rotate(0deg);transform: translate(-400px, 500px) rotate(0deg)}}
@-webkit-keyframes fadeIn4 { 0% {opacity: 0;-webkit-transform: translate(0, 0) rotate(360deg);transform: translate(0, 0)rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(600px, 600px)rotate(0deg);transform:translate(600px, 600px)rotate(0deg)}}
@keyframes fadeIn4 { 0% {opacity: 0;-webkit-transform: translate(0, 0) rotate(360deg);transform: translate(0, 0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(600px, 600px) rotate(0deg);transform: translate(600px, 600px) rotate(0deg)}}
@-webkit-keyframes fadeIn5 { 0% {opacity: 0;-webkit-transform: translate(0,0) rotate(360deg);transform: translate(0,0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(700px, 300px) rotate(0deg);transform:translate(700px, 300px) rotate(0deg)}}
@keyframes fadeIn5 { 0% {opacity: 0;-webkit-transform: translate(0px,0px) rotate(360deg);transform: translate(0px,0px) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(700px, 300px) rotate(0deg);transform: translate(700px, 300px) rotate(0deg)}}
@-webkit-keyframes fadeIn6 { 0% {opacity: 0;-webkit-transform: translate(0,0) rotate(360deg);transform: translate(0,0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(400px, 500px) rotate(0deg);transform:translate(400px, 500px) rotate(0deg)}}
@keyframes fadeIn6 { 0% {opacity: 0;-webkit-transform: translate(0px,0px) rotate(360deg);transform: translate(0px,0px) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(400pxpx, 500px) rotate(0deg);transform: translate(400px, 500px) rotate(0deg)}}

@media(max-width:420px){
 @-webkit-keyframes fadeIn { 0% {opacity: 0;-webkit-transform: translate(0, 0) rotate(360deg);transform: translate(0, 0)rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-200px, 700px)rotate(0deg);transform:translate(-200px, 700px)rotate(0deg)}}
@keyframes fadeIn { 0% {opacity: 0;-webkit-transform: translate(0, 0) rotate(360deg);transform: translate(0, 0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-200px, 700px) rotate(0deg);transform: translate(-200px, 700px) rotate(0deg)}}
@-webkit-keyframes fadeIn2 { 0% {opacity: 0;-webkit-transform: translate(0,0) rotate(360deg);transform: translate(0,0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-150px, 800px) rotate(0deg);transform:translate(-150px, 800px) rotate(0deg)}}
@keyframes fadeIn2 { 0% {opacity: 0;-webkit-transform: translate(0px,0px) rotate(360deg);transform: translate(0px,0px) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-150px, 800px) rotate(0deg);transform: translate(-150px, 800px) rotate(0deg)}}
@-webkit-keyframes fadeIn3 { 0% {opacity: 0;-webkit-transform: translate(0,0) rotate(360deg);transform: translate(0,0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-200px, 600px) rotate(0deg);transform:translate(-200px, 600px) rotate(0deg)}}
@keyframes fadeIn3 { 0% {opacity: 0;-webkit-transform: translate(0px,0px) rotate(360deg);transform: translate(0px,0px) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(-200pxpx, 600px) rotate(0deg);transform: translate(-200px, 600px) rotate(0deg)}}
@-webkit-keyframes fadeIn4 { 0% {opacity: 0;-webkit-transform: translate(0, 0) rotate(360deg);transform: translate(0, 0)rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(200px, 600px)rotate(0deg);transform:translate(200px, 600px)rotate(0deg)}}
@keyframes fadeIn4 { 0% {opacity: 0;-webkit-transform: translate(0, 0) rotate(360deg);transform: translate(0, 0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(200px, 600px) rotate(0deg);transform: translate(200px, 600px) rotate(0deg)}}
@-webkit-keyframes fadeIn5 { 0% {opacity: 0;-webkit-transform: translate(0,0) rotate(360deg);transform: translate(0,0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(150px, 900px) rotate(0deg);transform:translate(150px, 900px) rotate(0deg)}}
@keyframes fadeIn5 { 0% {opacity: 0;-webkit-transform: translate(0px,0px) rotate(360deg);transform: translate(0px,0px) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(150px, 900px) rotate(0deg);transform: translate(150px, 900px) rotate(0deg)}}
@-webkit-keyframes fadeIn6 { 0% {opacity: 0;-webkit-transform: translate(0,0) rotate(360deg);transform: translate(0,0) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(210px, 700px) rotate(0deg);transform:translate(210px, 700px) rotate(0deg)}}
@keyframes fadeIn6 { 0% {opacity: 0;-webkit-transform: translate(0px,0px) rotate(360deg);transform: translate(0px,0px) rotate(360deg)}
    50% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate(210pxpx, 700px) rotate(0deg);transform: translate(210px, 700px) rotate(0deg)}}   
}
@keyframes zt { 0% {transform: scale(0.87);}
                   50% { transform: scale(1);  }
    100% {transform: scale(0.87);}}
@-webkit-keyframes zt /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(0.87);}
                   50% { -webkit-transform: scale(1); }
    100% {-webkit-transform: scale(0.87);}}
@-moz-keyframes zt /* Firefox */ { 0% {-moz-transform: scale(0.87);}
                   50% { -moz-transform: scale(1); }
    100% {-moz-transform: scale(0.87);}}
@-o-keyframes zt /* Opera */ { 0% {-o-transform: scale(0.87);}
                   50% { -o-transform: scale(1); } 
    100% {-o-transform: scale(0.87);}}