*{padding: 0;margin: 0;font-family: "微软雅黑";-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{background: #f5f5f5;--height: 100%;}
html{height: 100%;}

.ms-controller{visibility: hidden;}
.logoimg{width: 100%;}
.container{width: 100%;padding: 0;margin: 0;}
a {
  background-color: transparent;
}
a,
a:active,
a:hover,
a:visited {
  outline: 0;
  text-decoration: none;
  color :#fff;
}
ul,li{list-style-type: none;}
h1{font-size: 1.2rem;color: #333;line-height: 1.4;margin-bottom: 0.4rem;}
p.green,span.green,h1.green,h2.green,h3.green,h4.green{color: #61A24B}
p.red,span.red,h1.red,h2.red,h3.red,h4.red{color: #E93B3D}
p.grav,span.grav,h1.grav,h2.grav,h3.grav,h4.grav{color: #333}
p.grav9,span.grav9,h1.grav9,h2.grav9,h3.grav9,h4.grav9{color: #999}
.navbg{position: fixed;top: 0;left: 0;}
.white{background: #fff;}

.flex{display: -webkit-flex;display: flex;}
.flex-wrap{flex-wrap: wrap;}
.flex-center{justify-content: center;}
.flex-middle{align-items: center;}
.flex-end{align-items: flex-end;}
.flex-right{justify-content: flex-end;}
.flex-between{justify-content: space-between;}
.flex-column{flex-direction: column;}
.flex-child{}


body,html{height: 100%}
.navbg{width: 100%;position: fixed;bottom: 0;left: 0;z-index: 998;top: auto;max-height: 4.0rem;}
.nav{padding: 0;background: #090200;color: #fff;text-align: center;}
.nav li{width: 20%;text-align: center;}
.nav li img,.cicle img{width: 4.96rem;margin-top: -1.0rem;}
.nav li p,.cicle p{font-size: 0.8rem;margin-top: 0.32rem;}
.logo{width: 100%;background-size: 100% auto;height: 30px;background-position: 0 bottom;background-repeat: no-repeat;margin: 0 auto;background-size: 45px auto;width: 22px;margin-top: 0.1rem;}
.logo0,.logo4{background-position: 0 bottom}
.logoactive0{background-position: -23px bottom}
.logo2{background-size: 90px auto;width: 45px;height: 45px;margin-top: -1.1rem;}
.logoactive2{background-position: -45px bottom}
@media screen and (max-width: 374px){
	.logo{height: 25px;background-size: 36px auto;width: 18px;}
	.logoactive0{background-position: -18px bottom}
	.logo2{background-size: 80px auto;width: 40px;height: 40px;}
	.logoactive2{background-position: -40px bottom}
}
.active{color: #e3ba47 !important;}
/*.logo4{margin-top: 0.24rem;}*/
.nav li>a{padding: 0.16rem 0;width: 4.0rem;display: inline-block;text-align: center;font-size: 0.96rem;border-radius: 0.24rem;}
.nav li>a.active{background: #70174d;}

.cicle{position: fixed;width: 100%;height: 0;z-index: 999;top: 0;left: 0;text-align: center;overflow: hidden;}
.ciclebg{background: url(/Themes/Annual/Annual2017/Image/index/mbyp.png) no-repeat;background-size: 100% auto;background-position: center bottom;width: 100%;height: 34.6rem;position: relative;z-index: 2;}
.swiper-container-two{height: 10.0rem;margin-top: -3.6rem;}
.swiper-container-two .swiper-slide{}
.cicle .logo{width: 100%;background-size: 100% auto;height: 5.6rem;background-position: 0 bottom;background-repeat: no-repeat;margin: 0 auto;background-size: 6.4rem auto;width: 3.2rem;margin-top: 0.1rem;}
.cicle p{color: #fff;}
.cicle .logo0{background-position: 0 bottom}
.cicle img{margin-top: 1.2rem;}
.pngimg p{margin-top: -0.4rem;}
.logoactive{background-position: -3.2rem bottom !important}
.cicleimg{width: 160%;height: 34.6rem;background: #fff;border-top-left-radius: 50%;border-top-right-radius: 50%;position: absolute;left: -30%;bottom: 0;z-index: 1;overflow: hidden;opacity: 0.9}
img.showimg{width: 100%;margin-top: 0;}
.cicle-mb{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 1}

.light{background: url(../Image/index/light2.png) no-repeat;margin: 0 auto;background-position: 0 bottom;background-size: 9.92rem 5.48rem;width: 4.96rem;height: 5.48rem;margin-top: -1.0rem;-webkit-animation: imgdo 0.6s steps(1) infinite;}
		
@media screen and (max-width: 414px){
	.light{background-size: 124px 68px;width: 62px;height: 68px;}
	@-webkit-keyframes imgdo{
		0%{background-position: 0 bottom;}
		50%{background-position: -62px bottom;}
		100%{background-position: 0 bottom;}
	}
}

@media screen and (max-width: 340px){
	.light{background-size: 108px 62px;width: 54px;height: 62px;}
	@-webkit-keyframes imgdo{
		0%{background-position: 0 bottom;}
		50%{background-position: -54px bottom;}
		100%{background-position: 0 bottom;}
	}
}