@charset "UTF-8";

img{ max-width: 100%; height: auto;}
html, body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: 750px;
  margin: 0 auto;}

input {
  outline: none;
  -moz-appearance: none;
  -ms-progress-appearance: none;
  -webkit-appearance: none; }
img{ max-width: 100%;}

.box-layers {
  max-width: 750px;width: 100%; background-color: #fff;
  margin: 0 auto;  height: 100%; overflow: hidden; position: relative;
  z-index: 999;
 }
html{}
#scr,#scr2,#scr3{ position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;}
/*和平鸽*/
.mds{width:6.09rem; height:6.33rem; margin: 0 auto;position: relative;overflow: hidden;}
.pigeon-img{ width:6.09rem; height:6.33rem; margin:0 auto 0 auto; position: relative; z-index: 18; }
.md-names{width:6.09rem; height:6.33rem; margin:-6.33rem auto 0 auto; position: relative;overflow: hidden;}
.md-names span{ display: inline-block; padding:.1rem .04rem;font-size: .2rem; background: #fff;}
span.bignames{ position: absolute; background: #fff;  color:#c00; left: 50%; top: 50%; margin-left: -1.2rem; margin-top:-.4rem; font-size: .4rem; padding: .1rem .2rem; display: block; z-index: 8;transform:translate(0px,0px)!important;transform:scale(1.2,1.2)!important;/*transition: all 2s;*//*-webkit-filter: blur(6px); -moz-filter: blur(6px);*/ opacity: 1;  
}
.md-names span{opacity:0; -webkit-filter: blur(6px); -moz-filter: blur(6px); }
.md-active span{ opacity: 1;-webkit-filter: blur(0); -moz-filter: blur(0); transform:translate(0px,0px) scale(1,1)!important; transition: all 2s; }
.md-active2 span.bignames{/*transform:scale(1.2,1.2)!important;-webkit-filter: blur(0); -moz-filter: blur(0); */opacity: 1;transform:scale(1.2,1.2)!important;  }
.md-names{transform:scale(4.2,4.2)!important; transition: all 2s;}
.md-active{transform:scale(1,1)!important;}


/*loading页*/
body{/*background:url(../images/loadingbg.jpg) center 0 no-repeat; */background-size: 100% auto;}
.md-load{position:fixed; z-index: 899998; top:0; bottom:0; width: 100%;  max-width: 7.5rem; background: url(../images/loadingbg.jpg) no-repeat; background-size: 100% auto;
}
.load-inner{ width: 168%; position: relative; left: -34%; top: 8.2rem;}
.load-inner{top: 8.22rem;}
.loading-cnt h3{ font-size: .4rem; color: #333; margin-bottom: .5rem;font-weight:bolder;}
.loading-cnt span{ line-height: 170%; font-size: .36rem; color: #333;font-weight:bolder; display: block; margin-bottom:2rem;}

#progress{ height: .2rem; /*border-radius:.2rem;*/ display: inline-block; font-weight: bolder;position: relative;background: url(../images/roading.png)  repeat-x; background-size: 7.5rem .06rem;}
#loading-txt{ text-align: center;}
#progress{   box-sizing: padding-box;  }
#progress span{ /*background: url(../images/loading.png) no-repeat;*/ width: 2.53rem; height: 1.97rem; right: 0; bottom:0.04rem; position: absolute;/*background-size: 1.35rem 1.09rem; */display: block;}
#loading-txt{ font-size: .24rem; margin-top: .1rem; color: #000;}
#loading-txt span{ margin-left: .1rem;}
.mybtns{ height: .83rem; text-align: center; position: relative; margin-top: 1.26rem;}
.mybtns img{ width: 2.32rem; height: .87rem;}
.mybtns a{transition: all 2s;-wbekit-transition: all 2s;width: 2.32rem; height: .87rem; margin: 0 auto;/*display: block;*/ display:inline-block; margin:0 .4rem;opacity: 0; transform:translate(0,40px)}
.showbt a{ opacity:1; transform:translate(0px,0px);-webkit-transform:translate(0px,0px)}
.mybtns em{ display:none;}






/*东方主站场第二屏*/

.md-eraser{ position:absolute; top: 0; bottom: 0;  width: 100%; max-width: 7.5rem;}
#robot{position:absolute; top: 0;  width: 100%; /*max-width: 7.5rem;*/ max-width:none;}
#redux{ position: relative; z-index: 9; top: 0rem; width: 100%; height: 100%;display:block;}
#c{ width: 7.5rem; height: 4.82rem; position: relative; z-index: 999;}
.moves{ position: fixed;width:7.34rem!important; text-align: center;z-index: 10; bottom:4.34rem; left: 50%;transform:translateX(-50%);z-index:10;pointer-events: none;}
.moves img{ width:7.34rem!important; height:auto;/*animation:links-ani 2s linear infinite;-webkit-animation: links-ani 2s linear infinite;*/ }
.moves span{ color: #fff; font-size: .24rem;}

/*.md-eraser{opacity: 0;transition: all 1s;-webkit-transition: all 1s; transform:translate(0,4.82rem);-webkit-transform:translate(0,4.82rem);}
.md-eraser{opacity: 1;transform:translate(0,0);-webkit-transform:translate(0,0);
} */






/**/
@keyframes anis {
  0% {
  transform:translate(0,-10rem) scale(0,0);  -webkit-transform:translate(0,-10rem) scale(0,0); opacity:0; }


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

}

@-webkit-keyframes anis {
  0% {
  transform:translate(0,-10rem) scale(0,0);  -webkit-transform:translate(0,-10rem) scale(0,0); opacity:0; }


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

}


@keyframes anis2 {
  0% {
  transform:translate(0,-13rem) scale(0,0);  -webkit-transform:translate(0,-13rem) scale(0,0); opacity:0; }

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

}

@-webkit-keyframes anis2 {
  0% {
  transform:translate(0,-13rem) scale(0,0);  -webkit-transform:translate(0,-13rem) scale(0,0); opacity:0; }

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

}







	
/*缩小字间距*/	
.mod-1 *,.mod-2 *,.mod-3 *{letter-spacing:0;}

/*是否用pc端打开*/
body{  }
.cols{ display: none!important;}
.box-layers,.audio-ctrl{display: none;}
.mod-pc{ display:none;  height: 100%; overflow: hidden;text-align: center; position: relative; z-index: 8888;}
.mod-pc img{ height: 100%; width: auto;}
.shows{ display:block;}



@media screen and (max-width:480px){
.cols{ display: block!important;}
.box-layers,.audio-ctrl{display: block;}
.shows,.mod-pc{ display: none;}		
}



/*71党建 滑过播放视频*/
#pages1{ background: url(../images/videoimg1.jpg) center 0 no-repeat; background-size: 100% auto;}
.pages{ position:fixed; left:0; top:0; bottom:0; width:100%; /* height: 100%; */}
img{ max-width:100%; height:auto;}
.n-ships{}
.ship-wraps{ position: absolute; z-index: 4; left: 0; right: 0; top: 5.7rem; text-align: center;} 
.ship-wraps .ship-ev img{ width: 3.67rem; height: auto;}
.ship-tits{text-align: center; margin-top: .5rem;}
.ship-wrapsew .ship-tits{ position: relative; /*top: -.7rem;*/}


.ship-tits img{ width: 4.82rem; height: auto;}
#pages2{ z-index: 5; }
video {-webkit-appearance: none;appearance: none;
}
video { width:100%;height:auto; position: absolute;left: 0; top: 0;}


/*拖动送军装*/
.cloth-ev{ position: absolute; left:-.15rem; top: 0; width: 6rem;}
.cloth-wraps{position: absolute; z-index: 4; left:0; right: 0; top: 7.76rem; }
.cloth-ev img{ width:4rem; height: auto;}
.cloth-tits{ position: absolute; top: 2.7rem; /*left:2rem;*/ left: 0.28rem;}
.cloth-tits img{ /*width: 3.68rem;*/  width: 6.96rem;}

.quan{ position: absolute; width: 1rem; height: 7rem;  left:6rem; top: 0;  display: none;}


/*喇叭音效*/
.loudspeaker-wraps{ position:absolute; right: 0; top: 8.67rem; z-index: 8;}
.loudspeaker-wraps img{ width: 5.58rem; height: auto; display: block;}
.movie-wraps{position:absolute; left:0;  right:0;  top:3.68rem;  z-index: 8;}
.movie-wraps img{ width:5.56rem; height: auto; margin: 0 auto; padding-top: 1rem; display: block; }
.movie-wraps span{ position:absolute; right: 1rem; top: .3rem; animation: mov-ani 2s linear infinite;
    -webkit-animation: mov-ani 2s linear infinite; }
.movie-wraps span img{ width: 0.59rem; height: auto;}


/*静态分享画面*/
.share-wraps{ position: fixed; bottom: 1rem; left: 0; right: 0; display: none;}
.share-wraps img{ width:6.4rem; margin:0 auto; display:block;}
.md-load{ display: none;}
html{ background:#e6e6e6 url(../images/bg2.jpg) center 0 no-repeat; }

.sharesbts{ position: fixed; display: none;left: 0; right: 0; bottom:1.32rem; text-align: center; z-index: 9885;}
.sharesbts{transform:translateY(.7rem);}
.sharesbts img{ width: 5.77rem; height: 1.16rem; display: block; margin: 0 auto;}



@media screen and (max-width: 480px){
html{ background: none;}
html, body {max-width: 750px;}
.md-load{ display: block;}
}


.pages{ top: -.7rem;}
.moves {transform:translateX(-50%) translateY(.7rem);transform:translateX(-50%) translateY(.7rem);}



/*苹果6*/
@media screen and (device-aspect-ratio: 375/667) and (orientation : portrait) {	
	.md-load{ top: -1rem;}
	.load-inner{ top: 8.22rem;}
	.pages{ top: -1.5rem;}
	.moves {transform:translateX(-50%) translateY(1.5rem);
	transform:translateX(-50%) translateY(1.5rem);}
	.load-inner{top: 8.24rem;}
	.share-wraps{ bottom: 0.2rem;}
/*	.sharesbts{ top: 12rem; }*/
	.ship-tits{margin-top: .2rem;}
	.sharesbts{transform:translateY(1.5rem);}
}

/*苹果7plus*/
@media screen and (device-aspect-ratio: 414/736) and (orientation : portrait) {	
	.load-inner{top: 8.24rem;}
	.pages{ top: -1.5rem;}
	.moves {transform:translateX(-50%) translateY(1.5rem);
	transform:translateX(-50%) translateY(1.5rem);}
		.share-wraps{ bottom: 0.2rem;}
/*		.sharesbts{ top: 12rem; }*/
		.ship-tits{margin-top: .2rem;}
	
	.sharesbts{transform:translateY(1.5rem);}
}


/*荣耀X8*/
@media screen and (device-aspect-ratio: 360/669)  and (orientation : portrait) {

	.pages{ top: -0.8rem;}
	.moves {transform:translateX(-50%) translateY(0.8rem);
	transform:translateX(-50%) translateY(0.8rem);}
	.load-inner{top: 8.24rem;}
		.share-wraps{ bottom: 0.5rem;}
		/*.sharesbts{ top: 12rem; }*/
		.ship-tits{margin-top: .2rem;}
	.sharesbts{transform:translateY(.8rem);}
}


/*华为p30*/
@media screen and (device-aspect-ratio: 360/780)  and (orientation : portrait) {
	.pages{ top: -0.8rem;}
	.moves {transform:translateX(-50%) translateY(0.8rem);
	transform:translateX(-50%) translateY(0.8rem);}
	.load-inner{top: 8.24rem;}
	.share-wraps{ bottom: 0.4rem;}
		.ship-tits{margin-top: .2rem;}
	.sharesbts{transform:translateY(.8rem);}
	
}
/*苹果x*/
@media screen and (device-aspect-ratio: 375/812) and (orientation : portrait) {
	
	
}

/*华为*/
@media screen and (device-aspect-ratio: 400/867) and (orientation : portrait) {
	

	
}


/*小米*/
@media screen and (device-aspect-ratio: 400/889) and (orientation : portrait) {
	
	
}

body.mobcss  *{ display: none!important;}
.mobcss{ background:#e6e6e6 url(../images/s_bg.jpg) no-repeat center center!important; background-size: 100% auto!important;}

body.mobcss.mobcss2  *{ display: none!important;}
.mobcss.mobcss2{ background:#e6e6e6 url(../images/ew_bg.jpg) no-repeat center center!important; background-size: 100% auto!important;}
	
@media all and (orientation: landscape) {

}

.onhovers span{ display: none;}
.onhovers em{ display: inline-block;}

#ends{ display: none;}