@charset "utf-8";html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%}
ul,li,div,p,body,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0}
li{list-style:none}
a{text-decoration:none;color:#2a2a2a}
em{font-style:normal;font-weight:normal}
input{-webkit-appearance:none;outline:none}
*{outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.hide{display:none}
.tn{text-indent:-9999em;overflow:hidden;display:block}
body,html{width:100%;font-family:"Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;font-weight:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center}
.i{background-repeat:no-repeat;background-size: contain;background-position:center}
.bg{background-repeat:no-repeat;background-size:cover;background-position:center}
.pa{position:absolute}.pr{position:relative}
.local-container{display:none}

/* *{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden} 用于解决某些情况下出现闪屏的问题，若无则不加*/
body{-webkit-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in;background-color:#1a0a03}
body.noscroll{overflow:hidden}
p,a,li{font-size:.24rem;color:#434343}
html{font-size:312.5%}
@media screen and (max-width:359px) and (orientation:portrait){html{font-size:266.67%}
}@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:300%}
}@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:320%}
}@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:333.33%}
}@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:345%}
}@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html{font-size:360%}
}@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait){html{font-size:400%}
}@media screen and (min-width:640px) and (orientation:portrait){html{font-size:533.33%}
}body,html{width:100%;-webkit-background-size:100% auto;background-size:100% auto}
#forhorview{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none}
#forhorview p{height:.2rem;line-height:.2rem;color:#fff;font-size:0.36rem;text-align:center;position:relative;top:50%;margin:-0.36rem}
.hidden{visibility:hidden}
.vc-panel a{font-size:0.24rem}

#forhorview{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1212;color:#FFF;font-size:0.3rem;text-align:center;line-height:3rem;display:none}
.hide{display:none}
.active{display:inline-block}
@-webkit-keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@-moz-keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@-ms-keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@-o-keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@-webkit-keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@-moz-keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@-ms-keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@-o-keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@keyframes smaller{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1)}
}@-webkit-keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@-moz-keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@-ms-keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@-o-keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@-webkit-keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@-moz-keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@-ms-keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@-o-keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@keyframes move{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);-moz-transform:translate(0,15px);-ms-transform:translate(0,15px);-o-transform:translate(0,15px);transform:translate(0,15px)}
100%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}@-webkit-keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@-moz-keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@-ms-keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@-o-keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@-webkit-keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@-moz-keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@-ms-keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@-o-keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@keyframes bigger{0%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{opacity:0;-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
}@-webkit-keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}@-moz-keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}@-ms-keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}@-o-keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}@keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}@-webkit-keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}@-moz-keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}@-ms-keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}@-o-keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}@keyframes breath{0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
}.topbar{width:100%;height:.92rem;background:url(../img/topBar_bg.png) no-repeat;background-size:100% auto;position:fixed;top:0;left:0;z-index:10001}
.topbar .logo{width:2.75rem;height:0.59rem;background:url(../img/logo.png) no-repeat;background-size:100% auto;position:absolute;left:0.23rem;top:0.16rem;z-index:999}
.topbar .lanuage{width:2.2rem;height:.92rem;line-height:.92rem;text-align:center;font-size:.38rem;color:#f0d9b1;background-size:100%;margin-left:3.7rem;font-family:'AgencyFB';white-space:nowrap;word-wrap:normal;word-break:keep-all}
.topbar .lanuage::after{content:" ▾"}
.topbar .lan_select{position:absolute;top:.9rem;left:3.5rem;width:3rem;height:0rem;overflow:scroll;background-color:#222;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.topbar .lan_select.show{height:3.5rem;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.topbar .lan_select li{width:100%;height:1rem;line-height:1rem;text-align:center;font-size:.25rem;color:#fff}
.topbar .meun{width:.67rem;height:.53rem;background:url(../img/meun.png) no-repeat;background-size:100% auto;position:absolute;right:.15rem;top:.18rem;z-index:99}
.topbar .meun.on{width:.55rem;height:.55rem;background:url(../img/close.png) no-repeat;background-size:100%}



.topPop{width:100%;height:100%;background-color:#221909;position:fixed;top:0;left:0;background:url(../img/expand_bg.png) no-repeat;background-size:100% 100%;z-index:9999;overflow:hidden;display:none}
.topPop.show{display:block}
.topPop .close{width:.55rem;height:.55rem;background:url(../img/close.png) no-repeat;background-size:100%;position:absolute;right:.21rem;top:.17rem;z-index:9999}
.topPop ul{width:6.54rem;height:auto;margin:.9rem auto 0}
.topPop ul li{width:100%;line-height:1.63rem;height:1.63rem;color:#d2bc9e;font-size:.46rem;font-weight:bold;background:url(../img/expand_line.png) no-repeat bottom;background-size:100%}
.topPop ul li em{font-weight:bold}
.expand-pop{width:100%;height:0;background-color:#221909;position:fixed;top:0;left:0;background:url(../img/expand_bg.png) no-repeat;background-size:100% 100%;z-index:9999;overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.expand-pop.show{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;height:100%}
.expand-pop .close{width:.55rem;height:.55rem;background:url(../img/close.png) no-repeat;background-size:100%;position:absolute;right:.21rem;top:.17rem;z-index:9999}
.expand-pop ul{width:6.54rem;height:auto;margin:.9rem auto 0}
.expand-pop ul li{line-height:1.4rem;height:1.4rem;color:#d2bc9e;font-size:.6rem;background:url(../img/expand_line.png) no-repeat bottom;background-size:100%}
.expand-pop ul li a{line-height:1.4rem;height:100%;color:#d2bc9e;font-size:.6rem;display:block;width:100%}
.expand-pop ul li .arrow{width:.31rem;height:.27rem;background:url(../img/arrow.png) no-repeat;background-size:100%;float:right;margin-top:.64rem}
.expand-pop ul li .arrow.on{transform:rotate(180deg)}
.expand-pop ul .expandList{height:0;overflow:hidden;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
.expand-pop ul .expandList.game-expand.on{height:4rem}
.expand-pop ul .expandList.news-expand.on{height:3.2rem}
.expand-pop ul .expandList.community-expand.on{height:4.8rem}
.expand-pop ul .expandList li{height:.8rem;line-height:.8rem;color:#dee0cf;font-size:.4rem}
.expand-pop ul .expandList li a{line-height:.8rem;color:#dee0cf;font-size:.4rem;display:block;height:100%;width:100%}
@-webkit-keyframes expand{0%{height:0}
100%{height:14.5rem}
}@-moz-keyframes expand{0%{height:0}
100%{height:14.5rem}
}@-ms-keyframes expand{0%{height:0}
100%{height:14.5rem}
}@-o-keyframes expand{0%{height:0}
100%{height:14.5rem}
}@keyframes expand{0%{height:0}
100%{height:14.5rem}
}@-webkit-keyframes expand{0%{height:0}
100%{height:14.5rem}
}@-moz-keyframes expand{0%{height:0}
100%{height:14.5rem}
}@-ms-keyframes expand{0%{height:0}
100%{height:14.5rem}
}@-o-keyframes expand{0%{height:0}
100%{height:14.5rem}
}@keyframes expand{0%{height:0}
100%{height:14.5rem}
}

.wrap{width:100%;position: fixed;;overflow: hidden;font-family:'AgencyFB'}

.footer{width:100%;height:2.53rem;background:url(../img/foot_bg.png) no-repeat;background-size:100% 2.53rem;overflow:hidden;position:absolute;bottom:0;text-align:center;font-size:0.2rem;color:#a9a9a9;line-height:0.36rem;z-index:999}
.footer a{color:#e8e8e8;}
.footer .link span{margin:0 .2rem}
.footer .foot_con{padding-top:1.2rem}