*,
.box_sizing_border_box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

::-webkit-scrollbar {
  width: 12px; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color:#ffa9a9; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 12px rgba(0, 0, 0, 1); }
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;touch-action: pan-y; }
html {font-size: 10px;font-weight: bold;-webkit-text-size-adjust: 100%;}
body {position: relative;padding: 0;margin: 0 auto;font-size: 10px;color: #000;background: #000;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight: rgba(0,0,0,0); position: relative;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
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;}
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;}
*{font-weight: normal;margin: 0;box-sizing: border-box;    padding: 0; }
img{border: none;max-width: 100%;width: 100%; vertical-align: middle;}
.auto{ margin:0 auto;}
.auto-1500{max-width: 1500px;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;}
input::-webkit-input-placeholder {color: #ddcdbd;}
select, input{border:none;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
#menu li{list-style: none;}
#menu .active a { color: #ffdaaa;}
.wUp,.wzoom,.wfr,.wfi,.wfb{opacity: 0;}
.wUp.animated,.wzoom.animated,.wLeft.animated{opacity: 1;}
@font-face {
  font-family: 'SVN-Aguda';
  src: url("../font/SVN-Aguda Bold.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.f-SVN-Aguda {
  font-family: 'SVN-Aguda';
}


.section{position: relative;overflow: hidden;}
.section.active{-webkit-animation: scaleA 1s ease both;}
.fp-section.fp-table.p2, .fp-slide.fp-table.p2{display: block;}
.banner-pic{opacity: 0;pointer-events: none;display: none;}
/*#section-one{background-repeat: no-repeat;background-position:top center;background-size:cover;}*/
#section-one{background: url(../images/banner.jpg)no-repeat center top;background-size:cover;}
#section-two{background: url(../images/bg2.jpg)no-repeat center top;background-size:cover;z-index: 2;}
#section-three{background: url(../images/bg3.jpg)no-repeat center top;background-size:cover;z-index: 2;}
#section-four{background: url(../images/bg4.jpg)no-repeat center top;background-size: cover;z-index: 1;}
#section-five{background: url(../images/bg5.jpg)no-repeat center top;background-size: cover;}
#section-six{background: url(../images/bg6.jpg)no-repeat center top;background-size: cover;}
#section-seven{background: url(../images/bg7.jpg)no-repeat center top;background-size: cover;}
@media(max-width:912px){
/*    .fp-tableCell,.fp-section.fp-table, .fp-slide.fp-table{height: auto!important;}*/

#section-one{background: url(../images/bannerinner.jpg)no-repeat top center;background-size:cover;}
#section-two{background: url(../images/bg2-w.jpg)no-repeat top center;background-size:cover;}
#section-three{background: url(../images/bg3-w.jpg)no-repeat top center;background-size:cover;}
#section-four{background: url(../images/bg4-w.jpg)no-repeat top center;background-size: cover;}
#section-five{background: url(../images/bg5-w.jpg)no-repeat top center;background-size: cover;}
#section-six{background: url(../images/bg6-w.jpg)no-repeat top center;background-size: cover;}
#section-seven{background: url(../images/bg7-w.jpg)no-repeat top center;background-size: cover;}
}

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

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

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

.title{ margin: 0 auto;text-align: center;}
.pic-web{display: block;}
.pic-wap{display: none;}
.btn-anniu{position: relative;background: url(../images/btn.png);background-size: 100% 100%;display: inline-block;text-align: center;padding: 0 6%;color: #fff2c6;font-size: 2.8rem;line-height: 64px;}
.btn-anniu2{position: relative;background: url(../images/btn2.png);background-size: 100% 100%;display: inline-block;text-align: center;padding: 0 6%;color: #fff2c6;font-size: 2.8rem;line-height: 64px;}

.animated{    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}

@media(max-width:1750px){
	html,body{font-size:9px;}
	.btn-anniu{font-size: 2.2rem;line-height: 44px;}
}
@media(max-width:1600px){
	html,body{font-size:8.5px;}
}

@media(max-width:1550px){
	
	
}
@media(max-width:820px){
html,body{font-size:10px;}
	.btn-anniu{font-size: 1.6rem;line-height: 34px;}
}
@media(max-width:912px){
	.pic-web{display: none;}
    .pic-wap{display: block;}
}
@media(max-width:361px){
	html,body{font-size:9px;}
}
@media(max-width:321px){

}


.foot-btn{width: 5%;position: absolute;bottom: 20px;left: 40px;z-index: 999;cursor: pointer;}
.head{position: fixed;top: 0;left: 0;width: 10%;height: 100%;z-index: 10;}
/*.head:before{position: absolute;content: "";width: 1px;height: 100%;top: 0;left: 10%;background: rgba(144,136,126,0.5);}*/
.head .hanbager{display: none;cursor: pointer;position: relative;width: 55px;height: 55px;border: 2px rgba(244,235,209,0.4) solid; float: left;}
.head .hanbager div{position: absolute;width: 70%;height: 4px;background: #ffffff;top: 14px;left: 50%;transform: translate(-50%,0);}
.head .hanbager div:nth-child(2){top: 25px;}
.head .hanbager div:nth-child(3){top: 36px;}
.head .hanbager.open div{top: 23px;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);transform-origin: center center;left: 21%;}
.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: 23px;}


.head .logo{position: absolute;content: "";top: 0%;left: 4%;width: 53%;display: none}
.ic{position: absolute;top:1%;left:10%;width: 100%}
.ic a {float: left;margin: 0 11px 0 0}
.ic a:hover {float: left;margin: 0 11px 0 0;filter: brightness(0.5)}
.ic a img{max-height: 42px; max-width: 42px}

.head .head-right{left:0%;position: absolute;top: 50%;transform: translate(0,-50%);}
.head .head-right li{position: relative;text-align: left;padding-left: 37px;margin:8% 0;}
.head .head-right li:after{position: absolute;content: "";width: 37px;height: 37px;background: url(../images/nav-0.png)no-repeat center center;background-size: 100% 100%;top: 50%;left: 0;transform: translate(0,-50%);}
.head .head-right li.jljl{display: none;}
.head .head-right li span{display: none;}
.head .head-right li.active{padding: 0;}
.head .head-right li.active:after{display: none;}
.head .head-right li.active a{display: none;}
.head .head-right li.active span{display: block;}
.head .head-right li.active span img{width: 100%;}
.head .head-right li a{display: inline-block;font-size:11px;color: #ffffff;line-height: 28px;border-top: 1px rgba(249,1,1,0.5) solid;border-bottom: 1px rgba(249,1,1,0.5) solid;padding: 0 10px; background: rgba(0,0,0,0.5) }

.head .head-right .foot-btn{display: none;width: 30%;bottom: 2%;}
.head .head-right .foot-btn img{min-width: 25px;}
@media(max-width:1930px){
	.head .head-right li:after{width: 28px;height: 28px;}
	.head .head-right li{padding-left: 28px;}
	.head .head-right li a{line-height: 22px;font-size:10px;}
	.head .head-right li.active span img{width: 100%;}
}
@media(max-width:1680px){
	.head .head-right li a{line-height: 22px;font-size:9px;}
}
@media(max-width:1600px){
	.head .head-right li a{line-height: 22px;font-size:8px;}
}
@media(max-width:1440px){
	.head .head-right li a{line-height: 22px;font-size:7px;}
}
@media(max-width:912px){
	.foot-btn{width:30%;bottom: 0;right: 10px;}
	.head{width: 12%;}
	.head .head-right li.jljl{display: block;}
	.head{padding: 8px 0;width: 100%;top: 0;height: auto;background: rgba(0,0,0,0.5);}

	.head .logo{top:8px;width: auto;width: 34%;left: 2%;display: block}
	.head .logo img{max-height: auto; max-width: 207px;}
	
	.head .ic{width: 55%; top:7px;left: 40%;}
	.head .ic a {float: left;margin: 0 10px 0 0}
	.head .ic a:hover {float: left; margin: 0 10px 0 0;}
	.head .ic a img{max-height: 32px; max-width: 32px}
	
	.head .head-right li a{font-size: 2.1rem;line-height: 30px;padding: 0px 12px;}
	.head .head-right{width: 50%;position: fixed;content: "";height: 100%;top: 0; z-index: -1;transform: translate(0,0);left:100%;background: rgba(26,17,13,0.97);margin-right: 0;transition: all 0.6s ease;padding-left: 4%;    padding-top: 23%;}
	.head .head-right li:after{width: 47px;height: 47px;}
	.head .head-right li{margin:8% 0;padding-left: 45px;}
	.head .hanbager{width: 35px;height: 30px;border: 1px rgba(0,0,0,0.4) solid;display: block;float: right;margin:0 4% 0 0;}
	.head .hanbager{transform: scale(0.9);margin-left: 0;}
	.head .hanbager div{top: 6px;width: 60%;height: 3px;}
	.head .hanbager div:nth-child(2){top: 12px;}
    .head .hanbager div:nth-child(3){top:18px;}
	.head .hanbager.open div,.head .hanbager.open div:nth-child(3){top: 15px;}
	.head .head-right li.active span img{width:85%;}
	.head:before{display: none;}
	.head .head-right:before{position: absolute;content: "";width: 1px;height: 100%;top: 0;left: 8%;background: rgba(144,136,126,0.3);}
	.foot-btn{display: none;}
	.head .head-right .foot-btn{display: block;}
}
@media(max-width:800px){
	.head .head-right li a{font-size: 1.5rem;line-height: 30px;padding: 0px 12px;}	
}
@media(max-width:540px){
	.head .head-right li a{font-size: 1.2rem;line-height: 30px;padding: 0px 12px;}
	.head .head-right li:after{width: 37px;height: 37px;}
	.head .head-right li{margin:8% 0;padding-left: 35px;}
}
@media(max-width:480px){
	.head .head-right li a{font-size: 1.0rem;line-height: 20px;padding: 0px 12px;}
	.head .head-right li:after{width: 30px;height: 30px;}
	.head .head-right li{margin:8% 0;padding-left:30px;}
}
@media(max-width:414px){
	.head .head-right li a{font-size: 0.8rem;line-height: 20px;padding: 0px 12px;}
	.head .head-right li:after{width: 30px;height: 30px;}
	.head .head-right li{margin:8% 0;padding-left:30px;}
}
@media(max-width:320px){
	.head .head-right li a{font-size: 0.6rem;line-height: 20px;padding: 0px 12px;}
	.head .head-right li:after{width: 30px;height: 30px;}
	.head .head-right li{margin:8% 0;padding-left:30px;}
}


/************** frame 1 ********************/
.logo{position: absolute;top: 2%;display:flex;justify-content: center;z-index: 1;width: 100%}
.logo .img1{width: 18%}
.main-height{opacity: 0;pointer-events: none;position: absolute;width: 100%;top: 0;left: 0;}
/************** frame 2 ******************/
.sec2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.sec2-title{position: absolute;top:3%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec2-title img{width: 40%; height: auto;}
.sec2-pic{position: absolute;bottom:20%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec2-pic img{width: 60%; height: auto;}
.sec2-btn{position: absolute;bottom:2%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec2-btn .btn{width: 15%;}.sec2-btn .btn:hover{filter: brightness(1.3)}
@media(max-width:912px){
	.sec2-title{top:6%;}
	.sec2-title img{width:80%;}
	.sec2-pic{bottom:10%;}
	.sec2-pic img{width: 60%;}
	.sec2-btn{bottom:2%;}
	.sec2-btn .btn{width: 30%;}
}
@media(max-width:768px){
	.sec2-title{top:6%;}
	.sec2-title img{width:70%;}
	.sec2-pic{bottom:15%;}
	.sec2-pic img{width: 50%;}
}
@media(max-width:480px){
	.sec2-title{top:6%;}
	.sec2-title img{width:70%;}
	.sec2-pic{bottom:14%;}
	.sec2-pic img{width: 70%;}
	.sec2-btn{bottom:3%;}
}
@media(max-width:415px){
	.sec2-title{top:8%;}
	.sec2-title img{width:70%;}
	.sec2-pic{bottom:12%;}
	.sec2-pic img{width: 70%;}
}
@media(max-width:376px){
	.sec2-title{top:8%;}
	.sec2-title img{width:70%;}
	.sec2-pic{bottom:8%;}
	.sec2-pic img{width: 70%;}
	.sec2-btn{bottom:1%;}
	.sec2-btn .btn{width: 30%;}
}
@media(max-width:320px){
	.sec2-title{top:10%;}
	.sec2-title img{width:70%;}
	.sec2-pic{bottom:10%;}
	.sec2-pic img{width: 60%;}
	.sec2-btn{bottom:1%;}
}
/************** frame 3 ******************/
.sec3{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.sec3-title{position: absolute;top:2%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec3-title img{width: 25%; height: auto;}
.sec3-pic{position: absolute;bottom:5%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec3-pic img{width: 55%; height: auto;}
@media(max-width:912px){
	.sec3-title{top:6%;}
	.sec3-title img{width:60%;}
	.sec3-pic{bottom:10%;}
	.sec3-pic img{width: 100%;}
}
@media(max-width:768px){
	.sec3-title{top:8%;}
	.sec3-title img{width:60%;}
	.sec3-pic{bottom:8%;}
}
@media(max-width:480px){
	.sec3-title{top:8%;}
	.sec3-title img{width:60%;}
	.sec3-pic{bottom:12%;}
}
@media(max-width:415px){
	.sec3-title{top:8%;}
	.sec3-title img{width:70%;}
	.sec3-pic{bottom:12%;}
}
@media(max-width:320px){
	.sec3-title{top:10%;}
	.sec3-title img{width:70%;}
	.sec3-pic{bottom:10%;}
}

/************** frame 4 ******************/
.sec4{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.sec4-title{position: absolute;top:3%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec4-title img{width: 40%; height: auto;}
.sec4-pic{position: absolute;bottom:5%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec4-pic img{width: 60%; height: auto;}
.sec4-art{position: absolute;bottom:0%;z-index: 2;width: 100%;display: flex;justify-content:flex-end;}
.sec4-art img{width: 21%; height: auto;}
@media(max-width:912px){
	.sec4-title{top:4%;}
	.sec4-title img{width:80%;}
	.sec4-pic{bottom:1%;justify-content:flex-start;margin-left:7%}
	.sec4-pic img{width: 52%;}
	.sec4-art{bottom:20%;}
	.sec4-art img{width: 41%;}
}
@media(max-width:768px){
	.sec4-title{top:6%;}
	.sec4-title img{width:75%;}
	.sec4-pic{bottom:1%;margin-left:7%}
	.sec4-pic img{width: 45%;}
	.sec4-art{bottom:10%;}
	.sec4-art img{width: 41%;}
}
@media(max-width:480px){
	.sec4-title{top:6%;}
	.sec4-title img{width:75%;}
	.sec4-pic{bottom:1%;margin-left:7%}
	.sec4-pic img{width: 60%;}
	.sec4-art{bottom:20%;}
	.sec4-art img{width: 41%;}
}
@media(max-width:376px){
	.sec4-title{top:7%;}
	.sec4-pic img{width: 58%;}
}
@media(max-width:320px){
	.sec4-title{top:10%;}
	.sec4-title img{width:75%;}
	.sec4-pic{bottom:1%;margin-left:7%}
	.sec4-pic img{width: 49%;}
	.sec4-art{bottom:10%;}
	.sec4-art img{width: 41%;}
}
/************** frame 5 ******************/
.sec5{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.sec5-title{position: absolute;top:6%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec5-title img{width: 40%; height: auto;}
.sec5-pic{position: absolute;bottom:20%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec5-pic img{width: 60%; height: auto;}
.sec5-art{position: absolute;bottom:0%;z-index: 2;width: 100%;left:5%}
.sec5-art img{width: 15%; height: auto;}
@media(max-width:912px){
	.sec5-title{top:6%;}
	.sec5-title img{width:80%;}
	.sec5-pic{bottom:5%;justify-content:flex-end;right:5%}
	.sec5-pic img{width: 62%;}
	.sec5-art{bottom:10%;left:0%}
	.sec5-art img{width: 31%;}
}
@media(max-width:768px){
	.sec5-title{top:6%;}
	.sec5-title img{width:80%;}
	.sec5-pic{bottom:2%;justify-content:flex-end;right:8%}
	.sec5-pic img{width: 55%;}
	.sec5-art{bottom:8%;left:3%}
	.sec5-art img{width: 31%;}
}
@media(max-width:480px){
	.sec5-title{top:10%;}
	.sec5-title img{width:80%;}
	.sec5-pic{bottom:5%;justify-content:flex-end;right:2%}
	.sec5-pic img{width: 67%;}
	.sec5-art{bottom:10%;left:0%}
	.sec5-art img{width: 31%;}
}
@media(max-width:376px){
	.sec5-title{top:10%;}
}
@media(max-width:320px){
	.sec5-title{top:13%;}
	.sec5-title img{width:80%;}
	.sec5-pic{bottom:2%;justify-content:flex-end;right:8%}
	.sec5-pic img{width: 55%;}
	.sec5-art{bottom:8%;left:3%}
	.sec5-art img{width: 31%;}
}
/************** frame 6 ******************/
.sec6{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.sec6-title{position: absolute;top:2%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec6-title img{width: 25%; height: auto;}
.sec6-pic{position: absolute;bottom:2%;z-index: 3;width: 100%;display: flex;justify-content: center;}
.sec6-pic img{width: 75%; height: auto;}
@media(max-width:912px){
	.sec6-title{top:4%;}
	.sec6-title img{width:60%;}
	.sec6-pic{bottom:1%;}
	.sec6-pic img{width: 90%;}
}
@media(max-width:768px){
	.sec6-title{top:5%;}
	.sec6-title img{width:50%;}
	.sec6-pic{bottom:1%;}
	.sec6-pic img{width: 80%;}
}
@media(max-width:480px){
	.sec6-title{top:10%;}
	.sec6-title img{width:60%;}
	.sec6-pic{bottom:6%;}
	.sec6-pic img{width: 95%;}
}

@media(max-width:320px){
	.sec6-title{top:10%;}
	.sec6-title img{width:50%;}
	.sec6-pic{bottom:4%;}
	.sec6-pic img{width: 85%;}
}
/************** frame 7 ******************/
.sec7{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.sec7-title{position: absolute;top:2%;z-index: 1;width: 100%;display: flex;justify-content: center;}
.sec7-title img{width: 25%; height: auto;}
.sec7-pic{position: absolute;bottom:2%;z-index: 2;width: 100%;display: flex;justify-content: center;}
.sec7-pic img{width: 65%; height: auto;}
.sec7-art-top{position: absolute;left: -2%; top:3%;z-index: 1;width: 100%;display: flex;justify-content:flex-start;}
.sec7-art-top img{width: 18%; height: auto;}
.sec7-art-bottom{position: absolute;bottom:-5%;z-index: 1;width: 100%;right:0%;display: flex;justify-content:flex-end;}
.sec7-art-bottom img{width: 30%; height: auto;}
.p7-content{width:60%;position: absolute;margin:1.5% 20% 0 20%;z-index:3;top: 0;left: 0;}
.rules{padding:0 10px 10px 10px;overflow-x: auto; overflow-y: auto;max-height: 770px;color: #ffffff;font-size: 20px;}
.rules h1{font-size: 20px;font-weight: bold;color: #FF0004;text-align: center;line-height:35px;}
.rules p{padding: 5px 0 5px 0;line-height: 35px;}
.rules span{color: #FF0000;font-weight:bolder;}
.rules .box{margin: 0 0 0 50px;}
@media(max-width:912px){
	.sec7-title{top:6%;justify-content:flex-end;right: 15%}
	.sec7-title img{width:60%;}
	.sec7-pic{bottom:10%;}
	.sec7-pic img{width: 95%;}
	.sec7-art-top{left: -2%; top:3%;}
	.sec7-art-top img{width: 23%;}
	.sec7-art-bottom{bottom:-5%;right:0%;}
	.sec7-art-bottom img{width: 50%;}
	.p7-content{width:85%;position: absolute;margin:2% 7% 0 7%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;overflow-x: auto; overflow-y: auto;max-height: 920px;color: #ffffff;font-size: 20px;}
	.rules h1{font-size: 20px;font-weight: bold;color: #FF0004;text-align: center;line-height:35px;}
	.rules p{padding: 5px 0 5px 0;line-height: 35px;}
	.rules .box{margin: 0 0 0 40px;}
}
@media(max-width:820px){
	.sec7-title{top:6%;justify-content:flex-end;right: 15%}
	.sec7-title img{width:60%;}
	.sec7-pic{bottom:10%;}
	.sec7-pic img{width: 90%;}
	.sec7-art-top{left: -2%; top:3%;}
	.sec7-art-top img{width: 23%;}
	.sec7-art-bottom{bottom:-5%;right:0%;}
	.sec7-art-bottom img{width: 50%;}
	.p7-content{width:82%;margin:2% 9% 0 9%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;max-height: 820px;font-size: 20px;}
	.rules h1{font-size: 20px;font-weight: bold;color: #FF0004;text-align: center;line-height:35px;}
	.rules p{padding: 5px 0 5px 0;line-height: 35px;}
}
@media(max-width:768px){
	.sec7-title{top:6%;justify-content:flex-end;right: 15%}
	.sec7-title img{width:60%;}
	.sec7-pic{bottom:10%;}
	.sec7-pic img{width: 83%;}
	.sec7-art-top{left: -2%; top:3%;}
	.sec7-art-top img{width: 23%;}
	.sec7-art-bottom{bottom:-5%;right:0%}
	.sec7-art-bottom img{width: 50%;}
	.p7-content{width:74%;margin:2% 13% 0 13%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;max-height: 700px;;font-size: 20px;}
	.rules h1{font-size: 20px;font-weight: bold;color: #FF0004;text-align: center;line-height:35px;}
	.rules p{padding: 5px 0 5px 0;line-height: 35px;}
}
@media(max-width:600px){
	.sec7-title{top:6%;justify-content:flex-end;right: 15%}
	.sec7-title img{width:60%;}
	.sec7-pic{bottom:10%;}
	.sec7-pic img{width: 100%;}
	.sec7-art-top{left: -3%; top:5%;}
	.sec7-art-top img{width: 23%;}
	.sec7-art-bottom{bottom:-5%;right:0%;}
	.sec7-art-bottom img{width: 50%;}
	.p7-content{width:88%;margin:2% 6% 0 6%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;max-height: 660px;font-size: 20px;}
	.rules h1{font-size: 20px;font-weight: bold;color: #FF0004;text-align: center;line-height:35px;}
	.rules p{padding: 5px 0 5px 0;line-height: 35px;}
}
@media(max-width:540px){
	.sec7-title{top:6%;justify-content:flex-end;right: 15%}
	.sec7-title img{width:60%;}
	.sec7-pic{bottom:10%;}
	.sec7-pic img{width: 83%;}
	.sec7-art-top{left: -2%; top:3%;}
	.sec7-art-top img{width: 23%;}
	.sec7-art-bottom{bottom:-5%;right:0%}
	.sec7-art-bottom img{width: 50%;}
	.p7-content{width:74%;margin:2% 13% 0 13%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;max-height: 500px;font-size: 14px;}
	.rules h1{font-size: 14px;font-weight: bold;color: #FF0004;text-align: center;line-height:25px;}
	.rules p{padding: 5px 0 5px 0;line-height: 25px;}
	.rules .box{margin: 0 0 0 20px;}
}
@media(max-width:480px){
	.sec7-title{top:8%;}
	.sec7-pic{bottom:20%;}
	.sec7-pic img{width: 95%;}
	.sec7-art-top{left: -4%; top:5%;}
	.sec7-art-top img{width: 23%;}
	.sec7-art-bottom{bottom:-5%;right:0%;}
	.sec7-art-bottom img{width: 50%;}
	.p7-content{width:85%;margin:2.5% 7% 0 7%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;max-height: 500px;font-size: 14px;}
	.rules h1{font-size: 14px;font-weight: bold;color: #FF0004;text-align: center;line-height:25px;}
	.rules p{padding: 5px 0 5px 0;line-height: 25px;}
}
@media(max-width:451px){
	.sec7-title{top:8%;}
	.sec7-pic{bottom:15%;}
	.sec7-pic img{width: 100%;}
	.sec7-art-top{left: -4%; top:5%;}
	.sec7-art-top img{width: 23%;}
	.sec7-art-bottom{bottom:-5%;right:0%;}
	.sec7-art-bottom img{width: 50%;}
	.p7-content{width:90%;margin:2.5% 5% 0 5%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;max-height: 480px;font-size: 14px;}
	.rules h1{font-size: 14px;font-weight: bold;color: #FF0004;text-align: center;line-height:25px;}
	.rules p{padding: 5px 0 5px 0;line-height: 25px;}
}
@media(max-width:415px){
	.p7-content{width:90%;margin:2.5% 5% 0 5%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;max-height: 450px;font-size: 14px;}
	.rules h1{font-size: 14px;line-height:25px;}
	.rules p{padding: 5px 0 5px 0;line-height: 25px;}
}
@media(max-width:376px){
	.p7-content{width:90%;margin:2.5% 5% 0 5%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;max-height: 400px;font-size: 14px;}
}
@media(max-width:320px){
	.sec7-title{top:10%;}
	.sec7-pic{bottom:10%;}
	.sec7-pic img{width: 90%;}
	.sec7-art-top{left: -2%; top:8%;}
	.sec7-art-top img{width: 23%;}
	.sec7-art-bottom{bottom:-5%;right:0%}
	.sec7-art-bottom img{width: 50%;}
	.p7-content{width:84%;margin:2% 8% 0 8%;z-index:3;top: 0;left: 0;}
	.rules{padding:0 10px 10px 10px;max-height: 320px;font-size: 10px;}
	.rules h1{font-size: 10px;line-height:17px;}
	.rules p{padding: 5px 0 5px 0;line-height: 17px;}
}

.fc{position: fixed;width:9%;right:0; top:50%;transform: translate(0,-30%);text-align: center;z-index: 3;}
.fc .store-btn{background: url(../images/fc-bg.png);background-size: 100% 100%;padding: 8%;}
.fc .store-btn a{display: block;margin-bottom: 2%;}
.fc .jljl{background: url(../images/fc-btn.png);background-size: 100% 100%;line-height: 44px;color: #bda57f;text-align: center;font-size:1.7rem;}
.fc .fc-fb{width: 100%;display: inline-block;padding-top: 10px;position: relative; }

.fc .pic{position: absolute; width: 110%;height:244px;left: -12%;bottom: 100%; pointer-events: none;}
.fc .pic img{display: block; position: absolute; right: 0; bottom: 0; opacity: 0;}
.fc .pic img:first-of-type{opacity:1;}

.phone-fix{display: none;}


/***************** FOOTER ****************/

.foot{position: fixed;width: 100%;z-index: 9;background: #000;bottom: -80%;transition: all 1s ease; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; padding: 1% 0 1% 0;}
.foot.active{bottom: 0;}
.foot img{max-height:40px;}
.foot-top{ width: 100%;display:flex;align-items:center;justify-content:center;margin-bottom:5px;}
.foot-top a{margin:0px 10px;max-height:40px;}
.foot-bottom{width: 100%;text-align:center;color:#fff;font-size:12px;line-height:20px;}
.menu_foter_ud{display:flex;align-items:center;justify-content:center;margin:10px auto auto auto;}
.menu_foter_ud li{margin:0px 10px;}
.menu_foter_ud li a{background-color:#42464b;color:#fff;font-size:10px;padding:3px 10px;text-transform:uppercase;border-radius:5px;}
.menu_foter_ud li a:hover{background-color:#151925;}
@media(max-width:912px){
	.foot img{max-height:30px;}
	.foot-top{ margin-bottom:5px;}
	.foot-top a{margin:0px 10px;max-height:30px;}
	.foot-bottom{font-size:10px;line-height:15px;}
	.menu_foter_ud li{margin:0px 5px;}
	.menu_foter_ud li a{font-size:8px;padding:3px 5px;border-radius:5px;}
}
@media(max-width:415px){
	.foot img{max-height:20px;}
	.foot-top{ margin-bottom:5px;}
	.foot-top a{margin:0px 10px;max-height:20px;}
	.foot-bottom{font-size:8px;line-height:15px;}
	.menu_foter_ud li{margin:0px 5px;}
	.menu_foter_ud li a{font-size:6px;padding:3px 5px;border-radius:4px;}
}


/*footer
#afooter{text-align:center; line-height:20px;color: #fff;background-color: #1b1e2d;padding: 20px 0;width: 100%;position: absolute;bottom:0;left: 0;}
#afooter a{ color: #fff;}
footer{background-color:#222529;padding:20px 0px;}
footer .wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.all_logofoter{display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.all_logofoter a{margin:0px 10px;}
.txt_allfooter{text-align:center;color:#fff;font-size:17px;line-height:25px;}
.menu_foter_ud{display:flex;align-items:center;justify-content:center;margin:20px auto auto auto;}
.menu_foter_ud li{margin:0px 10px;}
.menu_foter_ud li a{background-color:#42464b;color:#fff;font-size:14px;padding:5px 15px;text-transform:uppercase;border-radius:5px;}
.menu_foter_ud li a:hover{background-color:#151925;}
*/

.nav-bot{display: none;position: fixed;width: 100%;left: 0;bottom: 0;padding: 5px 0; background: rgba(0,0,0,0.5);}
.nav-bot a{width: 33%;margin-right: 0.5%; float: left;text-align: center;}
.nav-bot .store-btn a span{font-size: 1.2rem;}
.nav-bot .top{position: absolute;bottom: 100%;right: 26%;width: 40px;}

@media(max-width:912px){
	.nav-bot a.fc-fb{margin-right: 0;}
    .nav-bot{display: block;}
	.fc .fc-fb{position: absolute;right: 85%;bottom: 0;display: none;}
	.fc .fc-fb:after{display: none;}
}
@media(max-width:820px){
	.fc{width: 12%;transform: translate(0,-23%);}	
}
@media(max-width:540px){
	.nav-bot a.fc-fb{margin-right: 0;}
    .nav-bot{display: block;}
}
@-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%); }}
/*
@-moz-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%); }}
@-o-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%) }}
@-ms-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)}
    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 b1 {  0% {-o-transform: rotate(0deg)  translate(-50%,-50%);-webkit-transform: rotate(0deg)  translate(-50%,-50%);-moz-transform: rotate(0deg)  translate(-50%,-50%);-ms-transform: rotate(0deg) translate(-50%,-50%);transform: rotate(0deg) translate(-50%,-50%)}
    to { -o-transform: rotate(1turn)  translate(-50%,-50%); -webkit-transform: rotate(1turn)  translate(-50%,-50%); -moz-transform: rotate(1turn)  translate(-50%,-50%); -ms-transform: rotate(1turn) translate(-50%,-50%); transform: rotate(1turn) translate(-50%,-50%) }}

*/


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



@keyframes zt { 0% {transform: scale(0.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);}}


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



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

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




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



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